indicator-ui 0.1.118 → 0.1.120

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 (46) hide show
  1. package/dist/index.css +1069 -1001
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +393 -51
  4. package/dist/index.js.map +1 -1
  5. package/dist/scss/styles/colors/secondary.scss +12 -12
  6. package/dist/scss/styles/mixins/formFieldMixins.scss +55 -0
  7. package/dist/scss/styles/mixins/index.scss +1 -0
  8. package/dist/scss/styles/mixins/modify-svg.scss +5 -2
  9. package/dist/scss/styles/mixins/utils.scss +8 -0
  10. package/dist/scss/test/pages/style.scss +6 -0
  11. package/dist/scss/ui/CheckboxMark/styles/mixins/base.scss +14 -22
  12. package/dist/scss/ui/CheckboxMark/styles/mixins/checkbox-mark.scss +17 -117
  13. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss +21 -22
  14. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss +43 -45
  15. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/disabled.scss +15 -31
  16. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/error.scss +17 -11
  17. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/incorrect.scss +38 -22
  18. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss +8 -4
  19. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/radio.scss +1 -7
  20. package/dist/ts/src/test/pages/ButtonsPage.d.ts +1 -0
  21. package/dist/ts/src/test/pages/DropdownV2Page.d.ts +1 -0
  22. package/dist/ts/src/test/pages/index.d.ts +2 -1
  23. package/dist/ts/src/ui/Buttons/types/ButtonTypes.d.ts +5 -1
  24. package/dist/ts/src/ui/DateTimePicker/hooks/useDateTimePicker.d.ts +1 -1
  25. package/dist/ts/src/ui/DropdownItem/types/DropdownItemTypes.d.ts +2 -1
  26. package/dist/ts/src/ui/DropdownV2/index.d.ts +1 -0
  27. package/dist/ts/src/ui/DropdownV2/styles/components/index.d.ts +2 -0
  28. package/dist/ts/src/ui/DropdownV2/styles/index.d.ts +3 -0
  29. package/dist/ts/src/ui/DropdownV2/ui/DropdownItemV2.d.ts +13 -0
  30. package/dist/ts/src/ui/DropdownV2/ui/DropdownV2.d.ts +10 -0
  31. package/dist/ts/src/ui/DropdownV2/ui/components/Check.d.ts +6 -0
  32. package/dist/ts/src/ui/DropdownV2/ui/components/Info.d.ts +10 -0
  33. package/dist/ts/src/ui/DropdownV2/ui/components/index.d.ts +2 -0
  34. package/dist/ts/src/ui/DropdownV2/ui/index.d.ts +2 -0
  35. package/dist/ts/src/ui/InputFields/FlexField/types/FlexFieldTypes.d.ts +3 -1
  36. package/dist/ts/src/ui/InputFields/FlexField/ui/FlexField.d.ts +1 -1
  37. package/dist/ts/src/ui/Tag/ui/FilterTag.d.ts +1 -1
  38. package/dist/ts/src/ui/UserPick/index.d.ts +0 -1
  39. package/dist/ts/src/ui/UserPick/ui/UserPick.d.ts +18 -2
  40. package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useFormPaginatedSelectField.d.ts +2 -1
  41. package/dist/ts/src/ui/index.d.ts +1 -0
  42. package/docs/CSSVariables/CSSThemeCustomize.md +123 -0
  43. package/package.json +1 -1
  44. package/dist/ts/src/ui/UserPick/types/UserPickTypes.d.ts +0 -17
  45. package/dist/ts/src/ui/UserPick/types/index.d.ts +0 -1
  46. /package/dist/ts/src/test/pages/{FieldsPage.d.ts → FieldsPage/FieldsPage.d.ts} +0 -0
package/dist/index.css CHANGED
@@ -1344,23 +1344,59 @@
1344
1344
  /*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
1345
1345
  !*** 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/InputFields/FlexField/styles/FlexField.module.scss ***!
1346
1346
  \***********************************************************************************************************************************************************************************************************************************************************************************/
1347
+ @charset "UTF-8";
1347
1348
  .FlexField-module__flexField___bQEfy {
1348
1349
  width: 100%;
1349
1350
  height: fit-content;
1350
1351
  min-width: 0;
1351
1352
  padding: 9px 11px;
1352
- border-radius: 8px;
1353
+ border-radius: var(--ui-form-field-border-radius, 8px);
1353
1354
  gap: 12px;
1354
1355
  box-sizing: border-box;
1355
- background-color: var(--base-white);
1356
- border: 1px solid var(--gray-300);
1357
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
1356
+ background-color: var(--ui-form-field-background-color, var(--base-white));
1357
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-300));
1358
+ box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1359
+ transition: all ease-out 200ms;
1360
+ }
1361
+ [data-theme=dark] .FlexField-module__flexField___bQEfy {
1362
+ background-color: var(--ui-form-field-background-color, var(--gray-950));
1363
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-800));
1358
1364
  }
1359
1365
  .FlexField-module__flexField___bQEfy {
1360
1366
  display: flex;
1361
1367
  align-items: center;
1362
1368
  justify-content: center;
1363
1369
  }
1370
+ .FlexField-module__flexField___bQEfy .FlexField-module__textSupport___WGMzj {
1371
+ font-size: 16px;
1372
+ line-height: 24px;
1373
+ color: var(--ui-form-field-placeholder-color, var(--gray-500));
1374
+ font-weight: 400;
1375
+ font-family: var(--golos);
1376
+ font-stretch: normal;
1377
+ font-style: normal;
1378
+ font-variant: normal;
1379
+ }
1380
+ .FlexField-module__flexField___bQEfy .FlexField-module__textSupport___WGMzj {
1381
+ font-size: 16px;
1382
+ line-height: 24px;
1383
+ color: var(--ui-form-field-placeholder-color, var(--gray-400));
1384
+ font-weight: 400;
1385
+ font-family: var(--golos);
1386
+ font-stretch: normal;
1387
+ font-style: normal;
1388
+ font-variant: normal;
1389
+ }
1390
+ [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__textSupport___WGMzj {
1391
+ font-size: 16px;
1392
+ line-height: 24px;
1393
+ color: var(--ui-form-field-placeholder-color, var(--gray-500));
1394
+ font-weight: 400;
1395
+ font-family: var(--golos);
1396
+ font-stretch: normal;
1397
+ font-style: normal;
1398
+ font-variant: normal;
1399
+ }
1364
1400
  .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1 {
1365
1401
  flex: 1;
1366
1402
  min-width: 0;
@@ -1373,11 +1409,38 @@
1373
1409
  text-wrap: nowrap;
1374
1410
  overflow: hidden;
1375
1411
  text-overflow: ellipsis;
1412
+ transition: -webkit-box-shadow ease-out 200ms;
1413
+ /* Полный сброс стандартных стилей автозаполнения */
1414
+ /* Для современных браузеров */
1415
+ }
1416
+ .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:-internal-autofill-selected, .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:-webkit-autofill, .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:-webkit-autofill:hover, .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:-webkit-autofill:active {
1417
+ -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-900)) !important;
1418
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--base-white)) inset;
1419
+ background-color: transparent !important;
1420
+ caret-color: currentColor !important;
1421
+ }
1422
+ [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:-internal-autofill-selected, [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:-webkit-autofill, [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:-webkit-autofill:hover, [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:-webkit-autofill:active {
1423
+ -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-25)) !important;
1424
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--gray-950)) inset;
1425
+ }
1426
+ .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:-webkit-autofill:focus {
1427
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--base-white)) inset;
1428
+ }
1429
+ [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:-webkit-autofill:focus {
1430
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--gray-950)) inset;
1431
+ }
1432
+ .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:auto-fill, .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:autofill {
1433
+ color: var(--ui-form-field-text-color, var(--gray-900)) !important;
1434
+ background-color: transparent !important;
1435
+ box-shadow: 0 0 0 40rem transparent !important;
1436
+ }
1437
+ [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:auto-fill, [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:autofill {
1438
+ color: var(--ui-form-field-text-color, var(--gray-25)) !important;
1376
1439
  }
1377
1440
  .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1 {
1378
1441
  font-size: 16px;
1379
1442
  line-height: 24px;
1380
- color: var(--gray-900);
1443
+ color: var(--ui-form-field-text-color, var(--gray-900));
1381
1444
  font-weight: 400;
1382
1445
  font-family: var(--golos);
1383
1446
  font-stretch: normal;
@@ -1387,13 +1450,16 @@
1387
1450
  .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1::placeholder, .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1.FlexField-module__placeholder___LYS5Z {
1388
1451
  font-size: 16px;
1389
1452
  line-height: 24px;
1390
- color: var(--gray-400);
1453
+ color: var(--ui-form-field-placeholder-color, var(--gray-400));
1391
1454
  font-weight: 400;
1392
1455
  font-family: var(--golos);
1393
1456
  font-stretch: normal;
1394
1457
  font-style: normal;
1395
1458
  font-variant: normal;
1396
1459
  }
1460
+ .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1:read-only {
1461
+ cursor: default;
1462
+ }
1397
1463
  .FlexField-module__flexField___bQEfy .FlexField-module__icon___pHmKh {
1398
1464
  padding: 2px 0;
1399
1465
  }
@@ -1410,15 +1476,8 @@
1410
1476
  height: 20px;
1411
1477
  flex: none;
1412
1478
  }
1413
- .FlexField-module__flexField___bQEfy .FlexField-module__textSupport___WGMzj {
1414
- font-size: 16px;
1415
- line-height: 24px;
1416
- color: var(--gray-400);
1417
- font-weight: 400;
1418
- font-family: var(--golos);
1419
- font-stretch: normal;
1420
- font-style: normal;
1421
- font-variant: normal;
1479
+ [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__icon___pHmKh > svg * {
1480
+ stroke: var(--ui-form-field-placeholder-color, var(--gray-500));
1422
1481
  }
1423
1482
  .FlexField-module__flexField___bQEfy .FlexField-module__help___ORoT_ {
1424
1483
  padding: 2px 0;
@@ -1436,6 +1495,76 @@
1436
1495
  height: 16px;
1437
1496
  flex: none;
1438
1497
  }
1498
+ .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) {
1499
+ background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--base-white)));
1500
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-400)));
1501
+ 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)));
1502
+ color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-900)));
1503
+ }
1504
+ [data-theme=dark] .FlexField-module__flexField___bQEfy:has(.FlexField-module__inputField___ckUI1:focus) {
1505
+ background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--gray-950)));
1506
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-700)));
1507
+ 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)));
1508
+ color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-25)));
1509
+ }
1510
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ {
1511
+ background-color: var(--ui-form-field-error-background-color, var(--base-white));
1512
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));
1513
+ box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1514
+ color: var(--ui-form-field-error-text-color, var(--gray-900));
1515
+ }
1516
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ {
1517
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
1518
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-900));
1519
+ 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)));
1520
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
1521
+ }
1522
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__help___ORoT_ > svg * {
1523
+ stroke: var(--error-500);
1524
+ }
1525
+ .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) {
1526
+ background-color: var(--ui-form-field-error-focus-background-color, var(--base-white));
1527
+ border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-400));
1528
+ box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1529
+ color: var(--ui-form-field-error-focus-text-color, var(--gray-900));
1530
+ }
1531
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ:has(.FlexField-module__inputField___ckUI1:focus) {
1532
+ 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))));
1533
+ border: 1px solid var(--ui-form-field-error-focus-border-color, var(--ui-form-field-error-border-color, var(--error-700)));
1534
+ 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)));
1535
+ color: var(--ui-form-field-error-focus-text-color, var(--gray-25));
1536
+ }
1537
+ .FlexField-module__flexField___bQEfy.FlexField-module__pointer___dOJ4b *, .FlexField-module__flexField___bQEfy.FlexField-module__pointer___dOJ4b .FlexField-module__inputField___ckUI1 {
1538
+ cursor: pointer;
1539
+ }
1540
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv {
1541
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
1542
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));
1543
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
1544
+ cursor: default;
1545
+ pointer-events: none;
1546
+ }
1547
+ [data-theme=dark] .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv {
1548
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
1549
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));
1550
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
1551
+ }
1552
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv * {
1553
+ cursor: default;
1554
+ }
1555
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__userPick___GeaoI {
1556
+ opacity: 50%;
1557
+ }
1558
+ .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1 {
1559
+ font-size: 16px;
1560
+ line-height: 24px;
1561
+ color: var(--gray-500);
1562
+ font-weight: 400;
1563
+ font-family: var(--golos);
1564
+ font-stretch: normal;
1565
+ font-style: normal;
1566
+ font-variant: normal;
1567
+ }
1439
1568
  .FlexField-module__flexField___bQEfy .FlexField-module__dropdown___BqdfG {
1440
1569
  padding: 2px 0;
1441
1570
  transition: all ease-in-out 200ms;
@@ -1483,43 +1612,6 @@
1483
1612
  .FlexField-module__flexField___bQEfy .FlexField-module__button___TjLHK.FlexField-module__gray___sjpVp:hover > svg * {
1484
1613
  stroke: var(--gray-500);
1485
1614
  }
1486
- .FlexField-module__flexField___bQEfy.FlexField-module__pointer___dOJ4b {
1487
- cursor: pointer;
1488
- }
1489
- .FlexField-module__flexField___bQEfy.FlexField-module__focus___pkwN6 {
1490
- border: 1px solid var(--gray-400);
1491
- }
1492
- .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ {
1493
- border: 1px solid var(--error-300);
1494
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
1495
- }
1496
- .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ .FlexField-module__help___ORoT_ > svg * {
1497
- stroke: var(--error-500);
1498
- }
1499
- .FlexField-module__flexField___bQEfy.FlexField-module__isError___VljDQ.FlexField-module__focus___pkwN6 {
1500
- border: 1px solid var(--error-400);
1501
- }
1502
- .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv {
1503
- background-color: var(--gray-50);
1504
- cursor: default;
1505
- pointer-events: none;
1506
- }
1507
- .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv * {
1508
- cursor: default;
1509
- }
1510
- .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__userPick___GeaoI {
1511
- opacity: 50%;
1512
- }
1513
- .FlexField-module__flexField___bQEfy.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1 {
1514
- font-size: 16px;
1515
- line-height: 24px;
1516
- color: var(--gray-500);
1517
- font-weight: 400;
1518
- font-family: var(--golos);
1519
- font-stretch: normal;
1520
- font-style: normal;
1521
- font-variant: normal;
1522
- }
1523
1615
  .FlexField-module__flexField___bQEfy.FlexField-module__smallDisplay___y_Y9l {
1524
1616
  padding: 0;
1525
1617
  border: none;
@@ -1550,100 +1642,34 @@
1550
1642
  font-style: normal;
1551
1643
  font-variant: normal;
1552
1644
  }
1553
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD {
1554
- background-color: var(--gray-iron-950);
1555
- border: 1px solid var(--gray-iron-800);
1556
- }
1557
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__inputField___ckUI1 {
1558
- font-size: 16px;
1559
- line-height: 24px;
1560
- color: var(--gray-iron-25);
1561
- font-weight: 400;
1562
- font-family: var(--golos);
1563
- font-stretch: normal;
1564
- font-style: normal;
1565
- font-variant: normal;
1566
- }
1567
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__inputField___ckUI1::placeholder, .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__inputField___ckUI1.FlexField-module__placeholder___LYS5Z {
1568
- font-size: 16px;
1569
- line-height: 24px;
1570
- color: var(--gray-iron-500);
1571
- font-weight: 400;
1572
- font-family: var(--golos);
1573
- font-stretch: normal;
1574
- font-style: normal;
1575
- font-variant: normal;
1576
- }
1577
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__icon___pHmKh > svg * {
1578
- stroke: var(--gray-iron-500);
1645
+ [data-theme=dark] .FlexField-module__flexField___bQEfy {
1646
+ background-color: var(--ui-form-field-background-color, var(--gray-950));
1647
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-800));
1579
1648
  }
1580
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__textSupport___WGMzj {
1649
+ [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1 {
1581
1650
  font-size: 16px;
1582
1651
  line-height: 24px;
1583
- color: var(--gray-iron-500);
1652
+ color: var(--ui-form-field-text-color, var(--gray-200));
1584
1653
  font-weight: 400;
1585
1654
  font-family: var(--golos);
1586
1655
  font-stretch: normal;
1587
1656
  font-style: normal;
1588
1657
  font-variant: normal;
1589
1658
  }
1590
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__help___ORoT_ > svg * {
1591
- stroke: var(--gray-iron-500);
1592
- }
1593
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__dropdown___BqdfG > svg * {
1594
- stroke: var(--gray-iron-500);
1595
- }
1596
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__button___TjLHK.FlexField-module__red___BY7NK > svg * {
1597
- stroke: var(--error-400);
1598
- }
1599
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__button___TjLHK.FlexField-module__red___BY7NK:hover > svg * {
1600
- stroke: var(--error-500);
1601
- }
1602
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__button___TjLHK.FlexField-module__gray___sjpVp > svg * {
1603
- stroke: var(--gray-iron-400);
1604
- }
1605
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD .FlexField-module__button___TjLHK.FlexField-module__gray___sjpVp:hover > svg * {
1606
- stroke: var(--gray-iron-500);
1607
- }
1608
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__focus___pkwN6 {
1609
- border: 1px solid var(--gray-iron-700);
1610
- }
1611
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__isError___VljDQ {
1612
- border: 1px solid var(--error-900);
1613
- }
1614
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__isError___VljDQ .FlexField-module__help___ORoT_ > svg * {
1615
- stroke: var(--error-500);
1616
- }
1617
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__isError___VljDQ.FlexField-module__focus___pkwN6 {
1618
- border: 1px solid var(--error-700);
1619
- }
1620
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__disabled___lN8Vv {
1621
- background-color: var(--gray-iron-950);
1622
- }
1623
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__disabled___lN8Vv .FlexField-module__inputField___ckUI1 {
1659
+ [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1::placeholder, [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__inputField___ckUI1.FlexField-module__placeholder___LYS5Z {
1624
1660
  font-size: 16px;
1625
1661
  line-height: 24px;
1626
- color: var(--gray-iron-500);
1662
+ color: var(--ui-form-field-placeholder-color, var(--gray-500));
1627
1663
  font-weight: 400;
1628
1664
  font-family: var(--golos);
1629
1665
  font-stretch: normal;
1630
1666
  font-style: normal;
1631
1667
  font-variant: normal;
1632
1668
  }
1633
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__smallDisplay___y_Y9l .FlexField-module__inputField___ckUI1 {
1669
+ [data-theme=dark] .FlexField-module__flexField___bQEfy .FlexField-module__textSupport___WGMzj {
1634
1670
  font-size: 16px;
1635
1671
  line-height: 24px;
1636
- color: var(--gray-iron-25);
1637
- font-weight: 400;
1638
- font-family: var(--golos);
1639
- font-stretch: normal;
1640
- font-style: normal;
1641
- font-variant: normal;
1642
- }
1643
- .FlexField-module__flexField___bQEfy.FlexField-module__darkTheme___VCwjD.FlexField-module__largeDisplay___I3LHo .FlexField-module__inputField___ckUI1 {
1644
- font-size: 20px;
1645
- line-height: 24px;
1646
- color: var(--gray-iron-25);
1672
+ color: var(--ui-form-field-placeholder-color, var(--gray-500));
1647
1673
  font-weight: 400;
1648
1674
  font-family: var(--golos);
1649
1675
  font-stretch: normal;
@@ -1675,7 +1701,7 @@
1675
1701
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg .InputFieldWrapper-module__labelText___n0EsW {
1676
1702
  font-size: 14px;
1677
1703
  line-height: 20px;
1678
- color: var(--gray-700);
1704
+ color: var(--ui-form-field-label-color, var(--gray-700));
1679
1705
  font-weight: 500;
1680
1706
  font-family: var(--golos);
1681
1707
  font-stretch: normal;
@@ -1685,7 +1711,7 @@
1685
1711
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg .InputFieldWrapper-module__labelText___n0EsW .InputFieldWrapper-module__required___SDv6c {
1686
1712
  font-size: 14px;
1687
1713
  line-height: 20px;
1688
- color: var(--error-500);
1714
+ color: var(--ui-form-field-required-color, var(--error-500));
1689
1715
  font-weight: 500;
1690
1716
  font-family: var(--golos);
1691
1717
  font-stretch: normal;
@@ -1700,7 +1726,7 @@
1700
1726
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg .InputFieldWrapper-module__hintText___Utfgx {
1701
1727
  font-size: 14px;
1702
1728
  line-height: 20px;
1703
- color: var(--gray-600);
1729
+ color: var(--ui-form-field-hint-text-color, var(--gray-600));
1704
1730
  font-weight: 400;
1705
1731
  font-family: var(--golos);
1706
1732
  font-stretch: normal;
@@ -1715,7 +1741,7 @@
1715
1741
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg .InputFieldWrapper-module__hintError___v4J5W {
1716
1742
  font-size: 14px;
1717
1743
  line-height: 20px;
1718
- color: var(--error-500);
1744
+ color: var(--ui-form-field-hint-error-color, var(--error-500));
1719
1745
  font-weight: 400;
1720
1746
  font-family: var(--golos);
1721
1747
  font-stretch: normal;
@@ -1735,12 +1761,12 @@
1735
1761
  flex: none;
1736
1762
  }
1737
1763
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg .InputFieldWrapper-module__helperLink___Kfen4 svg * {
1738
- stroke: var(--primary-500);
1764
+ stroke: var(--ui-form-field-helper-link-color, var(--primary-500));
1739
1765
  }
1740
1766
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg .InputFieldWrapper-module__helperLink___Kfen4 {
1741
1767
  font-size: 14px;
1742
1768
  line-height: 20px;
1743
- color: var(--primary-500);
1769
+ color: var(--ui-form-field-helper-link-color, var(--primary-500));
1744
1770
  font-weight: 400;
1745
1771
  font-family: var(--golos);
1746
1772
  font-stretch: normal;
@@ -1753,7 +1779,7 @@
1753
1779
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__display___EN4pl .InputFieldWrapper-module__labelText___n0EsW {
1754
1780
  font-size: 14px;
1755
1781
  line-height: 20px;
1756
- color: var(--gray-500);
1782
+ color: var(--ui-form-field-label-color, var(--gray-500));
1757
1783
  font-weight: 500;
1758
1784
  font-family: var(--golos);
1759
1785
  font-stretch: normal;
@@ -1766,7 +1792,7 @@
1766
1792
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__display___EN4pl .InputFieldWrapper-module__hintText___Utfgx {
1767
1793
  font-size: 14px;
1768
1794
  line-height: 20px;
1769
- color: var(--gray-600);
1795
+ color: var(--ui-form-field-hint-text-color, var(--gray-600));
1770
1796
  font-weight: 400;
1771
1797
  font-family: var(--golos);
1772
1798
  font-stretch: normal;
@@ -1776,40 +1802,60 @@
1776
1802
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__display___EN4pl .InputFieldWrapper-module__helperLink___Kfen4 {
1777
1803
  padding: 0;
1778
1804
  }
1779
- .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__labelText___n0EsW {
1805
+ [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___QKhWg .InputFieldWrapper-module__labelText___n0EsW {
1780
1806
  font-size: 14px;
1781
1807
  line-height: 20px;
1782
- color: var(--gray-iron-400);
1808
+ color: var(--ui-form-field-label-color, var(--gray-400));
1783
1809
  font-weight: 500;
1784
1810
  font-family: var(--golos);
1785
1811
  font-stretch: normal;
1786
1812
  font-style: normal;
1787
1813
  font-variant: normal;
1788
1814
  }
1789
- .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__labelText___n0EsW .InputFieldWrapper-module__required___SDv6c {
1815
+ [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___QKhWg .InputFieldWrapper-module__hintText___Utfgx {
1790
1816
  font-size: 14px;
1791
1817
  line-height: 20px;
1792
- color: var(--error-500);
1818
+ color: var(--ui-form-field-hint-text-color, var(--gray-500));
1819
+ font-weight: 400;
1820
+ font-family: var(--golos);
1821
+ font-stretch: normal;
1822
+ font-style: normal;
1823
+ font-variant: normal;
1824
+ }
1825
+ [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__display___EN4pl .InputFieldWrapper-module__labelText___n0EsW {
1826
+ font-size: 14px;
1827
+ line-height: 20px;
1828
+ color: var(--ui-form-field-label-color, var(--gray-400));
1793
1829
  font-weight: 500;
1794
1830
  font-family: var(--golos);
1795
1831
  font-stretch: normal;
1796
1832
  font-style: normal;
1797
1833
  font-variant: normal;
1798
1834
  }
1799
- .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__hintText___Utfgx {
1835
+ [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__display___EN4pl .InputFieldWrapper-module__hintText___Utfgx {
1800
1836
  font-size: 14px;
1801
1837
  line-height: 20px;
1802
- color: var(--gray-iron-500);
1838
+ color: var(--ui-form-field-hint-text-color, var(--gray-500));
1803
1839
  font-weight: 400;
1804
1840
  font-family: var(--golos);
1805
1841
  font-stretch: normal;
1806
1842
  font-style: normal;
1807
1843
  font-variant: normal;
1808
1844
  }
1809
- .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__hintError___v4J5W {
1845
+ .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__labelText___n0EsW {
1810
1846
  font-size: 14px;
1811
1847
  line-height: 20px;
1812
- color: var(--error-500);
1848
+ color: var(--gray-400);
1849
+ font-weight: 500;
1850
+ font-family: var(--golos);
1851
+ font-stretch: normal;
1852
+ font-style: normal;
1853
+ font-variant: normal;
1854
+ }
1855
+ .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__hintText___Utfgx {
1856
+ font-size: 14px;
1857
+ line-height: 20px;
1858
+ color: var(--gray-500);
1813
1859
  font-weight: 400;
1814
1860
  font-family: var(--golos);
1815
1861
  font-stretch: normal;
@@ -1822,12 +1868,12 @@
1822
1868
  flex: none;
1823
1869
  }
1824
1870
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__helperLink___Kfen4 svg * {
1825
- stroke: var(--rose-500);
1871
+ stroke: var(--primary-500);
1826
1872
  }
1827
1873
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp .InputFieldWrapper-module__helperLink___Kfen4 {
1828
1874
  font-size: 14px;
1829
1875
  line-height: 20px;
1830
- color: var(--rose-500);
1876
+ color: var(--primary-500);
1831
1877
  font-weight: 400;
1832
1878
  font-family: var(--golos);
1833
1879
  font-stretch: normal;
@@ -1837,7 +1883,7 @@
1837
1883
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp.InputFieldWrapper-module__display___EN4pl .InputFieldWrapper-module__labelText___n0EsW {
1838
1884
  font-size: 14px;
1839
1885
  line-height: 20px;
1840
- color: var(--gray-iron-400);
1886
+ color: var(--gray-400);
1841
1887
  font-weight: 500;
1842
1888
  font-family: var(--golos);
1843
1889
  font-stretch: normal;
@@ -1847,7 +1893,7 @@
1847
1893
  .InputFieldWrapper-module__inputFieldWrapper___QKhWg.InputFieldWrapper-module__darkTheme___lGNSp.InputFieldWrapper-module__display___EN4pl .InputFieldWrapper-module__hintText___Utfgx {
1848
1894
  font-size: 14px;
1849
1895
  line-height: 20px;
1850
- color: var(--gray-iron-500);
1896
+ color: var(--gray-500);
1851
1897
  font-weight: 400;
1852
1898
  font-family: var(--golos);
1853
1899
  font-stretch: normal;
@@ -1863,17 +1909,17 @@
1863
1909
  min-height: 68px;
1864
1910
  overflow: auto;
1865
1911
  resize: none;
1866
- border-radius: 8px;
1912
+ border-radius: var(--ui-form-field-border-radius, 8px);
1867
1913
  padding: 9px 11px;
1868
- background-color: var(--base-white);
1869
- border: 1px solid var(--gray-300);
1870
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
1914
+ background-color: var(--ui-form-field-background-color, var(--base-white));
1915
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-300));
1916
+ box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1871
1917
  transition: all ease-out 200ms;
1872
1918
  }
1873
1919
  .TextareaField-module__textareaField___Vcg4L {
1874
1920
  font-size: 16px;
1875
1921
  line-height: 24px;
1876
- color: var(--gray-900);
1922
+ color: var(--ui-form-field-text-color, var(--gray-900));
1877
1923
  font-weight: 400;
1878
1924
  font-family: var(--golos);
1879
1925
  font-stretch: normal;
@@ -1883,7 +1929,7 @@
1883
1929
  .TextareaField-module__textareaField___Vcg4L::placeholder {
1884
1930
  font-size: 16px;
1885
1931
  line-height: 24px;
1886
- color: var(--gray-400);
1932
+ color: var(--ui-form-field-placeholder-color, var(--gray-400));
1887
1933
  font-weight: 400;
1888
1934
  font-family: var(--golos);
1889
1935
  font-stretch: normal;
@@ -1891,84 +1937,85 @@
1891
1937
  font-variant: normal;
1892
1938
  }
1893
1939
  .TextareaField-module__textareaField___Vcg4L:focus {
1894
- border: 1px solid var(--gray-400);
1940
+ background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--base-white)));
1941
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-400)));
1942
+ 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)));
1943
+ color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-900)));
1895
1944
  }
1896
- .TextareaField-module__textareaField___Vcg4L:disabled {
1897
- background-color: var(--gray-50);
1945
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:focus {
1946
+ background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--gray-950)));
1947
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-700)));
1948
+ 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)));
1949
+ color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-25)));
1898
1950
  }
1899
1951
  .TextareaField-module__textareaField___Vcg4L:disabled {
1900
- font-size: 16px;
1901
- line-height: 24px;
1902
- color: var(--gray-500);
1903
- font-weight: 400;
1904
- font-family: var(--golos);
1905
- font-stretch: normal;
1906
- font-style: normal;
1907
- font-variant: normal;
1952
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
1953
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));
1954
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
1908
1955
  }
1909
- .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU {
1910
- border: 1px solid var(--error-300);
1956
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L:disabled {
1957
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
1958
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));
1959
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
1911
1960
  }
1912
- .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus {
1913
- border: 1px solid var(--error-400);
1961
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU {
1962
+ background-color: var(--ui-form-field-error-background-color, var(--base-white));
1963
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));
1964
+ box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1965
+ color: var(--ui-form-field-error-text-color, var(--gray-900));
1914
1966
  }
1915
- .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS {
1916
- background-color: var(--gray-iron-950);
1917
- border: 1px solid var(--gray-iron-800);
1918
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
1967
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU {
1968
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
1969
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-900));
1970
+ 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)));
1971
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
1919
1972
  }
1920
- .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS {
1973
+ .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus {
1974
+ background-color: var(--ui-form-field-error-focus-background-color, var(--base-white));
1975
+ border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-400));
1976
+ box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
1977
+ color: var(--ui-form-field-error-focus-text-color, var(--gray-900));
1978
+ }
1979
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L.TextareaField-module__isError___VGTeU:focus {
1980
+ 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))));
1981
+ border: 1px solid var(--ui-form-field-error-focus-border-color, var(--ui-form-field-error-border-color, var(--error-700)));
1982
+ 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)));
1983
+ color: var(--ui-form-field-error-focus-text-color, var(--gray-25));
1984
+ }
1985
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L {
1986
+ background-color: var(--ui-form-field-background-color, var(--gray-950));
1987
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-800));
1988
+ }
1989
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L {
1921
1990
  font-size: 16px;
1922
1991
  line-height: 24px;
1923
- color: var(--gray-iron-25);
1992
+ color: var(--ui-form-field-text-color, var(--gray-200));
1924
1993
  font-weight: 400;
1925
1994
  font-family: var(--golos);
1926
1995
  font-stretch: normal;
1927
1996
  font-style: normal;
1928
1997
  font-variant: normal;
1929
1998
  }
1930
- .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS::placeholder {
1999
+ [data-theme=dark] .TextareaField-module__textareaField___Vcg4L::placeholder {
1931
2000
  font-size: 16px;
1932
2001
  line-height: 24px;
1933
- color: var(--gray-iron-500);
2002
+ color: var(--ui-form-field-placeholder-color, var(--gray-500));
1934
2003
  font-weight: 400;
1935
2004
  font-family: var(--golos);
1936
2005
  font-stretch: normal;
1937
2006
  font-style: normal;
1938
2007
  font-variant: normal;
1939
2008
  }
1940
- .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS:focus {
1941
- border: 1px solid var(--gray-iron-700);
1942
- }
1943
- .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS:disabled {
1944
- background-color: var(--gray-iron-950);
1945
- }
1946
- .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS:disabled {
1947
- font-size: 16px;
1948
- line-height: 24px;
1949
- color: var(--gray-iron-500);
1950
- font-weight: 400;
1951
- font-family: var(--golos);
1952
- font-stretch: normal;
1953
- font-style: normal;
1954
- font-variant: normal;
1955
- }
1956
- .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS.TextareaField-module__isError___VGTeU {
1957
- border: 1px solid var(--error-300);
1958
- }
1959
- .TextareaField-module__textareaField___Vcg4L.TextareaField-module__darkTheme___KXuqS.TextareaField-module__isError___VGTeU:focus {
1960
- border: 1px solid var(--error-400);
1961
- }
1962
- /*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
1963
- !*** 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/InputFields/DateTimeFieldMask/styles/DateTimeFieldMask.module.scss ***!
1964
- \***************************************************************************************************************************************************************************************************************************************************************************************************/
1965
- .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO {
1966
- height: fit-content;
1967
- border: 1px solid var(--gray-300);
1968
- box-shadow: 0 1px 0 0 rgba(16, 24, 40, 0.0509803922);
1969
- padding: 9px 11px;
1970
- border-radius: 8px;
1971
- background-color: var(--base-white);
2009
+ /*!***************************************************************************************************************************************************************************************************************************************************************************************************!*\
2010
+ !*** 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/InputFields/DateTimeFieldMask/styles/DateTimeFieldMask.module.scss ***!
2011
+ \***************************************************************************************************************************************************************************************************************************************************************************************************/
2012
+ .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO {
2013
+ height: fit-content;
2014
+ border: 1px solid var(--gray-300);
2015
+ box-shadow: 0 1px 0 0 rgba(16, 24, 40, 0.0509803922);
2016
+ padding: 9px 11px;
2017
+ border-radius: 8px;
2018
+ background-color: var(--base-white);
1972
2019
  }
1973
2020
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO {
1974
2021
  display: flex;
@@ -2077,16 +2124,16 @@
2077
2124
  flex: none;
2078
2125
  }
2079
2126
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk {
2080
- border: 1px solid var(--gray-iron-800);
2081
- background-color: var(--gray-iron-950);
2127
+ border: 1px solid var(--gray-800);
2128
+ background-color: var(--gray-950);
2082
2129
  }
2083
2130
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__icon___w5Oda > svg * {
2084
- stroke: var(--gray-iron-500);
2131
+ stroke: var(--gray-500);
2085
2132
  }
2086
2133
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk .DateTimeFieldMask-module__item___LHghw .DateTimeFieldMask-module__text___cfGtj {
2087
2134
  font-size: 16px;
2088
2135
  line-height: 24px;
2089
- color: var(--gray-iron-500);
2136
+ color: var(--gray-500);
2090
2137
  font-weight: 400;
2091
2138
  font-family: var(--golos);
2092
2139
  font-stretch: normal;
@@ -2094,15 +2141,15 @@
2094
2141
  font-variant: normal;
2095
2142
  }
2096
2143
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk .DateTimeFieldMask-module__xCloseButton___SiUGK > svg * {
2097
- stroke: var(--gray-iron-500);
2144
+ stroke: var(--gray-500);
2098
2145
  }
2099
2146
  @media only screen and (min-width: 1024px) {
2100
2147
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk .DateTimeFieldMask-module__xCloseButton___SiUGK:hover > svg * {
2101
- stroke: var(--gray-iron-600);
2148
+ stroke: var(--gray-600);
2102
2149
  }
2103
2150
  }
2104
2151
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk.DateTimeFieldMask-module__isFocus___rZ3KJ {
2105
- border: 1px solid var(--gray-iron-700);
2152
+ border: 1px solid var(--gray-700);
2106
2153
  }
2107
2154
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk.DateTimeFieldMask-module__isError___c1m4S {
2108
2155
  border: 1px solid var(--error-950);
@@ -2111,8 +2158,8 @@
2111
2158
  border: 1px solid var(--error-800);
2112
2159
  }
2113
2160
  .DateTimeFieldMask-module__DateTimeFieldMask___uYDVO.DateTimeFieldMask-module__darkTheme___uxObk.DateTimeFieldMask-module__disabled___xrbuV {
2114
- border: 1px solid var(--gray-iron-800);
2115
- background-color: var(--gray-iron-950);
2161
+ border: 1px solid var(--gray-800);
2162
+ background-color: var(--gray-950);
2116
2163
  }
2117
2164
  /*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
2118
2165
  !*** 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/InputFields/DateTimeField/styles/DateTimeField.module.scss ***!
@@ -2180,7 +2227,7 @@
2180
2227
  .DateTimeField-module__flexField___gDZ5r.DateTimeField-module__darkTheme___wmpps {
2181
2228
  font-size: 16px;
2182
2229
  line-height: 24px;
2183
- color: var(--gray-iron-25);
2230
+ color: var(--gray-25);
2184
2231
  font-weight: 400;
2185
2232
  font-family: var(--golos);
2186
2233
  font-stretch: normal;
@@ -2190,7 +2237,7 @@
2190
2237
  .DateTimeField-module__flexField___gDZ5r.DateTimeField-module__darkTheme___wmpps::placeholder {
2191
2238
  font-size: 16px;
2192
2239
  line-height: 24px;
2193
- color: var(--gray-iron-500);
2240
+ color: var(--gray-500);
2194
2241
  font-weight: 400;
2195
2242
  font-family: var(--golos);
2196
2243
  font-stretch: normal;
@@ -2200,7 +2247,7 @@
2200
2247
  .DateTimeField-module__flexField___gDZ5r.DateTimeField-module__darkTheme___wmpps.DateTimeField-module__disabled___Gk46h, .DateTimeField-module__flexField___gDZ5r.DateTimeField-module__darkTheme___wmpps.DateTimeField-module__disabled___Gk46h::placeholder {
2201
2248
  font-size: 16px;
2202
2249
  line-height: 24px;
2203
- color: var(--gray-iron-500);
2250
+ color: var(--gray-500);
2204
2251
  font-weight: 400;
2205
2252
  font-family: var(--golos);
2206
2253
  font-stretch: normal;
@@ -2312,74 +2359,78 @@
2312
2359
  \*****************************************************************************************************************************************************************************************************************************************************************************/
2313
2360
  .CheckboxMark-module__checkboxMark___QsRbu {
2314
2361
  transition: all ease-out 0.2s;
2315
- }
2316
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light] {
2317
2362
  width: 20px;
2318
2363
  height: 20px;
2319
2364
  flex: none;
2320
- background-color: var(--base-white);
2321
- border: 1px solid var(--gray-300);
2322
2365
  box-sizing: border-box;
2323
2366
  cursor: pointer;
2324
2367
  overflow: hidden;
2368
+ background-color: var(--ui-checkbox-mark-background-color, var(--base-white));
2369
+ border: 1px solid var(--ui-checkbox-mark-border-color, var(--gray-300));
2325
2370
  }
2326
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light] {
2371
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu {
2372
+ background-color: var(--ui-checkbox-mark-background-color, var(--gray-900));
2373
+ border: 1px solid var(--ui-checkbox-mark-border-color, var(--gray-500));
2374
+ }
2375
+ .CheckboxMark-module__checkboxMark___QsRbu {
2327
2376
  display: flex;
2328
2377
  align-items: center;
2329
2378
  justify-content: center;
2330
2379
  }
2331
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light] > svg * {
2380
+ .CheckboxMark-module__checkboxMark___QsRbu > svg * {
2332
2381
  stroke-width: 4;
2333
2382
  }
2334
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light] > svg {
2383
+ .CheckboxMark-module__checkboxMark___QsRbu > svg {
2335
2384
  width: 14px;
2336
2385
  height: 14px;
2337
2386
  flex: none;
2338
2387
  }
2339
- @media only screen and (min-width: 1024px) {
2340
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light]:hover {
2341
- background-color: var(--primary-50);
2342
- border: 1px solid var(--primary-200);
2343
- }
2344
- }
2345
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__checkbox___hYxxO {
2388
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checkbox___hYxxO {
2346
2389
  border-radius: 6px;
2347
2390
  }
2348
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__radio___rCtRc {
2391
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__radio___rCtRc {
2349
2392
  border-radius: 50%;
2350
2393
  }
2351
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__radio___rCtRc:after {
2394
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__radio___rCtRc:after {
2352
2395
  display: none;
2353
2396
  flex: none;
2354
2397
  content: "";
2355
2398
  width: 8px;
2356
2399
  height: 8px;
2357
2400
  border-radius: 50%;
2358
- background-color: var(--primary-500);
2359
2401
  }
2360
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__checked___gV7SX {
2361
- background-color: var(--primary-50);
2362
- border: 1px solid var(--primary-200);
2402
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX {
2403
+ background-color: var(--ui-checkbox-mark-active-background-color, var(--primary-50));
2404
+ border: 1px solid var(--ui-checkbox-mark-active-border-color, var(--primary-200));
2363
2405
  }
2364
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__checked___gV7SX > svg * {
2365
- stroke: var(--primary-500);
2406
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX > svg * {
2407
+ stroke: var(--ui-checkbox-mark-active-symbol-color, var(--primary-500));
2366
2408
  }
2367
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__checked___gV7SX:after {
2368
- display: block;
2409
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX {
2410
+ background-color: var(--ui-checkbox-mark-active-background-color, var(--primary-950));
2411
+ border: 1px solid var(--ui-checkbox-mark-active-border-color, var(--primary-700));
2369
2412
  }
2370
- @media only screen and (min-width: 1024px) {
2371
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__checked___gV7SX:hover {
2372
- border: 1px solid var(--primary-400);
2373
- }
2413
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX > svg * {
2414
+ stroke: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600));
2415
+ }
2416
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX {
2417
+ color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600));
2418
+ }
2419
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX:after {
2420
+ background-color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-600));
2421
+ }
2422
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__checked___gV7SX:after {
2423
+ background-color: var(--ui-checkbox-mark-active-symbol-color, var(--primary-500));
2424
+ display: block;
2374
2425
  }
2375
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__indeterminate___ZR_YC {
2426
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC {
2376
2427
  background-color: var(--primary-50);
2377
2428
  border: 1px solid var(--primary-200);
2378
2429
  }
2379
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__indeterminate___ZR_YC > svg * {
2430
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC > svg * {
2380
2431
  stroke: var(--primary-500);
2381
2432
  }
2382
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__indeterminate___ZR_YC {
2433
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC {
2383
2434
  font-size: 14px;
2384
2435
  line-height: 14px;
2385
2436
  color: var(--primary-500);
@@ -2389,74 +2440,72 @@
2389
2440
  font-style: normal;
2390
2441
  font-variant: normal;
2391
2442
  }
2392
- @media only screen and (min-width: 1024px) {
2393
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__indeterminate___ZR_YC:hover {
2394
- border: 1px solid var(--primary-400);
2395
- }
2443
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC {
2444
+ background-color: var(--primary-950);
2445
+ border: 1px solid var(--primary-700);
2396
2446
  }
2397
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__error___NJKGd {
2398
- background-color: var(--error-50);
2399
- border: 1px solid var(--error-200);
2447
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__indeterminate___ZR_YC {
2448
+ font-size: 14px;
2449
+ line-height: 14px;
2450
+ color: var(--primary-600);
2451
+ font-weight: 500;
2452
+ font-family: var(--golos);
2453
+ font-stretch: normal;
2454
+ font-style: normal;
2455
+ font-variant: normal;
2400
2456
  }
2401
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__error___NJKGd > svg * {
2402
- stroke: var(--error-500);
2457
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd {
2458
+ background-color: var(--ui-checkbox-mark-error-background-color, var(--error-50));
2459
+ border: 1px solid var(--ui-checkbox-mark-error-border-color, var(--error-200));
2403
2460
  }
2404
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__error___NJKGd {
2405
- color: var(--error-500);
2461
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd > svg * {
2462
+ stroke: var(--ui-checkbox-mark-error-symbol-color, var(--error-500));
2406
2463
  }
2407
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__error___NJKGd:after {
2408
- background-color: var(--error-500);
2464
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd:after {
2465
+ background-color: var(--ui-checkbox-mark-error-symbol-color, var(--error-500));
2409
2466
  }
2410
- @media only screen and (min-width: 1024px) {
2411
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__error___NJKGd:hover {
2412
- background-color: var(--error-50);
2413
- border: 1px solid var(--error-400);
2414
- }
2467
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd:after {
2468
+ background-color: var(--ui-checkbox-mark-error-symbol-color, var(--error-600));
2415
2469
  }
2416
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__disabled___Ab4Hh {
2470
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd {
2471
+ background-color: var(--ui-checkbox-mark-error-background-color, var(--error-950));
2472
+ border: 1px solid var(--ui-checkbox-mark-error-border-color, var(--error-700));
2473
+ }
2474
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__error___NJKGd > svg * {
2475
+ stroke: var(--ui-checkbox-mark-error-symbol-color, var(--error-600));
2476
+ }
2477
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh {
2417
2478
  cursor: default;
2418
- background-color: var(--gray-100);
2419
- border: 1px solid var(--gray-300);
2479
+ background-color: var(--ui-checkbox-mark-disabled-background-color, var(--gray-100));
2480
+ border: 1px solid var(--ui-checkbox-mark-disabled-border-color, var(--gray-300));
2420
2481
  }
2421
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__disabled___Ab4Hh:after {
2422
- background-color: var(--gray-300);
2482
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh > svg * {
2483
+ stroke: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300));
2423
2484
  }
2424
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__disabled___Ab4Hh > svg * {
2425
- stroke: var(--gray-300);
2485
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh {
2486
+ color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300));
2426
2487
  }
2427
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__disabled___Ab4Hh {
2428
- color: var(--gray-300);
2488
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:after {
2489
+ background-color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-300));
2429
2490
  }
2430
- @media only screen and (min-width: 1024px) {
2431
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__disabled___Ab4Hh:hover {
2432
- background-color: var(--gray-100);
2433
- border: 1px solid var(--gray-300);
2434
- }
2435
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__disabled___Ab4Hh:hover > svg * {
2436
- stroke: var(--gray-300);
2437
- }
2438
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__disabled___Ab4Hh:hover {
2439
- color: var(--gray-300);
2440
- }
2491
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh {
2492
+ background-color: var(--ui-checkbox-mark-disabled-background-color, var(--gray-800));
2493
+ border: 1px solid var(--ui-checkbox-mark-disabled-border-color, var(--gray-700));
2441
2494
  }
2442
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2443
- border: transparent;
2444
- background-color: var(--primary-500);
2495
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh > svg * {
2496
+ stroke: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700));
2445
2497
  }
2446
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2447
- font-size: 16px;
2448
- line-height: 24px;
2449
- color: var(--base-white);
2450
- font-weight: 400;
2451
- font-family: var(--golos);
2452
- font-stretch: normal;
2453
- font-style: normal;
2454
- font-variant: normal;
2498
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh {
2499
+ color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700));
2455
2500
  }
2456
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX > svg * {
2457
- stroke: var(--base-white);
2501
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__disabled___Ab4Hh:after {
2502
+ background-color: var(--ui-checkbox-mark-disabled-symbol-color, var(--gray-700));
2458
2503
  }
2459
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2504
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2505
+ border: transparent;
2506
+ background-color: var(--primary-500);
2507
+ }
2508
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2460
2509
  font-size: 14px;
2461
2510
  line-height: 14px;
2462
2511
  color: black;
@@ -2466,20 +2515,7 @@
2466
2515
  font-style: normal;
2467
2516
  font-variant: normal;
2468
2517
  }
2469
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:after {
2470
- display: none;
2471
- }
2472
- @media only screen and (min-width: 1024px) {
2473
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:hover {
2474
- border: transparent;
2475
- background-color: var(--primary-600);
2476
- }
2477
- }
2478
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2479
- border: transparent;
2480
- background-color: var(--gray-300);
2481
- }
2482
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2518
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2483
2519
  font-size: 16px;
2484
2520
  line-height: 24px;
2485
2521
  color: var(--base-white);
@@ -2489,261 +2525,116 @@
2489
2525
  font-style: normal;
2490
2526
  font-variant: normal;
2491
2527
  }
2492
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh > svg * {
2528
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX > svg * {
2493
2529
  stroke: var(--base-white);
2494
2530
  }
2495
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2496
- font-size: 14px;
2497
- line-height: 14px;
2498
- color: black;
2499
- font-weight: 500;
2531
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2532
+ background-color: var(--primary-600);
2533
+ }
2534
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2535
+ font-size: 16px;
2536
+ line-height: 24px;
2537
+ color: var(--gray-50);
2538
+ font-weight: 400;
2500
2539
  font-family: var(--golos);
2501
2540
  font-stretch: normal;
2502
2541
  font-style: normal;
2503
2542
  font-variant: normal;
2504
2543
  }
2505
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:after {
2506
- display: none;
2544
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX > svg * {
2545
+ stroke: var(--gray-50);
2507
2546
  }
2508
- @media only screen and (min-width: 1024px) {
2509
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
2510
- border: transparent;
2511
- background-color: var(--gray-300);
2512
- }
2547
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:after {
2548
+ display: none;
2513
2549
  }
2514
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2515
- background-color: var(--error-500);
2550
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2516
2551
  border: transparent;
2552
+ background-color: var(--gray-300);
2517
2553
  }
2518
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2554
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2519
2555
  font-size: 14px;
2520
2556
  line-height: 14px;
2521
- color: var(--base-white);
2557
+ color: black;
2522
2558
  font-weight: 500;
2523
2559
  font-family: var(--golos);
2524
2560
  font-stretch: normal;
2525
2561
  font-style: normal;
2526
2562
  font-variant: normal;
2527
2563
  }
2528
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX > svg * {
2529
- stroke: var(--base-white);
2530
- }
2531
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX:after {
2532
- display: none;
2533
- }
2534
- @media only screen and (min-width: 1024px) {
2535
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX:hover {
2536
- background-color: var(--error-600);
2537
- border: transparent;
2538
- }
2539
- }
2540
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2541
- background-color: var(--gray-300);
2542
- border: transparent;
2543
- }
2544
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2545
- font-size: 14px;
2546
- line-height: 14px;
2564
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2565
+ font-size: 16px;
2566
+ line-height: 24px;
2547
2567
  color: var(--base-white);
2548
- font-weight: 500;
2568
+ font-weight: 400;
2549
2569
  font-family: var(--golos);
2550
2570
  font-stretch: normal;
2551
2571
  font-style: normal;
2552
2572
  font-variant: normal;
2553
2573
  }
2554
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh > svg * {
2574
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh > svg * {
2555
2575
  stroke: var(--base-white);
2556
2576
  }
2557
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:after {
2558
- display: none;
2559
- }
2560
- @media only screen and (min-width: 1024px) {
2561
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
2562
- background-color: var(--gray-300);
2563
- border: transparent;
2564
- }
2565
- }
2566
- @media only screen and (min-width: 1024px) {
2567
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19 {
2568
- background-color: var(--primary-50);
2569
- border: 1px solid var(--primary-200);
2570
- }
2571
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__checked___gV7SX {
2572
- border: 1px solid var(--primary-400);
2573
- }
2574
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__indeterminate___ZR_YC {
2575
- border: 1px solid var(--primary-400);
2576
- }
2577
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__error___NJKGd {
2578
- background-color: var(--error-50);
2579
- border: 1px solid var(--error-400);
2580
- }
2581
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh {
2582
- background-color: var(--gray-100);
2583
- border: 1px solid var(--gray-300);
2584
- }
2585
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh > svg * {
2586
- stroke: var(--gray-300);
2587
- }
2588
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh {
2589
- color: var(--gray-300);
2590
- }
2591
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2592
- border: transparent;
2593
- background-color: var(--primary-600);
2594
- }
2595
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2596
- border: transparent;
2597
- background-color: var(--gray-300);
2598
- }
2599
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2600
- background-color: var(--error-600);
2601
- border: transparent;
2602
- }
2603
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2604
- background-color: var(--gray-300);
2605
- border: transparent;
2606
- }
2607
- }
2608
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark] {
2609
- width: 20px;
2610
- height: 20px;
2611
- flex: none;
2612
- background-color: var(--gray-iron-900);
2613
- border: 1px solid var(--gray-iron-500);
2614
- box-sizing: border-box;
2615
- cursor: pointer;
2616
- overflow: hidden;
2617
- }
2618
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark] {
2619
- display: flex;
2620
- align-items: center;
2621
- justify-content: center;
2622
- }
2623
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark] > svg * {
2624
- stroke-width: 4;
2625
- }
2626
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark] > svg {
2627
- width: 14px;
2628
- height: 14px;
2629
- flex: none;
2630
- }
2631
- @media only screen and (min-width: 1024px) {
2632
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark]:hover {
2633
- background-color: var(--gray-iron-800);
2634
- border: 1px solid var(--gray-iron-500);
2635
- }
2577
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2578
+ background-color: var(--gray-700);
2636
2579
  }
2637
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__checkbox___hYxxO {
2638
- border-radius: 6px;
2580
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2581
+ font-size: 16px;
2582
+ line-height: 24px;
2583
+ color: var(--gray-500);
2584
+ font-weight: 400;
2585
+ font-family: var(--golos);
2586
+ font-stretch: normal;
2587
+ font-style: normal;
2588
+ font-variant: normal;
2639
2589
  }
2640
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__radio___rCtRc {
2641
- border-radius: 50%;
2590
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh > svg * {
2591
+ stroke: var(--gray-500);
2642
2592
  }
2643
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__radio___rCtRc:after {
2593
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:after {
2644
2594
  display: none;
2645
- flex: none;
2646
- content: "";
2647
- width: 8px;
2648
- height: 8px;
2649
- border-radius: 50%;
2650
- background-color: var(--rose-600);
2651
- }
2652
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__checked___gV7SX {
2653
- background-color: var(--rose-950);
2654
- border: 1px solid var(--rose-700);
2655
- }
2656
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__checked___gV7SX > svg * {
2657
- stroke: var(--rose-600);
2658
- }
2659
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__checked___gV7SX:after {
2660
- display: block;
2661
2595
  }
2662
- @media only screen and (min-width: 1024px) {
2663
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__checked___gV7SX:hover {
2664
- background-color: var(--rose-900);
2665
- border: 1px solid var(--rose-700);
2666
- }
2667
- }
2668
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__indeterminate___ZR_YC {
2669
- background-color: var(--primary-50);
2670
- border: 1px solid var(--primary-200);
2671
- }
2672
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__indeterminate___ZR_YC > svg * {
2673
- stroke: var(--primary-500);
2596
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__disabled___Ab4Hh {
2597
+ border: 1px solid var(--gray-300);
2598
+ background-color: var(--gray-100);
2674
2599
  }
2675
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__indeterminate___ZR_YC {
2600
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__disabled___Ab4Hh {
2676
2601
  font-size: 14px;
2677
2602
  line-height: 14px;
2678
- color: var(--primary-500);
2603
+ color: var(--gray-300);
2679
2604
  font-weight: 500;
2680
2605
  font-family: var(--golos);
2681
2606
  font-stretch: normal;
2682
2607
  font-style: normal;
2683
2608
  font-variant: normal;
2684
2609
  }
2685
- @media only screen and (min-width: 1024px) {
2686
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__indeterminate___ZR_YC:hover {
2687
- border: 1px solid var(--primary-400);
2688
- }
2689
- }
2690
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__error___NJKGd {
2691
- background-color: var(--error-50);
2692
- border: 1px solid var(--error-200);
2693
- }
2694
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__error___NJKGd > svg * {
2695
- stroke: var(--error-500);
2696
- }
2697
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__error___NJKGd {
2698
- color: var(--error-500);
2699
- }
2700
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__error___NJKGd:after {
2701
- background-color: var(--error-500);
2702
- }
2703
- @media only screen and (min-width: 1024px) {
2704
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__error___NJKGd:hover {
2705
- background-color: var(--error-50);
2706
- border: 1px solid var(--error-400);
2707
- }
2708
- }
2709
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__disabled___Ab4Hh {
2710
- cursor: default;
2711
- background-color: var(--gray-iron-800);
2712
- border: 1px solid var(--gray-iron-700);
2713
- }
2714
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__disabled___Ab4Hh:after {
2715
- background-color: var(--gray-iron-700);
2716
- }
2717
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__disabled___Ab4Hh > svg * {
2718
- stroke: var(--gray-300);
2719
- }
2720
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__disabled___Ab4Hh {
2721
- color: var(--gray-300);
2722
- }
2723
- @media only screen and (min-width: 1024px) {
2724
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__disabled___Ab4Hh:hover {
2725
- background-color: var(--gray-iron-800);
2726
- border: 1px solid var(--gray-iron-700);
2727
- }
2610
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__disabled___Ab4Hh > svg * {
2611
+ stroke: var(--base-white);
2728
2612
  }
2729
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2730
- border: transparent;
2731
- background-color: var(--rose-600);
2613
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__disabled___Ab4Hh {
2614
+ border: 1px solid var(--gray-700);
2615
+ background-color: var(--gray-800);
2732
2616
  }
2733
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2617
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__disabled___Ab4Hh {
2734
2618
  font-size: 16px;
2735
2619
  line-height: 24px;
2736
- color: var(--gray-iron-50);
2620
+ color: var(--gray-500);
2737
2621
  font-weight: 400;
2738
2622
  font-family: var(--golos);
2739
2623
  font-stretch: normal;
2740
2624
  font-style: normal;
2741
2625
  font-variant: normal;
2742
2626
  }
2743
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX > svg * {
2744
- stroke: var(--gray-iron-50);
2627
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__disabled___Ab4Hh > svg * {
2628
+ stroke: var(--gray-500);
2629
+ }
2630
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__disabled___Ab4Hh:after {
2631
+ display: none;
2632
+ }
2633
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2634
+ border: transparent;
2635
+ background-color: var(--error-500);
2745
2636
  }
2746
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2637
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2747
2638
  font-size: 14px;
2748
2639
  line-height: 14px;
2749
2640
  color: black;
@@ -2753,56 +2644,43 @@
2753
2644
  font-style: normal;
2754
2645
  font-variant: normal;
2755
2646
  }
2756
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:after {
2757
- display: none;
2758
- }
2759
- @media only screen and (min-width: 1024px) {
2760
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX:hover {
2761
- border: transparent;
2762
- background-color: var(--rose-700);
2763
- }
2764
- }
2765
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2766
- border: transparent;
2767
- background-color: var(--gray-iron-600);
2768
- }
2769
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2647
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2770
2648
  font-size: 16px;
2771
2649
  line-height: 24px;
2772
- color: var(--gray-iron-500);
2650
+ color: var(--base-white);
2773
2651
  font-weight: 400;
2774
2652
  font-family: var(--golos);
2775
2653
  font-stretch: normal;
2776
2654
  font-style: normal;
2777
2655
  font-variant: normal;
2778
2656
  }
2779
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh > svg * {
2780
- stroke: var(--gray-iron-500);
2657
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX > svg * {
2658
+ stroke: var(--base-white);
2781
2659
  }
2782
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2783
- font-size: 14px;
2784
- line-height: 14px;
2785
- color: black;
2786
- font-weight: 500;
2660
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2661
+ background-color: var(--error-600);
2662
+ }
2663
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2664
+ font-size: 16px;
2665
+ line-height: 24px;
2666
+ color: var(--gray-50);
2667
+ font-weight: 400;
2787
2668
  font-family: var(--golos);
2788
2669
  font-stretch: normal;
2789
2670
  font-style: normal;
2790
2671
  font-variant: normal;
2791
2672
  }
2792
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:after {
2793
- display: none;
2673
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX > svg * {
2674
+ stroke: var(--gray-50);
2794
2675
  }
2795
- @media only screen and (min-width: 1024px) {
2796
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
2797
- border: transparent;
2798
- background-color: var(--gray-iron-600);
2799
- }
2676
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX:after {
2677
+ display: none;
2800
2678
  }
2801
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2802
- background-color: var(--error-500);
2679
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2680
+ background-color: var(--gray-300);
2803
2681
  border: transparent;
2804
2682
  }
2805
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2683
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2806
2684
  font-size: 14px;
2807
2685
  line-height: 14px;
2808
2686
  color: var(--base-white);
@@ -2812,79 +2690,112 @@
2812
2690
  font-style: normal;
2813
2691
  font-variant: normal;
2814
2692
  }
2815
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX > svg * {
2693
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh > svg * {
2816
2694
  stroke: var(--base-white);
2817
2695
  }
2818
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX:after {
2819
- display: none;
2696
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2697
+ background-color: var(--gray-700);
2820
2698
  }
2821
- @media only screen and (min-width: 1024px) {
2822
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX:hover {
2823
- background-color: var(--error-600);
2824
- border: transparent;
2825
- }
2699
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2700
+ font-size: 16px;
2701
+ line-height: 24px;
2702
+ color: var(--gray-500);
2703
+ font-weight: 400;
2704
+ font-family: var(--golos);
2705
+ font-stretch: normal;
2706
+ font-style: normal;
2707
+ font-variant: normal;
2826
2708
  }
2827
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2828
- background-color: var(--gray-300);
2829
- border: transparent;
2709
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh > svg * {
2710
+ stroke: var(--gray-500);
2711
+ }
2712
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:after {
2713
+ display: none;
2830
2714
  }
2831
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2715
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__disabled___Ab4Hh {
2716
+ border: 1px solid var(--gray-300);
2717
+ background-color: var(--gray-100);
2718
+ }
2719
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__disabled___Ab4Hh {
2832
2720
  font-size: 14px;
2833
2721
  line-height: 14px;
2834
- color: var(--base-white);
2722
+ color: var(--gray-300);
2835
2723
  font-weight: 500;
2836
2724
  font-family: var(--golos);
2837
2725
  font-stretch: normal;
2838
2726
  font-style: normal;
2839
2727
  font-variant: normal;
2840
2728
  }
2841
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh > svg * {
2729
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__disabled___Ab4Hh > svg * {
2842
2730
  stroke: var(--base-white);
2843
2731
  }
2844
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:after {
2732
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__disabled___Ab4Hh {
2733
+ border: 1px solid var(--gray-700);
2734
+ background-color: var(--gray-800);
2735
+ }
2736
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__disabled___Ab4Hh {
2737
+ font-size: 16px;
2738
+ line-height: 24px;
2739
+ color: var(--gray-500);
2740
+ font-weight: 400;
2741
+ font-family: var(--golos);
2742
+ font-stretch: normal;
2743
+ font-style: normal;
2744
+ font-variant: normal;
2745
+ }
2746
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__disabled___Ab4Hh > svg * {
2747
+ stroke: var(--gray-500);
2748
+ }
2749
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__disabled___Ab4Hh:after {
2845
2750
  display: none;
2846
2751
  }
2847
- @media only screen and (min-width: 1024px) {
2848
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh:hover {
2849
- background-color: var(--gray-300);
2850
- border: transparent;
2752
+ @media (hover: hover) {
2753
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19 {
2754
+ background-color: var(--ui-checkbox-mark-focus-background-color, var(--ui-checkbox-mark-background-color, var(--primary-50)));
2755
+ border: 1px solid var(--ui-checkbox-mark-focus-border-color, var(--ui-checkbox-mark-border-color, var(--primary-200)));
2851
2756
  }
2852
- }
2853
- @media only screen and (min-width: 1024px) {
2854
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__hover___FWh19 {
2855
- background-color: var(--gray-iron-800);
2856
- border: 1px solid var(--gray-iron-500);
2757
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19 {
2758
+ background-color: var(--ui-checkbox-mark-focus-background-color, var(--ui-checkbox-mark-background-color, var(--gray-800)));
2759
+ border: 1px solid var(--ui-checkbox-mark-focus-border-color, var(--ui-checkbox-mark-border-color, var(--gray-500)));
2857
2760
  }
2858
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__hover___FWh19.CheckboxMark-module__checked___gV7SX {
2859
- background-color: var(--rose-900);
2860
- border: 1px solid var(--rose-700);
2761
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__checked___gV7SX {
2762
+ background-color: var(--ui-checkbox-mark-active-focus-background-color, var(--ui-checkbox-mark-active-background-color, var(--primary-50)));
2763
+ border: 1px solid var(--ui-checkbox-mark-active-focus-border-color, var(--ui-checkbox-mark-active-border-color, var(--primary-400)));
2764
+ }
2765
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__checked___gV7SX {
2766
+ background-color: var(--ui-checkbox-mark-active-focus-background-color, var(--ui-checkbox-mark-active-background-color, var(--primary-900)));
2767
+ border: 1px solid var(--ui-checkbox-mark-active-focus-border-color, var(--ui-checkbox-mark-active-border-color, var(--primary-700)));
2861
2768
  }
2862
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__hover___FWh19.CheckboxMark-module__indeterminate___ZR_YC {
2769
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__indeterminate___ZR_YC {
2863
2770
  border: 1px solid var(--primary-400);
2864
2771
  }
2865
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__hover___FWh19.CheckboxMark-module__error___NJKGd {
2866
- background-color: var(--error-50);
2867
- border: 1px solid var(--error-400);
2772
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__indeterminate___ZR_YC {
2773
+ border: 1px solid var(--primary-700);
2774
+ background-color: var(--primary-900);
2868
2775
  }
2869
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__hover___FWh19.CheckboxMark-module__disabled___Ab4Hh {
2870
- background-color: var(--gray-iron-800);
2871
- border: 1px solid var(--gray-iron-700);
2776
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__error___NJKGd, .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__error___NJKGd {
2777
+ background-color: var(--ui-checkbox-mark-error-focus-background-color, var(--ui-checkbox-mark-error-background-color, var(--error-50)));
2778
+ border: 1px solid var(--ui-checkbox-mark-error-focus-border-color, var(--ui-checkbox-mark-error-border-color, var(--error-400)));
2872
2779
  }
2873
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2874
- border: transparent;
2875
- background-color: var(--rose-700);
2780
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__error___NJKGd, [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__error___NJKGd {
2781
+ background-color: var(--ui-checkbox-mark-error-focus-background-color, var(--ui-checkbox-mark-error-background-color, var(--error-900)));
2782
+ border: 1px solid var(--ui-checkbox-mark-error-focus-border-color, var(--ui-checkbox-mark-error-border-color, var(--error-700)));
2876
2783
  }
2877
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2878
- border: transparent;
2879
- background-color: var(--gray-iron-600);
2784
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2785
+ border: transparent !important;
2786
+ background-color: var(--primary-600) !important;
2880
2787
  }
2881
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2882
- background-color: var(--error-600);
2883
- border: transparent;
2788
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2789
+ border: transparent !important;
2790
+ background-color: var(--primary-700) !important;
2884
2791
  }
2885
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=dark].CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX.CheckboxMark-module__disabled___Ab4Hh {
2886
- background-color: var(--gray-300);
2887
- border: transparent;
2792
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2793
+ border: transparent !important;
2794
+ background-color: var(--error-600) !important;
2795
+ }
2796
+ [data-theme=dark] .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__hover___FWh19.CheckboxMark-module__incorrect___Y4rMI.CheckboxMark-module__checked___gV7SX {
2797
+ border: transparent !important;
2798
+ background-color: var(--error-700) !important;
2888
2799
  }
2889
2800
  }
2890
2801
  /*!*********************************************************************************************************************************************************************************************************************************************************************!*\
@@ -2919,60 +2830,78 @@
2919
2830
  text-align: start;
2920
2831
  transition: color ease-in-out 200ms;
2921
2832
  }
2833
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk.Checkbox-module__textBold___dlrM9 {
2834
+ font-weight: 600;
2835
+ }
2836
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2837
+ text-align: start;
2838
+ transition: color ease-in-out 200ms;
2839
+ }
2922
2840
  .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
2923
2841
  font-size: 16px;
2924
2842
  line-height: 20px;
2925
- color: var(--gray-700);
2843
+ color: var(--ui-checkbox-text-color, var(--gray-700));
2926
2844
  font-weight: 400;
2927
2845
  font-family: var(--golos);
2928
2846
  font-stretch: normal;
2929
2847
  font-style: normal;
2930
2848
  font-variant: normal;
2931
2849
  }
2932
- .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk.Checkbox-module__textBold___dlrM9 {
2933
- font-weight: 600;
2934
- }
2935
- .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2936
- text-align: start;
2937
- transition: color ease-in-out 200ms;
2938
- }
2939
2850
  .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2940
2851
  font-size: 14px;
2941
2852
  line-height: 20px;
2942
- color: var(--gray-400);
2853
+ color: var(--ui-checkbox-support-text-color, var(--gray-400));
2943
2854
  font-weight: 400;
2944
2855
  font-family: var(--golos);
2945
2856
  font-stretch: normal;
2946
2857
  font-style: normal;
2947
2858
  font-variant: normal;
2948
2859
  }
2949
- @media only screen and (min-width: 1024px) {
2950
- .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__text___bgxrk, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__text___bgxrk {
2951
- color: var(--gray-900);
2860
+ @media (hover: hover) {
2861
+ .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 {
2862
+ color: var(--ui-checkbox-focus-text-color, var(--gray-900));
2952
2863
  }
2953
- .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__supportingText___BR8D6, .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__supportingText___BR8D6 {
2954
- color: var(--gray-500);
2864
+ .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 {
2865
+ color: var(--ui-checkbox-focus-support-text-color, var(--gray-500));
2955
2866
  }
2956
2867
  }
2957
- @media (min-width: 481px) and (max-width: 1279px) {
2958
- .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm .Checkbox-module__text___bgxrk {
2959
- color: var(--gray-900);
2868
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm .Checkbox-module__text___bgxrk {
2869
+ color: var(--ui-checkbox-active-text-color, var(--gray-700));
2870
+ }
2871
+ .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm .Checkbox-module__supportingText___BR8D6 {
2872
+ color: var(--ui-checkbox-active-support-text-color, var(--gray-500));
2873
+ }
2874
+ @media (hover: hover) {
2875
+ .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 {
2876
+ color: var(--ui-checkbox-active-focus-text-color, var(--gray-900));
2960
2877
  }
2961
- .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm .Checkbox-module__supportingText___BR8D6 {
2962
- color: var(--gray-500);
2878
+ .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 {
2879
+ color: var(--ui-checkbox-active-focus-support-text-color, var(--gray-500));
2963
2880
  }
2964
2881
  }
2965
2882
  .Checkbox-module__checkbox___GSei6.Checkbox-module__disabled___haSYz {
2966
2883
  cursor: default;
2884
+ pointer-events: none;
2967
2885
  }
2968
2886
  .Checkbox-module__checkbox___GSei6.Checkbox-module__disabled___haSYz .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
2969
- color: var(--gray-500);
2887
+ color: var(--ui-checkbox-disabled-text-color, var(--gray-500));
2970
2888
  }
2971
2889
  .Checkbox-module__checkbox___GSei6.Checkbox-module__disabled___haSYz .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2972
- color: var(--gray-400);
2890
+ color: var(--ui-checkbox-disabled-support-text-color, var(--gray-400));
2891
+ }
2892
+ .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
2893
+ color: var(--ui-checkbox-error-text-color, var(--gray-700));
2973
2894
  }
2974
2895
  .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2975
- color: var(--error-400);
2896
+ color: var(--ui-checkbox-error-support-text-color, var(--error-400));
2897
+ }
2898
+ @media (hover: hover) {
2899
+ .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 {
2900
+ color: var(--ui-checkbox-error-focus-text-color, var(--gray-900));
2901
+ }
2902
+ .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 {
2903
+ color: var(--ui-checkbox-error-focus-support-text-color, var(--error-500));
2904
+ }
2976
2905
  }
2977
2906
  .Checkbox-module__checkbox___GSei6.Checkbox-module__widthFill___EHcfi {
2978
2907
  width: 100%;
@@ -2986,56 +2915,53 @@
2986
2915
  .Checkbox-module__checkbox___GSei6.Checkbox-module__heightHug___SK_mI {
2987
2916
  height: fit-content;
2988
2917
  }
2989
- .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
2990
- font-size: 16px;
2991
- line-height: 24px;
2992
- color: var(--gray-iron-100);
2993
- font-weight: 400;
2994
- font-family: var(--golos);
2995
- font-stretch: normal;
2996
- font-style: normal;
2997
- font-variant: normal;
2998
- }
2999
- .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk.Checkbox-module__textBold___dlrM9 {
3000
- font-weight: 600;
2918
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
2919
+ color: var(--ui-checkbox-text-color, var(--gray-200));
3001
2920
  }
3002
- .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
3003
- font-size: 16px;
3004
- line-height: 24px;
3005
- color: var(--gray-iron-500);
3006
- font-weight: 400;
3007
- font-family: var(--golos);
3008
- font-stretch: normal;
3009
- font-style: normal;
3010
- font-variant: normal;
2921
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2922
+ color: var(--ui-checkbox-support-text-color, var(--gray-500));
3011
2923
  }
3012
- @media only screen and (min-width: 1024px) {
3013
- .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__text___bgxrk, .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__text___bgxrk {
3014
- color: var(--gray-iron-100);
2924
+ @media (hover: hover) {
2925
+ [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 {
2926
+ color: var(--ui-checkbox-focus-text-color, var(--gray-100));
3015
2927
  }
3016
- .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG .Checkbox-module__textBlock___lgsN_.Checkbox-module__hover___B2BYJ .Checkbox-module__supportingText___BR8D6, .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG .Checkbox-module__textBlock___lgsN_.Checkbox-module__focus___OeuC2 .Checkbox-module__supportingText___BR8D6 {
3017
- color: var(--gray-iron-400);
2928
+ [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 {
2929
+ color: var(--ui-checkbox-focus-support-text-color, var(--gray-400));
3018
2930
  }
3019
2931
  }
3020
- @media (min-width: 481px) and (max-width: 1279px) {
3021
- .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm .Checkbox-module__text___bgxrk {
3022
- color: var(--gray-900);
2932
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm .Checkbox-module__text___bgxrk {
2933
+ color: var(--ui-checkbox-active-text-color, var(--gray-100));
2934
+ }
2935
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm .Checkbox-module__supportingText___BR8D6 {
2936
+ color: var(--ui-checkbox-active-support-text-color, var(--gray-400));
2937
+ }
2938
+ @media (hover: hover) {
2939
+ [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 {
2940
+ color: var(--ui-checkbox-active-focus-text-color, var(--gray-100));
3023
2941
  }
3024
- .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm .Checkbox-module__supportingText___BR8D6 {
3025
- color: var(--gray-500);
2942
+ [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 {
2943
+ color: var(--ui-checkbox-active-focus-support-text-color, var(--gray-400));
3026
2944
  }
3027
2945
  }
3028
- .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG.Checkbox-module__disabled___haSYz {
3029
- cursor: default;
2946
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6.Checkbox-module__disabled___haSYz .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
2947
+ color: var(--ui-checkbox-disabled-text-color, var(--gray-400));
3030
2948
  }
3031
- .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG.Checkbox-module__disabled___haSYz .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
3032
- color: var(--gray-iron-100);
2949
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6.Checkbox-module__disabled___haSYz .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2950
+ color: var(--ui-checkbox-disabled-support-text-color, var(--gray-600));
3033
2951
  }
3034
- .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG.Checkbox-module__disabled___haSYz .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
3035
- color: var(--gray-iron-400);
2952
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_ .Checkbox-module__text___bgxrk {
2953
+ color: var(--ui-checkbox-error-text-color, var(--gray-100));
3036
2954
  }
3037
- .Checkbox-module__checkbox___GSei6.Checkbox-module__dark___IyGrG.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
3038
- color: var(--error-400);
2955
+ [data-theme=dark] .Checkbox-module__checkbox___GSei6.Checkbox-module__error___YOn5a .Checkbox-module__textBlock___lgsN_ .Checkbox-module__supportingText___BR8D6 {
2956
+ color: var(--ui-checkbox-error-support-text-color, var(--error-500));
2957
+ }
2958
+ @media (hover: hover) {
2959
+ [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 {
2960
+ color: var(--ui-checkbox-error-focus-text-color, var(--gray-100));
2961
+ }
2962
+ [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 {
2963
+ color: var(--ui-checkbox-error-focus-support-text-color, var(--error-500));
2964
+ }
3039
2965
  }
3040
2966
  /*!*************************************************************************************************************************************************************************************************************************************************************************!*\
3041
2967
  !*** 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/ToggleBase/styles/ToggleBase.module.scss ***!
@@ -4059,6 +3985,10 @@
4059
3985
  border-radius: 50%;
4060
3986
  object-fit: cover;
4061
3987
  overflow: hidden;
3988
+ transition: opacity ease-out 200ms;
3989
+ }
3990
+ .UserPick-module__userPick___KBWm3.UserPick-module__disabled___FEpxS, .UserPick-module__userPickPlaceholder___NrdUD.UserPick-module__disabled___FEpxS {
3991
+ opacity: 50%;
4062
3992
  }
4063
3993
 
4064
3994
  .UserPick-module__userPickPlaceholder___NrdUD {
@@ -4081,21 +4011,25 @@
4081
4011
  transition: background-color ease-out 300ms;
4082
4012
  overflow: hidden;
4083
4013
  }
4084
- .DropdownItem-module__dropdownItem___N8ZNV {
4085
- display: flex;
4086
- align-items: center;
4014
+ .DropdownItem-module__dropdownItem___N8ZNV:first-child {
4015
+ border-top-right-radius: var(--ui-dropdown-item-border-radius, 4px);
4016
+ border-top-left-radius: var(--ui-dropdown-item-border-radius, 4px);
4017
+ -webkit-border-top-right-radius: var(--ui-dropdown-item-border-radius, 4px);
4018
+ -webkit-border-top-left-radius: var(--ui-dropdown-item-border-radius, 4px);
4019
+ -moz-border-radius-topleft: var(--ui-dropdown-item-border-radius, 4px);
4020
+ -moz-border-radius-topright: var(--ui-dropdown-item-border-radius, 4px);
4021
+ }
4022
+ .DropdownItem-module__dropdownItem___N8ZNV:last-child {
4023
+ border-bottom-left-radius: var(--ui-dropdown-item-border-radius, 4px);
4024
+ border-bottom-right-radius: var(--ui-dropdown-item-border-radius, 4px);
4025
+ -webkit-border-bottom-left-radius: var(--ui-dropdown-item-border-radius, 4px);
4026
+ -webkit-border-bottom-right-radius: var(--ui-dropdown-item-border-radius, 4px);
4027
+ -moz-border-radius-bottomleft: var(--ui-dropdown-item-border-radius, 4px);
4028
+ -moz-border-radius-bottomright: var(--ui-dropdown-item-border-radius, 4px);
4087
4029
  }
4088
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 {
4030
+ .DropdownItem-module__dropdownItem___N8ZNV {
4089
4031
  display: flex;
4090
4032
  align-items: center;
4091
- justify-content: center;
4092
- }
4093
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 > svg * {
4094
- stroke: var(--gray-400);
4095
- }
4096
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 > svg {
4097
- width: 20px;
4098
- height: 20px;
4099
4033
  }
4100
4034
  .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D {
4101
4035
  flex: 1;
@@ -4113,127 +4047,127 @@
4113
4047
  .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww {
4114
4048
  text-wrap: balance;
4115
4049
  }
4116
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww {
4117
- color: var(--gray-900);
4118
- }
4119
4050
  .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
4120
4051
  text-overflow: ellipsis;
4121
4052
  overflow: hidden;
4122
4053
  text-wrap: nowrap;
4123
4054
  }
4124
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
4125
- color: var(--gray-400);
4055
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 svg {
4056
+ width: 20px;
4057
+ height: 20px;
4126
4058
  }
4127
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ {
4128
- opacity: 0;
4129
- transition: opacity ease-out 200ms;
4059
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 svg > * {
4060
+ transition: stroke ease-out 200ms;
4130
4061
  }
4131
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ {
4062
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 {
4132
4063
  display: flex;
4133
4064
  align-items: center;
4134
4065
  justify-content: center;
4135
4066
  }
4136
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ > svg * {
4137
- stroke: var(--primary-500);
4067
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ {
4068
+ opacity: 0;
4069
+ transition: opacity ease-out 200ms;
4138
4070
  }
4139
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ > svg {
4071
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ svg {
4140
4072
  width: 20px;
4141
4073
  height: 20px;
4142
4074
  }
4075
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ svg > * {
4076
+ transition: stroke ease-out 200ms;
4077
+ }
4078
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ {
4079
+ display: flex;
4080
+ align-items: center;
4081
+ justify-content: center;
4082
+ }
4143
4083
  .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ {
4144
4084
  display: none;
4145
4085
  }
4146
- @media only screen and (min-width: 1024px) {
4086
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__text___ASNww {
4087
+ color: var(--ui-dropdown-item-text-color, var(--gray-900));
4088
+ }
4089
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__supportText___UEw04 {
4090
+ color: var(--ui-dropdown-item-support-text-color, var(--gray-400));
4091
+ }
4092
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 > svg * {
4093
+ stroke: var(--ui-dropdown-item-show-icon-color, var(--gray-400));
4094
+ }
4095
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ > svg * {
4096
+ stroke: var(--ui-dropdown-item-check-icon-color, var(--primary-500));
4097
+ }
4098
+ @media (hover: hover) {
4147
4099
  .DropdownItem-module__dropdownItem___N8ZNV:hover {
4148
- background-color: var(--gray-100);
4100
+ background-color: var(--ui-dropdown-item-hover-background-color, var(--gray-100));
4149
4101
  }
4150
- }
4151
- @media (min-width: 481px) and (max-width: 1279px) {
4152
- .DropdownItem-module__dropdownItem___N8ZNV:active {
4153
- background-color: var(--gray-100);
4102
+ .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__text___ASNww {
4103
+ color: var(--ui-dropdown-item-hover-text-color, var(--ui-dropdown-item-text-color, var(--gray-900)));
4104
+ }
4105
+ .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__supportText___UEw04 {
4106
+ color: var(--ui-dropdown-item-hover-support-text-color, var(--ui-dropdown-item-support-text-color, var(--gray-400)));
4107
+ }
4108
+ .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__showIcon___Dg7F4 > svg * {
4109
+ stroke: var(--ui-dropdown-item-hover-show-icon-color, var(--ui-dropdown-item-show-icon-color, var(--gray-400)));
4110
+ }
4111
+ .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__check___e4EmQ > svg * {
4112
+ stroke: var(--ui-dropdown-item-hover-check-icon-color, var(--ui-dropdown-item-check-icon-color, var(--primary-500)));
4154
4113
  }
4155
4114
  }
4156
4115
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z {
4157
- background-color: var(--primary-50);
4116
+ background-color: var(--ui-dropdown-item-active-background-color, var(--primary-50));
4117
+ }
4118
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__text___ASNww {
4119
+ color: var(--ui-dropdown-item-active-text-color, var(--gray-900));
4120
+ }
4121
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__supportText___UEw04 {
4122
+ color: var(--ui-dropdown-item-active-support-text-color, var(--gray-400));
4123
+ }
4124
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__showIcon___Dg7F4 > svg * {
4125
+ stroke: var(--ui-dropdown-item-active-show-icon-color, var(--gray-400));
4158
4126
  }
4159
4127
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__check___e4EmQ {
4160
4128
  display: flex;
4161
4129
  opacity: 1;
4162
4130
  }
4163
- @media only screen and (min-width: 1024px) {
4131
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__check___e4EmQ > svg * {
4132
+ stroke: var(--ui-dropdown-item-active-check-icon-color, var(--primary-500));
4133
+ }
4134
+ @media (hover: hover) {
4164
4135
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover {
4165
- background-color: var(--primary-100);
4136
+ background-color: var(--ui-dropdown-item-active-hover-background-color, var(--primary-100));
4166
4137
  }
4167
- }
4168
- @media (min-width: 481px) and (max-width: 1279px) {
4169
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:active {
4170
- background-color: var(--primary-100);
4138
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__text___ASNww {
4139
+ color: var(--ui-dropdown-item-active-hover-text-color, var(--ui-dropdown-item-active-text-color, var(--gray-900)));
4140
+ }
4141
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__supportText___UEw04 {
4142
+ color: var(--ui-dropdown-item-active-hover-support-text-color, var(--ui-dropdown-item-active-support-text-color, var(--gray-400)));
4143
+ }
4144
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__showIcon___Dg7F4 > svg * {
4145
+ stroke: var(--ui-dropdown-item-active-hover-show-icon-color, var(--ui-dropdown-item-active-show-icon-color, var(--gray-400)));
4146
+ }
4147
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__check___e4EmQ > svg * {
4148
+ stroke: var(--ui-dropdown-item-active-hover-check-icon-color, var(--ui-dropdown-item-active-check-icon-color, var(--primary-500)));
4171
4149
  }
4172
4150
  }
4173
4151
  .DropdownItem-module__dropdownItem___N8ZNV:disabled, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb {
4174
4152
  cursor: default;
4175
4153
  pointer-events: none;
4176
- }
4177
- .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__showIcon___Dg7F4 > svg *, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__showIcon___Dg7F4 > svg * {
4178
- stroke: var(--gray-300);
4179
- }
4180
- .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04, .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww {
4181
- color: var(--gray-300);
4182
- }
4183
- .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__userIcon___MATjB, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__userIcon___MATjB {
4184
- opacity: 45%;
4185
- }
4186
- .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__check___e4EmQ > svg *, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__check___e4EmQ > svg * {
4187
- stroke: var(--gray-300);
4188
- }
4189
- .DropdownItem-module__dropdownItem___N8ZNV:disabled.DropdownItem-module__selected___gw70Z, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb.DropdownItem-module__selected___gw70Z {
4190
- background-color: var(--gray-25);
4154
+ opacity: 0.5;
4191
4155
  }
4192
4156
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt {
4193
4157
  padding: 8px 8px 8px 16px;
4194
4158
  }
4195
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__text___ASNww {
4196
- font-size: 14px;
4197
- line-height: 20px;
4198
- color: var(--gray-900);
4199
- font-weight: 400;
4200
- font-family: var(--golos);
4201
- font-stretch: normal;
4202
- font-style: normal;
4203
- font-variant: normal;
4204
- }
4159
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__text___ASNww,
4205
4160
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__supportText___UEw04 {
4206
4161
  font-size: 14px;
4207
4162
  line-height: 20px;
4208
- color: var(--gray-400);
4209
- font-weight: 400;
4210
- font-family: var(--golos);
4211
- font-stretch: normal;
4212
- font-style: normal;
4213
- font-variant: normal;
4214
4163
  }
4215
4164
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg {
4216
4165
  padding: 10px 10px 10px 16px;
4217
4166
  }
4218
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__text___ASNww {
4219
- font-size: 16px;
4220
- line-height: 24px;
4221
- color: var(--gray-900);
4222
- font-weight: 400;
4223
- font-family: var(--golos);
4224
- font-stretch: normal;
4225
- font-style: normal;
4226
- font-variant: normal;
4227
- }
4167
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__text___ASNww,
4228
4168
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__supportText___UEw04 {
4229
4169
  font-size: 16px;
4230
4170
  line-height: 24px;
4231
- color: var(--gray-900);
4232
- font-weight: 400;
4233
- font-family: var(--golos);
4234
- font-stretch: normal;
4235
- font-style: normal;
4236
- font-variant: normal;
4237
4171
  }
4238
4172
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthFill___m3eb0 {
4239
4173
  width: 100%;
@@ -4241,121 +4175,60 @@
4241
4175
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthHug___HJMle {
4242
4176
  width: fit-content;
4243
4177
  }
4244
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 > svg * {
4245
- stroke: var(--gray-iron-500);
4246
- }
4247
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww {
4248
- color: var(--gray-iron-200);
4178
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__text___ASNww {
4179
+ color: var(--ui-dropdown-item-text-color, var(--gray-200));
4249
4180
  }
4250
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
4251
- color: var(--gray-iron-500);
4181
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__supportText___UEw04 {
4182
+ color: var(--ui-dropdown-item-support-text-color, var(--gray-500));
4252
4183
  }
4253
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ > svg * {
4254
- stroke: var(--rose-500);
4184
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 > svg * {
4185
+ stroke: var(--ui-dropdown-item-show-icon-color, var(--gray-500));
4255
4186
  }
4256
- @media only screen and (min-width: 1024px) {
4187
+ @media (hover: hover) {
4257
4188
  [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:hover {
4258
- background-color: var(--gray-iron-800);
4189
+ background-color: var(--ui-dropdown-item-hover-background-color, var(--gray-800));
4259
4190
  }
4260
- }
4261
- @media (min-width: 481px) and (max-width: 1279px) {
4262
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:active {
4263
- background-color: var(--gray-iron-800);
4191
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__text___ASNww {
4192
+ color: var(--ui-dropdown-item-hover-text-color, var(--ui-dropdown-item-text-color, var(--gray-200)));
4264
4193
  }
4265
- }
4266
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z {
4267
- background-color: var(--rose-950);
4268
- }
4269
- @media only screen and (min-width: 1024px) {
4270
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover {
4271
- background-color: var(--rose-900);
4194
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__supportText___UEw04 {
4195
+ color: var(--ui-dropdown-item-hover-support-text-color, var(--ui-dropdown-item-support-text-color, var(--gray-500)));
4272
4196
  }
4273
- }
4274
- @media (min-width: 481px) and (max-width: 1279px) {
4275
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:active {
4276
- background-color: var(--rose-900);
4197
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:hover .DropdownItem-module__showIcon___Dg7F4 > svg * {
4198
+ stroke: var(--ui-dropdown-item-hover-show-icon-color, var(--ui-dropdown-item-show-icon-color, var(--gray-500)));
4277
4199
  }
4278
4200
  }
4279
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__showIcon___Dg7F4 > svg * {
4280
- stroke: var(--rose-600);
4281
- }
4282
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
4283
- color: var(--rose-600);
4284
- }
4285
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:disabled, [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb {
4286
- cursor: default;
4287
- pointer-events: none;
4288
- opacity: 0.5;
4289
- }
4290
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__showIcon___Dg7F4 > svg *, [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__showIcon___Dg7F4 > svg * {
4291
- stroke: var(--rose-600);
4292
- }
4293
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww, [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww {
4294
- color: var(--gray-iron-200);
4295
- }
4296
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__userIcon___MATjB, [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__userIcon___MATjB {
4297
- opacity: 1;
4298
- }
4299
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04, [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
4300
- color: var(--gray-iron-200);
4301
- }
4302
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__check___e4EmQ > svg *, [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__check___e4EmQ > svg * {
4303
- stroke: var(--rose-600);
4304
- }
4305
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:disabled.DropdownItem-module__selected___gw70Z, [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb.DropdownItem-module__selected___gw70Z {
4306
- background-color: var(--rose-950);
4307
- }
4308
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt {
4309
- padding: 8px 8px 8px 16px;
4310
- }
4311
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__text___ASNww {
4312
- font-size: 14px;
4313
- line-height: 20px;
4314
- color: var(--gray-iron-200);
4315
- font-weight: 400;
4316
- font-family: var(--golos);
4317
- font-stretch: normal;
4318
- font-style: normal;
4319
- font-variant: normal;
4320
- }
4321
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__supportText___UEw04 {
4322
- font-size: 14px;
4323
- line-height: 20px;
4324
- color: var(--gray-iron-500);
4325
- font-weight: 400;
4326
- font-family: var(--golos);
4327
- font-stretch: normal;
4328
- font-style: normal;
4329
- font-variant: normal;
4201
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z {
4202
+ background-color: var(--ui-dropdown-item-active-background-color, var(--primary-950));
4330
4203
  }
4331
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg {
4332
- padding: 10px 10px 10px 16px;
4204
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__text___ASNww {
4205
+ color: var(--ui-dropdown-item-active-text-color, var(--gray-200));
4333
4206
  }
4334
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__text___ASNww {
4335
- font-size: 16px;
4336
- line-height: 24px;
4337
- color: var(--gray-iron-200);
4338
- font-weight: 400;
4339
- font-family: var(--golos);
4340
- font-stretch: normal;
4341
- font-style: normal;
4342
- font-variant: normal;
4207
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__supportText___UEw04 {
4208
+ color: var(--ui-dropdown-item-active-support-text-color, var(--primary-600));
4343
4209
  }
4344
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__supportText___UEw04 {
4345
- font-size: 16px;
4346
- line-height: 24px;
4347
- color: var(--gray-iron-500);
4348
- font-weight: 400;
4349
- font-family: var(--golos);
4350
- font-stretch: normal;
4351
- font-style: normal;
4352
- font-variant: normal;
4210
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__showIcon___Dg7F4 > svg * {
4211
+ stroke: var(--ui-dropdown-item-active-show-icon-color, var(--primary-600));
4353
4212
  }
4354
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthFill___m3eb0 {
4355
- width: 100%;
4213
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__check___e4EmQ > svg * {
4214
+ stroke: var(--ui-dropdown-item-active-check-icon-color, var(--primary-600));
4356
4215
  }
4357
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthHug___HJMle {
4358
- width: fit-content;
4216
+ @media (hover: hover) {
4217
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover {
4218
+ background-color: var(--ui-dropdown-item-active-hover-background-color, var(--primary-900));
4219
+ }
4220
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__text___ASNww {
4221
+ color: var(--ui-dropdown-item-active-hover-text-color, var(--ui-dropdown-item-active-text-color, var(--gray-200)));
4222
+ }
4223
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__supportText___UEw04 {
4224
+ color: var(--ui-dropdown-item-active-hover-support-text-color, var(--ui-dropdown-item-active-support-text-color, var(--primary-600)));
4225
+ }
4226
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__showIcon___Dg7F4 > svg * {
4227
+ stroke: var(--ui-dropdown-item-active-hover-show-icon-color, var(--ui-dropdown-item-active-show-icon-color, var(--primary-600)));
4228
+ }
4229
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover .DropdownItem-module__check___e4EmQ > svg * {
4230
+ stroke: var(--ui-dropdown-item-active-hover-check-icon-color, var(--ui-dropdown-item-active-check-icon-color, var(--primary-600)));
4231
+ }
4359
4232
  }
4360
4233
  /*!****************************************************************************************************************************************************************************************************************************************************************************!*\
4361
4234
  !*** 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/Loaders/styles/LoadingIndicator.module.scss ***!
@@ -4460,7 +4333,7 @@
4460
4333
  [data-theme=dark] .LoadingIndicator-module__LoadingIndicator___iELVb .LoadingIndicator-module__text___F575P {
4461
4334
  font-size: 14px;
4462
4335
  line-height: 20px;
4463
- color: var(--gray-iron-100);
4336
+ color: var(--gray-100);
4464
4337
  font-weight: 500;
4465
4338
  font-family: var(--golos);
4466
4339
  font-stretch: normal;
@@ -4468,16 +4341,16 @@
4468
4341
  font-variant: normal;
4469
4342
  }
4470
4343
  [data-theme=dark] .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSimple___j3ypM .LoadingIndicator-module__icon___mgj_t > svg path:first-child {
4471
- stroke: var(--gray-iron-500);
4344
+ stroke: var(--gray-500);
4472
4345
  }
4473
4346
  [data-theme=dark] .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSimple___j3ypM .LoadingIndicator-module__icon___mgj_t > svg path:last-child {
4474
- stroke: var(--rose-600);
4347
+ stroke: var(--primary-600);
4475
4348
  }
4476
4349
  [data-theme=dark] .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSpinner___A2m7Y .LoadingIndicator-module__icon___mgj_t > svg path:first-child {
4477
- stroke: var(--gray-iron-500);
4350
+ stroke: var(--gray-500);
4478
4351
  }
4479
4352
  [data-theme=dark] .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSpinner___A2m7Y .LoadingIndicator-module__icon___mgj_t > svg path:last-child {
4480
- stroke: var(--rose-600);
4353
+ stroke: var(--primary-600);
4481
4354
  }
4482
4355
 
4483
4356
  @keyframes LoadingIndicator-module__spinner-animation___NBBAi {
@@ -5864,12 +5737,13 @@
5864
5737
  .Dropdown-module__Dropdown___qWoW1 {
5865
5738
  width: 100%;
5866
5739
  max-height: 300px;
5740
+ min-height: 40px;
5867
5741
  height: fit-content;
5868
- border-radius: 8px;
5742
+ border-radius: var(--ui-dropdown-border-radius, 8px);
5869
5743
  padding: 4px;
5870
- border: 1px solid var(--gray-200);
5871
- background-color: var(--base-white);
5872
- box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
5744
+ border: 1px solid var(--ui-dropdown-border-color, var(--gray-200));
5745
+ background-color: var(--ui-dropdown-background-color, var(--base-white));
5746
+ box-shadow: var(--ui-dropdown-box-shadow, 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725));
5873
5747
  overflow: auto;
5874
5748
  position: relative;
5875
5749
  }
@@ -5888,7 +5762,7 @@
5888
5762
  .Dropdown-module__Dropdown___qWoW1 .Dropdown-module__header___Ct_Nh {
5889
5763
  font-size: 14px;
5890
5764
  line-height: 16px;
5891
- color: var(--gray-600);
5765
+ color: var(--ui-dropdown-title-color, var(--gray-600));
5892
5766
  font-weight: 400;
5893
5767
  font-family: var(--golos);
5894
5768
  font-stretch: normal;
@@ -5901,33 +5775,69 @@
5901
5775
  left: 0;
5902
5776
  }
5903
5777
  [data-theme=dark] .Dropdown-module__Dropdown___qWoW1 {
5904
- border: 1px solid var(--gray-iron-800);
5905
- background-color: var(--gray-iron-900);
5906
- box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.2509803922);
5778
+ border: 1px solid var(--ui-dropdown-border-color, var(--gray-800));
5779
+ background-color: var(--ui-dropdown-background-color, var(--gray-900));
5780
+ box-shadow: var(--ui-dropdown-box-shadow, 0 4px 24px 0 rgba(0, 0, 0, 0.2509803922));
5907
5781
  }
5908
5782
  [data-theme=dark] .Dropdown-module__Dropdown___qWoW1 .Dropdown-module__header___Ct_Nh {
5909
- color: var(--gray-iron-500);
5783
+ color: var(--ui-dropdown-title-color, var(--gray-500));
5910
5784
  }
5911
5785
  /*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
5912
5786
  !*** 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 ***!
5913
5787
  \**********************************************************************************************************************************************************************************************************************************************************************************/
5788
+ @charset "UTF-8";
5914
5789
  .FormField-module__flexField___ZJjFj {
5915
5790
  width: 100%;
5916
5791
  height: fit-content;
5917
5792
  min-width: 0;
5918
5793
  padding: 9px 11px;
5919
- border-radius: 8px;
5794
+ border-radius: var(--ui-form-field-border-radius, 8px);
5920
5795
  gap: 12px;
5921
5796
  box-sizing: border-box;
5922
- background-color: var(--base-white);
5923
- border: 1px solid var(--gray-300);
5924
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
5797
+ background-color: var(--ui-form-field-background-color, var(--base-white));
5798
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-300));
5799
+ box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
5800
+ transition: all ease-out 200ms;
5801
+ }
5802
+ [data-theme=dark] .FormField-module__flexField___ZJjFj {
5803
+ background-color: var(--ui-form-field-background-color, var(--gray-950));
5804
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-800));
5925
5805
  }
5926
5806
  .FormField-module__flexField___ZJjFj {
5927
5807
  display: flex;
5928
5808
  align-items: center;
5929
5809
  justify-content: center;
5930
5810
  }
5811
+ .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
5812
+ font-size: 16px;
5813
+ line-height: 24px;
5814
+ color: var(--ui-form-field-placeholder-color, var(--gray-iron-500));
5815
+ font-weight: 400;
5816
+ font-family: var(--golos);
5817
+ font-stretch: normal;
5818
+ font-style: normal;
5819
+ font-variant: normal;
5820
+ }
5821
+ .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
5822
+ font-size: 16px;
5823
+ line-height: 24px;
5824
+ color: var(--ui-form-field-placeholder-color, var(--gray-400));
5825
+ font-weight: 400;
5826
+ font-family: var(--golos);
5827
+ font-stretch: normal;
5828
+ font-style: normal;
5829
+ font-variant: normal;
5830
+ }
5831
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
5832
+ font-size: 16px;
5833
+ line-height: 24px;
5834
+ color: var(--ui-form-field-placeholder-color, var(--gray-500));
5835
+ font-weight: 400;
5836
+ font-family: var(--golos);
5837
+ font-stretch: normal;
5838
+ font-style: normal;
5839
+ font-variant: normal;
5840
+ }
5931
5841
  .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
5932
5842
  flex: 1;
5933
5843
  min-width: 0;
@@ -5940,21 +5850,48 @@
5940
5850
  text-wrap: nowrap;
5941
5851
  overflow: hidden;
5942
5852
  text-overflow: ellipsis;
5853
+ transition: -webkit-box-shadow ease-out 200ms;
5854
+ /* Полный сброс стандартных стилей автозаполнения */
5855
+ /* Для современных браузеров */
5856
+ }
5857
+ .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 {
5858
+ -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-900)) !important;
5859
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--base-white)) inset;
5860
+ background-color: transparent !important;
5861
+ caret-color: currentColor !important;
5862
+ }
5863
+ [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 {
5864
+ -webkit-text-fill-color: var(--ui-form-field-text-color, var(--gray-200)) !important;
5865
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-background-color, var(--gray-950)) inset;
5866
+ }
5867
+ .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
5868
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--base-white)) inset;
5869
+ }
5870
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:-webkit-autofill:focus {
5871
+ -webkit-box-shadow: 0 0 0 40rem var(--ui-form-field-focus-background-color, var(--gray-950)) inset;
5872
+ }
5873
+ .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:auto-fill, .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS:autofill {
5874
+ color: var(--ui-form-field-text-color, var(--gray-900)) !important;
5875
+ background-color: transparent !important;
5876
+ box-shadow: 0 0 0 40rem transparent !important;
5877
+ }
5878
+ [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 {
5879
+ color: var(--ui-form-field-text-color, var(--gray-25)) !important;
5943
5880
  }
5944
5881
  .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
5945
5882
  font-size: 16px;
5946
5883
  line-height: 24px;
5947
- color: var(--gray-900);
5884
+ color: var(--ui-form-field-text-color, var(--gray-900));
5948
5885
  font-weight: 400;
5949
5886
  font-family: var(--golos);
5950
5887
  font-stretch: normal;
5951
5888
  font-style: normal;
5952
5889
  font-variant: normal;
5953
5890
  }
5954
- .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS::placeholder {
5891
+ .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS::placeholder, .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS.FormField-module__placeholder___AZ7d1 {
5955
5892
  font-size: 16px;
5956
5893
  line-height: 24px;
5957
- color: var(--gray-400);
5894
+ color: var(--ui-form-field-placeholder-color, var(--gray-400));
5958
5895
  font-weight: 400;
5959
5896
  font-family: var(--golos);
5960
5897
  font-stretch: normal;
@@ -5980,53 +5917,60 @@
5980
5917
  height: 20px;
5981
5918
  flex: none;
5982
5919
  }
5983
- .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
5984
- font-size: 16px;
5985
- line-height: 24px;
5986
- color: var(--gray-400);
5987
- font-weight: 400;
5988
- font-family: var(--golos);
5989
- font-stretch: normal;
5990
- font-style: normal;
5991
- font-variant: normal;
5920
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo > svg * {
5921
+ stroke: var(--ui-form-field-placeholder-color, var(--gray-iron-500));
5992
5922
  }
5993
- .FormField-module__flexField___ZJjFj .FormField-module__help___VvUka {
5994
- padding: 2px 0;
5923
+ .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) {
5924
+ background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--base-white)));
5925
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-400)));
5926
+ 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)));
5927
+ color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-900)));
5995
5928
  }
5996
- .FormField-module__flexField___ZJjFj .FormField-module__help___VvUka {
5997
- display: flex;
5998
- align-items: center;
5999
- justify-content: center;
5929
+ [data-theme=dark] .FormField-module__flexField___ZJjFj:has(.FormField-module__inputField___jIgwS:focus) {
5930
+ background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--gray-950)));
5931
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-700)));
5932
+ 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)));
5933
+ color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-25)));
6000
5934
  }
6001
- .FormField-module__flexField___ZJjFj .FormField-module__help___VvUka > svg * {
6002
- stroke: var(--gray-400);
5935
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu {
5936
+ background-color: var(--ui-form-field-error-background-color, var(--base-white));
5937
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));
5938
+ box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
5939
+ color: var(--ui-form-field-error-text-color, var(--gray-900));
6003
5940
  }
6004
- .FormField-module__flexField___ZJjFj .FormField-module__help___VvUka > svg {
6005
- width: 16px;
6006
- height: 16px;
6007
- flex: none;
5941
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu {
5942
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
5943
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-900));
5944
+ 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)));
5945
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
5946
+ }
5947
+ .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) {
5948
+ background-color: var(--ui-form-field-error-focus-background-color, var(--base-white));
5949
+ border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-400));
5950
+ box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
5951
+ color: var(--ui-form-field-error-focus-text-color, var(--gray-900));
5952
+ }
5953
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:has(.FormField-module__inputField___jIgwS:focus) {
5954
+ 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))));
5955
+ border: 1px solid var(--ui-form-field-error-focus-border-color, var(--ui-form-field-error-border-color, var(--error-700)));
5956
+ 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)));
5957
+ color: var(--ui-form-field-error-focus-text-color, var(--gray-25));
6008
5958
  }
6009
5959
  .FormField-module__flexField___ZJjFj.FormField-module__pointer___hfvGg *, .FormField-module__flexField___ZJjFj.FormField-module__pointer___hfvGg .FormField-module__inputField___jIgwS {
6010
5960
  cursor: pointer;
6011
5961
  }
6012
- .FormField-module__flexField___ZJjFj:focus {
6013
- border: 1px solid var(--gray-400);
6014
- }
6015
- .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu {
6016
- border: 1px solid var(--error-300);
6017
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
6018
- }
6019
- .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__help___VvUka > svg * {
6020
- stroke: var(--error-500);
6021
- }
6022
- .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu.FormField-module__focus___ErRoo {
6023
- border: 1px solid var(--error-400);
6024
- }
6025
5962
  .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM {
6026
- background-color: var(--gray-50);
5963
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
5964
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));
5965
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
6027
5966
  cursor: default;
6028
5967
  pointer-events: none;
6029
5968
  }
5969
+ [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM {
5970
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
5971
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));
5972
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
5973
+ }
6030
5974
  .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM * {
6031
5975
  cursor: default;
6032
5976
  }
@@ -6068,14 +6012,13 @@
6068
6012
  font-style: normal;
6069
6013
  font-variant: normal;
6070
6014
  }
6071
- [data-theme=dark] .FormField-module__flexField___ZJjFj {
6072
- background-color: var(--gray-iron-950);
6073
- border: 1px solid var(--gray-iron-800);
6015
+ [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
6016
+ caret-color: var(--ui-form-field-text-color, var(--gray-200));
6074
6017
  }
6075
6018
  [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
6076
6019
  font-size: 16px;
6077
6020
  line-height: 24px;
6078
- color: var(--gray-iron-25);
6021
+ color: var(--ui-form-field-text-color, var(--gray-200));
6079
6022
  font-weight: 400;
6080
6023
  font-family: var(--golos);
6081
6024
  font-stretch: normal;
@@ -6085,7 +6028,7 @@
6085
6028
  [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 {
6086
6029
  font-size: 16px;
6087
6030
  line-height: 24px;
6088
- color: var(--gray-iron-500);
6031
+ color: var(--ui-form-field-placeholder-color, var(--gray-500));
6089
6032
  font-weight: 400;
6090
6033
  font-family: var(--golos);
6091
6034
  font-stretch: normal;
@@ -6093,21 +6036,18 @@
6093
6036
  font-variant: normal;
6094
6037
  }
6095
6038
  [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo > svg * {
6096
- stroke: var(--gray-iron-500);
6039
+ stroke: var(--ui-form-field-placeholder-color, var(--gray-iron-500));
6097
6040
  }
6098
6041
  [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
6099
6042
  font-size: 16px;
6100
6043
  line-height: 24px;
6101
- color: var(--gray-iron-500);
6044
+ color: var(--ui-form-field-placeholder-color, var(--gray-iron-500));
6102
6045
  font-weight: 400;
6103
6046
  font-family: var(--golos);
6104
6047
  font-stretch: normal;
6105
6048
  font-style: normal;
6106
6049
  font-variant: normal;
6107
6050
  }
6108
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__help___VvUka > svg * {
6109
- stroke: var(--gray-iron-500);
6110
- }
6111
6051
  [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__dropdown___ymElW > svg * {
6112
6052
  stroke: var(--gray-iron-500);
6113
6053
  }
@@ -6123,31 +6063,6 @@
6123
6063
  [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__button___A8CtI.FormField-module__gray___MoYs5:hover > svg * {
6124
6064
  stroke: var(--gray-iron-500);
6125
6065
  }
6126
- [data-theme=dark] .FormField-module__flexField___ZJjFj:focus {
6127
- border: 1px solid var(--gray-iron-700);
6128
- }
6129
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu {
6130
- border: 1px solid var(--error-900);
6131
- }
6132
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__help___VvUka > svg * {
6133
- stroke: var(--error-500);
6134
- }
6135
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:focus {
6136
- border: 1px solid var(--error-700);
6137
- }
6138
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM {
6139
- background-color: var(--gray-iron-950);
6140
- }
6141
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS {
6142
- font-size: 16px;
6143
- line-height: 24px;
6144
- color: var(--gray-iron-500);
6145
- font-weight: 400;
6146
- font-family: var(--golos);
6147
- font-stretch: normal;
6148
- font-style: normal;
6149
- font-variant: normal;
6150
- }
6151
6066
  [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__smallDisplay___Y3CBB .FormField-module__inputField___jIgwS {
6152
6067
  font-size: 16px;
6153
6068
  line-height: 24px;
@@ -6186,7 +6101,7 @@
6186
6101
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__labelText___aCt1V {
6187
6102
  font-size: 14px;
6188
6103
  line-height: 20px;
6189
- color: var(--gray-700);
6104
+ color: var(--ui-form-field-label-color, var(--gray-700));
6190
6105
  font-weight: 500;
6191
6106
  font-family: var(--golos);
6192
6107
  font-stretch: normal;
@@ -6196,7 +6111,7 @@
6196
6111
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__labelText___aCt1V .InputFieldWrapper-module__required___jS2ub {
6197
6112
  font-size: 14px;
6198
6113
  line-height: 20px;
6199
- color: var(--error-500);
6114
+ color: var(--ui-form-field-required-color, var(--error-500));
6200
6115
  font-weight: 500;
6201
6116
  font-family: var(--golos);
6202
6117
  font-stretch: normal;
@@ -6211,7 +6126,7 @@
6211
6126
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__hintText___ZhvMW {
6212
6127
  font-size: 14px;
6213
6128
  line-height: 20px;
6214
- color: var(--gray-600);
6129
+ color: var(--ui-form-field-hint-text-color, var(--gray-600));
6215
6130
  font-weight: 400;
6216
6131
  font-family: var(--golos);
6217
6132
  font-stretch: normal;
@@ -6226,7 +6141,7 @@
6226
6141
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__hintError___g40Tr {
6227
6142
  font-size: 14px;
6228
6143
  line-height: 20px;
6229
- color: var(--error-500);
6144
+ color: var(--ui-form-field-hint-error-color, var(--error-500));
6230
6145
  font-weight: 400;
6231
6146
  font-family: var(--golos);
6232
6147
  font-stretch: normal;
@@ -6243,7 +6158,7 @@
6243
6158
  display: flex;
6244
6159
  }
6245
6160
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ > svg * {
6246
- stroke: var(--primary-500);
6161
+ stroke: var(--ui-form-field-helper-link-color, var(--primary-500));
6247
6162
  }
6248
6163
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ > svg {
6249
6164
  flex: none;
@@ -6253,7 +6168,7 @@
6253
6168
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ a {
6254
6169
  font-size: 14px;
6255
6170
  line-height: 20px;
6256
- color: var(--primary-500);
6171
+ color: var(--ui-form-field-helper-link-color, var(--primary-500));
6257
6172
  font-weight: 400;
6258
6173
  font-family: var(--golos);
6259
6174
  font-stretch: normal;
@@ -6292,17 +6207,7 @@
6292
6207
  [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__labelText___aCt1V {
6293
6208
  font-size: 14px;
6294
6209
  line-height: 20px;
6295
- color: var(--gray-iron-400);
6296
- font-weight: 500;
6297
- font-family: var(--golos);
6298
- font-stretch: normal;
6299
- font-style: normal;
6300
- font-variant: normal;
6301
- }
6302
- [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__labelText___aCt1V .InputFieldWrapper-module__required___jS2ub {
6303
- font-size: 14px;
6304
- line-height: 20px;
6305
- color: var(--error-500);
6210
+ color: var(--ui-form-field-label-color, var(--gray-400));
6306
6211
  font-weight: 500;
6307
6212
  font-family: var(--golos);
6308
6213
  font-stretch: normal;
@@ -6312,40 +6217,17 @@
6312
6217
  [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__hintText___ZhvMW {
6313
6218
  font-size: 14px;
6314
6219
  line-height: 20px;
6315
- color: var(--gray-iron-500);
6316
- font-weight: 400;
6317
- font-family: var(--golos);
6318
- font-stretch: normal;
6319
- font-style: normal;
6320
- font-variant: normal;
6321
- }
6322
- [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__hintError___g40Tr {
6323
- font-size: 14px;
6324
- line-height: 20px;
6325
- color: var(--error-500);
6326
- font-weight: 400;
6327
- font-family: var(--golos);
6328
- font-stretch: normal;
6329
- font-style: normal;
6330
- font-variant: normal;
6331
- }
6332
- [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ {
6333
- font-size: 14px;
6334
- line-height: 20px;
6335
- color: var(--rose-500);
6220
+ color: var(--ui-form-field-hint-text-color, var(--gray-500));
6336
6221
  font-weight: 400;
6337
6222
  font-family: var(--golos);
6338
6223
  font-stretch: normal;
6339
6224
  font-style: normal;
6340
6225
  font-variant: normal;
6341
6226
  }
6342
- [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ > svg * {
6343
- stroke: var(--rose-500);
6344
- }
6345
6227
  [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__display___Z20HU .InputFieldWrapper-module__labelText___aCt1V {
6346
6228
  font-size: 14px;
6347
6229
  line-height: 20px;
6348
- color: var(--gray-iron-400);
6230
+ color: var(--ui-form-field-label-color, var(--gray-400));
6349
6231
  font-weight: 500;
6350
6232
  font-family: var(--golos);
6351
6233
  font-stretch: normal;
@@ -6355,7 +6237,7 @@
6355
6237
  [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__display___Z20HU .InputFieldWrapper-module__hintText___ZhvMW {
6356
6238
  font-size: 14px;
6357
6239
  line-height: 20px;
6358
- color: var(--gray-iron-500);
6240
+ color: var(--ui-form-field-hint-text-color, var(--gray-500));
6359
6241
  font-weight: 400;
6360
6242
  font-family: var(--golos);
6361
6243
  font-stretch: normal;
@@ -6426,17 +6308,17 @@
6426
6308
  min-height: 68px;
6427
6309
  overflow: auto;
6428
6310
  resize: none;
6429
- border-radius: 8px;
6311
+ border-radius: var(--ui-form-field-border-radius, 8px);
6430
6312
  padding: 9px 11px;
6431
- background-color: var(--base-white);
6432
- border: 1px solid var(--gray-300);
6433
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
6313
+ background-color: var(--ui-form-field-background-color, var(--base-white));
6314
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-300));
6315
+ box-shadow: var(--ui-form-field-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6434
6316
  transition: all ease-out 200ms;
6435
6317
  }
6436
6318
  .TextareaField-module__textareaField___rTOmX {
6437
6319
  font-size: 16px;
6438
6320
  line-height: 24px;
6439
- color: var(--gray-900);
6321
+ color: var(--ui-form-field-text-color, var(--gray-900));
6440
6322
  font-weight: 400;
6441
6323
  font-family: var(--golos);
6442
6324
  font-stretch: normal;
@@ -6446,7 +6328,7 @@
6446
6328
  .TextareaField-module__textareaField___rTOmX::placeholder {
6447
6329
  font-size: 16px;
6448
6330
  line-height: 24px;
6449
- color: var(--gray-400);
6331
+ color: var(--ui-form-field-placeholder-color, var(--gray-400));
6450
6332
  font-weight: 400;
6451
6333
  font-family: var(--golos);
6452
6334
  font-stretch: normal;
@@ -6454,36 +6336,84 @@
6454
6336
  font-variant: normal;
6455
6337
  }
6456
6338
  .TextareaField-module__textareaField___rTOmX:focus {
6457
- border: 1px solid var(--gray-400);
6339
+ background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--base-white)));
6340
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-400)));
6341
+ 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)));
6342
+ color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-900)));
6458
6343
  }
6459
- .TextareaField-module__textareaField___rTOmX:disabled {
6460
- background-color: var(--gray-50);
6344
+ [data-theme=dark] .TextareaField-module__textareaField___rTOmX:focus {
6345
+ background-color: var(--ui-form-field-focus-background-color, var(--ui-form-field-background-color, var(--gray-950)));
6346
+ border: 1px solid var(--ui-form-field-focus-border-color, var(--ui-form-field-border-color, var(--gray-700)));
6347
+ 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)));
6348
+ color: var(--ui-form-field-focus-text-color, var(--ui-form-field-text-color, var(--gray-25)));
6461
6349
  }
6462
6350
  .TextareaField-module__textareaField___rTOmX:disabled {
6351
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-50));
6352
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-300));
6353
+ color: var(--ui-form-field-disabled-text-color, var(--gray-500));
6354
+ }
6355
+ [data-theme=dark] .TextareaField-module__textareaField___rTOmX:disabled {
6356
+ background-color: var(--ui-form-field-disabled-background-color, var(--gray-950));
6357
+ border: 1px solid var(--ui-form-field-disabled-border-color, var(--gray-800));
6358
+ color: var(--ui-form-field-disabled-text-color, var(--gray-25));
6359
+ }
6360
+ .TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm {
6361
+ background-color: var(--ui-form-field-error-background-color, var(--base-white));
6362
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-300));
6363
+ box-shadow: var(--ui-form-field-error-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6364
+ color: var(--ui-form-field-error-text-color, var(--gray-900));
6365
+ }
6366
+ [data-theme=dark] .TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm {
6367
+ background-color: var(--ui-form-field-error-background-color, var(--ui-form-field-background-color, var(--gray-950)));
6368
+ border: 1px solid var(--ui-form-field-error-border-color, var(--error-900));
6369
+ 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)));
6370
+ color: var(--ui-form-field-error-text-color, var(--ui-form-field-text-color, var(--gray-25)));
6371
+ }
6372
+ .TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm:focus {
6373
+ background-color: var(--ui-form-field-error-focus-background-color, var(--base-white));
6374
+ border: 1px solid var(--ui-form-field-error-focus-border-color, var(--error-400));
6375
+ box-shadow: var(--ui-form-field-error-focus-box-shadow, 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922));
6376
+ color: var(--ui-form-field-error-focus-text-color, var(--gray-900));
6377
+ }
6378
+ [data-theme=dark] .TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm:focus {
6379
+ 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))));
6380
+ border: 1px solid var(--ui-form-field-error-focus-border-color, var(--ui-form-field-error-border-color, var(--error-700)));
6381
+ 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)));
6382
+ color: var(--ui-form-field-error-focus-text-color, var(--gray-25));
6383
+ }
6384
+ [data-theme=dark] .TextareaField-module__textareaField___rTOmX {
6385
+ background-color: var(--ui-form-field-background-color, var(--gray-950));
6386
+ border: 1px solid var(--ui-form-field-border-color, var(--gray-800));
6387
+ }
6388
+ [data-theme=dark] .TextareaField-module__textareaField___rTOmX {
6463
6389
  font-size: 16px;
6464
6390
  line-height: 24px;
6465
- color: var(--gray-500);
6391
+ color: var(--ui-form-field-text-color, var(--gray-200));
6466
6392
  font-weight: 400;
6467
6393
  font-family: var(--golos);
6468
6394
  font-stretch: normal;
6469
6395
  font-style: normal;
6470
6396
  font-variant: normal;
6471
6397
  }
6472
- .TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm {
6473
- border: 1px solid var(--error-300);
6474
- }
6475
- .TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm:focus {
6476
- border: 1px solid var(--error-400);
6398
+ [data-theme=dark] .TextareaField-module__textareaField___rTOmX::placeholder {
6399
+ font-size: 16px;
6400
+ line-height: 24px;
6401
+ color: var(--ui-form-field-placeholder-color, var(--gray-500));
6402
+ font-weight: 400;
6403
+ font-family: var(--golos);
6404
+ font-stretch: normal;
6405
+ font-style: normal;
6406
+ font-variant: normal;
6477
6407
  }
6478
6408
  .TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN {
6479
- background-color: var(--gray-iron-950);
6480
- border: 1px solid var(--gray-iron-800);
6409
+ background-color: var(--gray-950);
6410
+ border: 1px solid var(--gray-800);
6481
6411
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
6482
6412
  }
6483
6413
  .TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN {
6484
6414
  font-size: 16px;
6485
6415
  line-height: 24px;
6486
- color: var(--gray-iron-25);
6416
+ color: var(--gray-25);
6487
6417
  font-weight: 400;
6488
6418
  font-family: var(--golos);
6489
6419
  font-stretch: normal;
@@ -6493,7 +6423,7 @@
6493
6423
  .TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN::placeholder {
6494
6424
  font-size: 16px;
6495
6425
  line-height: 24px;
6496
- color: var(--gray-iron-500);
6426
+ color: var(--gray-500);
6497
6427
  font-weight: 400;
6498
6428
  font-family: var(--golos);
6499
6429
  font-stretch: normal;
@@ -6501,15 +6431,15 @@
6501
6431
  font-variant: normal;
6502
6432
  }
6503
6433
  .TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN:focus {
6504
- border: 1px solid var(--gray-iron-700);
6434
+ border: 1px solid var(--gray-700);
6505
6435
  }
6506
6436
  .TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN:disabled {
6507
- background-color: var(--gray-iron-950);
6437
+ background-color: var(--gray-950);
6508
6438
  }
6509
6439
  .TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN:disabled {
6510
6440
  font-size: 16px;
6511
6441
  line-height: 24px;
6512
- color: var(--gray-iron-500);
6442
+ color: var(--gray-500);
6513
6443
  font-weight: 400;
6514
6444
  font-family: var(--golos);
6515
6445
  font-stretch: normal;
@@ -6771,5 +6701,143 @@
6771
6701
  display: flex;
6772
6702
  align-items: center;
6773
6703
  }
6704
+ /*!*************************************************************************************************************************************************************************************************************************************************************************!*\
6705
+ !*** 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/DropdownV2/styles/DropdownV2.module.scss ***!
6706
+ \*************************************************************************************************************************************************************************************************************************************************************************/
6707
+ .DropdownV2-module__main___Zkfs8 {
6708
+ width: 100%;
6709
+ border-radius: 8px;
6710
+ padding: 4px;
6711
+ background-color: var(--base-white);
6712
+ border: 1px solid var(--gray-200);
6713
+ box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.031372549), 0 12px 16px -4px rgba(16, 24, 40, 0.0784313725);
6714
+ }
6715
+ /*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
6716
+ !*** 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/DropdownV2/styles/DropdownItemV2.module.scss ***!
6717
+ \*****************************************************************************************************************************************************************************************************************************************************************************/
6718
+ .DropdownItemV2-module__main___U3sM0 {
6719
+ width: 100%;
6720
+ height: fit-content;
6721
+ gap: 16px;
6722
+ background-color: transparent;
6723
+ transition: background-color ease-out 200ms;
6724
+ cursor: pointer;
6725
+ }
6726
+ .DropdownItemV2-module__main___U3sM0 {
6727
+ display: flex;
6728
+ align-items: center;
6729
+ }
6730
+ .DropdownItemV2-module__main___U3sM0 .DropdownItemV2-module__icon___BgBJk > svg * {
6731
+ stroke: var(--gray-400);
6732
+ }
6733
+ .DropdownItemV2-module__main___U3sM0 .DropdownItemV2-module__icon___BgBJk > svg {
6734
+ width: 20px;
6735
+ height: 20px;
6736
+ }
6737
+ .DropdownItemV2-module__main___U3sM0:hover {
6738
+ background-color: var(--gray-100);
6739
+ }
6740
+ .DropdownItemV2-module__main___U3sM0.DropdownItemV2-module__selected___Ab1QJ {
6741
+ background-color: var(--blue-dark-50);
6742
+ }
6743
+ .DropdownItemV2-module__main___U3sM0.DropdownItemV2-module__selected___Ab1QJ:hover {
6744
+ background-color: var(--blue-dark-100);
6745
+ }
6746
+ .DropdownItemV2-module__main___U3sM0.DropdownItemV2-module__disabled___ktwNX {
6747
+ pointer-events: none;
6748
+ background-color: var(--gray-25);
6749
+ }
6750
+ .DropdownItemV2-module__main___U3sM0.DropdownItemV2-module__disabled___ktwNX .DropdownItemV2-module__icon___BgBJk > svg * {
6751
+ stroke: var(--gray-300);
6752
+ }
6753
+ .DropdownItemV2-module__main___U3sM0.DropdownItemV2-module__small___uv2i3 {
6754
+ padding: 8px 8px 8px 16px;
6755
+ }
6756
+ .DropdownItemV2-module__main___U3sM0.DropdownItemV2-module__medium___aj8yR {
6757
+ padding: 10px 10px 10px 16px;
6758
+ }
6759
+ /*!******************************************************************************************************************************************************************************************************************************************************************************!*\
6760
+ !*** 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/DropdownV2/styles/components/Info.module.scss ***!
6761
+ \******************************************************************************************************************************************************************************************************************************************************************************/
6762
+ .Info-module__info___oxMEB {
6763
+ flex: 1;
6764
+ display: inline;
6765
+ gap: 6px;
6766
+ white-space: pre-wrap;
6767
+ }
6768
+ .Info-module__info___oxMEB > h6 {
6769
+ display: inline;
6770
+ }
6771
+ .Info-module__info___oxMEB > h6 {
6772
+ font-size: 14px;
6773
+ line-height: 20px;
6774
+ color: var(--gray-900);
6775
+ font-weight: 400;
6776
+ font-family: var(--golos);
6777
+ font-stretch: normal;
6778
+ font-style: normal;
6779
+ font-variant: normal;
6780
+ }
6781
+ .Info-module__info___oxMEB > span {
6782
+ display: inline;
6783
+ }
6784
+ .Info-module__info___oxMEB > span {
6785
+ font-size: 14px;
6786
+ line-height: 20px;
6787
+ color: var(--gray-400);
6788
+ font-weight: 400;
6789
+ font-family: var(--golos);
6790
+ font-stretch: normal;
6791
+ font-style: normal;
6792
+ font-variant: normal;
6793
+ }
6794
+ .Info-module__info___oxMEB.Info-module__disabled___GDX_r > h6, .Info-module__info___oxMEB.Info-module__disabled___GDX_r > span {
6795
+ font-size: 16px;
6796
+ line-height: 24px;
6797
+ color: var(--gray-300);
6798
+ font-weight: 400;
6799
+ font-family: var(--golos);
6800
+ font-stretch: normal;
6801
+ font-style: normal;
6802
+ font-variant: normal;
6803
+ }
6804
+ .Info-module__info___oxMEB.Info-module__small___gmidj > h6, .Info-module__info___oxMEB.Info-module__small___gmidj > span {
6805
+ font-size: 14px;
6806
+ line-height: 20px;
6807
+ color: black;
6808
+ font-weight: 400;
6809
+ font-family: var(--golos);
6810
+ font-stretch: normal;
6811
+ font-style: normal;
6812
+ font-variant: normal;
6813
+ }
6814
+ .Info-module__info___oxMEB.Info-module__medium___hIlPd > h6, .Info-module__info___oxMEB.Info-module__medium___hIlPd > span {
6815
+ font-size: 16px;
6816
+ line-height: 24px;
6817
+ color: black;
6818
+ font-weight: 400;
6819
+ font-family: var(--golos);
6820
+ font-stretch: normal;
6821
+ font-style: normal;
6822
+ font-variant: normal;
6823
+ }
6824
+ /*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
6825
+ !*** 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/DropdownV2/styles/components/Check.module.scss ***!
6826
+ \*******************************************************************************************************************************************************************************************************************************************************************************/
6827
+ .Check-module__check___r1ml8 * {
6828
+ stroke: var(--blue-dark-500);
6829
+ transition: stroke ease-out 200ms, opacity ease-out 200ms;
6830
+ }
6831
+ .Check-module__check___r1ml8 {
6832
+ opacity: 0;
6833
+ width: 20px;
6834
+ height: 20px;
6835
+ }
6836
+ .Check-module__check___r1ml8.Check-module__selected___XTE__ {
6837
+ opacity: 1;
6838
+ }
6839
+ .Check-module__check___r1ml8.Check-module__disabled___wC3Gq * {
6840
+ stroke: var(--gray-300);
6841
+ }
6774
6842
 
6775
6843
  /*# sourceMappingURL=index.css.map*/