@central-design-system/illustrations 1.1.1 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,864 @@
1
+ /*!
2
+ * CDS Illustrations v1.3.0 (https://cds.b2b-center.ru/)
3
+ *
4
+ * @package @central-design-system/illustrations
5
+ * @author Design System Team <cds@b2b-center.ru>
6
+ * © 2021, B2B-Center. (https://b2b-center.ru/)
7
+ */
8
+ /*!
9
+ * CDS Illustrations v1.3.0 (https://cds.b2b-center.ru/)
10
+ *
11
+ * @package @central-design-system/illustrations
12
+ * @author Design System Team <cds@b2b-center.ru>
13
+ * © 2021, B2B-Center. (https://b2b-center.ru/)
14
+ */
15
+
16
+ .cds-illustration #color-primary {
17
+ fill: #bebebe;
18
+ }
19
+ .cds-illustration #color-secondary {
20
+ fill: #858585;
21
+ }
22
+ .cds-illustration #shape {
23
+ fill: #555555;
24
+ }
25
+ .cds-illustration #mono {
26
+ opacity: 0;
27
+ visibility: hidden;
28
+ }
29
+ .cds-illustration.isMono #mono {
30
+ opacity: 1;
31
+ visibility: visible;
32
+ fill: #555555;
33
+ }
34
+ .cds-illustration.isMono #color-secondary,
35
+ .cds-illustration.isMono #color-primary {
36
+ opacity: 0;
37
+ visibility: hidden;
38
+ }
39
+
40
+
41
+ .cds-illustration #color-primary {
42
+ fill: #bebebe;
43
+ }
44
+ .cds-illustration #color-secondary {
45
+ fill: #858585;
46
+ }
47
+ .cds-illustration #shape {
48
+ fill: #555555;
49
+ }
50
+ .cds-illustration #mono {
51
+ opacity: 0;
52
+ visibility: hidden;
53
+ }
54
+ .cds-illustration.isMono #mono {
55
+ opacity: 1;
56
+ visibility: visible;
57
+ fill: #555555;
58
+ }
59
+ .cds-illustration.isMono #color-secondary,
60
+ .cds-illustration.isMono #color-primary {
61
+ opacity: 0;
62
+ visibility: hidden;
63
+ }
64
+
65
+
66
+ .cds-illustration #color-primary {
67
+ fill: #bebebe;
68
+ }
69
+ .cds-illustration #color-secondary {
70
+ fill: #858585;
71
+ }
72
+ .cds-illustration #shape {
73
+ fill: #555555;
74
+ }
75
+ .cds-illustration #mono {
76
+ opacity: 0;
77
+ visibility: hidden;
78
+ }
79
+ .cds-illustration.isMono #mono {
80
+ opacity: 1;
81
+ visibility: visible;
82
+ fill: #555555;
83
+ }
84
+ .cds-illustration.isMono #color-secondary,
85
+ .cds-illustration.isMono #color-primary {
86
+ opacity: 0;
87
+ visibility: hidden;
88
+ }
89
+
90
+
91
+ .cds-illustration #color-primary {
92
+ fill: #bebebe;
93
+ }
94
+ .cds-illustration #color-secondary {
95
+ fill: #858585;
96
+ }
97
+ .cds-illustration #shape {
98
+ fill: #555555;
99
+ }
100
+ .cds-illustration #mono {
101
+ opacity: 0;
102
+ visibility: hidden;
103
+ }
104
+ .cds-illustration.isMono #mono {
105
+ opacity: 1;
106
+ visibility: visible;
107
+ fill: #555555;
108
+ }
109
+ .cds-illustration.isMono #color-secondary,
110
+ .cds-illustration.isMono #color-primary {
111
+ opacity: 0;
112
+ visibility: hidden;
113
+ }
114
+
115
+
116
+ .cds-illustration #color-primary {
117
+ fill: #bebebe;
118
+ }
119
+ .cds-illustration #color-secondary {
120
+ fill: #858585;
121
+ }
122
+ .cds-illustration #shape {
123
+ fill: #555555;
124
+ }
125
+ .cds-illustration #mono {
126
+ opacity: 0;
127
+ visibility: hidden;
128
+ }
129
+ .cds-illustration.isMono #mono {
130
+ opacity: 1;
131
+ visibility: visible;
132
+ fill: #555555;
133
+ }
134
+ .cds-illustration.isMono #color-secondary,
135
+ .cds-illustration.isMono #color-primary {
136
+ opacity: 0;
137
+ visibility: hidden;
138
+ }
139
+
140
+
141
+ .cds-illustration #color-primary {
142
+ fill: #bebebe;
143
+ }
144
+ .cds-illustration #color-secondary {
145
+ fill: #858585;
146
+ }
147
+ .cds-illustration #shape {
148
+ fill: #555555;
149
+ }
150
+ .cds-illustration #mono {
151
+ opacity: 0;
152
+ visibility: hidden;
153
+ }
154
+ .cds-illustration.isMono #mono {
155
+ opacity: 1;
156
+ visibility: visible;
157
+ fill: #555555;
158
+ }
159
+ .cds-illustration.isMono #color-secondary,
160
+ .cds-illustration.isMono #color-primary {
161
+ opacity: 0;
162
+ visibility: hidden;
163
+ }
164
+
165
+
166
+ .cds-illustration #color-primary {
167
+ fill: #bebebe;
168
+ }
169
+ .cds-illustration #color-secondary {
170
+ fill: #858585;
171
+ }
172
+ .cds-illustration #shape {
173
+ fill: #555555;
174
+ }
175
+ .cds-illustration #mono {
176
+ opacity: 0;
177
+ visibility: hidden;
178
+ }
179
+ .cds-illustration.isMono #mono {
180
+ opacity: 1;
181
+ visibility: visible;
182
+ fill: #555555;
183
+ }
184
+ .cds-illustration.isMono #color-secondary,
185
+ .cds-illustration.isMono #color-primary {
186
+ opacity: 0;
187
+ visibility: hidden;
188
+ }
189
+
190
+
191
+ .cds-illustration #color-primary {
192
+ fill: #bebebe;
193
+ }
194
+ .cds-illustration #color-secondary {
195
+ fill: #858585;
196
+ }
197
+ .cds-illustration #shape {
198
+ fill: #555555;
199
+ }
200
+ .cds-illustration #mono {
201
+ opacity: 0;
202
+ visibility: hidden;
203
+ }
204
+ .cds-illustration.isMono #mono {
205
+ opacity: 1;
206
+ visibility: visible;
207
+ fill: #555555;
208
+ }
209
+ .cds-illustration.isMono #color-secondary,
210
+ .cds-illustration.isMono #color-primary {
211
+ opacity: 0;
212
+ visibility: hidden;
213
+ }
214
+
215
+
216
+ .cds-illustration #color-primary {
217
+ fill: #bebebe;
218
+ }
219
+ .cds-illustration #color-secondary {
220
+ fill: #858585;
221
+ }
222
+ .cds-illustration #shape {
223
+ fill: #555555;
224
+ }
225
+ .cds-illustration #mono {
226
+ opacity: 0;
227
+ visibility: hidden;
228
+ }
229
+ .cds-illustration.isMono #mono {
230
+ opacity: 1;
231
+ visibility: visible;
232
+ fill: #555555;
233
+ }
234
+ .cds-illustration.isMono #color-secondary,
235
+ .cds-illustration.isMono #color-primary {
236
+ opacity: 0;
237
+ visibility: hidden;
238
+ }
239
+
240
+
241
+ .cds-illustration #color-primary {
242
+ fill: #bebebe;
243
+ }
244
+ .cds-illustration #color-secondary {
245
+ fill: #858585;
246
+ }
247
+ .cds-illustration #shape {
248
+ fill: #555555;
249
+ }
250
+ .cds-illustration #mono {
251
+ opacity: 0;
252
+ visibility: hidden;
253
+ }
254
+ .cds-illustration.isMono #mono {
255
+ opacity: 1;
256
+ visibility: visible;
257
+ fill: #555555;
258
+ }
259
+ .cds-illustration.isMono #color-secondary,
260
+ .cds-illustration.isMono #color-primary {
261
+ opacity: 0;
262
+ visibility: hidden;
263
+ }
264
+
265
+
266
+ .cds-illustration #color-primary {
267
+ fill: #bebebe;
268
+ }
269
+ .cds-illustration #color-secondary {
270
+ fill: #858585;
271
+ }
272
+ .cds-illustration #shape {
273
+ fill: #555555;
274
+ }
275
+ .cds-illustration #mono {
276
+ opacity: 0;
277
+ visibility: hidden;
278
+ }
279
+ .cds-illustration.isMono #mono {
280
+ opacity: 1;
281
+ visibility: visible;
282
+ fill: #555555;
283
+ }
284
+ .cds-illustration.isMono #color-secondary,
285
+ .cds-illustration.isMono #color-primary {
286
+ opacity: 0;
287
+ visibility: hidden;
288
+ }
289
+
290
+
291
+ .cds-illustration #color-primary {
292
+ fill: #bebebe;
293
+ }
294
+ .cds-illustration #color-secondary {
295
+ fill: #858585;
296
+ }
297
+ .cds-illustration #shape {
298
+ fill: #555555;
299
+ }
300
+ .cds-illustration #mono {
301
+ opacity: 0;
302
+ visibility: hidden;
303
+ }
304
+ .cds-illustration.isMono #mono {
305
+ opacity: 1;
306
+ visibility: visible;
307
+ fill: #555555;
308
+ }
309
+ .cds-illustration.isMono #color-secondary,
310
+ .cds-illustration.isMono #color-primary {
311
+ opacity: 0;
312
+ visibility: hidden;
313
+ }
314
+
315
+
316
+ .cds-illustration #color-primary {
317
+ fill: #bebebe;
318
+ }
319
+ .cds-illustration #color-secondary {
320
+ fill: #858585;
321
+ }
322
+ .cds-illustration #shape {
323
+ fill: #555555;
324
+ }
325
+ .cds-illustration #mono {
326
+ opacity: 0;
327
+ visibility: hidden;
328
+ }
329
+ .cds-illustration.isMono #mono {
330
+ opacity: 1;
331
+ visibility: visible;
332
+ fill: #555555;
333
+ }
334
+ .cds-illustration.isMono #color-secondary,
335
+ .cds-illustration.isMono #color-primary {
336
+ opacity: 0;
337
+ visibility: hidden;
338
+ }
339
+
340
+
341
+ .cds-illustration #color-primary {
342
+ fill: #bebebe;
343
+ }
344
+ .cds-illustration #color-secondary {
345
+ fill: #858585;
346
+ }
347
+ .cds-illustration #shape {
348
+ fill: #555555;
349
+ }
350
+ .cds-illustration #mono {
351
+ opacity: 0;
352
+ visibility: hidden;
353
+ }
354
+ .cds-illustration.isMono #mono {
355
+ opacity: 1;
356
+ visibility: visible;
357
+ fill: #555555;
358
+ }
359
+ .cds-illustration.isMono #color-secondary,
360
+ .cds-illustration.isMono #color-primary {
361
+ opacity: 0;
362
+ visibility: hidden;
363
+ }
364
+
365
+
366
+ .cds-illustration #color-primary {
367
+ fill: #bebebe;
368
+ }
369
+ .cds-illustration #color-secondary {
370
+ fill: #858585;
371
+ }
372
+ .cds-illustration #shape {
373
+ fill: #555555;
374
+ }
375
+ .cds-illustration #mono {
376
+ opacity: 0;
377
+ visibility: hidden;
378
+ }
379
+ .cds-illustration.isMono #mono {
380
+ opacity: 1;
381
+ visibility: visible;
382
+ fill: #555555;
383
+ }
384
+ .cds-illustration.isMono #color-secondary,
385
+ .cds-illustration.isMono #color-primary {
386
+ opacity: 0;
387
+ visibility: hidden;
388
+ }
389
+
390
+
391
+ .cds-illustration #color-primary {
392
+ fill: #bebebe;
393
+ }
394
+ .cds-illustration #color-secondary {
395
+ fill: #858585;
396
+ }
397
+ .cds-illustration #shape {
398
+ fill: #555555;
399
+ }
400
+ .cds-illustration #mono {
401
+ opacity: 0;
402
+ visibility: hidden;
403
+ }
404
+ .cds-illustration.isMono #mono {
405
+ opacity: 1;
406
+ visibility: visible;
407
+ fill: #555555;
408
+ }
409
+ .cds-illustration.isMono #color-secondary,
410
+ .cds-illustration.isMono #color-primary {
411
+ opacity: 0;
412
+ visibility: hidden;
413
+ }
414
+
415
+
416
+ .cds-illustration #color-primary {
417
+ fill: #bebebe;
418
+ }
419
+ .cds-illustration #color-secondary {
420
+ fill: #858585;
421
+ }
422
+ .cds-illustration #shape {
423
+ fill: #555555;
424
+ }
425
+ .cds-illustration #mono {
426
+ opacity: 0;
427
+ visibility: hidden;
428
+ }
429
+ .cds-illustration.isMono #mono {
430
+ opacity: 1;
431
+ visibility: visible;
432
+ fill: #555555;
433
+ }
434
+ .cds-illustration.isMono #color-secondary,
435
+ .cds-illustration.isMono #color-primary {
436
+ opacity: 0;
437
+ visibility: hidden;
438
+ }
439
+
440
+
441
+ .cds-illustration #color-primary {
442
+ fill: #bebebe;
443
+ }
444
+ .cds-illustration #color-secondary {
445
+ fill: #858585;
446
+ }
447
+ .cds-illustration #shape {
448
+ fill: #555555;
449
+ }
450
+ .cds-illustration #mono {
451
+ opacity: 0;
452
+ visibility: hidden;
453
+ }
454
+ .cds-illustration.isMono #mono {
455
+ opacity: 1;
456
+ visibility: visible;
457
+ fill: #555555;
458
+ }
459
+ .cds-illustration.isMono #color-secondary,
460
+ .cds-illustration.isMono #color-primary {
461
+ opacity: 0;
462
+ visibility: hidden;
463
+ }
464
+
465
+
466
+ .cds-illustration #color-primary {
467
+ fill: #bebebe;
468
+ }
469
+ .cds-illustration #color-secondary {
470
+ fill: #858585;
471
+ }
472
+ .cds-illustration #shape {
473
+ fill: #555555;
474
+ }
475
+ .cds-illustration #mono {
476
+ opacity: 0;
477
+ visibility: hidden;
478
+ }
479
+ .cds-illustration.isMono #mono {
480
+ opacity: 1;
481
+ visibility: visible;
482
+ fill: #555555;
483
+ }
484
+ .cds-illustration.isMono #color-secondary,
485
+ .cds-illustration.isMono #color-primary {
486
+ opacity: 0;
487
+ visibility: hidden;
488
+ }
489
+
490
+
491
+ .cds-illustration #color-primary {
492
+ fill: #bebebe;
493
+ }
494
+ .cds-illustration #color-secondary {
495
+ fill: #858585;
496
+ }
497
+ .cds-illustration #shape {
498
+ fill: #555555;
499
+ }
500
+ .cds-illustration #mono {
501
+ opacity: 0;
502
+ visibility: hidden;
503
+ }
504
+ .cds-illustration.isMono #mono {
505
+ opacity: 1;
506
+ visibility: visible;
507
+ fill: #555555;
508
+ }
509
+ .cds-illustration.isMono #color-secondary,
510
+ .cds-illustration.isMono #color-primary {
511
+ opacity: 0;
512
+ visibility: hidden;
513
+ }
514
+
515
+
516
+ .cds-illustration #color-primary {
517
+ fill: #bebebe;
518
+ }
519
+ .cds-illustration #color-secondary {
520
+ fill: #858585;
521
+ }
522
+ .cds-illustration #shape {
523
+ fill: #555555;
524
+ }
525
+ .cds-illustration #mono {
526
+ opacity: 0;
527
+ visibility: hidden;
528
+ }
529
+ .cds-illustration.isMono #mono {
530
+ opacity: 1;
531
+ visibility: visible;
532
+ fill: #555555;
533
+ }
534
+ .cds-illustration.isMono #color-secondary,
535
+ .cds-illustration.isMono #color-primary {
536
+ opacity: 0;
537
+ visibility: hidden;
538
+ }
539
+
540
+
541
+ .cds-illustration #color-primary {
542
+ fill: #bebebe;
543
+ }
544
+ .cds-illustration #color-secondary {
545
+ fill: #858585;
546
+ }
547
+ .cds-illustration #shape {
548
+ fill: #555555;
549
+ }
550
+ .cds-illustration #mono {
551
+ opacity: 0;
552
+ visibility: hidden;
553
+ }
554
+ .cds-illustration.isMono #mono {
555
+ opacity: 1;
556
+ visibility: visible;
557
+ fill: #555555;
558
+ }
559
+ .cds-illustration.isMono #color-secondary,
560
+ .cds-illustration.isMono #color-primary {
561
+ opacity: 0;
562
+ visibility: hidden;
563
+ }
564
+
565
+
566
+ .cds-illustration #color-primary {
567
+ fill: #bebebe;
568
+ }
569
+ .cds-illustration #color-secondary {
570
+ fill: #858585;
571
+ }
572
+ .cds-illustration #shape {
573
+ fill: #555555;
574
+ }
575
+ .cds-illustration #mono {
576
+ opacity: 0;
577
+ visibility: hidden;
578
+ }
579
+ .cds-illustration.isMono #mono {
580
+ opacity: 1;
581
+ visibility: visible;
582
+ fill: #555555;
583
+ }
584
+ .cds-illustration.isMono #color-secondary,
585
+ .cds-illustration.isMono #color-primary {
586
+ opacity: 0;
587
+ visibility: hidden;
588
+ }
589
+
590
+
591
+ .cds-illustration #color-primary {
592
+ fill: #bebebe;
593
+ }
594
+ .cds-illustration #color-secondary {
595
+ fill: #858585;
596
+ }
597
+ .cds-illustration #shape {
598
+ fill: #555555;
599
+ }
600
+ .cds-illustration #mono {
601
+ opacity: 0;
602
+ visibility: hidden;
603
+ }
604
+ .cds-illustration.isMono #mono {
605
+ opacity: 1;
606
+ visibility: visible;
607
+ fill: #555555;
608
+ }
609
+ .cds-illustration.isMono #color-secondary,
610
+ .cds-illustration.isMono #color-primary {
611
+ opacity: 0;
612
+ visibility: hidden;
613
+ }
614
+
615
+
616
+ .cds-illustration #color-primary {
617
+ fill: #bebebe;
618
+ }
619
+ .cds-illustration #color-secondary {
620
+ fill: #858585;
621
+ }
622
+ .cds-illustration #shape {
623
+ fill: #555555;
624
+ }
625
+ .cds-illustration #mono {
626
+ opacity: 0;
627
+ visibility: hidden;
628
+ }
629
+ .cds-illustration.isMono #mono {
630
+ opacity: 1;
631
+ visibility: visible;
632
+ fill: #555555;
633
+ }
634
+ .cds-illustration.isMono #color-secondary,
635
+ .cds-illustration.isMono #color-primary {
636
+ opacity: 0;
637
+ visibility: hidden;
638
+ }
639
+
640
+
641
+ .cds-illustration #color-primary {
642
+ fill: #bebebe;
643
+ }
644
+ .cds-illustration #color-secondary {
645
+ fill: #858585;
646
+ }
647
+ .cds-illustration #shape {
648
+ fill: #555555;
649
+ }
650
+ .cds-illustration #mono {
651
+ opacity: 0;
652
+ visibility: hidden;
653
+ }
654
+ .cds-illustration.isMono #mono {
655
+ opacity: 1;
656
+ visibility: visible;
657
+ fill: #555555;
658
+ }
659
+ .cds-illustration.isMono #color-secondary,
660
+ .cds-illustration.isMono #color-primary {
661
+ opacity: 0;
662
+ visibility: hidden;
663
+ }
664
+
665
+
666
+ .cds-illustration #color-primary {
667
+ fill: #bebebe;
668
+ }
669
+ .cds-illustration #color-secondary {
670
+ fill: #858585;
671
+ }
672
+ .cds-illustration #shape {
673
+ fill: #555555;
674
+ }
675
+ .cds-illustration #mono {
676
+ opacity: 0;
677
+ visibility: hidden;
678
+ }
679
+ .cds-illustration.isMono #mono {
680
+ opacity: 1;
681
+ visibility: visible;
682
+ fill: #555555;
683
+ }
684
+ .cds-illustration.isMono #color-secondary,
685
+ .cds-illustration.isMono #color-primary {
686
+ opacity: 0;
687
+ visibility: hidden;
688
+ }
689
+
690
+
691
+ .cds-illustration #color-primary {
692
+ fill: #bebebe;
693
+ }
694
+ .cds-illustration #color-secondary {
695
+ fill: #858585;
696
+ }
697
+ .cds-illustration #shape {
698
+ fill: #555555;
699
+ }
700
+ .cds-illustration #mono {
701
+ opacity: 0;
702
+ visibility: hidden;
703
+ }
704
+ .cds-illustration.isMono #mono {
705
+ opacity: 1;
706
+ visibility: visible;
707
+ fill: #555555;
708
+ }
709
+ .cds-illustration.isMono #color-secondary,
710
+ .cds-illustration.isMono #color-primary {
711
+ opacity: 0;
712
+ visibility: hidden;
713
+ }
714
+
715
+
716
+ .cds-illustration #color-primary {
717
+ fill: #bebebe;
718
+ }
719
+ .cds-illustration #color-secondary {
720
+ fill: #858585;
721
+ }
722
+ .cds-illustration #shape {
723
+ fill: #555555;
724
+ }
725
+ .cds-illustration #mono {
726
+ opacity: 0;
727
+ visibility: hidden;
728
+ }
729
+ .cds-illustration.isMono #mono {
730
+ opacity: 1;
731
+ visibility: visible;
732
+ fill: #555555;
733
+ }
734
+ .cds-illustration.isMono #color-secondary,
735
+ .cds-illustration.isMono #color-primary {
736
+ opacity: 0;
737
+ visibility: hidden;
738
+ }
739
+
740
+
741
+ .cds-illustration #color-primary {
742
+ fill: #bebebe;
743
+ }
744
+ .cds-illustration #color-secondary {
745
+ fill: #858585;
746
+ }
747
+ .cds-illustration #shape {
748
+ fill: #555555;
749
+ }
750
+ .cds-illustration #mono {
751
+ opacity: 0;
752
+ visibility: hidden;
753
+ }
754
+ .cds-illustration.isMono #mono {
755
+ opacity: 1;
756
+ visibility: visible;
757
+ fill: #555555;
758
+ }
759
+ .cds-illustration.isMono #color-secondary,
760
+ .cds-illustration.isMono #color-primary {
761
+ opacity: 0;
762
+ visibility: hidden;
763
+ }
764
+
765
+
766
+ .cds-illustration #color-primary {
767
+ fill: #bebebe;
768
+ }
769
+ .cds-illustration #color-secondary {
770
+ fill: #858585;
771
+ }
772
+ .cds-illustration #shape {
773
+ fill: #555555;
774
+ }
775
+ .cds-illustration #mono {
776
+ opacity: 0;
777
+ visibility: hidden;
778
+ }
779
+ .cds-illustration.isMono #mono {
780
+ opacity: 1;
781
+ visibility: visible;
782
+ fill: #555555;
783
+ }
784
+ .cds-illustration.isMono #color-secondary,
785
+ .cds-illustration.isMono #color-primary {
786
+ opacity: 0;
787
+ visibility: hidden;
788
+ }
789
+
790
+
791
+ .cds-illustration #color-primary {
792
+ fill: #bebebe;
793
+ }
794
+ .cds-illustration #color-secondary {
795
+ fill: #858585;
796
+ }
797
+ .cds-illustration #shape {
798
+ fill: #555555;
799
+ }
800
+ .cds-illustration #mono {
801
+ opacity: 0;
802
+ visibility: hidden;
803
+ }
804
+ .cds-illustration.isMono #mono {
805
+ opacity: 1;
806
+ visibility: visible;
807
+ fill: #555555;
808
+ }
809
+ .cds-illustration.isMono #color-secondary,
810
+ .cds-illustration.isMono #color-primary {
811
+ opacity: 0;
812
+ visibility: hidden;
813
+ }
814
+
815
+
816
+ .cds-illustration #color-primary {
817
+ fill: #bebebe;
818
+ }
819
+ .cds-illustration #color-secondary {
820
+ fill: #858585;
821
+ }
822
+ .cds-illustration #shape {
823
+ fill: #555555;
824
+ }
825
+ .cds-illustration #mono {
826
+ opacity: 0;
827
+ visibility: hidden;
828
+ }
829
+ .cds-illustration.isMono #mono {
830
+ opacity: 1;
831
+ visibility: visible;
832
+ fill: #555555;
833
+ }
834
+ .cds-illustration.isMono #color-secondary,
835
+ .cds-illustration.isMono #color-primary {
836
+ opacity: 0;
837
+ visibility: hidden;
838
+ }
839
+
840
+
841
+ .cds-illustration #color-primary {
842
+ fill: #bebebe;
843
+ }
844
+ .cds-illustration #color-secondary {
845
+ fill: #858585;
846
+ }
847
+ .cds-illustration #shape {
848
+ fill: #555555;
849
+ }
850
+ .cds-illustration #mono {
851
+ opacity: 0;
852
+ visibility: hidden;
853
+ }
854
+ .cds-illustration.isMono #mono {
855
+ opacity: 1;
856
+ visibility: visible;
857
+ fill: #555555;
858
+ }
859
+ .cds-illustration.isMono #color-secondary,
860
+ .cds-illustration.isMono #color-primary {
861
+ opacity: 0;
862
+ visibility: hidden;
863
+ }
864
+