indicator-ui 0.1.16 → 0.1.18

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 (7) hide show
  1. package/dist/index.css +114 -107
  2. package/dist/index.css.map +1 -1
  3. package/dist/scss/styles/adaptive/index.scss +142 -2
  4. package/dist/scss/styles/mixins/fnt.scss +2 -2
  5. package/package.json +1 -1
  6. package/dist/scss/styles/adaptive/_breakpoints.scss +0 -37
  7. package/dist/scss/styles/adaptive/_variables.scss +0 -5
package/dist/index.css CHANGED
@@ -148,6 +148,13 @@
148
148
  --teal-900: #134E48;
149
149
  --teal-950: #0A2926;
150
150
  }
151
+ /*!*********************************************************************************************!*\
152
+ !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/colors/css-variables/fonts.css ***!
153
+ \*********************************************************************************************/
154
+ :root {
155
+ --golos-ui: 'Golos UI', sans-serif;
156
+ --golos: 'Golos Text', sans-serif;
157
+ }
151
158
  /*!*********************************************************************************************!*\
152
159
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/styles/colors/css-variables/index.css ***!
153
160
  \*********************************************************************************************/
@@ -218,13 +225,13 @@
218
225
  font-size: 14px;
219
226
  line-height: 16px;
220
227
  font-weight: 500;
221
- font-family: "Golos UI", sans-serif;
228
+ font-family: var(--golos-ui);
222
229
  }
223
230
  .Buttons-module__button___I3yLe.Buttons-module__small___x1NQN .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
224
231
  font-size: 14px;
225
232
  line-height: 16px;
226
233
  font-weight: 400;
227
- font-family: "Golos UI", sans-serif;
234
+ font-family: var(--golos-ui);
228
235
  }
229
236
  .Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd {
230
237
  padding: 9px;
@@ -242,13 +249,13 @@
242
249
  font-size: 14px;
243
250
  line-height: 20px;
244
251
  font-weight: 500;
245
- font-family: "Golos UI", sans-serif;
252
+ font-family: var(--golos-ui);
246
253
  }
247
254
  .Buttons-module__button___I3yLe.Buttons-module__medium___BZfsd .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
248
255
  font-size: 14px;
249
256
  line-height: 20px;
250
257
  font-weight: 400;
251
- font-family: "Golos UI", sans-serif;
258
+ font-family: var(--golos-ui);
252
259
  }
253
260
  .Buttons-module__button___I3yLe.Buttons-module__large____KUDT {
254
261
  padding: 11px;
@@ -266,13 +273,13 @@
266
273
  font-size: 16px;
267
274
  line-height: 20px;
268
275
  font-weight: 500;
269
- font-family: "Golos UI", sans-serif;
276
+ font-family: var(--golos-ui);
270
277
  }
271
278
  .Buttons-module__button___I3yLe.Buttons-module__large____KUDT .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
272
279
  font-size: 16px;
273
280
  line-height: 20px;
274
281
  font-weight: 400;
275
- font-family: "Golos UI", sans-serif;
282
+ font-family: var(--golos-ui);
276
283
  }
277
284
  .Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN {
278
285
  padding: 17px;
@@ -290,13 +297,13 @@
290
297
  font-size: 18px;
291
298
  line-height: 24px;
292
299
  font-weight: 500;
293
- font-family: "Golos UI", sans-serif;
300
+ font-family: var(--golos-ui);
294
301
  }
295
302
  .Buttons-module__button___I3yLe.Buttons-module__ultra___zBezN .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
296
303
  font-size: 18px;
297
304
  line-height: 24px;
298
305
  font-weight: 400;
299
- font-family: "Golos UI", sans-serif;
306
+ font-family: var(--golos-ui);
300
307
  }
301
308
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN {
302
309
  border-radius: 8px;
@@ -315,7 +322,7 @@
315
322
  background-color: var(--primary-600);
316
323
  }
317
324
  }
318
- @media only screen and (max-width: 1024px) {
325
+ @media (min-width: 481px) and (max-width: 1279px) {
319
326
  .Buttons-module__button___I3yLe.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
320
327
  background-color: var(--primary-600);
321
328
  }
@@ -341,7 +348,7 @@
341
348
  border: 1px solid var(--primary-300);
342
349
  }
343
350
  }
344
- @media only screen and (max-width: 1024px) {
351
+ @media (min-width: 481px) and (max-width: 1279px) {
345
352
  .Buttons-module__button___I3yLe.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
346
353
  background-color: var(--primary-50);
347
354
  border: 1px solid var(--primary-300);
@@ -371,7 +378,7 @@
371
378
  color: var(--gray-800);
372
379
  }
373
380
  }
374
- @media only screen and (max-width: 1024px) {
381
+ @media (min-width: 481px) and (max-width: 1279px) {
375
382
  .Buttons-module__button___I3yLe.Buttons-module__secondaryGray___yu1Ne:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
376
383
  background-color: var(--gray-50);
377
384
  border: 1px solid var(--gray-300);
@@ -400,7 +407,7 @@
400
407
  stroke: var(--base-white);
401
408
  }
402
409
  }
403
- @media only screen and (max-width: 1024px) {
410
+ @media (min-width: 481px) and (max-width: 1279px) {
404
411
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryWhite___QIZOq:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
405
412
  color: var(--base-white);
406
413
  }
@@ -428,7 +435,7 @@
428
435
  stroke: var(--primary-700);
429
436
  }
430
437
  }
431
- @media only screen and (max-width: 1024px) {
438
+ @media (min-width: 481px) and (max-width: 1279px) {
432
439
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryColor___DwXbw:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
433
440
  color: var(--primary-700);
434
441
  }
@@ -456,7 +463,7 @@
456
463
  stroke: var(--gray-900);
457
464
  }
458
465
  }
459
- @media only screen and (max-width: 1024px) {
466
+ @media (min-width: 481px) and (max-width: 1279px) {
460
467
  .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__tertiaryGray___y75cu:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
461
468
  color: var(--gray-900);
462
469
  }
@@ -488,7 +495,7 @@
488
495
  stroke: var(--primary-700);
489
496
  }
490
497
  }
491
- @media only screen and (max-width: 1024px) {
498
+ @media (min-width: 481px) and (max-width: 1279px) {
492
499
  .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
493
500
  color: var(--primary-700);
494
501
  }
@@ -520,7 +527,7 @@
520
527
  stroke: var(--gray-900);
521
528
  }
522
529
  }
523
- @media only screen and (max-width: 1024px) {
530
+ @media (min-width: 481px) and (max-width: 1279px) {
524
531
  .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkBlack___WfA7t:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
525
532
  color: var(--gray-900);
526
533
  }
@@ -552,7 +559,7 @@
552
559
  stroke: var(--gray-500);
553
560
  }
554
561
  }
555
- @media only screen and (max-width: 1024px) {
562
+ @media (min-width: 481px) and (max-width: 1279px) {
556
563
  .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__text___htxqX, .Buttons-module__button___I3yLe.Buttons-module__linkGray___CQYUd:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__content___lPb5_ .Buttons-module__textSecondary___zZocr {
557
564
  color: var(--gray-500);
558
565
  }
@@ -583,7 +590,7 @@
583
590
  color: var(--gray-900);
584
591
  }
585
592
  }
586
- @media only screen and (max-width: 1024px) {
593
+ @media (min-width: 481px) and (max-width: 1279px) {
587
594
  .Buttons-module__button___I3yLe.Buttons-module__tabActive___chlqq:not(.Buttons-module__disabled___INiFx):not(:disabled):active:hover .Buttons-module__icon___U2AOU svg * {
588
595
  stroke: var(--gray-900);
589
596
  }
@@ -617,7 +624,7 @@
617
624
  color: var(--gray-800);
618
625
  }
619
626
  }
620
- @media only screen and (max-width: 1024px) {
627
+ @media (min-width: 481px) and (max-width: 1279px) {
621
628
  .Buttons-module__button___I3yLe.Buttons-module__tab___yBTjo:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
622
629
  background-color: var(--gray-200);
623
630
  }
@@ -647,7 +654,7 @@
647
654
  background-color: var(--error-500);
648
655
  }
649
656
  }
650
- @media only screen and (max-width: 1024px) {
657
+ @media (min-width: 481px) and (max-width: 1279px) {
651
658
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__primary____crHN:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
652
659
  border: 1px solid var(--error-600);
653
660
  background-color: var(--error-600);
@@ -673,7 +680,7 @@
673
680
  border: 1px solid var(--error-400);
674
681
  }
675
682
  }
676
- @media only screen and (max-width: 1024px) {
683
+ @media (min-width: 481px) and (max-width: 1279px) {
677
684
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__secondaryColor___GONLZ:not(.Buttons-module__disabled___INiFx):not(:disabled):active {
678
685
  background-color: var(--error-50);
679
686
  border: 1px solid var(--error-400);
@@ -699,7 +706,7 @@
699
706
  stroke: var(--error-700);
700
707
  }
701
708
  }
702
- @media only screen and (max-width: 1024px) {
709
+ @media (min-width: 481px) and (max-width: 1279px) {
703
710
  .Buttons-module__button___I3yLe.Buttons-module__warning___RaAeB.Buttons-module__linkColor___Kg7EN:not(.Buttons-module__disabled___INiFx):not(:disabled):active .Buttons-module__text___htxqX {
704
711
  color: var(--error-700);
705
712
  }
@@ -750,7 +757,7 @@
750
757
  stroke: var(--gray-600);
751
758
  }
752
759
  }
753
- @media only screen and (max-width: 1024px) {
760
+ @media (min-width: 481px) and (max-width: 1279px) {
754
761
  .MicroButton-module__button___QMj95.MicroButton-module__light___pwfS3:active {
755
762
  background-color: var(--gray-200);
756
763
  }
@@ -770,7 +777,7 @@
770
777
  background-color: rgba(12, 17, 29, 0.8);
771
778
  }
772
779
  }
773
- @media only screen and (max-width: 1024px) {
780
+ @media (min-width: 481px) and (max-width: 1279px) {
774
781
  .MicroButton-module__button___QMj95.MicroButton-module__dark___YCw8u:active {
775
782
  background-color: rgba(12, 17, 29, 0.8);
776
783
  }
@@ -790,7 +797,7 @@
790
797
  stroke: var(--gray-600);
791
798
  }
792
799
  }
793
- @media only screen and (max-width: 1024px) {
800
+ @media (min-width: 481px) and (max-width: 1279px) {
794
801
  .MicroButton-module__button___QMj95.MicroButton-module__gray___pwAy2:active {
795
802
  background-color: var(--base-white);
796
803
  }
@@ -813,7 +820,7 @@
813
820
  stroke: var(--primary-600);
814
821
  }
815
822
  }
816
- @media only screen and (max-width: 1024px) {
823
+ @media (min-width: 481px) and (max-width: 1279px) {
817
824
  .MicroButton-module__button___QMj95.MicroButton-module__color___RO79e:active {
818
825
  background-color: var(--base-white);
819
826
  }
@@ -836,7 +843,7 @@
836
843
  stroke: var(--primary-500);
837
844
  }
838
845
  }
839
- @media only screen and (max-width: 1024px) {
846
+ @media (min-width: 481px) and (max-width: 1279px) {
840
847
  .MicroButton-module__button___QMj95.MicroButton-module__colorHover___Rvxx7:active {
841
848
  background-color: var(--primary-100);
842
849
  }
@@ -859,7 +866,7 @@
859
866
  stroke: var(--error-500);
860
867
  }
861
868
  }
862
- @media only screen and (max-width: 1024px) {
869
+ @media (min-width: 481px) and (max-width: 1279px) {
863
870
  .MicroButton-module__button___QMj95.MicroButton-module__redHover____WGXq:active {
864
871
  background-color: var(--error-100);
865
872
  }
@@ -882,7 +889,7 @@
882
889
  stroke: var(--primary-500);
883
890
  }
884
891
  }
885
- @media only screen and (max-width: 1024px) {
892
+ @media (min-width: 481px) and (max-width: 1279px) {
886
893
  .MicroButton-module__button___QMj95.MicroButton-module__colorFill___yLr74:active {
887
894
  background: var(--primary-50);
888
895
  }
@@ -905,7 +912,7 @@
905
912
  stroke: var(--gray-900);
906
913
  }
907
914
  }
908
- @media only screen and (max-width: 1024px) {
915
+ @media (min-width: 481px) and (max-width: 1279px) {
909
916
  .MicroButton-module__button___QMj95.MicroButton-module__grayFill___Rr1s4:active {
910
917
  background: var(--gray-50);
911
918
  }
@@ -928,7 +935,7 @@
928
935
  stroke: var(--error-600);
929
936
  }
930
937
  }
931
- @media only screen and (max-width: 1024px) {
938
+ @media (min-width: 481px) and (max-width: 1279px) {
932
939
  .MicroButton-module__button___QMj95.MicroButton-module__redFill___ANZAX:active {
933
940
  background: var(--error-50);
934
941
  }
@@ -948,7 +955,7 @@
948
955
  stroke: var(--primary-200);
949
956
  }
950
957
  }
951
- @media only screen and (max-width: 1024px) {
958
+ @media (min-width: 481px) and (max-width: 1279px) {
952
959
  .MicroButton-module__button___QMj95.MicroButton-module__blueLight___zyiu5:active svg * {
953
960
  stroke: var(--primary-200);
954
961
  }
@@ -1031,7 +1038,7 @@
1031
1038
  line-height: 24px;
1032
1039
  color: var(--gray-900);
1033
1040
  font-weight: 400;
1034
- font-family: "Golos UI", sans-serif;
1041
+ font-family: var(--golos-ui);
1035
1042
  font-stretch: normal;
1036
1043
  font-style: normal;
1037
1044
  font-variant: normal;
@@ -1041,7 +1048,7 @@
1041
1048
  line-height: 24px;
1042
1049
  color: var(--gray-400);
1043
1050
  font-weight: 400;
1044
- font-family: "Golos UI", sans-serif;
1051
+ font-family: var(--golos-ui);
1045
1052
  font-stretch: normal;
1046
1053
  font-style: normal;
1047
1054
  font-variant: normal;
@@ -1067,7 +1074,7 @@
1067
1074
  line-height: 24px;
1068
1075
  color: var(--gray-400);
1069
1076
  font-weight: 400;
1070
- font-family: "Golos UI", sans-serif;
1077
+ font-family: var(--golos-ui);
1071
1078
  font-stretch: normal;
1072
1079
  font-style: normal;
1073
1080
  font-variant: normal;
@@ -1167,7 +1174,7 @@
1167
1174
  line-height: 24px;
1168
1175
  color: var(--gray-500);
1169
1176
  font-weight: 400;
1170
- font-family: "Golos UI", sans-serif;
1177
+ font-family: var(--golos-ui);
1171
1178
  font-stretch: normal;
1172
1179
  font-style: normal;
1173
1180
  font-variant: normal;
@@ -1182,7 +1189,7 @@
1182
1189
  line-height: 24px;
1183
1190
  color: var(--gray-900);
1184
1191
  font-weight: 400;
1185
- font-family: "Golos UI", sans-serif;
1192
+ font-family: var(--golos-ui);
1186
1193
  font-stretch: normal;
1187
1194
  font-style: normal;
1188
1195
  font-variant: normal;
@@ -1197,7 +1204,7 @@
1197
1204
  line-height: 24px;
1198
1205
  color: var(--gray-900);
1199
1206
  font-weight: 400;
1200
- font-family: "Golos UI", sans-serif;
1207
+ font-family: var(--golos-ui);
1201
1208
  font-stretch: normal;
1202
1209
  font-style: normal;
1203
1210
  font-variant: normal;
@@ -1229,7 +1236,7 @@
1229
1236
  line-height: 20px;
1230
1237
  color: var(--gray-700);
1231
1238
  font-weight: 500;
1232
- font-family: "Golos UI", sans-serif;
1239
+ font-family: var(--golos-ui);
1233
1240
  font-stretch: normal;
1234
1241
  font-style: normal;
1235
1242
  font-variant: normal;
@@ -1239,7 +1246,7 @@
1239
1246
  line-height: 20px;
1240
1247
  color: var(--error-500);
1241
1248
  font-weight: 500;
1242
- font-family: "Golos UI", sans-serif;
1249
+ font-family: var(--golos-ui);
1243
1250
  font-stretch: normal;
1244
1251
  font-style: normal;
1245
1252
  font-variant: normal;
@@ -1254,7 +1261,7 @@
1254
1261
  line-height: 20px;
1255
1262
  color: var(--gray-600);
1256
1263
  font-weight: 400;
1257
- font-family: "Golos UI", sans-serif;
1264
+ font-family: var(--golos-ui);
1258
1265
  font-stretch: normal;
1259
1266
  font-style: normal;
1260
1267
  font-variant: normal;
@@ -1269,7 +1276,7 @@
1269
1276
  line-height: 20px;
1270
1277
  color: var(--error-500);
1271
1278
  font-weight: 400;
1272
- font-family: "Golos UI", sans-serif;
1279
+ font-family: var(--golos-ui);
1273
1280
  font-stretch: normal;
1274
1281
  font-style: normal;
1275
1282
  font-variant: normal;
@@ -1294,7 +1301,7 @@
1294
1301
  line-height: 20px;
1295
1302
  color: var(--primary-500);
1296
1303
  font-weight: 400;
1297
- font-family: "Golos UI", sans-serif;
1304
+ font-family: var(--golos-ui);
1298
1305
  font-stretch: normal;
1299
1306
  font-style: normal;
1300
1307
  font-variant: normal;
@@ -1307,7 +1314,7 @@
1307
1314
  line-height: 20px;
1308
1315
  color: var(--gray-500);
1309
1316
  font-weight: 500;
1310
- font-family: "Golos UI", sans-serif;
1317
+ font-family: var(--golos-ui);
1311
1318
  font-stretch: normal;
1312
1319
  font-style: normal;
1313
1320
  font-variant: normal;
@@ -1320,7 +1327,7 @@
1320
1327
  line-height: 20px;
1321
1328
  color: var(--gray-600);
1322
1329
  font-weight: 400;
1323
- font-family: "Golos UI", sans-serif;
1330
+ font-family: var(--golos-ui);
1324
1331
  font-stretch: normal;
1325
1332
  font-style: normal;
1326
1333
  font-variant: normal;
@@ -1349,7 +1356,7 @@
1349
1356
  line-height: 24px;
1350
1357
  color: var(--gray-900);
1351
1358
  font-weight: 400;
1352
- font-family: "Golos UI", sans-serif;
1359
+ font-family: var(--golos-ui);
1353
1360
  font-stretch: normal;
1354
1361
  font-style: normal;
1355
1362
  font-variant: normal;
@@ -1359,7 +1366,7 @@
1359
1366
  line-height: 24px;
1360
1367
  color: var(--gray-400);
1361
1368
  font-weight: 400;
1362
- font-family: "Golos UI", sans-serif;
1369
+ font-family: var(--golos-ui);
1363
1370
  font-stretch: normal;
1364
1371
  font-style: normal;
1365
1372
  font-variant: normal;
@@ -1375,7 +1382,7 @@
1375
1382
  line-height: 24px;
1376
1383
  color: var(--gray-500);
1377
1384
  font-weight: 400;
1378
- font-family: "Golos UI", sans-serif;
1385
+ font-family: var(--golos-ui);
1379
1386
  font-stretch: normal;
1380
1387
  font-style: normal;
1381
1388
  font-variant: normal;
@@ -1437,7 +1444,7 @@
1437
1444
  line-height: 24px;
1438
1445
  color: var(--gray-400);
1439
1446
  font-weight: 400;
1440
- font-family: "Golos UI", sans-serif;
1447
+ font-family: var(--golos-ui);
1441
1448
  font-stretch: normal;
1442
1449
  font-style: normal;
1443
1450
  font-variant: normal;
@@ -1536,7 +1543,7 @@
1536
1543
  line-height: 24px;
1537
1544
  color: var(--gray-900);
1538
1545
  font-weight: 400;
1539
- font-family: "Golos UI", sans-serif;
1546
+ font-family: var(--golos-ui);
1540
1547
  font-stretch: normal;
1541
1548
  font-style: normal;
1542
1549
  font-variant: normal;
@@ -1551,7 +1558,7 @@
1551
1558
  line-height: 24px;
1552
1559
  color: var(--gray-400);
1553
1560
  font-weight: 400;
1554
- font-family: "Golos UI", sans-serif;
1561
+ font-family: var(--golos-ui);
1555
1562
  font-stretch: normal;
1556
1563
  font-style: normal;
1557
1564
  font-variant: normal;
@@ -1561,7 +1568,7 @@
1561
1568
  line-height: 24px;
1562
1569
  color: var(--gray-500);
1563
1570
  font-weight: 400;
1564
- font-family: "Golos UI", sans-serif;
1571
+ font-family: var(--golos-ui);
1565
1572
  font-stretch: normal;
1566
1573
  font-style: normal;
1567
1574
  font-variant: normal;
@@ -1604,7 +1611,7 @@
1604
1611
  line-height: 24px;
1605
1612
  color: var(--gray-900);
1606
1613
  font-weight: 400;
1607
- font-family: "Golos UI", sans-serif;
1614
+ font-family: var(--golos-ui);
1608
1615
  font-stretch: normal;
1609
1616
  font-style: normal;
1610
1617
  font-variant: normal;
@@ -1614,7 +1621,7 @@
1614
1621
  line-height: 24px;
1615
1622
  color: var(--gray-400);
1616
1623
  font-weight: 400;
1617
- font-family: "Golos UI", sans-serif;
1624
+ font-family: var(--golos-ui);
1618
1625
  font-stretch: normal;
1619
1626
  font-style: normal;
1620
1627
  font-variant: normal;
@@ -1741,7 +1748,7 @@
1741
1748
  line-height: 14px;
1742
1749
  color: var(--primary-500);
1743
1750
  font-weight: 500;
1744
- font-family: "Golos UI", sans-serif;
1751
+ font-family: var(--golos-ui);
1745
1752
  font-stretch: normal;
1746
1753
  font-style: normal;
1747
1754
  font-variant: normal;
@@ -1805,7 +1812,7 @@
1805
1812
  line-height: 14px;
1806
1813
  color: var(--base-white);
1807
1814
  font-weight: 500;
1808
- font-family: "Golos UI", sans-serif;
1815
+ font-family: var(--golos-ui);
1809
1816
  font-stretch: normal;
1810
1817
  font-style: normal;
1811
1818
  font-variant: normal;
@@ -1831,7 +1838,7 @@
1831
1838
  line-height: 14px;
1832
1839
  color: var(--base-white);
1833
1840
  font-weight: 500;
1834
- font-family: "Golos UI", sans-serif;
1841
+ font-family: var(--golos-ui);
1835
1842
  font-stretch: normal;
1836
1843
  font-style: normal;
1837
1844
  font-variant: normal;
@@ -1857,7 +1864,7 @@
1857
1864
  line-height: 14px;
1858
1865
  color: var(--base-white);
1859
1866
  font-weight: 500;
1860
- font-family: "Golos UI", sans-serif;
1867
+ font-family: var(--golos-ui);
1861
1868
  font-stretch: normal;
1862
1869
  font-style: normal;
1863
1870
  font-variant: normal;
@@ -1883,7 +1890,7 @@
1883
1890
  line-height: 14px;
1884
1891
  color: var(--base-white);
1885
1892
  font-weight: 500;
1886
- font-family: "Golos UI", sans-serif;
1893
+ font-family: var(--golos-ui);
1887
1894
  font-stretch: normal;
1888
1895
  font-style: normal;
1889
1896
  font-variant: normal;
@@ -1982,7 +1989,7 @@
1982
1989
  line-height: 20px;
1983
1990
  color: var(--gray-700);
1984
1991
  font-weight: 400;
1985
- font-family: "Golos Text", sans-serif;
1992
+ font-family: var(--golos);
1986
1993
  font-stretch: normal;
1987
1994
  font-style: normal;
1988
1995
  font-variant: normal;
@@ -1999,7 +2006,7 @@
1999
2006
  line-height: 20px;
2000
2007
  color: var(--gray-400);
2001
2008
  font-weight: 400;
2002
- font-family: "Golos Text", sans-serif;
2009
+ font-family: var(--golos);
2003
2010
  font-stretch: normal;
2004
2011
  font-style: normal;
2005
2012
  font-variant: normal;
@@ -2012,7 +2019,7 @@
2012
2019
  color: var(--gray-500);
2013
2020
  }
2014
2021
  }
2015
- @media only screen and (max-width: 1024px) {
2022
+ @media (min-width: 481px) and (max-width: 1279px) {
2016
2023
  .Checkbox-module__checkbox___GSei6 .Checkbox-module__textBlock___lgsN_.Checkbox-module__active___MV9lm .Checkbox-module__text___bgxrk {
2017
2024
  color: var(--gray-900);
2018
2025
  }
@@ -2158,7 +2165,7 @@
2158
2165
  line-height: 20px;
2159
2166
  color: var(--gray-700);
2160
2167
  font-weight: 400;
2161
- font-family: "Golos Text", sans-serif;
2168
+ font-family: var(--golos);
2162
2169
  font-stretch: normal;
2163
2170
  font-style: normal;
2164
2171
  font-variant: normal;
@@ -2176,7 +2183,7 @@
2176
2183
  line-height: 20px;
2177
2184
  color: var(--gray-400);
2178
2185
  font-weight: 400;
2179
- font-family: "Golos Text", sans-serif;
2186
+ font-family: var(--golos);
2180
2187
  font-stretch: normal;
2181
2188
  font-style: normal;
2182
2189
  font-variant: normal;
@@ -2241,7 +2248,7 @@
2241
2248
  line-height: 20px;
2242
2249
  color: var(--gray-700);
2243
2250
  font-weight: 600;
2244
- font-family: "Golos Text", sans-serif;
2251
+ font-family: var(--golos);
2245
2252
  font-stretch: normal;
2246
2253
  font-style: normal;
2247
2254
  font-variant: normal;
@@ -2374,7 +2381,7 @@
2374
2381
  font-size: 12px;
2375
2382
  line-height: 14px;
2376
2383
  font-weight: 500;
2377
- font-family: "Golos UI", sans-serif;
2384
+ font-family: var(--golos-ui);
2378
2385
  }
2379
2386
  .TagCount-module__tagCount___tT9Gy.TagCount-module__medium___M9VAd {
2380
2387
  padding: 2px 5px 2px 5px;
@@ -2383,7 +2390,7 @@
2383
2390
  font-size: 12px;
2384
2391
  line-height: 16px;
2385
2392
  font-weight: 500;
2386
- font-family: "Golos UI", sans-serif;
2393
+ font-family: var(--golos-ui);
2387
2394
  }
2388
2395
  .TagCount-module__tagCount___tT9Gy.TagCount-module__large___mhO1d {
2389
2396
  padding: 0 6px 0 6px;
@@ -2392,7 +2399,7 @@
2392
2399
  font-size: 12px;
2393
2400
  line-height: 20px;
2394
2401
  font-weight: 500;
2395
- font-family: "Golos UI", sans-serif;
2402
+ font-family: var(--golos-ui);
2396
2403
  }
2397
2404
  /*!***********************************************************************************************************************************************************************************************************************************************************!*\
2398
2405
  !*** 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/Tag/styles/Tag.module.scss ***!
@@ -2456,7 +2463,7 @@
2456
2463
  font-size: 12px;
2457
2464
  line-height: 18px;
2458
2465
  font-weight: 500;
2459
- font-family: "Golos UI", sans-serif;
2466
+ font-family: var(--golos-ui);
2460
2467
  }
2461
2468
  .Tag-module__tag___z87CD.Tag-module__small___ob2Q8 .Tag-module__main___M5V6V {
2462
2469
  gap: 4px;
@@ -2474,7 +2481,7 @@
2474
2481
  font-size: 14px;
2475
2482
  line-height: 20px;
2476
2483
  font-weight: 500;
2477
- font-family: "Golos UI", sans-serif;
2484
+ font-family: var(--golos-ui);
2478
2485
  }
2479
2486
  .Tag-module__tag___z87CD.Tag-module__medium___TjmGK .Tag-module__main___M5V6V {
2480
2487
  gap: 5px;
@@ -2606,7 +2613,7 @@
2606
2613
  line-height: 16px;
2607
2614
  color: var(--gray-600);
2608
2615
  font-weight: 500;
2609
- font-family: "Golos UI", sans-serif;
2616
+ font-family: var(--golos-ui);
2610
2617
  font-stretch: normal;
2611
2618
  font-style: normal;
2612
2619
  font-variant: normal;
@@ -2619,7 +2626,7 @@
2619
2626
  color: var(--gray-700);
2620
2627
  }
2621
2628
  }
2622
- @media only screen and (max-width: 1024px) {
2629
+ @media (min-width: 481px) and (max-width: 1279px) {
2623
2630
  .TabButtons-module__tabButtons___vSLsZ:active {
2624
2631
  background-color: var(--gray-200);
2625
2632
  }
@@ -2649,7 +2656,7 @@
2649
2656
  background-color: var(--gray-50);
2650
2657
  }
2651
2658
  }
2652
- @media only screen and (max-width: 1024px) {
2659
+ @media (min-width: 481px) and (max-width: 1279px) {
2653
2660
  .TabButtons-module__tabButtons___vSLsZ.TabButtons-module__active___ShP43:active {
2654
2661
  background-color: var(--gray-50);
2655
2662
  }
@@ -2713,7 +2720,7 @@
2713
2720
  line-height: 20px;
2714
2721
  color: var(--gray-600);
2715
2722
  font-weight: 600;
2716
- font-family: "Golos UI", sans-serif;
2723
+ font-family: var(--golos-ui);
2717
2724
  font-stretch: normal;
2718
2725
  font-style: normal;
2719
2726
  font-variant: normal;
@@ -2754,7 +2761,7 @@
2754
2761
  line-height: 20px;
2755
2762
  color: var(--gray-600);
2756
2763
  font-weight: 500;
2757
- font-family: "Golos UI", sans-serif;
2764
+ font-family: var(--golos-ui);
2758
2765
  font-stretch: normal;
2759
2766
  font-style: normal;
2760
2767
  font-variant: normal;
@@ -2775,7 +2782,7 @@
2775
2782
  line-height: 20px;
2776
2783
  color: var(--gray-600);
2777
2784
  font-weight: 500;
2778
- font-family: "Golos UI", sans-serif;
2785
+ font-family: var(--golos-ui);
2779
2786
  font-stretch: normal;
2780
2787
  font-style: normal;
2781
2788
  font-variant: normal;
@@ -2897,7 +2904,7 @@
2897
2904
  background-color: var(--gray-100);
2898
2905
  }
2899
2906
  }
2900
- @media only screen and (max-width: 1024px) {
2907
+ @media (min-width: 481px) and (max-width: 1279px) {
2901
2908
  .DropdownItem-module__dropdownItem___N8ZNV:active {
2902
2909
  background-color: var(--gray-100);
2903
2910
  }
@@ -2914,7 +2921,7 @@
2914
2921
  background-color: var(--primary-100);
2915
2922
  }
2916
2923
  }
2917
- @media only screen and (max-width: 1024px) {
2924
+ @media (min-width: 481px) and (max-width: 1279px) {
2918
2925
  .DropdownItem-module__dropdownItem___N8ZNV.DropdownItem-module__selected___gw70Z:active {
2919
2926
  background-color: var(--primary-100);
2920
2927
  }
@@ -2946,7 +2953,7 @@
2946
2953
  line-height: 20px;
2947
2954
  color: var(--gray-900);
2948
2955
  font-weight: 400;
2949
- font-family: "Golos UI", sans-serif;
2956
+ font-family: var(--golos-ui);
2950
2957
  font-stretch: normal;
2951
2958
  font-style: normal;
2952
2959
  font-variant: normal;
@@ -2956,7 +2963,7 @@
2956
2963
  line-height: 20px;
2957
2964
  color: var(--gray-400);
2958
2965
  font-weight: 400;
2959
- font-family: "Golos UI", sans-serif;
2966
+ font-family: var(--golos-ui);
2960
2967
  font-stretch: normal;
2961
2968
  font-style: normal;
2962
2969
  font-variant: normal;
@@ -2969,7 +2976,7 @@
2969
2976
  line-height: 24px;
2970
2977
  color: var(--gray-900);
2971
2978
  font-weight: 400;
2972
- font-family: "Golos UI", sans-serif;
2979
+ font-family: var(--golos-ui);
2973
2980
  font-stretch: normal;
2974
2981
  font-style: normal;
2975
2982
  font-variant: normal;
@@ -2979,7 +2986,7 @@
2979
2986
  line-height: 24px;
2980
2987
  color: var(--gray-900);
2981
2988
  font-weight: 400;
2982
- font-family: "Golos UI", sans-serif;
2989
+ font-family: var(--golos-ui);
2983
2990
  font-stretch: normal;
2984
2991
  font-style: normal;
2985
2992
  font-variant: normal;
@@ -3017,7 +3024,7 @@
3017
3024
  line-height: 20px;
3018
3025
  color: var(--gray-700);
3019
3026
  font-weight: 500;
3020
- font-family: "Golos UI", sans-serif;
3027
+ font-family: var(--golos-ui);
3021
3028
  font-stretch: normal;
3022
3029
  font-style: normal;
3023
3030
  font-variant: normal;
@@ -3171,7 +3178,7 @@
3171
3178
  line-height: 24px;
3172
3179
  color: rgba(255, 255, 255, 0.8);
3173
3180
  font-weight: 400;
3174
- font-family: "Golos UI", sans-serif;
3181
+ font-family: var(--golos-ui);
3175
3182
  font-stretch: normal;
3176
3183
  font-style: normal;
3177
3184
  font-variant: normal;
@@ -3398,7 +3405,7 @@
3398
3405
  line-height: 16px;
3399
3406
  color: var(--gray-700);
3400
3407
  font-weight: 400;
3401
- font-family: "Golos UI", sans-serif;
3408
+ font-family: var(--golos-ui);
3402
3409
  font-stretch: normal;
3403
3410
  font-style: normal;
3404
3411
  font-variant: normal;
@@ -3412,7 +3419,7 @@
3412
3419
  line-height: 10px;
3413
3420
  color: var(--gray-400);
3414
3421
  font-weight: 400;
3415
- font-family: "Golos UI", sans-serif;
3422
+ font-family: var(--golos-ui);
3416
3423
  font-stretch: normal;
3417
3424
  font-style: normal;
3418
3425
  font-variant: normal;
@@ -3425,7 +3432,7 @@
3425
3432
  background-color: var(--gray-100);
3426
3433
  }
3427
3434
  }
3428
- @media only screen and (max-width: 1024px) {
3435
+ @media (min-width: 481px) and (max-width: 1279px) {
3429
3436
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj:active {
3430
3437
  background-color: var(--gray-100);
3431
3438
  }
@@ -3438,7 +3445,7 @@
3438
3445
  background-color: var(--primary-100);
3439
3446
  }
3440
3447
  }
3441
- @media only screen and (max-width: 1024px) {
3448
+ @media (min-width: 481px) and (max-width: 1279px) {
3442
3449
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__currentDay___J6WB3:active {
3443
3450
  background-color: var(--primary-100);
3444
3451
  }
@@ -3461,7 +3468,7 @@
3461
3468
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__disabled___H7Y64:hover {
3462
3469
  background-color: var(--gray-100);
3463
3470
  }
3464
- @media only screen and (max-width: 1024px) {
3471
+ @media (min-width: 481px) and (max-width: 1279px) {
3465
3472
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__disabled___H7Y64:active {
3466
3473
  background-color: var(--gray-100);
3467
3474
  }
@@ -3474,7 +3481,7 @@
3474
3481
  background-color: var(--gray-200);
3475
3482
  }
3476
3483
  }
3477
- @media only screen and (max-width: 1024px) {
3484
+ @media (min-width: 481px) and (max-width: 1279px) {
3478
3485
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__filter___jE_gQ:active {
3479
3486
  background-color: var(--gray-200);
3480
3487
  }
@@ -3496,7 +3503,7 @@
3496
3503
  background-color: var(--primary-600);
3497
3504
  }
3498
3505
  }
3499
- @media only screen and (max-width: 1024px) {
3506
+ @media (min-width: 481px) and (max-width: 1279px) {
3500
3507
  .CalendarDay-module__CalendarDayWrapper___oK70p .CalendarDay-module__CalendarDay___VgFhj.CalendarDay-module__active___LxSGE:active {
3501
3508
  background-color: var(--primary-600);
3502
3509
  }
@@ -3548,7 +3555,7 @@
3548
3555
  line-height: 20px;
3549
3556
  color: var(--gray-700);
3550
3557
  font-weight: 400;
3551
- font-family: "Golos Text", sans-serif;
3558
+ font-family: var(--golos);
3552
3559
  font-stretch: normal;
3553
3560
  font-style: normal;
3554
3561
  font-variant: normal;
@@ -3588,7 +3595,7 @@
3588
3595
  line-height: 20px;
3589
3596
  color: var(--gray-700);
3590
3597
  font-weight: 400;
3591
- font-family: "Golos Text", sans-serif;
3598
+ font-family: var(--golos);
3592
3599
  font-stretch: normal;
3593
3600
  font-style: normal;
3594
3601
  font-variant: normal;
@@ -3619,7 +3626,7 @@
3619
3626
  line-height: 28px;
3620
3627
  color: var(--gray-900);
3621
3628
  font-weight: 400;
3622
- font-family: "Golos Text", sans-serif;
3629
+ font-family: var(--golos);
3623
3630
  font-stretch: normal;
3624
3631
  font-style: normal;
3625
3632
  font-variant: normal;
@@ -3632,7 +3639,7 @@
3632
3639
  line-height: 28px;
3633
3640
  color: var(--gray-400);
3634
3641
  font-weight: 400;
3635
- font-family: "Golos Text", sans-serif;
3642
+ font-family: var(--golos);
3636
3643
  font-stretch: normal;
3637
3644
  font-style: normal;
3638
3645
  font-variant: normal;
@@ -3659,7 +3666,7 @@
3659
3666
  line-height: 20px;
3660
3667
  color: var(--gray-700);
3661
3668
  font-weight: 400;
3662
- font-family: "Golos UI", sans-serif;
3669
+ font-family: var(--golos-ui);
3663
3670
  font-stretch: normal;
3664
3671
  font-style: normal;
3665
3672
  font-variant: normal;
@@ -3743,7 +3750,7 @@
3743
3750
  line-height: 32px;
3744
3751
  color: var(--gray-300);
3745
3752
  font-weight: 400;
3746
- font-family: "Golos Text", sans-serif;
3753
+ font-family: var(--golos);
3747
3754
  font-stretch: normal;
3748
3755
  font-style: normal;
3749
3756
  font-variant: normal;
@@ -3753,7 +3760,7 @@
3753
3760
  line-height: 32px;
3754
3761
  color: var(--gray-700);
3755
3762
  font-weight: 400;
3756
- font-family: "Golos Text", sans-serif;
3763
+ font-family: var(--golos);
3757
3764
  font-stretch: normal;
3758
3765
  font-style: normal;
3759
3766
  font-variant: normal;
@@ -3763,7 +3770,7 @@
3763
3770
  line-height: 32px;
3764
3771
  color: var(--gray-400);
3765
3772
  font-weight: 400;
3766
- font-family: "Golos Text", sans-serif;
3773
+ font-family: var(--golos);
3767
3774
  font-stretch: normal;
3768
3775
  font-style: normal;
3769
3776
  font-variant: normal;
@@ -3773,7 +3780,7 @@
3773
3780
  line-height: 32px;
3774
3781
  color: var(--gray-300);
3775
3782
  font-weight: 400;
3776
- font-family: "Golos Text", sans-serif;
3783
+ font-family: var(--golos);
3777
3784
  font-stretch: normal;
3778
3785
  font-style: normal;
3779
3786
  font-variant: normal;
@@ -3831,7 +3838,7 @@
3831
3838
  line-height: 16px;
3832
3839
  color: var(--gray-500);
3833
3840
  font-weight: 400;
3834
- font-family: "Golos UI", sans-serif;
3841
+ font-family: var(--golos-ui);
3835
3842
  font-stretch: normal;
3836
3843
  font-style: normal;
3837
3844
  font-variant: normal;
@@ -3922,7 +3929,7 @@
3922
3929
  line-height: 32px;
3923
3930
  color: var(--gray-400);
3924
3931
  font-weight: 400;
3925
- font-family: "Golos Text", sans-serif;
3932
+ font-family: var(--golos);
3926
3933
  font-stretch: normal;
3927
3934
  font-style: normal;
3928
3935
  font-variant: normal;
@@ -3981,7 +3988,7 @@
3981
3988
  line-height: 24px;
3982
3989
  color: var(--gray-900);
3983
3990
  font-weight: 600;
3984
- font-family: "Golos Text", sans-serif;
3991
+ font-family: var(--golos);
3985
3992
  font-stretch: normal;
3986
3993
  font-style: normal;
3987
3994
  font-variant: normal;
@@ -3991,7 +3998,7 @@
3991
3998
  line-height: 20px;
3992
3999
  color: var(--gray-500);
3993
4000
  font-weight: 400;
3994
- font-family: "Golos Text", sans-serif;
4001
+ font-family: var(--golos);
3995
4002
  font-stretch: normal;
3996
4003
  font-style: normal;
3997
4004
  font-variant: normal;
@@ -4049,7 +4056,7 @@
4049
4056
  line-height: 18px;
4050
4057
  color: black;
4051
4058
  font-weight: 700;
4052
- font-family: "Golos UI", sans-serif;
4059
+ font-family: var(--golos-ui);
4053
4060
  font-stretch: normal;
4054
4061
  font-style: normal;
4055
4062
  font-variant: normal;
@@ -4059,7 +4066,7 @@
4059
4066
  line-height: 18px;
4060
4067
  color: black;
4061
4068
  font-weight: 400;
4062
- font-family: "Golos UI", sans-serif;
4069
+ font-family: var(--golos-ui);
4063
4070
  font-stretch: normal;
4064
4071
  font-style: normal;
4065
4072
  font-variant: normal;
@@ -4151,7 +4158,7 @@
4151
4158
  line-height: 16px;
4152
4159
  color: var(--gray-600);
4153
4160
  font-weight: 400;
4154
- font-family: "Golos UI", sans-serif;
4161
+ font-family: var(--golos-ui);
4155
4162
  font-stretch: normal;
4156
4163
  font-style: normal;
4157
4164
  font-variant: normal;