indicator-ui 0.1.119 → 0.1.121

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 (27) hide show
  1. package/dist/index.css +949 -1023
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +11 -10
  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/utils.scss +8 -0
  9. package/dist/scss/test/pages/style.scss +6 -0
  10. package/dist/scss/ui/CheckboxMark/styles/mixins/base.scss +14 -22
  11. package/dist/scss/ui/CheckboxMark/styles/mixins/checkbox-mark.scss +17 -117
  12. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/checked.scss +21 -22
  13. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/correct.scss +43 -45
  14. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/disabled.scss +15 -31
  15. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/error.scss +17 -11
  16. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/incorrect.scss +38 -22
  17. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/indeterminate.scss +8 -4
  18. package/dist/scss/ui/CheckboxMark/styles/mixins/properties/radio.scss +1 -7
  19. package/dist/ts/src/test/pages/ButtonsPage.d.ts +1 -0
  20. package/dist/ts/src/test/pages/index.d.ts +1 -1
  21. package/dist/ts/src/ui/Buttons/types/ButtonTypes.d.ts +5 -1
  22. package/dist/ts/src/ui/Tag/ui/FilterTag.d.ts +1 -1
  23. package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useFormPaginatedSelectField.d.ts +6 -5
  24. package/dist/ts/src/ui/formFields/FormPaginatedSelectField/hooks/useSelectFieldState.d.ts +1 -1
  25. package/docs/CSSVariables/CSSThemeCustomize.md +123 -0
  26. package/package.json +1 -1
  27. /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));
2469
+ }
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));
2415
2473
  }
2416
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__disabled___Ab4Hh {
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));
2503
+ }
2504
+ .CheckboxMark-module__checkboxMark___QsRbu.CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
2505
+ border: transparent;
2506
+ background-color: var(--primary-500);
2458
2507
  }
2459
- .CheckboxMark-module__checkboxMark___QsRbu[data-theme=light].CheckboxMark-module__correct___MLR9N.CheckboxMark-module__checked___gV7SX {
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
- }
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
2595
  }
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 ***!
@@ -4085,21 +4011,25 @@
4085
4011
  transition: background-color ease-out 300ms;
4086
4012
  overflow: hidden;
4087
4013
  }
4088
- .DropdownItem-module__dropdownItem___N8ZNV {
4089
- display: flex;
4090
- 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);
4091
4029
  }
4092
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 {
4030
+ .DropdownItem-module__dropdownItem___N8ZNV {
4093
4031
  display: flex;
4094
4032
  align-items: center;
4095
- justify-content: center;
4096
- }
4097
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 > svg * {
4098
- stroke: var(--gray-400);
4099
- }
4100
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 > svg {
4101
- width: 20px;
4102
- height: 20px;
4103
4033
  }
4104
4034
  .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D {
4105
4035
  flex: 1;
@@ -4117,250 +4047,189 @@
4117
4047
  .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww {
4118
4048
  text-wrap: balance;
4119
4049
  }
4120
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww {
4121
- color: var(--gray-900);
4122
- }
4123
4050
  .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
4124
4051
  text-overflow: ellipsis;
4125
4052
  overflow: hidden;
4126
4053
  text-wrap: nowrap;
4127
4054
  }
4128
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
4129
- color: var(--gray-400);
4055
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 svg {
4056
+ width: 20px;
4057
+ height: 20px;
4130
4058
  }
4131
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ {
4132
- opacity: 0;
4133
- transition: opacity ease-out 200ms;
4059
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 svg > * {
4060
+ transition: stroke ease-out 200ms;
4134
4061
  }
4135
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ {
4062
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 {
4136
4063
  display: flex;
4137
4064
  align-items: center;
4138
4065
  justify-content: center;
4139
4066
  }
4140
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ > svg * {
4141
- stroke: var(--primary-500);
4067
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ {
4068
+ opacity: 0;
4069
+ transition: opacity ease-out 200ms;
4142
4070
  }
4143
- .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ > svg {
4071
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ svg {
4144
4072
  width: 20px;
4145
4073
  height: 20px;
4146
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
+ }
4147
4083
  .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ {
4148
4084
  display: none;
4149
4085
  }
4150
- @media only screen and (min-width: 1024px) {
4151
- .DropdownItem-module__dropdownItem___N8ZNV:hover {
4152
- background-color: var(--gray-100);
4153
- }
4086
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__text___ASNww {
4087
+ color: var(--ui-dropdown-item-text-color, var(--gray-900));
4154
4088
  }
4155
- @media (min-width: 481px) and (max-width: 1279px) {
4156
- .DropdownItem-module__dropdownItem___N8ZNV:active {
4157
- background-color: var(--gray-100);
4158
- }
4089
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__supportText___UEw04 {
4090
+ color: var(--ui-dropdown-item-support-text-color, var(--gray-400));
4159
4091
  }
4160
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z {
4161
- background-color: var(--primary-50);
4092
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 > svg * {
4093
+ stroke: var(--ui-dropdown-item-show-icon-color, var(--gray-400));
4162
4094
  }
4163
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__check___e4EmQ {
4164
- display: flex;
4165
- opacity: 1;
4095
+ .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ > svg * {
4096
+ stroke: var(--ui-dropdown-item-check-icon-color, var(--primary-500));
4166
4097
  }
4167
- @media only screen and (min-width: 1024px) {
4168
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover {
4169
- background-color: var(--primary-100);
4098
+ @media (hover: hover) {
4099
+ .DropdownItem-module__dropdownItem___N8ZNV:hover {
4100
+ background-color: var(--ui-dropdown-item-hover-background-color, var(--gray-100));
4170
4101
  }
4171
- }
4172
- @media (min-width: 481px) and (max-width: 1279px) {
4173
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:active {
4174
- background-color: var(--primary-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)));
4175
4113
  }
4176
4114
  }
4177
- .DropdownItem-module__dropdownItem___N8ZNV:disabled, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb {
4178
- cursor: default;
4179
- pointer-events: none;
4180
- }
4181
- .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__showIcon___Dg7F4 > svg *, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__showIcon___Dg7F4 > svg * {
4182
- stroke: var(--gray-300);
4183
- }
4184
- .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 {
4185
- color: var(--gray-300);
4186
- }
4187
- .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__userIcon___MATjB, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__userIcon___MATjB {
4188
- opacity: 45%;
4189
- }
4190
- .DropdownItem-module__dropdownItem___N8ZNV:disabled .DropdownItem-module__check___e4EmQ > svg *, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb .DropdownItem-module__check___e4EmQ > svg * {
4191
- stroke: var(--gray-300);
4192
- }
4193
- .DropdownItem-module__dropdownItem___N8ZNV:disabled.DropdownItem-module__selected___gw70Z, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb.DropdownItem-module__selected___gw70Z {
4194
- background-color: var(--gray-25);
4195
- }
4196
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt {
4197
- padding: 8px 8px 8px 16px;
4198
- }
4199
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__text___ASNww {
4200
- font-size: 14px;
4201
- line-height: 20px;
4202
- color: var(--gray-900);
4203
- font-weight: 400;
4204
- font-family: var(--golos);
4205
- font-stretch: normal;
4206
- font-style: normal;
4207
- font-variant: normal;
4208
- }
4209
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__supportText___UEw04 {
4210
- font-size: 14px;
4211
- line-height: 20px;
4212
- color: var(--gray-400);
4213
- font-weight: 400;
4214
- font-family: var(--golos);
4215
- font-stretch: normal;
4216
- font-style: normal;
4217
- font-variant: normal;
4218
- }
4219
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg {
4220
- padding: 10px 10px 10px 16px;
4221
- }
4222
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__text___ASNww {
4223
- font-size: 16px;
4224
- line-height: 24px;
4225
- color: var(--gray-900);
4226
- font-weight: 400;
4227
- font-family: var(--golos);
4228
- font-stretch: normal;
4229
- font-style: normal;
4230
- font-variant: normal;
4231
- }
4232
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__supportText___UEw04 {
4233
- font-size: 16px;
4234
- line-height: 24px;
4235
- color: var(--gray-900);
4236
- font-weight: 400;
4237
- font-family: var(--golos);
4238
- font-stretch: normal;
4239
- font-style: normal;
4240
- font-variant: normal;
4241
- }
4242
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthFill___m3eb0 {
4243
- width: 100%;
4115
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z {
4116
+ background-color: var(--ui-dropdown-item-active-background-color, var(--primary-50));
4244
4117
  }
4245
- .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthHug___HJMle {
4246
- width: fit-content;
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));
4247
4120
  }
4248
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__showIcon___Dg7F4 > svg * {
4249
- stroke: var(--gray-iron-500);
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));
4250
4123
  }
4251
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__text___ASNww {
4252
- color: var(--gray-iron-200);
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));
4253
4126
  }
4254
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
4255
- color: var(--gray-iron-500);
4127
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__check___e4EmQ {
4128
+ display: flex;
4129
+ opacity: 1;
4256
4130
  }
4257
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__check___e4EmQ > svg * {
4258
- stroke: var(--rose-500);
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));
4259
4133
  }
4260
- @media only screen and (min-width: 1024px) {
4261
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:hover {
4262
- background-color: var(--gray-iron-800);
4134
+ @media (hover: hover) {
4135
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover {
4136
+ background-color: var(--ui-dropdown-item-active-hover-background-color, var(--primary-100));
4263
4137
  }
4264
- }
4265
- @media (min-width: 481px) and (max-width: 1279px) {
4266
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:active {
4267
- background-color: var(--gray-iron-800);
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)));
4268
4140
  }
4269
- }
4270
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z {
4271
- background-color: var(--rose-950);
4272
- }
4273
- @media only screen and (min-width: 1024px) {
4274
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:hover {
4275
- background-color: var(--rose-900);
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)));
4276
4143
  }
4277
- }
4278
- @media (min-width: 481px) and (max-width: 1279px) {
4279
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:active {
4280
- background-color: var(--rose-900);
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)));
4281
4149
  }
4282
4150
  }
4283
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__showIcon___Dg7F4 > svg * {
4284
- stroke: var(--rose-600);
4285
- }
4286
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z .DropdownItem-module__main___Lhu3D .DropdownItem-module__supportText___UEw04 {
4287
- color: var(--rose-600);
4288
- }
4289
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:disabled, [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb {
4151
+ .DropdownItem-module__dropdownItem___N8ZNV:disabled, .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__disabled___hI0kb {
4290
4152
  cursor: default;
4291
4153
  pointer-events: none;
4292
- opacity: 0.5;
4293
- }
4294
- [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 * {
4295
- stroke: var(--rose-600);
4296
- }
4297
- [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 {
4298
- color: var(--gray-iron-200);
4299
- }
4300
- [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 {
4301
- opacity: 1;
4302
- }
4303
- [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 {
4304
- color: var(--gray-iron-200);
4305
- }
4306
- [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 * {
4307
- stroke: var(--rose-600);
4308
- }
4309
- [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 {
4310
- background-color: var(--rose-950);
4154
+ opacity: 0.5;
4311
4155
  }
4312
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt {
4156
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt {
4313
4157
  padding: 8px 8px 8px 16px;
4314
4158
  }
4315
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__text___ASNww {
4316
- font-size: 14px;
4317
- line-height: 20px;
4318
- color: var(--gray-iron-200);
4319
- font-weight: 400;
4320
- font-family: var(--golos);
4321
- font-stretch: normal;
4322
- font-style: normal;
4323
- font-variant: normal;
4324
- }
4325
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__supportText___UEw04 {
4159
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__text___ASNww,
4160
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__small___IbHXt .DropdownItem-module__supportText___UEw04 {
4326
4161
  font-size: 14px;
4327
4162
  line-height: 20px;
4328
- color: var(--gray-iron-500);
4329
- font-weight: 400;
4330
- font-family: var(--golos);
4331
- font-stretch: normal;
4332
- font-style: normal;
4333
- font-variant: normal;
4334
4163
  }
4335
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg {
4164
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg {
4336
4165
  padding: 10px 10px 10px 16px;
4337
4166
  }
4338
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__text___ASNww {
4339
- font-size: 16px;
4340
- line-height: 24px;
4341
- color: var(--gray-iron-200);
4342
- font-weight: 400;
4343
- font-family: var(--golos);
4344
- font-stretch: normal;
4345
- font-style: normal;
4346
- font-variant: normal;
4347
- }
4348
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__supportText___UEw04 {
4167
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__text___ASNww,
4168
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__medium___bm3mg .DropdownItem-module__supportText___UEw04 {
4349
4169
  font-size: 16px;
4350
4170
  line-height: 24px;
4351
- color: var(--gray-iron-500);
4352
- font-weight: 400;
4353
- font-family: var(--golos);
4354
- font-stretch: normal;
4355
- font-style: normal;
4356
- font-variant: normal;
4357
4171
  }
4358
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthFill___m3eb0 {
4172
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthFill___m3eb0 {
4359
4173
  width: 100%;
4360
4174
  }
4361
- [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthHug___HJMle {
4175
+ .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__widthHug___HJMle {
4362
4176
  width: fit-content;
4363
4177
  }
4178
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__text___ASNww {
4179
+ color: var(--ui-dropdown-item-text-color, var(--gray-200));
4180
+ }
4181
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV .DropdownItem-module__supportText___UEw04 {
4182
+ color: var(--ui-dropdown-item-support-text-color, var(--gray-500));
4183
+ }
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));
4186
+ }
4187
+ @media (hover: hover) {
4188
+ [data-theme=dark] .DropdownItem-module__dropdownItem___N8ZNV:hover {
4189
+ background-color: var(--ui-dropdown-item-hover-background-color, var(--gray-800));
4190
+ }
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)));
4193
+ }
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)));
4196
+ }
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)));
4199
+ }
4200
+ }
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));
4203
+ }
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));
4206
+ }
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));
4209
+ }
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));
4212
+ }
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));
4215
+ }
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
+ }
4232
+ }
4364
4233
  /*!****************************************************************************************************************************************************************************************************************************************************************************!*\
4365
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 ***!
4366
4235
  \****************************************************************************************************************************************************************************************************************************************************************************/
@@ -4408,7 +4277,7 @@
4408
4277
  .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__small___MXHKy {
4409
4278
  gap: 16px;
4410
4279
  }
4411
- .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__small___MXHKy > svg {
4280
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__small___MXHKy .LoadingIndicator-module__icon___mgj_t > svg {
4412
4281
  width: 32px;
4413
4282
  height: 32px;
4414
4283
  }
@@ -4419,7 +4288,7 @@
4419
4288
  .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__medium___o32By {
4420
4289
  gap: 16px;
4421
4290
  }
4422
- .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__medium___o32By > svg {
4291
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__medium___o32By .LoadingIndicator-module__icon___mgj_t > svg {
4423
4292
  width: 48px;
4424
4293
  height: 48px;
4425
4294
  }
@@ -4430,7 +4299,7 @@
4430
4299
  .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__large___Uxh7i {
4431
4300
  gap: 16px;
4432
4301
  }
4433
- .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__large___Uxh7i > svg {
4302
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__large___Uxh7i .LoadingIndicator-module__icon___mgj_t > svg {
4434
4303
  width: 56px;
4435
4304
  height: 56px;
4436
4305
  }
@@ -4441,7 +4310,7 @@
4441
4310
  .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__ultra___wIzOx {
4442
4311
  gap: 20px;
4443
4312
  }
4444
- .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__ultra___wIzOx > svg {
4313
+ .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__ultra___wIzOx .LoadingIndicator-module__icon___mgj_t > svg {
4445
4314
  width: 64px;
4446
4315
  height: 64px;
4447
4316
  }
@@ -4464,7 +4333,7 @@
4464
4333
  [data-theme=dark] .LoadingIndicator-module__LoadingIndicator___iELVb .LoadingIndicator-module__text___F575P {
4465
4334
  font-size: 14px;
4466
4335
  line-height: 20px;
4467
- color: var(--gray-iron-100);
4336
+ color: var(--gray-100);
4468
4337
  font-weight: 500;
4469
4338
  font-family: var(--golos);
4470
4339
  font-stretch: normal;
@@ -4472,16 +4341,16 @@
4472
4341
  font-variant: normal;
4473
4342
  }
4474
4343
  [data-theme=dark] .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSimple___j3ypM .LoadingIndicator-module__icon___mgj_t > svg path:first-child {
4475
- stroke: var(--gray-iron-500);
4344
+ stroke: var(--gray-500);
4476
4345
  }
4477
4346
  [data-theme=dark] .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSimple___j3ypM .LoadingIndicator-module__icon___mgj_t > svg path:last-child {
4478
- stroke: var(--rose-600);
4347
+ stroke: var(--primary-600);
4479
4348
  }
4480
4349
  [data-theme=dark] .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSpinner___A2m7Y .LoadingIndicator-module__icon___mgj_t > svg path:first-child {
4481
- stroke: var(--gray-iron-500);
4350
+ stroke: var(--gray-500);
4482
4351
  }
4483
4352
  [data-theme=dark] .LoadingIndicator-module__LoadingIndicator___iELVb.LoadingIndicator-module__lineSpinner___A2m7Y .LoadingIndicator-module__icon___mgj_t > svg path:last-child {
4484
- stroke: var(--rose-600);
4353
+ stroke: var(--primary-600);
4485
4354
  }
4486
4355
 
4487
4356
  @keyframes LoadingIndicator-module__spinner-animation___NBBAi {
@@ -5868,12 +5737,13 @@
5868
5737
  .Dropdown-module__Dropdown___qWoW1 {
5869
5738
  width: 100%;
5870
5739
  max-height: 300px;
5740
+ min-height: 40px;
5871
5741
  height: fit-content;
5872
- border-radius: 8px;
5742
+ border-radius: var(--ui-dropdown-border-radius, 8px);
5873
5743
  padding: 4px;
5874
- border: 1px solid var(--gray-200);
5875
- background-color: var(--base-white);
5876
- 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));
5877
5747
  overflow: auto;
5878
5748
  position: relative;
5879
5749
  }
@@ -5892,7 +5762,7 @@
5892
5762
  .Dropdown-module__Dropdown___qWoW1 .Dropdown-module__header___Ct_Nh {
5893
5763
  font-size: 14px;
5894
5764
  line-height: 16px;
5895
- color: var(--gray-600);
5765
+ color: var(--ui-dropdown-title-color, var(--gray-600));
5896
5766
  font-weight: 400;
5897
5767
  font-family: var(--golos);
5898
5768
  font-stretch: normal;
@@ -5905,33 +5775,69 @@
5905
5775
  left: 0;
5906
5776
  }
5907
5777
  [data-theme=dark] .Dropdown-module__Dropdown___qWoW1 {
5908
- border: 1px solid var(--gray-iron-800);
5909
- background-color: var(--gray-iron-900);
5910
- 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));
5911
5781
  }
5912
5782
  [data-theme=dark] .Dropdown-module__Dropdown___qWoW1 .Dropdown-module__header___Ct_Nh {
5913
- color: var(--gray-iron-500);
5783
+ color: var(--ui-dropdown-title-color, var(--gray-500));
5914
5784
  }
5915
5785
  /*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
5916
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 ***!
5917
5787
  \**********************************************************************************************************************************************************************************************************************************************************************************/
5788
+ @charset "UTF-8";
5918
5789
  .FormField-module__flexField___ZJjFj {
5919
5790
  width: 100%;
5920
5791
  height: fit-content;
5921
5792
  min-width: 0;
5922
5793
  padding: 9px 11px;
5923
- border-radius: 8px;
5794
+ border-radius: var(--ui-form-field-border-radius, 8px);
5924
5795
  gap: 12px;
5925
5796
  box-sizing: border-box;
5926
- background-color: var(--base-white);
5927
- border: 1px solid var(--gray-300);
5928
- 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));
5929
5805
  }
5930
5806
  .FormField-module__flexField___ZJjFj {
5931
5807
  display: flex;
5932
5808
  align-items: center;
5933
5809
  justify-content: center;
5934
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
+ }
5935
5841
  .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
5936
5842
  flex: 1;
5937
5843
  min-width: 0;
@@ -5944,21 +5850,48 @@
5944
5850
  text-wrap: nowrap;
5945
5851
  overflow: hidden;
5946
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;
5947
5880
  }
5948
5881
  .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
5949
5882
  font-size: 16px;
5950
5883
  line-height: 24px;
5951
- color: var(--gray-900);
5884
+ color: var(--ui-form-field-text-color, var(--gray-900));
5952
5885
  font-weight: 400;
5953
5886
  font-family: var(--golos);
5954
5887
  font-stretch: normal;
5955
5888
  font-style: normal;
5956
5889
  font-variant: normal;
5957
5890
  }
5958
- .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 {
5959
5892
  font-size: 16px;
5960
5893
  line-height: 24px;
5961
- color: var(--gray-400);
5894
+ color: var(--ui-form-field-placeholder-color, var(--gray-400));
5962
5895
  font-weight: 400;
5963
5896
  font-family: var(--golos);
5964
5897
  font-stretch: normal;
@@ -5984,53 +5917,60 @@
5984
5917
  height: 20px;
5985
5918
  flex: none;
5986
5919
  }
5987
- .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
5988
- font-size: 16px;
5989
- line-height: 24px;
5990
- color: var(--gray-400);
5991
- font-weight: 400;
5992
- font-family: var(--golos);
5993
- font-stretch: normal;
5994
- font-style: normal;
5995
- 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));
5996
5922
  }
5997
- .FormField-module__flexField___ZJjFj .FormField-module__help___VvUka {
5998
- 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)));
5999
5928
  }
6000
- .FormField-module__flexField___ZJjFj .FormField-module__help___VvUka {
6001
- display: flex;
6002
- align-items: center;
6003
- 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)));
6004
5934
  }
6005
- .FormField-module__flexField___ZJjFj .FormField-module__help___VvUka > svg * {
6006
- 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));
6007
5940
  }
6008
- .FormField-module__flexField___ZJjFj .FormField-module__help___VvUka > svg {
6009
- width: 16px;
6010
- height: 16px;
6011
- 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));
6012
5958
  }
6013
5959
  .FormField-module__flexField___ZJjFj.FormField-module__pointer___hfvGg *, .FormField-module__flexField___ZJjFj.FormField-module__pointer___hfvGg .FormField-module__inputField___jIgwS {
6014
5960
  cursor: pointer;
6015
5961
  }
6016
- .FormField-module__flexField___ZJjFj:focus {
6017
- border: 1px solid var(--gray-400);
6018
- }
6019
- .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu {
6020
- border: 1px solid var(--error-300);
6021
- box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
6022
- }
6023
- .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__help___VvUka > svg * {
6024
- stroke: var(--error-500);
6025
- }
6026
- .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu.FormField-module__focus___ErRoo {
6027
- border: 1px solid var(--error-400);
6028
- }
6029
5962
  .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM {
6030
- 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));
6031
5966
  cursor: default;
6032
5967
  pointer-events: none;
6033
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
+ }
6034
5974
  .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM * {
6035
5975
  cursor: default;
6036
5976
  }
@@ -6072,14 +6012,13 @@
6072
6012
  font-style: normal;
6073
6013
  font-variant: normal;
6074
6014
  }
6075
- [data-theme=dark] .FormField-module__flexField___ZJjFj {
6076
- background-color: var(--gray-iron-950);
6077
- 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));
6078
6017
  }
6079
6018
  [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__inputField___jIgwS {
6080
6019
  font-size: 16px;
6081
6020
  line-height: 24px;
6082
- color: var(--gray-iron-25);
6021
+ color: var(--ui-form-field-text-color, var(--gray-200));
6083
6022
  font-weight: 400;
6084
6023
  font-family: var(--golos);
6085
6024
  font-stretch: normal;
@@ -6089,7 +6028,7 @@
6089
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 {
6090
6029
  font-size: 16px;
6091
6030
  line-height: 24px;
6092
- color: var(--gray-iron-500);
6031
+ color: var(--ui-form-field-placeholder-color, var(--gray-500));
6093
6032
  font-weight: 400;
6094
6033
  font-family: var(--golos);
6095
6034
  font-stretch: normal;
@@ -6097,21 +6036,18 @@
6097
6036
  font-variant: normal;
6098
6037
  }
6099
6038
  [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__icon___NrcZo > svg * {
6100
- stroke: var(--gray-iron-500);
6039
+ stroke: var(--ui-form-field-placeholder-color, var(--gray-iron-500));
6101
6040
  }
6102
6041
  [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__textSupport____FpIX {
6103
6042
  font-size: 16px;
6104
6043
  line-height: 24px;
6105
- color: var(--gray-iron-500);
6044
+ color: var(--ui-form-field-placeholder-color, var(--gray-iron-500));
6106
6045
  font-weight: 400;
6107
6046
  font-family: var(--golos);
6108
6047
  font-stretch: normal;
6109
6048
  font-style: normal;
6110
6049
  font-variant: normal;
6111
6050
  }
6112
- [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__help___VvUka > svg * {
6113
- stroke: var(--gray-iron-500);
6114
- }
6115
6051
  [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__dropdown___ymElW > svg * {
6116
6052
  stroke: var(--gray-iron-500);
6117
6053
  }
@@ -6127,31 +6063,6 @@
6127
6063
  [data-theme=dark] .FormField-module__flexField___ZJjFj .FormField-module__button___A8CtI.FormField-module__gray___MoYs5:hover > svg * {
6128
6064
  stroke: var(--gray-iron-500);
6129
6065
  }
6130
- [data-theme=dark] .FormField-module__flexField___ZJjFj:focus {
6131
- border: 1px solid var(--gray-iron-700);
6132
- }
6133
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu {
6134
- border: 1px solid var(--error-900);
6135
- }
6136
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu .FormField-module__help___VvUka > svg * {
6137
- stroke: var(--error-500);
6138
- }
6139
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__error___WY4nu:focus {
6140
- border: 1px solid var(--error-700);
6141
- }
6142
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM {
6143
- background-color: var(--gray-iron-950);
6144
- }
6145
- [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__disabled___UBVzM .FormField-module__inputField___jIgwS {
6146
- font-size: 16px;
6147
- line-height: 24px;
6148
- color: var(--gray-iron-500);
6149
- font-weight: 400;
6150
- font-family: var(--golos);
6151
- font-stretch: normal;
6152
- font-style: normal;
6153
- font-variant: normal;
6154
- }
6155
6066
  [data-theme=dark] .FormField-module__flexField___ZJjFj.FormField-module__smallDisplay___Y3CBB .FormField-module__inputField___jIgwS {
6156
6067
  font-size: 16px;
6157
6068
  line-height: 24px;
@@ -6190,7 +6101,7 @@
6190
6101
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__labelText___aCt1V {
6191
6102
  font-size: 14px;
6192
6103
  line-height: 20px;
6193
- color: var(--gray-700);
6104
+ color: var(--ui-form-field-label-color, var(--gray-700));
6194
6105
  font-weight: 500;
6195
6106
  font-family: var(--golos);
6196
6107
  font-stretch: normal;
@@ -6200,7 +6111,7 @@
6200
6111
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__labelText___aCt1V .InputFieldWrapper-module__required___jS2ub {
6201
6112
  font-size: 14px;
6202
6113
  line-height: 20px;
6203
- color: var(--error-500);
6114
+ color: var(--ui-form-field-required-color, var(--error-500));
6204
6115
  font-weight: 500;
6205
6116
  font-family: var(--golos);
6206
6117
  font-stretch: normal;
@@ -6215,7 +6126,7 @@
6215
6126
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__hintText___ZhvMW {
6216
6127
  font-size: 14px;
6217
6128
  line-height: 20px;
6218
- color: var(--gray-600);
6129
+ color: var(--ui-form-field-hint-text-color, var(--gray-600));
6219
6130
  font-weight: 400;
6220
6131
  font-family: var(--golos);
6221
6132
  font-stretch: normal;
@@ -6230,7 +6141,7 @@
6230
6141
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__hintError___g40Tr {
6231
6142
  font-size: 14px;
6232
6143
  line-height: 20px;
6233
- color: var(--error-500);
6144
+ color: var(--ui-form-field-hint-error-color, var(--error-500));
6234
6145
  font-weight: 400;
6235
6146
  font-family: var(--golos);
6236
6147
  font-stretch: normal;
@@ -6247,7 +6158,7 @@
6247
6158
  display: flex;
6248
6159
  }
6249
6160
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ > svg * {
6250
- stroke: var(--primary-500);
6161
+ stroke: var(--ui-form-field-helper-link-color, var(--primary-500));
6251
6162
  }
6252
6163
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ > svg {
6253
6164
  flex: none;
@@ -6257,7 +6168,7 @@
6257
6168
  .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ a {
6258
6169
  font-size: 14px;
6259
6170
  line-height: 20px;
6260
- color: var(--primary-500);
6171
+ color: var(--ui-form-field-helper-link-color, var(--primary-500));
6261
6172
  font-weight: 400;
6262
6173
  font-family: var(--golos);
6263
6174
  font-stretch: normal;
@@ -6296,17 +6207,7 @@
6296
6207
  [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__labelText___aCt1V {
6297
6208
  font-size: 14px;
6298
6209
  line-height: 20px;
6299
- color: var(--gray-iron-400);
6300
- font-weight: 500;
6301
- font-family: var(--golos);
6302
- font-stretch: normal;
6303
- font-style: normal;
6304
- font-variant: normal;
6305
- }
6306
- [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__labelText___aCt1V .InputFieldWrapper-module__required___jS2ub {
6307
- font-size: 14px;
6308
- line-height: 20px;
6309
- color: var(--error-500);
6210
+ color: var(--ui-form-field-label-color, var(--gray-400));
6310
6211
  font-weight: 500;
6311
6212
  font-family: var(--golos);
6312
6213
  font-stretch: normal;
@@ -6316,40 +6217,17 @@
6316
6217
  [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__hintText___ZhvMW {
6317
6218
  font-size: 14px;
6318
6219
  line-height: 20px;
6319
- color: var(--gray-iron-500);
6320
- font-weight: 400;
6321
- font-family: var(--golos);
6322
- font-stretch: normal;
6323
- font-style: normal;
6324
- font-variant: normal;
6325
- }
6326
- [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__hintError___g40Tr {
6327
- font-size: 14px;
6328
- line-height: 20px;
6329
- color: var(--error-500);
6330
- font-weight: 400;
6331
- font-family: var(--golos);
6332
- font-stretch: normal;
6333
- font-style: normal;
6334
- font-variant: normal;
6335
- }
6336
- [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ {
6337
- font-size: 14px;
6338
- line-height: 20px;
6339
- color: var(--rose-500);
6220
+ color: var(--ui-form-field-hint-text-color, var(--gray-500));
6340
6221
  font-weight: 400;
6341
6222
  font-family: var(--golos);
6342
6223
  font-stretch: normal;
6343
6224
  font-style: normal;
6344
6225
  font-variant: normal;
6345
6226
  }
6346
- [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL .InputFieldWrapper-module__helperLink___bS1MZ > svg * {
6347
- stroke: var(--rose-500);
6348
- }
6349
6227
  [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__display___Z20HU .InputFieldWrapper-module__labelText___aCt1V {
6350
6228
  font-size: 14px;
6351
6229
  line-height: 20px;
6352
- color: var(--gray-iron-400);
6230
+ color: var(--ui-form-field-label-color, var(--gray-400));
6353
6231
  font-weight: 500;
6354
6232
  font-family: var(--golos);
6355
6233
  font-stretch: normal;
@@ -6359,7 +6237,7 @@
6359
6237
  [data-theme=dark] .InputFieldWrapper-module__inputFieldWrapper___S9aEL.InputFieldWrapper-module__display___Z20HU .InputFieldWrapper-module__hintText___ZhvMW {
6360
6238
  font-size: 14px;
6361
6239
  line-height: 20px;
6362
- color: var(--gray-iron-500);
6240
+ color: var(--ui-form-field-hint-text-color, var(--gray-500));
6363
6241
  font-weight: 400;
6364
6242
  font-family: var(--golos);
6365
6243
  font-stretch: normal;
@@ -6430,17 +6308,17 @@
6430
6308
  min-height: 68px;
6431
6309
  overflow: auto;
6432
6310
  resize: none;
6433
- border-radius: 8px;
6311
+ border-radius: var(--ui-form-field-border-radius, 8px);
6434
6312
  padding: 9px 11px;
6435
- background-color: var(--base-white);
6436
- border: 1px solid var(--gray-300);
6437
- 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));
6438
6316
  transition: all ease-out 200ms;
6439
6317
  }
6440
6318
  .TextareaField-module__textareaField___rTOmX {
6441
6319
  font-size: 16px;
6442
6320
  line-height: 24px;
6443
- color: var(--gray-900);
6321
+ color: var(--ui-form-field-text-color, var(--gray-900));
6444
6322
  font-weight: 400;
6445
6323
  font-family: var(--golos);
6446
6324
  font-stretch: normal;
@@ -6450,7 +6328,7 @@
6450
6328
  .TextareaField-module__textareaField___rTOmX::placeholder {
6451
6329
  font-size: 16px;
6452
6330
  line-height: 24px;
6453
- color: var(--gray-400);
6331
+ color: var(--ui-form-field-placeholder-color, var(--gray-400));
6454
6332
  font-weight: 400;
6455
6333
  font-family: var(--golos);
6456
6334
  font-stretch: normal;
@@ -6458,36 +6336,84 @@
6458
6336
  font-variant: normal;
6459
6337
  }
6460
6338
  .TextareaField-module__textareaField___rTOmX:focus {
6461
- 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)));
6462
6343
  }
6463
- .TextareaField-module__textareaField___rTOmX:disabled {
6464
- 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)));
6465
6349
  }
6466
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 {
6467
6389
  font-size: 16px;
6468
6390
  line-height: 24px;
6469
- color: var(--gray-500);
6391
+ color: var(--ui-form-field-text-color, var(--gray-200));
6470
6392
  font-weight: 400;
6471
6393
  font-family: var(--golos);
6472
6394
  font-stretch: normal;
6473
6395
  font-style: normal;
6474
6396
  font-variant: normal;
6475
6397
  }
6476
- .TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm {
6477
- border: 1px solid var(--error-300);
6478
- }
6479
- .TextareaField-module__textareaField___rTOmX.TextareaField-module__isError___PNhRm:focus {
6480
- 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;
6481
6407
  }
6482
6408
  .TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN {
6483
- background-color: var(--gray-iron-950);
6484
- border: 1px solid var(--gray-iron-800);
6409
+ background-color: var(--gray-950);
6410
+ border: 1px solid var(--gray-800);
6485
6411
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.0509803922);
6486
6412
  }
6487
6413
  .TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN {
6488
6414
  font-size: 16px;
6489
6415
  line-height: 24px;
6490
- color: var(--gray-iron-25);
6416
+ color: var(--gray-25);
6491
6417
  font-weight: 400;
6492
6418
  font-family: var(--golos);
6493
6419
  font-stretch: normal;
@@ -6497,7 +6423,7 @@
6497
6423
  .TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN::placeholder {
6498
6424
  font-size: 16px;
6499
6425
  line-height: 24px;
6500
- color: var(--gray-iron-500);
6426
+ color: var(--gray-500);
6501
6427
  font-weight: 400;
6502
6428
  font-family: var(--golos);
6503
6429
  font-stretch: normal;
@@ -6505,15 +6431,15 @@
6505
6431
  font-variant: normal;
6506
6432
  }
6507
6433
  .TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN:focus {
6508
- border: 1px solid var(--gray-iron-700);
6434
+ border: 1px solid var(--gray-700);
6509
6435
  }
6510
6436
  .TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN:disabled {
6511
- background-color: var(--gray-iron-950);
6437
+ background-color: var(--gray-950);
6512
6438
  }
6513
6439
  .TextareaField-module__textareaField___rTOmX.TextareaField-module__darkTheme___rDJDN:disabled {
6514
6440
  font-size: 16px;
6515
6441
  line-height: 24px;
6516
- color: var(--gray-iron-500);
6442
+ color: var(--gray-500);
6517
6443
  font-weight: 400;
6518
6444
  font-family: var(--golos);
6519
6445
  font-stretch: normal;