fomantic-ui-sass 2.7.6 → 2.7.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (71) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +12 -0
  3. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  4. data/app/assets/fonts/semantic-ui/brand-icons.svg +7 -17
  5. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  6. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  7. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  9. data/app/assets/fonts/semantic-ui/icons.svg +290 -168
  10. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  11. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  14. data/app/assets/fonts/semantic-ui/outline-icons.svg +2 -2
  15. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  16. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  17. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  18. data/app/assets/javascripts/semantic-ui/accordion.js +6 -2
  19. data/app/assets/javascripts/semantic-ui/checkbox.js +2 -1
  20. data/app/assets/javascripts/semantic-ui/dropdown.js +32 -9
  21. data/app/assets/javascripts/semantic-ui/form.js +9 -9
  22. data/app/assets/javascripts/semantic-ui/modal.js +4 -1
  23. data/app/assets/javascripts/semantic-ui/popup.js +4 -1
  24. data/app/assets/javascripts/semantic-ui/search.js +10 -5
  25. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +69 -25
  26. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +181 -71
  27. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +134 -46
  28. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +107 -47
  29. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +81 -46
  30. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +680 -323
  31. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +39 -39
  32. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +2 -0
  33. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +10 -4
  34. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +73 -12
  35. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  36. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +34 -10
  37. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +23 -9
  38. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +4 -0
  39. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +2 -1
  40. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +4 -0
  41. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +7 -2
  42. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +74 -27
  43. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +83 -21
  44. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +10 -5
  45. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -0
  46. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +4 -1
  47. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +8 -4
  48. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +179 -10
  49. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +20 -5
  50. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +94 -35
  51. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +4 -0
  52. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +45 -17
  53. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +4 -1
  54. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +40 -19
  55. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +6 -1
  56. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +6 -1
  57. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +16 -5
  58. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +6 -1
  59. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +15 -2
  60. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +12 -1
  61. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -0
  62. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +2 -1
  63. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +5 -2
  64. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +2 -1
  65. data/app/assets/stylesheets/semantic-ui/views/_card.scss +183 -81
  66. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +7 -3
  67. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -6
  68. data/app/assets/stylesheets/semantic-ui/views/_item.scss +37 -12
  69. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +42 -10
  70. data/lib/fomantic/ui/sass/version.rb +2 -2
  71. metadata +2 -2
data/app/assets/stylesheets/semantic-ui/elements/_button.scss CHANGED
@@ -33,12 +33,16 @@
33
33
  text-align: center;
34
34
  text-decoration: none;
35
35
  border-radius: 0.28571429rem;
36
- box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
36
+ -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
37
+ box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
37
38
  -webkit-user-select: none;
38
39
  -moz-user-select: none;
39
40
  -ms-user-select: none;
40
41
  user-select: none;
42
+ -webkit-transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
43
+ transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
41
44
  transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease;
45
+ transition: opacity 0.1s ease, background-color 0.1s ease, color 0.1s ease, box-shadow 0.1s ease, background 0.1s ease, -webkit-box-shadow 0.1s ease;
42
46
  will-change: auto;
43
47
  -webkit-tap-highlight-color: transparent;
44
48
  }
@@ -56,7 +60,8 @@
56
60
  .ui.button:hover {
57
61
  background-color: #CACBCD;
58
62
  background-image: none;
59
- box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
63
+ -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
64
+ box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
60
65
  color: rgba(0, 0, 0, 0.8);
61
66
  }
62
67
  .ui.button:hover .icon {
@@ -71,7 +76,8 @@
71
76
  background-color: #CACBCD;
72
77
  color: rgba(0, 0, 0, 0.8);
73
78
  background-image: none;
74
- box-shadow: '';
79
+ -webkit-box-shadow: '';
80
+ box-shadow: '';
75
81
  }
76
82
  .ui.button:focus .icon {
77
83
  opacity: 0.85;
@@ -86,7 +92,8 @@
86
92
  background-color: #BABBBC;
87
93
  background-image: '';
88
94
  color: rgba(0, 0, 0, 0.9);
89
- box-shadow: 0 0 0 1px transparent inset, none;
95
+ -webkit-box-shadow: 0 0 0 1px transparent inset, none;
96
+ box-shadow: 0 0 0 1px transparent inset, none;
90
97
  }
91
98
 
92
99
  /*--------------
@@ -96,7 +103,8 @@
96
103
  .ui.active.button {
97
104
  background-color: #C0C1C2;
98
105
  background-image: none;
99
- box-shadow: 0 0 0 1px transparent inset;
106
+ -webkit-box-shadow: 0 0 0 1px transparent inset;
107
+ box-shadow: 0 0 0 1px transparent inset;
100
108
  color: rgba(0, 0, 0, 0.95);
101
109
  }
102
110
  .ui.active.button:hover {
@@ -122,6 +130,7 @@
122
130
  color: transparent;
123
131
  opacity: 1;
124
132
  pointer-events: auto;
133
+ -webkit-transition: all 0s linear, opacity 0.1s ease;
125
134
  transition: all 0s linear, opacity 0.1s ease;
126
135
  }
127
136
  .ui.loading.button:before {
@@ -148,11 +157,13 @@
148
157
  animation: loader 0.6s infinite linear;
149
158
  border: 0.2em solid currentColor;
150
159
  color: #FFFFFF;
151
- box-shadow: 0 0 0 1px transparent;
160
+ -webkit-box-shadow: 0 0 0 1px transparent;
161
+ box-shadow: 0 0 0 1px transparent;
152
162
  }
153
163
  .ui.labeled.icon.loading.button .icon {
154
164
  background-color: transparent;
155
- box-shadow: none;
165
+ -webkit-box-shadow: none;
166
+ box-shadow: none;
156
167
  }
157
168
  .ui.basic.loading.button:not(.inverted):before {
158
169
  border-color: rgba(0, 0, 0, 0.1);
@@ -173,7 +184,8 @@
173
184
  cursor: default;
174
185
  opacity: 0.45 !important;
175
186
  background-image: none;
176
- box-shadow: none;
187
+ -webkit-box-shadow: none;
188
+ box-shadow: none;
177
189
  pointer-events: none !important;
178
190
  }
179
191
 
@@ -214,6 +226,7 @@
214
226
  /* Horizontal */
215
227
  .ui.animated.button .visible.content,
216
228
  .ui.animated.button .hidden.content {
229
+ -webkit-transition: right 0.3s ease 0s;
217
230
  transition: right 0.3s ease 0s;
218
231
  }
219
232
  .ui.animated.button .visible.content {
@@ -240,6 +253,7 @@
240
253
  /* Vertical */
241
254
  .ui.vertical.animated.button .visible.content,
242
255
  .ui.vertical.animated.button .hidden.content {
256
+ -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease;
243
257
  transition: top 0.3s ease, -webkit-transform 0.3s ease;
244
258
  transition: top 0.3s ease, transform 0.3s ease;
245
259
  transition: top 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
@@ -269,6 +283,7 @@
269
283
  /* Fade */
270
284
  .ui.fade.animated.button .visible.content,
271
285
  .ui.fade.animated.button .hidden.content {
286
+ -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
272
287
  transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
273
288
  transition: opacity 0.3s ease, transform 0.3s ease;
274
289
  transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease;
@@ -309,7 +324,8 @@
309
324
  --------------------*/
310
325
 
311
326
  .ui.inverted.button {
312
- box-shadow: 0 0 0 2px #FFFFFF inset;
327
+ -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
328
+ box-shadow: 0 0 0 2px #FFFFFF inset;
313
329
  background: transparent none;
314
330
  color: #FFFFFF;
315
331
  text-shadow: none !important;
@@ -334,7 +350,8 @@
334
350
  /* Hover */
335
351
  .ui.inverted.button:hover {
336
352
  background: #FFFFFF;
337
- box-shadow: 0 0 0 2px #FFFFFF inset;
353
+ -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
354
+ box-shadow: 0 0 0 2px #FFFFFF inset;
338
355
  color: rgba(0, 0, 0, 0.8);
339
356
  }
340
357
 
@@ -342,14 +359,16 @@
342
359
  .ui.inverted.button:focus,
343
360
  .ui.inverted.button.active {
344
361
  background: #FFFFFF;
345
- box-shadow: 0 0 0 2px #FFFFFF inset;
362
+ -webkit-box-shadow: 0 0 0 2px #FFFFFF inset;
363
+ box-shadow: 0 0 0 2px #FFFFFF inset;
346
364
  color: rgba(0, 0, 0, 0.8);
347
365
  }
348
366
 
349
367
  /* Active Focus */
350
368
  .ui.inverted.button.active:focus {
351
369
  background: #DCDDDE;
352
- box-shadow: 0 0 0 2px #DCDDDE inset;
370
+ -webkit-box-shadow: 0 0 0 2px #DCDDDE inset;
371
+ box-shadow: 0 0 0 2px #DCDDDE inset;
353
372
  color: rgba(0, 0, 0, 0.8);
354
373
  }
355
374
 
@@ -358,19 +377,29 @@
358
377
  --------------------*/
359
378
 
360
379
  .ui.labeled.button:not(.icon) {
380
+ display: -webkit-inline-box;
381
+ display: -ms-inline-flexbox;
361
382
  display: inline-flex;
362
- flex-direction: row;
383
+ -webkit-box-orient: horizontal;
384
+ -webkit-box-direction: normal;
385
+ -ms-flex-direction: row;
386
+ flex-direction: row;
363
387
  background: none;
364
388
  padding: 0 !important;
365
389
  border: none;
366
- box-shadow: none;
390
+ -webkit-box-shadow: none;
391
+ box-shadow: none;
367
392
  }
368
393
  .ui.labeled.button > .button {
369
394
  margin: 0;
370
395
  }
371
396
  .ui.labeled.button > .label {
397
+ display: -webkit-box;
398
+ display: -ms-flexbox;
372
399
  display: flex;
373
- align-items: center;
400
+ -webkit-box-align: center;
401
+ -ms-flex-align: center;
402
+ align-items: center;
374
403
  margin: 0 0 0 -1px !important;
375
404
  font-size: 1em;
376
405
  padding: '';
@@ -414,7 +443,8 @@
414
443
  color: #FFFFFF;
415
444
  text-shadow: none;
416
445
  background-image: none;
417
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
446
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
447
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
418
448
  }
419
449
  .ui.facebook.button:hover {
420
450
  background-color: #304d8a;
@@ -433,7 +463,8 @@
433
463
  color: #FFFFFF;
434
464
  text-shadow: none;
435
465
  background-image: none;
436
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
466
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
467
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
437
468
  }
438
469
  .ui.twitter.button:hover {
439
470
  background-color: #0298f3;
@@ -452,7 +483,8 @@
452
483
  color: #FFFFFF;
453
484
  text-shadow: none;
454
485
  background-image: none;
455
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
486
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
487
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
456
488
  }
457
489
  .ui.google.plus.button:hover {
458
490
  background-color: #e0321c;
@@ -488,7 +520,8 @@
488
520
  color: #FFFFFF;
489
521
  text-shadow: none;
490
522
  background-image: none;
491
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
523
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
524
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
492
525
  }
493
526
  .ui.youtube.button:hover {
494
527
  background-color: #e60000;
@@ -507,7 +540,8 @@
507
540
  color: #FFFFFF;
508
541
  text-shadow: none;
509
542
  background-image: none;
510
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
543
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
544
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
511
545
  }
512
546
  .ui.instagram.button:hover {
513
547
  background-color: #3d698e;
@@ -526,7 +560,8 @@
526
560
  color: #FFFFFF;
527
561
  text-shadow: none;
528
562
  background-image: none;
529
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
563
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
564
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
530
565
  }
531
566
  .ui.pinterest.button:hover {
532
567
  background-color: #ac0013;
@@ -544,7 +579,8 @@
544
579
  background-color: #45668E;
545
580
  color: #FFFFFF;
546
581
  background-image: none;
547
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
582
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
583
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
548
584
  }
549
585
  .ui.vk.button:hover {
550
586
  background-color: #395980;
@@ -560,7 +596,8 @@
560
596
  background-color: #25D366;
561
597
  color: #FFFFFF;
562
598
  background-image: none;
563
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
599
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
600
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
564
601
  }
565
602
  .ui.whatsapp.button:hover {
566
603
  background-color: #19c55a;
@@ -576,7 +613,8 @@
576
613
  background-color: #0088CC;
577
614
  color: #FFFFFF;
578
615
  background-image: none;
579
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
616
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
617
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
580
618
  }
581
619
  .ui.telegram.button:hover {
582
620
  background-color: #0077b3;
@@ -595,6 +633,7 @@
595
633
  height: auto;
596
634
  opacity: 0.8;
597
635
  margin: 0 0.42857143em 0 -0.21428571em;
636
+ -webkit-transition: opacity 0.1s ease;
598
637
  transition: opacity 0.1s ease;
599
638
  vertical-align: '';
600
639
  color: '';
@@ -767,10 +806,12 @@
767
806
  border-radius: 0.28571429rem;
768
807
  text-transform: none;
769
808
  text-shadow: none !important;
770
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
809
+ -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
810
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
771
811
  }
772
812
  .ui.basic.buttons {
773
- box-shadow: none;
813
+ -webkit-box-shadow: none;
814
+ box-shadow: none;
774
815
  border: 1px solid rgba(34, 36, 38, 0.15);
775
816
  border-radius: 0.28571429rem;
776
817
  }
@@ -781,24 +822,28 @@
781
822
  .ui.basic.button:hover {
782
823
  background: #FFFFFF;
783
824
  color: rgba(0, 0, 0, 0.8);
784
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
825
+ -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
826
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
785
827
  }
786
828
  .ui.basic.buttons .button:focus,
787
829
  .ui.basic.button:focus {
788
830
  background: #FFFFFF;
789
831
  color: rgba(0, 0, 0, 0.8);
790
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
832
+ -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
833
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
791
834
  }
792
835
  .ui.basic.buttons .button:active,
793
836
  .ui.basic.button:active {
794
837
  background: #F8F8F8;
795
838
  color: rgba(0, 0, 0, 0.9);
796
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
839
+ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
840
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset;
797
841
  }
798
842
  .ui.basic.buttons .active.button,
799
843
  .ui.basic.active.button {
800
844
  background: rgba(0, 0, 0, 0.05);
801
- box-shadow: '';
845
+ -webkit-box-shadow: '';
846
+ box-shadow: '';
802
847
  color: rgba(0, 0, 0, 0.95);
803
848
  }
804
849
  .ui.basic.buttons .active.button:hover,
@@ -808,13 +853,16 @@
808
853
 
809
854
  /* Vertical */
810
855
  .ui.basic.buttons .button:hover {
811
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
856
+ -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
857
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.35) inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset inset;
812
858
  }
813
859
  .ui.basic.buttons .button:active {
814
- box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
860
+ -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
861
+ box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px 0 rgba(34, 36, 38, 0.15) inset inset;
815
862
  }
816
863
  .ui.basic.buttons .active.button {
817
- box-shadow: '';
864
+ -webkit-box-shadow: '';
865
+ box-shadow: '';
818
866
  }
819
867
 
820
868
  /* Standard Basic Inverted */
@@ -822,41 +870,48 @@
822
870
  .ui.basic.inverted.button {
823
871
  background-color: transparent;
824
872
  color: #F9FAFB;
825
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
873
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
874
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
826
875
  }
827
876
  .ui.basic.inverted.buttons .button:hover,
828
877
  .ui.basic.inverted.button:hover {
829
878
  color: #FFFFFF;
830
- box-shadow: 0 0 0 2px #ffffff inset;
879
+ -webkit-box-shadow: 0 0 0 2px #ffffff inset;
880
+ box-shadow: 0 0 0 2px #ffffff inset;
831
881
  }
832
882
  .ui.basic.inverted.buttons .button:focus,
833
883
  .ui.basic.inverted.button:focus {
834
884
  color: #FFFFFF;
835
- box-shadow: 0 0 0 2px #ffffff inset;
885
+ -webkit-box-shadow: 0 0 0 2px #ffffff inset;
886
+ box-shadow: 0 0 0 2px #ffffff inset;
836
887
  }
837
888
  .ui.basic.inverted.buttons .button:active,
838
889
  .ui.basic.inverted.button:active {
839
890
  background-color: rgba(255, 255, 255, 0.08);
840
891
  color: #FFFFFF;
841
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
892
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
893
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.9) inset;
842
894
  }
843
895
  .ui.basic.inverted.buttons .active.button,
844
896
  .ui.basic.inverted.active.button {
845
897
  background-color: rgba(255, 255, 255, 0.08);
846
898
  color: #FFFFFF;
847
899
  text-shadow: none;
848
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
900
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
901
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7) inset;
849
902
  }
850
903
  .ui.basic.inverted.buttons .active.button:hover,
851
904
  .ui.basic.inverted.active.button:hover {
852
905
  background-color: rgba(255, 255, 255, 0.15);
853
- box-shadow: 0 0 0 2px #ffffff inset;
906
+ -webkit-box-shadow: 0 0 0 2px #ffffff inset;
907
+ box-shadow: 0 0 0 2px #ffffff inset;
854
908
  }
855
909
 
856
910
  /* Basic Group */
857
911
  .ui.basic.buttons .button {
858
912
  border-left: 1px solid rgba(34, 36, 38, 0.15);
859
- box-shadow: none;
913
+ -webkit-box-shadow: none;
914
+ box-shadow: none;
860
915
  }
861
916
  .ui.basic.vertical.buttons .button {
862
917
  border-left: none;
@@ -874,26 +929,31 @@
874
929
 
875
930
  /* Overline Mixin */
876
931
  .ui.tertiary.button {
932
+ -webkit-transition: color 0.1s ease !important;
877
933
  transition: color 0.1s ease !important;
878
934
  border-radius: 0;
879
935
  margin: 0.28571429em 0.25em 0.28571429em 0 !important;
880
936
  padding: 0.5em !important;
881
- box-shadow: none;
937
+ -webkit-box-shadow: none;
938
+ box-shadow: none;
882
939
  color: rgba(0, 0, 0, 0.6);
883
940
  background: none;
884
941
  }
885
942
  .ui.tertiary.button:hover {
886
- box-shadow: inset 0 -0.2em 0 #666666;
943
+ -webkit-box-shadow: inset 0 -0.2em 0 #666666;
944
+ box-shadow: inset 0 -0.2em 0 #666666;
887
945
  color: #333333;
888
946
  background: none;
889
947
  }
890
948
  .ui.tertiary.button:focus {
891
- box-shadow: inset 0 -0.2em 0 #666666;
949
+ -webkit-box-shadow: inset 0 -0.2em 0 #666666;
950
+ box-shadow: inset 0 -0.2em 0 #666666;
892
951
  color: #333333;
893
952
  background: none;
894
953
  }
895
954
  .ui.tertiary.button:active {
896
- box-shadow: inset 0 -0.2em 0 #999999;
955
+ -webkit-box-shadow: inset 0 -0.2em 0 #999999;
956
+ box-shadow: inset 0 -0.2em 0 #999999;
897
957
  border-radius: 0.28571429rem 0.28571429rem 0 0;
898
958
  color: #666666;
899
959
  background: none;
@@ -929,7 +989,8 @@
929
989
  width: 2.57142857em;
930
990
  background-color: rgba(0, 0, 0, 0.05);
931
991
  color: '';
932
- box-shadow: -1px 0 0 0 transparent inset;
992
+ -webkit-box-shadow: -1px 0 0 0 transparent inset;
993
+ box-shadow: -1px 0 0 0 transparent inset;
933
994
  }
934
995
 
935
996
  /* Right Labeled */
@@ -943,7 +1004,8 @@
943
1004
  border-radius: 0;
944
1005
  border-top-right-radius: inherit;
945
1006
  border-bottom-right-radius: inherit;
946
- box-shadow: 1px 0 0 0 transparent inset;
1007
+ -webkit-box-shadow: 1px 0 0 0 transparent inset;
1008
+ box-shadow: 1px 0 0 0 transparent inset;
947
1009
  }
948
1010
  .ui.labeled.icon.buttons > .button > .icon:before,
949
1011
  .ui.labeled.icon.button > .icon:before,
@@ -991,7 +1053,8 @@
991
1053
  .ui.buttons .button.toggle.active,
992
1054
  .ui.button.toggle.active {
993
1055
  background-color: #21BA45;
994
- box-shadow: none;
1056
+ -webkit-box-shadow: none;
1057
+ box-shadow: none;
995
1058
  text-shadow: none;
996
1059
  color: #FFFFFF;
997
1060
  }
@@ -1040,7 +1103,8 @@
1040
1103
  color: rgba(0, 0, 0, 0.4);
1041
1104
  font-style: normal;
1042
1105
  font-weight: bold;
1043
- box-shadow: 0 0 0 1px transparent inset;
1106
+ -webkit-box-shadow: 0 0 0 1px transparent inset;
1107
+ box-shadow: 0 0 0 1px transparent inset;
1044
1108
  }
1045
1109
  .ui.buttons .or[data-text]:before {
1046
1110
  content: attr(data-text);
@@ -1065,7 +1129,8 @@
1065
1129
  display: block;
1066
1130
  margin: 0;
1067
1131
  border-radius: 0;
1068
- box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
1132
+ -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
1133
+ box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15);
1069
1134
  }
1070
1135
 
1071
1136
  /* Top / Bottom */
@@ -1094,6 +1159,8 @@
1094
1159
  /* Plural */
1095
1160
  .ui.attached.buttons {
1096
1161
  position: relative;
1162
+ display: -webkit-box;
1163
+ display: -ms-flexbox;
1097
1164
  display: flex;
1098
1165
  border-radius: 0;
1099
1166
  width: auto !important;
@@ -1135,6 +1202,8 @@
1135
1202
 
1136
1203
  /* Left / Right */
1137
1204
  .ui[class*="left attached"].buttons {
1205
+ display: -webkit-inline-box;
1206
+ display: -ms-inline-flexbox;
1138
1207
  display: inline-flex;
1139
1208
  margin-right: 0;
1140
1209
  margin-left: -1px;
@@ -1149,6 +1218,8 @@
1149
1218
  border-radius: 0 0 0.28571429rem 0;
1150
1219
  }
1151
1220
  .ui[class*="right attached"].buttons {
1221
+ display: -webkit-inline-box;
1222
+ display: -ms-inline-flexbox;
1152
1223
  display: inline-flex;
1153
1224
  margin-left: 0;
1154
1225
  margin-right: -1px;
@@ -1244,9 +1315,13 @@
1244
1315
  /* Fluid Vertical Buttons */
1245
1316
  .ui.fluid.vertical.buttons,
1246
1317
  .ui.fluid.vertical.buttons > .button {
1318
+ display: -webkit-box;
1319
+ display: -ms-flexbox;
1247
1320
  display: flex;
1248
1321
  width: auto;
1249
- justify-content: center;
1322
+ -webkit-box-pack: center;
1323
+ -ms-flex-pack: center;
1324
+ justify-content: center;
1250
1325
  }
1251
1326
  .ui.two.vertical.buttons > .button {
1252
1327
  height: 50%;
@@ -1294,7 +1369,8 @@
1294
1369
  background-image: none;
1295
1370
  }
1296
1371
  .ui.primary.button {
1297
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1372
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1373
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1298
1374
  }
1299
1375
  .ui.primary.buttons .button:hover,
1300
1376
  .ui.primary.button:hover {
@@ -1327,30 +1403,35 @@
1327
1403
  .ui.basic.primary.buttons .button,
1328
1404
  .ui.basic.primary.button {
1329
1405
  background: transparent;
1330
- box-shadow: 0 0 0 1px #2185D0 inset;
1406
+ -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
1407
+ box-shadow: 0 0 0 1px #2185D0 inset;
1331
1408
  color: #2185D0;
1332
1409
  }
1333
1410
  .ui.basic.primary.buttons .button:hover,
1334
1411
  .ui.basic.primary.button:hover {
1335
1412
  background: transparent ;
1336
- box-shadow: 0 0 0 1px #1678c2 inset;
1413
+ -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
1414
+ box-shadow: 0 0 0 1px #1678c2 inset;
1337
1415
  color: #1678c2;
1338
1416
  }
1339
1417
  .ui.basic.primary.buttons .button:focus,
1340
1418
  .ui.basic.primary.button:focus {
1341
1419
  background: transparent ;
1342
- box-shadow: 0 0 0 1px #0d71bb inset;
1420
+ -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
1421
+ box-shadow: 0 0 0 1px #0d71bb inset;
1343
1422
  color: #1678c2;
1344
1423
  }
1345
1424
  .ui.basic.primary.buttons .active.button,
1346
1425
  .ui.basic.primary.active.button {
1347
1426
  background: transparent ;
1348
- box-shadow: 0 0 0 1px #1279c6 inset;
1427
+ -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
1428
+ box-shadow: 0 0 0 1px #1279c6 inset;
1349
1429
  color: #1a69a4;
1350
1430
  }
1351
1431
  .ui.basic.primary.buttons .button:active,
1352
1432
  .ui.basic.primary.button:active {
1353
- box-shadow: 0 0 0 1px #1a69a4 inset;
1433
+ -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
1434
+ box-shadow: 0 0 0 1px #1a69a4 inset;
1354
1435
  color: #1a69a4;
1355
1436
  }
1356
1437
  .ui.buttons:not(.vertical) > .basic.primary.button:not(:first-child) {
@@ -1361,7 +1442,8 @@
1361
1442
  .ui.inverted.primary.buttons .button,
1362
1443
  .ui.inverted.primary.button {
1363
1444
  background-color: transparent;
1364
- box-shadow: 0 0 0 2px #54C8FF inset;
1445
+ -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
1446
+ box-shadow: 0 0 0 2px #54C8FF inset;
1365
1447
  color: #54C8FF;
1366
1448
  }
1367
1449
  .ui.inverted.primary.buttons .button:hover,
@@ -1372,7 +1454,8 @@
1372
1454
  .ui.inverted.primary.button.active,
1373
1455
  .ui.inverted.primary.buttons .button:active,
1374
1456
  .ui.inverted.primary.button:active {
1375
- box-shadow: none ;
1457
+ -webkit-box-shadow: none ;
1458
+ box-shadow: none ;
1376
1459
  color: #FFFFFF;
1377
1460
  }
1378
1461
  .ui.inverted.primary.buttons .button:hover,
@@ -1397,31 +1480,36 @@
1397
1480
  .ui.inverted.primary.buttons .basic.button,
1398
1481
  .ui.inverted.primary.basic.button {
1399
1482
  background-color: transparent;
1400
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1483
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1484
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1401
1485
  color: #FFFFFF;
1402
1486
  }
1403
1487
  .ui.inverted.primary.basic.buttons .button:hover,
1404
1488
  .ui.inverted.primary.buttons .basic.button:hover,
1405
1489
  .ui.inverted.primary.basic.button:hover {
1406
- box-shadow: 0 0 0 2px #21b8ff inset;
1490
+ -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
1491
+ box-shadow: 0 0 0 2px #21b8ff inset;
1407
1492
  color: #54C8FF;
1408
1493
  }
1409
1494
  .ui.inverted.primary.basic.buttons .button:focus,
1410
1495
  .ui.inverted.primary.basic.buttons .button:focus,
1411
1496
  .ui.inverted.primary.basic.button:focus {
1412
- box-shadow: 0 0 0 2px #2bbbff inset;
1497
+ -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
1498
+ box-shadow: 0 0 0 2px #2bbbff inset;
1413
1499
  color: #54C8FF;
1414
1500
  }
1415
1501
  .ui.inverted.primary.basic.buttons .active.button,
1416
1502
  .ui.inverted.primary.buttons .basic.active.button,
1417
1503
  .ui.inverted.primary.basic.active.button {
1418
- box-shadow: 0 0 0 2px #3ac0ff inset;
1504
+ -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
1505
+ box-shadow: 0 0 0 2px #3ac0ff inset;
1419
1506
  color: #54C8FF;
1420
1507
  }
1421
1508
  .ui.inverted.primary.basic.buttons .button:active,
1422
1509
  .ui.inverted.primary.buttons .basic.button:active,
1423
1510
  .ui.inverted.primary.basic.button:active {
1424
- box-shadow: 0 0 0 2px #21b8ff inset;
1511
+ -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
1512
+ box-shadow: 0 0 0 2px #21b8ff inset;
1425
1513
  color: #54C8FF;
1426
1514
  }
1427
1515
 
@@ -1430,19 +1518,22 @@
1430
1518
  .ui.tertiary.primary.buttons .tertiary.button,
1431
1519
  .ui.tertiary.primary.button {
1432
1520
  background: transparent;
1433
- box-shadow: none;
1521
+ -webkit-box-shadow: none;
1522
+ box-shadow: none;
1434
1523
  color: #2185D0;
1435
1524
  }
1436
1525
  .ui.tertiary.primary.buttons .button:hover,
1437
1526
  .ui.tertiary.primary.buttons button:hover,
1438
1527
  .ui.tertiary.primary.button:hover {
1439
- box-shadow: inset 0 -0.2em 0 #2b75ac;
1528
+ -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
1529
+ box-shadow: inset 0 -0.2em 0 #2b75ac;
1440
1530
  color: #2b75ac;
1441
1531
  }
1442
1532
  .ui.tertiary.primary.buttons .button:focus,
1443
1533
  .ui.tertiary.primary.buttons .tertiary.button:focus,
1444
1534
  .ui.tertiary.primary.button:focus {
1445
- box-shadow: inset 0 -0.2em 0 #216ea7;
1535
+ -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
1536
+ box-shadow: inset 0 -0.2em 0 #216ea7;
1446
1537
  color: #216ea7;
1447
1538
  }
1448
1539
  .ui.tertiary.primary.buttons .active.button,
@@ -1451,7 +1542,8 @@
1451
1542
  .ui.tertiary.primary.buttons .button:active,
1452
1543
  .ui.tertiary.primary.buttons .tertiary.button:active,
1453
1544
  .ui.tertiary.primary.button:active {
1454
- box-shadow: inset 0 -0.2em 0 #007bd8;
1545
+ -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
1546
+ box-shadow: inset 0 -0.2em 0 #007bd8;
1455
1547
  color: #1279c6;
1456
1548
  }
1457
1549
  .ui.secondary.buttons .button,
@@ -1462,7 +1554,8 @@
1462
1554
  background-image: none;
1463
1555
  }
1464
1556
  .ui.secondary.button {
1465
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1557
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1558
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1466
1559
  }
1467
1560
  .ui.secondary.buttons .button:hover,
1468
1561
  .ui.secondary.button:hover {
@@ -1495,30 +1588,35 @@
1495
1588
  .ui.basic.secondary.buttons .button,
1496
1589
  .ui.basic.secondary.button {
1497
1590
  background: transparent;
1498
- box-shadow: 0 0 0 1px #1B1C1D inset;
1591
+ -webkit-box-shadow: 0 0 0 1px #1B1C1D inset;
1592
+ box-shadow: 0 0 0 1px #1B1C1D inset;
1499
1593
  color: #1B1C1D;
1500
1594
  }
1501
1595
  .ui.basic.secondary.buttons .button:hover,
1502
1596
  .ui.basic.secondary.button:hover {
1503
1597
  background: transparent ;
1504
- box-shadow: 0 0 0 1px #27292a inset;
1598
+ -webkit-box-shadow: 0 0 0 1px #27292a inset;
1599
+ box-shadow: 0 0 0 1px #27292a inset;
1505
1600
  color: #27292a;
1506
1601
  }
1507
1602
  .ui.basic.secondary.buttons .button:focus,
1508
1603
  .ui.basic.secondary.button:focus {
1509
1604
  background: transparent ;
1510
- box-shadow: 0 0 0 1px #2e3032 inset;
1605
+ -webkit-box-shadow: 0 0 0 1px #2e3032 inset;
1606
+ box-shadow: 0 0 0 1px #2e3032 inset;
1511
1607
  color: #27292a;
1512
1608
  }
1513
1609
  .ui.basic.secondary.buttons .active.button,
1514
1610
  .ui.basic.secondary.active.button {
1515
1611
  background: transparent ;
1516
- box-shadow: 0 0 0 1px #27292a inset;
1612
+ -webkit-box-shadow: 0 0 0 1px #27292a inset;
1613
+ box-shadow: 0 0 0 1px #27292a inset;
1517
1614
  color: #343637;
1518
1615
  }
1519
1616
  .ui.basic.secondary.buttons .button:active,
1520
1617
  .ui.basic.secondary.button:active {
1521
- box-shadow: 0 0 0 1px #343637 inset;
1618
+ -webkit-box-shadow: 0 0 0 1px #343637 inset;
1619
+ box-shadow: 0 0 0 1px #343637 inset;
1522
1620
  color: #343637;
1523
1621
  }
1524
1622
  .ui.buttons:not(.vertical) > .basic.secondary.button:not(:first-child) {
@@ -1529,7 +1627,8 @@
1529
1627
  .ui.inverted.secondary.buttons .button,
1530
1628
  .ui.inverted.secondary.button {
1531
1629
  background-color: transparent;
1532
- box-shadow: 0 0 0 2px #545454 inset;
1630
+ -webkit-box-shadow: 0 0 0 2px #545454 inset;
1631
+ box-shadow: 0 0 0 2px #545454 inset;
1533
1632
  color: #545454;
1534
1633
  }
1535
1634
  .ui.inverted.secondary.buttons .button:hover,
@@ -1540,7 +1639,8 @@
1540
1639
  .ui.inverted.secondary.button.active,
1541
1640
  .ui.inverted.secondary.buttons .button:active,
1542
1641
  .ui.inverted.secondary.button:active {
1543
- box-shadow: none ;
1642
+ -webkit-box-shadow: none ;
1643
+ box-shadow: none ;
1544
1644
  color: #FFFFFF;
1545
1645
  }
1546
1646
  .ui.inverted.secondary.buttons .button:hover,
@@ -1565,31 +1665,36 @@
1565
1665
  .ui.inverted.secondary.buttons .basic.button,
1566
1666
  .ui.inverted.secondary.basic.button {
1567
1667
  background-color: transparent;
1568
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1668
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1669
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1569
1670
  color: #FFFFFF;
1570
1671
  }
1571
1672
  .ui.inverted.secondary.basic.buttons .button:hover,
1572
1673
  .ui.inverted.secondary.buttons .basic.button:hover,
1573
1674
  .ui.inverted.secondary.basic.button:hover {
1574
- box-shadow: 0 0 0 2px #6e6e6e inset;
1675
+ -webkit-box-shadow: 0 0 0 2px #6e6e6e inset;
1676
+ box-shadow: 0 0 0 2px #6e6e6e inset;
1575
1677
  color: #545454;
1576
1678
  }
1577
1679
  .ui.inverted.secondary.basic.buttons .button:focus,
1578
1680
  .ui.inverted.secondary.basic.buttons .button:focus,
1579
1681
  .ui.inverted.secondary.basic.button:focus {
1580
- box-shadow: 0 0 0 2px #686868 inset;
1682
+ -webkit-box-shadow: 0 0 0 2px #686868 inset;
1683
+ box-shadow: 0 0 0 2px #686868 inset;
1581
1684
  color: #545454;
1582
1685
  }
1583
1686
  .ui.inverted.secondary.basic.buttons .active.button,
1584
1687
  .ui.inverted.secondary.buttons .basic.active.button,
1585
1688
  .ui.inverted.secondary.basic.active.button {
1586
- box-shadow: 0 0 0 2px #616161 inset;
1689
+ -webkit-box-shadow: 0 0 0 2px #616161 inset;
1690
+ box-shadow: 0 0 0 2px #616161 inset;
1587
1691
  color: #545454;
1588
1692
  }
1589
1693
  .ui.inverted.secondary.basic.buttons .button:active,
1590
1694
  .ui.inverted.secondary.buttons .basic.button:active,
1591
1695
  .ui.inverted.secondary.basic.button:active {
1592
- box-shadow: 0 0 0 2px #6e6e6e inset;
1696
+ -webkit-box-shadow: 0 0 0 2px #6e6e6e inset;
1697
+ box-shadow: 0 0 0 2px #6e6e6e inset;
1593
1698
  color: #545454;
1594
1699
  }
1595
1700
 
@@ -1598,19 +1703,22 @@
1598
1703
  .ui.tertiary.secondary.buttons .tertiary.button,
1599
1704
  .ui.tertiary.secondary.button {
1600
1705
  background: transparent;
1601
- box-shadow: none;
1706
+ -webkit-box-shadow: none;
1707
+ box-shadow: none;
1602
1708
  color: #1B1C1D;
1603
1709
  }
1604
1710
  .ui.tertiary.secondary.buttons .button:hover,
1605
1711
  .ui.tertiary.secondary.buttons button:hover,
1606
1712
  .ui.tertiary.secondary.button:hover {
1607
- box-shadow: inset 0 -0.2em 0 #292929;
1713
+ -webkit-box-shadow: inset 0 -0.2em 0 #292929;
1714
+ box-shadow: inset 0 -0.2em 0 #292929;
1608
1715
  color: #292929;
1609
1716
  }
1610
1717
  .ui.tertiary.secondary.buttons .button:focus,
1611
1718
  .ui.tertiary.secondary.buttons .tertiary.button:focus,
1612
1719
  .ui.tertiary.secondary.button:focus {
1613
- box-shadow: inset 0 -0.2em 0 #303030;
1720
+ -webkit-box-shadow: inset 0 -0.2em 0 #303030;
1721
+ box-shadow: inset 0 -0.2em 0 #303030;
1614
1722
  color: #303030;
1615
1723
  }
1616
1724
  .ui.tertiary.secondary.buttons .active.button,
@@ -1619,7 +1727,8 @@
1619
1727
  .ui.tertiary.secondary.buttons .button:active,
1620
1728
  .ui.tertiary.secondary.buttons .tertiary.button:active,
1621
1729
  .ui.tertiary.secondary.button:active {
1622
- box-shadow: inset 0 -0.2em 0 #1f2933;
1730
+ -webkit-box-shadow: inset 0 -0.2em 0 #1f2933;
1731
+ box-shadow: inset 0 -0.2em 0 #1f2933;
1623
1732
  color: #27292a;
1624
1733
  }
1625
1734
  .ui.red.buttons .button,
@@ -1630,7 +1739,8 @@
1630
1739
  background-image: none;
1631
1740
  }
1632
1741
  .ui.red.button {
1633
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1742
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1743
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1634
1744
  }
1635
1745
  .ui.red.buttons .button:hover,
1636
1746
  .ui.red.button:hover {
@@ -1663,30 +1773,35 @@
1663
1773
  .ui.basic.red.buttons .button,
1664
1774
  .ui.basic.red.button {
1665
1775
  background: transparent;
1666
- box-shadow: 0 0 0 1px #DB2828 inset;
1776
+ -webkit-box-shadow: 0 0 0 1px #DB2828 inset;
1777
+ box-shadow: 0 0 0 1px #DB2828 inset;
1667
1778
  color: #DB2828;
1668
1779
  }
1669
1780
  .ui.basic.red.buttons .button:hover,
1670
1781
  .ui.basic.red.button:hover {
1671
1782
  background: transparent ;
1672
- box-shadow: 0 0 0 1px #d01919 inset;
1783
+ -webkit-box-shadow: 0 0 0 1px #d01919 inset;
1784
+ box-shadow: 0 0 0 1px #d01919 inset;
1673
1785
  color: #d01919;
1674
1786
  }
1675
1787
  .ui.basic.red.buttons .button:focus,
1676
1788
  .ui.basic.red.button:focus {
1677
1789
  background: transparent ;
1678
- box-shadow: 0 0 0 1px #ca1010 inset;
1790
+ -webkit-box-shadow: 0 0 0 1px #ca1010 inset;
1791
+ box-shadow: 0 0 0 1px #ca1010 inset;
1679
1792
  color: #d01919;
1680
1793
  }
1681
1794
  .ui.basic.red.buttons .active.button,
1682
1795
  .ui.basic.red.active.button {
1683
1796
  background: transparent ;
1684
- box-shadow: 0 0 0 1px #d41515 inset;
1797
+ -webkit-box-shadow: 0 0 0 1px #d41515 inset;
1798
+ box-shadow: 0 0 0 1px #d41515 inset;
1685
1799
  color: #b21e1e;
1686
1800
  }
1687
1801
  .ui.basic.red.buttons .button:active,
1688
1802
  .ui.basic.red.button:active {
1689
- box-shadow: 0 0 0 1px #b21e1e inset;
1803
+ -webkit-box-shadow: 0 0 0 1px #b21e1e inset;
1804
+ box-shadow: 0 0 0 1px #b21e1e inset;
1690
1805
  color: #b21e1e;
1691
1806
  }
1692
1807
  .ui.buttons:not(.vertical) > .basic.red.button:not(:first-child) {
@@ -1697,7 +1812,8 @@
1697
1812
  .ui.inverted.red.buttons .button,
1698
1813
  .ui.inverted.red.button {
1699
1814
  background-color: transparent;
1700
- box-shadow: 0 0 0 2px #FF695E inset;
1815
+ -webkit-box-shadow: 0 0 0 2px #FF695E inset;
1816
+ box-shadow: 0 0 0 2px #FF695E inset;
1701
1817
  color: #FF695E;
1702
1818
  }
1703
1819
  .ui.inverted.red.buttons .button:hover,
@@ -1708,7 +1824,8 @@
1708
1824
  .ui.inverted.red.button.active,
1709
1825
  .ui.inverted.red.buttons .button:active,
1710
1826
  .ui.inverted.red.button:active {
1711
- box-shadow: none ;
1827
+ -webkit-box-shadow: none ;
1828
+ box-shadow: none ;
1712
1829
  color: #FFFFFF;
1713
1830
  }
1714
1831
  .ui.inverted.red.buttons .button:hover,
@@ -1733,31 +1850,36 @@
1733
1850
  .ui.inverted.red.buttons .basic.button,
1734
1851
  .ui.inverted.red.basic.button {
1735
1852
  background-color: transparent;
1736
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1853
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1854
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1737
1855
  color: #FFFFFF;
1738
1856
  }
1739
1857
  .ui.inverted.red.basic.buttons .button:hover,
1740
1858
  .ui.inverted.red.buttons .basic.button:hover,
1741
1859
  .ui.inverted.red.basic.button:hover {
1742
- box-shadow: 0 0 0 2px #ff392b inset;
1860
+ -webkit-box-shadow: 0 0 0 2px #ff392b inset;
1861
+ box-shadow: 0 0 0 2px #ff392b inset;
1743
1862
  color: #FF695E;
1744
1863
  }
1745
1864
  .ui.inverted.red.basic.buttons .button:focus,
1746
1865
  .ui.inverted.red.basic.buttons .button:focus,
1747
1866
  .ui.inverted.red.basic.button:focus {
1748
- box-shadow: 0 0 0 2px #ff4335 inset;
1867
+ -webkit-box-shadow: 0 0 0 2px #ff4335 inset;
1868
+ box-shadow: 0 0 0 2px #ff4335 inset;
1749
1869
  color: #FF695E;
1750
1870
  }
1751
1871
  .ui.inverted.red.basic.buttons .active.button,
1752
1872
  .ui.inverted.red.buttons .basic.active.button,
1753
1873
  .ui.inverted.red.basic.active.button {
1754
- box-shadow: 0 0 0 2px #ff5144 inset;
1874
+ -webkit-box-shadow: 0 0 0 2px #ff5144 inset;
1875
+ box-shadow: 0 0 0 2px #ff5144 inset;
1755
1876
  color: #FF695E;
1756
1877
  }
1757
1878
  .ui.inverted.red.basic.buttons .button:active,
1758
1879
  .ui.inverted.red.buttons .basic.button:active,
1759
1880
  .ui.inverted.red.basic.button:active {
1760
- box-shadow: 0 0 0 2px #ff392b inset;
1881
+ -webkit-box-shadow: 0 0 0 2px #ff392b inset;
1882
+ box-shadow: 0 0 0 2px #ff392b inset;
1761
1883
  color: #FF695E;
1762
1884
  }
1763
1885
 
@@ -1766,19 +1888,22 @@
1766
1888
  .ui.tertiary.red.buttons .tertiary.button,
1767
1889
  .ui.tertiary.red.button {
1768
1890
  background: transparent;
1769
- box-shadow: none;
1891
+ -webkit-box-shadow: none;
1892
+ box-shadow: none;
1770
1893
  color: #DB2828;
1771
1894
  }
1772
1895
  .ui.tertiary.red.buttons .button:hover,
1773
1896
  .ui.tertiary.red.buttons button:hover,
1774
1897
  .ui.tertiary.red.button:hover {
1775
- box-shadow: inset 0 -0.2em 0 #b93131;
1898
+ -webkit-box-shadow: inset 0 -0.2em 0 #b93131;
1899
+ box-shadow: inset 0 -0.2em 0 #b93131;
1776
1900
  color: #b93131;
1777
1901
  }
1778
1902
  .ui.tertiary.red.buttons .button:focus,
1779
1903
  .ui.tertiary.red.buttons .tertiary.button:focus,
1780
1904
  .ui.tertiary.red.button:focus {
1781
- box-shadow: inset 0 -0.2em 0 #b52626;
1905
+ -webkit-box-shadow: inset 0 -0.2em 0 #b52626;
1906
+ box-shadow: inset 0 -0.2em 0 #b52626;
1782
1907
  color: #b52626;
1783
1908
  }
1784
1909
  .ui.tertiary.red.buttons .active.button,
@@ -1787,7 +1912,8 @@
1787
1912
  .ui.tertiary.red.buttons .button:active,
1788
1913
  .ui.tertiary.red.buttons .tertiary.button:active,
1789
1914
  .ui.tertiary.red.button:active {
1790
- box-shadow: inset 0 -0.2em 0 #ea0000;
1915
+ -webkit-box-shadow: inset 0 -0.2em 0 #ea0000;
1916
+ box-shadow: inset 0 -0.2em 0 #ea0000;
1791
1917
  color: #d41515;
1792
1918
  }
1793
1919
  .ui.orange.buttons .button,
@@ -1798,7 +1924,8 @@
1798
1924
  background-image: none;
1799
1925
  }
1800
1926
  .ui.orange.button {
1801
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1927
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1928
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1802
1929
  }
1803
1930
  .ui.orange.buttons .button:hover,
1804
1931
  .ui.orange.button:hover {
@@ -1831,30 +1958,35 @@
1831
1958
  .ui.basic.orange.buttons .button,
1832
1959
  .ui.basic.orange.button {
1833
1960
  background: transparent;
1834
- box-shadow: 0 0 0 1px #F2711C inset;
1961
+ -webkit-box-shadow: 0 0 0 1px #F2711C inset;
1962
+ box-shadow: 0 0 0 1px #F2711C inset;
1835
1963
  color: #F2711C;
1836
1964
  }
1837
1965
  .ui.basic.orange.buttons .button:hover,
1838
1966
  .ui.basic.orange.button:hover {
1839
1967
  background: transparent ;
1840
- box-shadow: 0 0 0 1px #f26202 inset;
1968
+ -webkit-box-shadow: 0 0 0 1px #f26202 inset;
1969
+ box-shadow: 0 0 0 1px #f26202 inset;
1841
1970
  color: #f26202;
1842
1971
  }
1843
1972
  .ui.basic.orange.buttons .button:focus,
1844
1973
  .ui.basic.orange.button:focus {
1845
1974
  background: transparent ;
1846
- box-shadow: 0 0 0 1px #e55b00 inset;
1975
+ -webkit-box-shadow: 0 0 0 1px #e55b00 inset;
1976
+ box-shadow: 0 0 0 1px #e55b00 inset;
1847
1977
  color: #f26202;
1848
1978
  }
1849
1979
  .ui.basic.orange.buttons .active.button,
1850
1980
  .ui.basic.orange.active.button {
1851
1981
  background: transparent ;
1852
- box-shadow: 0 0 0 1px #f56100 inset;
1982
+ -webkit-box-shadow: 0 0 0 1px #f56100 inset;
1983
+ box-shadow: 0 0 0 1px #f56100 inset;
1853
1984
  color: #cf590c;
1854
1985
  }
1855
1986
  .ui.basic.orange.buttons .button:active,
1856
1987
  .ui.basic.orange.button:active {
1857
- box-shadow: 0 0 0 1px #cf590c inset;
1988
+ -webkit-box-shadow: 0 0 0 1px #cf590c inset;
1989
+ box-shadow: 0 0 0 1px #cf590c inset;
1858
1990
  color: #cf590c;
1859
1991
  }
1860
1992
  .ui.buttons:not(.vertical) > .basic.orange.button:not(:first-child) {
@@ -1865,7 +1997,8 @@
1865
1997
  .ui.inverted.orange.buttons .button,
1866
1998
  .ui.inverted.orange.button {
1867
1999
  background-color: transparent;
1868
- box-shadow: 0 0 0 2px #FF851B inset;
2000
+ -webkit-box-shadow: 0 0 0 2px #FF851B inset;
2001
+ box-shadow: 0 0 0 2px #FF851B inset;
1869
2002
  color: #FF851B;
1870
2003
  }
1871
2004
  .ui.inverted.orange.buttons .button:hover,
@@ -1876,7 +2009,8 @@
1876
2009
  .ui.inverted.orange.button.active,
1877
2010
  .ui.inverted.orange.buttons .button:active,
1878
2011
  .ui.inverted.orange.button:active {
1879
- box-shadow: none ;
2012
+ -webkit-box-shadow: none ;
2013
+ box-shadow: none ;
1880
2014
  color: #FFFFFF;
1881
2015
  }
1882
2016
  .ui.inverted.orange.buttons .button:hover,
@@ -1901,31 +2035,36 @@
1901
2035
  .ui.inverted.orange.buttons .basic.button,
1902
2036
  .ui.inverted.orange.basic.button {
1903
2037
  background-color: transparent;
1904
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2038
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2039
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
1905
2040
  color: #FFFFFF;
1906
2041
  }
1907
2042
  .ui.inverted.orange.basic.buttons .button:hover,
1908
2043
  .ui.inverted.orange.buttons .basic.button:hover,
1909
2044
  .ui.inverted.orange.basic.button:hover {
1910
- box-shadow: 0 0 0 2px #e76b00 inset;
2045
+ -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
2046
+ box-shadow: 0 0 0 2px #e76b00 inset;
1911
2047
  color: #FF851B;
1912
2048
  }
1913
2049
  .ui.inverted.orange.basic.buttons .button:focus,
1914
2050
  .ui.inverted.orange.basic.buttons .button:focus,
1915
2051
  .ui.inverted.orange.basic.button:focus {
1916
- box-shadow: 0 0 0 2px #f17000 inset;
2052
+ -webkit-box-shadow: 0 0 0 2px #f17000 inset;
2053
+ box-shadow: 0 0 0 2px #f17000 inset;
1917
2054
  color: #FF851B;
1918
2055
  }
1919
2056
  .ui.inverted.orange.basic.buttons .active.button,
1920
2057
  .ui.inverted.orange.buttons .basic.active.button,
1921
2058
  .ui.inverted.orange.basic.active.button {
1922
- box-shadow: 0 0 0 2px #ff7701 inset;
2059
+ -webkit-box-shadow: 0 0 0 2px #ff7701 inset;
2060
+ box-shadow: 0 0 0 2px #ff7701 inset;
1923
2061
  color: #FF851B;
1924
2062
  }
1925
2063
  .ui.inverted.orange.basic.buttons .button:active,
1926
2064
  .ui.inverted.orange.buttons .basic.button:active,
1927
2065
  .ui.inverted.orange.basic.button:active {
1928
- box-shadow: 0 0 0 2px #e76b00 inset;
2066
+ -webkit-box-shadow: 0 0 0 2px #e76b00 inset;
2067
+ box-shadow: 0 0 0 2px #e76b00 inset;
1929
2068
  color: #FF851B;
1930
2069
  }
1931
2070
 
@@ -1934,19 +2073,22 @@
1934
2073
  .ui.tertiary.orange.buttons .tertiary.button,
1935
2074
  .ui.tertiary.orange.button {
1936
2075
  background: transparent;
1937
- box-shadow: none;
2076
+ -webkit-box-shadow: none;
2077
+ box-shadow: none;
1938
2078
  color: #F2711C;
1939
2079
  }
1940
2080
  .ui.tertiary.orange.buttons .button:hover,
1941
2081
  .ui.tertiary.orange.buttons button:hover,
1942
2082
  .ui.tertiary.orange.button:hover {
1943
- box-shadow: inset 0 -0.2em 0 #da671b;
2083
+ -webkit-box-shadow: inset 0 -0.2em 0 #da671b;
2084
+ box-shadow: inset 0 -0.2em 0 #da671b;
1944
2085
  color: #da671b;
1945
2086
  }
1946
2087
  .ui.tertiary.orange.buttons .button:focus,
1947
2088
  .ui.tertiary.orange.buttons .tertiary.button:focus,
1948
2089
  .ui.tertiary.orange.button:focus {
1949
- box-shadow: inset 0 -0.2em 0 #ce6017;
2090
+ -webkit-box-shadow: inset 0 -0.2em 0 #ce6017;
2091
+ box-shadow: inset 0 -0.2em 0 #ce6017;
1950
2092
  color: #ce6017;
1951
2093
  }
1952
2094
  .ui.tertiary.orange.buttons .active.button,
@@ -1955,7 +2097,8 @@
1955
2097
  .ui.tertiary.orange.buttons .button:active,
1956
2098
  .ui.tertiary.orange.buttons .tertiary.button:active,
1957
2099
  .ui.tertiary.orange.button:active {
1958
- box-shadow: inset 0 -0.2em 0 #f56100;
2100
+ -webkit-box-shadow: inset 0 -0.2em 0 #f56100;
2101
+ box-shadow: inset 0 -0.2em 0 #f56100;
1959
2102
  color: #f56100;
1960
2103
  }
1961
2104
  .ui.yellow.buttons .button,
@@ -1966,7 +2109,8 @@
1966
2109
  background-image: none;
1967
2110
  }
1968
2111
  .ui.yellow.button {
1969
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2112
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2113
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
1970
2114
  }
1971
2115
  .ui.yellow.buttons .button:hover,
1972
2116
  .ui.yellow.button:hover {
@@ -1999,30 +2143,35 @@
1999
2143
  .ui.basic.yellow.buttons .button,
2000
2144
  .ui.basic.yellow.button {
2001
2145
  background: transparent;
2002
- box-shadow: 0 0 0 1px #FBBD08 inset;
2146
+ -webkit-box-shadow: 0 0 0 1px #FBBD08 inset;
2147
+ box-shadow: 0 0 0 1px #FBBD08 inset;
2003
2148
  color: #FBBD08;
2004
2149
  }
2005
2150
  .ui.basic.yellow.buttons .button:hover,
2006
2151
  .ui.basic.yellow.button:hover {
2007
2152
  background: transparent ;
2008
- box-shadow: 0 0 0 1px #eaae00 inset;
2153
+ -webkit-box-shadow: 0 0 0 1px #eaae00 inset;
2154
+ box-shadow: 0 0 0 1px #eaae00 inset;
2009
2155
  color: #eaae00;
2010
2156
  }
2011
2157
  .ui.basic.yellow.buttons .button:focus,
2012
2158
  .ui.basic.yellow.button:focus {
2013
2159
  background: transparent ;
2014
- box-shadow: 0 0 0 1px #daa300 inset;
2160
+ -webkit-box-shadow: 0 0 0 1px #daa300 inset;
2161
+ box-shadow: 0 0 0 1px #daa300 inset;
2015
2162
  color: #eaae00;
2016
2163
  }
2017
2164
  .ui.basic.yellow.buttons .active.button,
2018
2165
  .ui.basic.yellow.active.button {
2019
2166
  background: transparent ;
2020
- box-shadow: 0 0 0 1px #eaae00 inset;
2167
+ -webkit-box-shadow: 0 0 0 1px #eaae00 inset;
2168
+ box-shadow: 0 0 0 1px #eaae00 inset;
2021
2169
  color: #cd9903;
2022
2170
  }
2023
2171
  .ui.basic.yellow.buttons .button:active,
2024
2172
  .ui.basic.yellow.button:active {
2025
- box-shadow: 0 0 0 1px #cd9903 inset;
2173
+ -webkit-box-shadow: 0 0 0 1px #cd9903 inset;
2174
+ box-shadow: 0 0 0 1px #cd9903 inset;
2026
2175
  color: #cd9903;
2027
2176
  }
2028
2177
  .ui.buttons:not(.vertical) > .basic.yellow.button:not(:first-child) {
@@ -2033,7 +2182,8 @@
2033
2182
  .ui.inverted.yellow.buttons .button,
2034
2183
  .ui.inverted.yellow.button {
2035
2184
  background-color: transparent;
2036
- box-shadow: 0 0 0 2px #FFE21F inset;
2185
+ -webkit-box-shadow: 0 0 0 2px #FFE21F inset;
2186
+ box-shadow: 0 0 0 2px #FFE21F inset;
2037
2187
  color: #FFE21F;
2038
2188
  }
2039
2189
  .ui.inverted.yellow.buttons .button:hover,
@@ -2044,7 +2194,8 @@
2044
2194
  .ui.inverted.yellow.button.active,
2045
2195
  .ui.inverted.yellow.buttons .button:active,
2046
2196
  .ui.inverted.yellow.button:active {
2047
- box-shadow: none ;
2197
+ -webkit-box-shadow: none ;
2198
+ box-shadow: none ;
2048
2199
  color: rgba(0, 0, 0, 0.6);
2049
2200
  }
2050
2201
  .ui.inverted.yellow.buttons .button:hover,
@@ -2069,31 +2220,36 @@
2069
2220
  .ui.inverted.yellow.buttons .basic.button,
2070
2221
  .ui.inverted.yellow.basic.button {
2071
2222
  background-color: transparent;
2072
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2223
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2224
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2073
2225
  color: #FFFFFF;
2074
2226
  }
2075
2227
  .ui.inverted.yellow.basic.buttons .button:hover,
2076
2228
  .ui.inverted.yellow.buttons .basic.button:hover,
2077
2229
  .ui.inverted.yellow.basic.button:hover {
2078
- box-shadow: 0 0 0 2px #ebcd00 inset;
2230
+ -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
2231
+ box-shadow: 0 0 0 2px #ebcd00 inset;
2079
2232
  color: #FFE21F;
2080
2233
  }
2081
2234
  .ui.inverted.yellow.basic.buttons .button:focus,
2082
2235
  .ui.inverted.yellow.basic.buttons .button:focus,
2083
2236
  .ui.inverted.yellow.basic.button:focus {
2084
- box-shadow: 0 0 0 2px #f5d500 inset;
2237
+ -webkit-box-shadow: 0 0 0 2px #f5d500 inset;
2238
+ box-shadow: 0 0 0 2px #f5d500 inset;
2085
2239
  color: #FFE21F;
2086
2240
  }
2087
2241
  .ui.inverted.yellow.basic.buttons .active.button,
2088
2242
  .ui.inverted.yellow.buttons .basic.active.button,
2089
2243
  .ui.inverted.yellow.basic.active.button {
2090
- box-shadow: 0 0 0 2px #ffdf05 inset;
2244
+ -webkit-box-shadow: 0 0 0 2px #ffdf05 inset;
2245
+ box-shadow: 0 0 0 2px #ffdf05 inset;
2091
2246
  color: #FFE21F;
2092
2247
  }
2093
2248
  .ui.inverted.yellow.basic.buttons .button:active,
2094
2249
  .ui.inverted.yellow.buttons .basic.button:active,
2095
2250
  .ui.inverted.yellow.basic.button:active {
2096
- box-shadow: 0 0 0 2px #ebcd00 inset;
2251
+ -webkit-box-shadow: 0 0 0 2px #ebcd00 inset;
2252
+ box-shadow: 0 0 0 2px #ebcd00 inset;
2097
2253
  color: #FFE21F;
2098
2254
  }
2099
2255
 
@@ -2102,19 +2258,22 @@
2102
2258
  .ui.tertiary.yellow.buttons .tertiary.button,
2103
2259
  .ui.tertiary.yellow.button {
2104
2260
  background: transparent;
2105
- box-shadow: none;
2261
+ -webkit-box-shadow: none;
2262
+ box-shadow: none;
2106
2263
  color: #FBBD08;
2107
2264
  }
2108
2265
  .ui.tertiary.yellow.buttons .button:hover,
2109
2266
  .ui.tertiary.yellow.buttons button:hover,
2110
2267
  .ui.tertiary.yellow.button:hover {
2111
- box-shadow: inset 0 -0.2em 0 #d2a217;
2268
+ -webkit-box-shadow: inset 0 -0.2em 0 #d2a217;
2269
+ box-shadow: inset 0 -0.2em 0 #d2a217;
2112
2270
  color: #d2a217;
2113
2271
  }
2114
2272
  .ui.tertiary.yellow.buttons .button:focus,
2115
2273
  .ui.tertiary.yellow.buttons .tertiary.button:focus,
2116
2274
  .ui.tertiary.yellow.button:focus {
2117
- box-shadow: inset 0 -0.2em 0 #c49816;
2275
+ -webkit-box-shadow: inset 0 -0.2em 0 #c49816;
2276
+ box-shadow: inset 0 -0.2em 0 #c49816;
2118
2277
  color: #c49816;
2119
2278
  }
2120
2279
  .ui.tertiary.yellow.buttons .active.button,
@@ -2123,7 +2282,8 @@
2123
2282
  .ui.tertiary.yellow.buttons .button:active,
2124
2283
  .ui.tertiary.yellow.buttons .tertiary.button:active,
2125
2284
  .ui.tertiary.yellow.button:active {
2126
- box-shadow: inset 0 -0.2em 0 #eaae00;
2285
+ -webkit-box-shadow: inset 0 -0.2em 0 #eaae00;
2286
+ box-shadow: inset 0 -0.2em 0 #eaae00;
2127
2287
  color: #eaae00;
2128
2288
  }
2129
2289
  .ui.olive.buttons .button,
@@ -2134,7 +2294,8 @@
2134
2294
  background-image: none;
2135
2295
  }
2136
2296
  .ui.olive.button {
2137
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2297
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2298
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2138
2299
  }
2139
2300
  .ui.olive.buttons .button:hover,
2140
2301
  .ui.olive.button:hover {
@@ -2167,30 +2328,35 @@
2167
2328
  .ui.basic.olive.buttons .button,
2168
2329
  .ui.basic.olive.button {
2169
2330
  background: transparent;
2170
- box-shadow: 0 0 0 1px #B5CC18 inset;
2331
+ -webkit-box-shadow: 0 0 0 1px #B5CC18 inset;
2332
+ box-shadow: 0 0 0 1px #B5CC18 inset;
2171
2333
  color: #B5CC18;
2172
2334
  }
2173
2335
  .ui.basic.olive.buttons .button:hover,
2174
2336
  .ui.basic.olive.button:hover {
2175
2337
  background: transparent ;
2176
- box-shadow: 0 0 0 1px #a7bd0d inset;
2338
+ -webkit-box-shadow: 0 0 0 1px #a7bd0d inset;
2339
+ box-shadow: 0 0 0 1px #a7bd0d inset;
2177
2340
  color: #a7bd0d;
2178
2341
  }
2179
2342
  .ui.basic.olive.buttons .button:focus,
2180
2343
  .ui.basic.olive.button:focus {
2181
2344
  background: transparent ;
2182
- box-shadow: 0 0 0 1px #a0b605 inset;
2345
+ -webkit-box-shadow: 0 0 0 1px #a0b605 inset;
2346
+ box-shadow: 0 0 0 1px #a0b605 inset;
2183
2347
  color: #a7bd0d;
2184
2348
  }
2185
2349
  .ui.basic.olive.buttons .active.button,
2186
2350
  .ui.basic.olive.active.button {
2187
2351
  background: transparent ;
2188
- box-shadow: 0 0 0 1px #aac109 inset;
2352
+ -webkit-box-shadow: 0 0 0 1px #aac109 inset;
2353
+ box-shadow: 0 0 0 1px #aac109 inset;
2189
2354
  color: #8d9e13;
2190
2355
  }
2191
2356
  .ui.basic.olive.buttons .button:active,
2192
2357
  .ui.basic.olive.button:active {
2193
- box-shadow: 0 0 0 1px #8d9e13 inset;
2358
+ -webkit-box-shadow: 0 0 0 1px #8d9e13 inset;
2359
+ box-shadow: 0 0 0 1px #8d9e13 inset;
2194
2360
  color: #8d9e13;
2195
2361
  }
2196
2362
  .ui.buttons:not(.vertical) > .basic.olive.button:not(:first-child) {
@@ -2201,7 +2367,8 @@
2201
2367
  .ui.inverted.olive.buttons .button,
2202
2368
  .ui.inverted.olive.button {
2203
2369
  background-color: transparent;
2204
- box-shadow: 0 0 0 2px #D9E778 inset;
2370
+ -webkit-box-shadow: 0 0 0 2px #D9E778 inset;
2371
+ box-shadow: 0 0 0 2px #D9E778 inset;
2205
2372
  color: #D9E778;
2206
2373
  }
2207
2374
  .ui.inverted.olive.buttons .button:hover,
@@ -2212,7 +2379,8 @@
2212
2379
  .ui.inverted.olive.button.active,
2213
2380
  .ui.inverted.olive.buttons .button:active,
2214
2381
  .ui.inverted.olive.button:active {
2215
- box-shadow: none ;
2382
+ -webkit-box-shadow: none ;
2383
+ box-shadow: none ;
2216
2384
  color: rgba(0, 0, 0, 0.6);
2217
2385
  }
2218
2386
  .ui.inverted.olive.buttons .button:hover,
@@ -2237,31 +2405,36 @@
2237
2405
  .ui.inverted.olive.buttons .basic.button,
2238
2406
  .ui.inverted.olive.basic.button {
2239
2407
  background-color: transparent;
2240
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2408
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2409
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2241
2410
  color: #FFFFFF;
2242
2411
  }
2243
2412
  .ui.inverted.olive.basic.buttons .button:hover,
2244
2413
  .ui.inverted.olive.buttons .basic.button:hover,
2245
2414
  .ui.inverted.olive.basic.button:hover {
2246
- box-shadow: 0 0 0 2px #d2e745 inset;
2415
+ -webkit-box-shadow: 0 0 0 2px #d2e745 inset;
2416
+ box-shadow: 0 0 0 2px #d2e745 inset;
2247
2417
  color: #D9E778;
2248
2418
  }
2249
2419
  .ui.inverted.olive.basic.buttons .button:focus,
2250
2420
  .ui.inverted.olive.basic.buttons .button:focus,
2251
2421
  .ui.inverted.olive.basic.button:focus {
2252
- box-shadow: 0 0 0 2px #daef47 inset;
2422
+ -webkit-box-shadow: 0 0 0 2px #daef47 inset;
2423
+ box-shadow: 0 0 0 2px #daef47 inset;
2253
2424
  color: #D9E778;
2254
2425
  }
2255
2426
  .ui.inverted.olive.basic.buttons .active.button,
2256
2427
  .ui.inverted.olive.buttons .basic.active.button,
2257
2428
  .ui.inverted.olive.basic.active.button {
2258
- box-shadow: 0 0 0 2px #daed59 inset;
2429
+ -webkit-box-shadow: 0 0 0 2px #daed59 inset;
2430
+ box-shadow: 0 0 0 2px #daed59 inset;
2259
2431
  color: #D9E778;
2260
2432
  }
2261
2433
  .ui.inverted.olive.basic.buttons .button:active,
2262
2434
  .ui.inverted.olive.buttons .basic.button:active,
2263
2435
  .ui.inverted.olive.basic.button:active {
2264
- box-shadow: 0 0 0 2px #cddf4d inset;
2436
+ -webkit-box-shadow: 0 0 0 2px #cddf4d inset;
2437
+ box-shadow: 0 0 0 2px #cddf4d inset;
2265
2438
  color: #D9E778;
2266
2439
  }
2267
2440
 
@@ -2270,19 +2443,22 @@
2270
2443
  .ui.tertiary.olive.buttons .tertiary.button,
2271
2444
  .ui.tertiary.olive.button {
2272
2445
  background: transparent;
2273
- box-shadow: none;
2446
+ -webkit-box-shadow: none;
2447
+ box-shadow: none;
2274
2448
  color: #B5CC18;
2275
2449
  }
2276
2450
  .ui.tertiary.olive.buttons .button:hover,
2277
2451
  .ui.tertiary.olive.buttons button:hover,
2278
2452
  .ui.tertiary.olive.button:hover {
2279
- box-shadow: inset 0 -0.2em 0 #98a922;
2453
+ -webkit-box-shadow: inset 0 -0.2em 0 #98a922;
2454
+ box-shadow: inset 0 -0.2em 0 #98a922;
2280
2455
  color: #98a922;
2281
2456
  }
2282
2457
  .ui.tertiary.olive.buttons .button:focus,
2283
2458
  .ui.tertiary.olive.buttons .tertiary.button:focus,
2284
2459
  .ui.tertiary.olive.button:focus {
2285
- box-shadow: inset 0 -0.2em 0 #92a418;
2460
+ -webkit-box-shadow: inset 0 -0.2em 0 #92a418;
2461
+ box-shadow: inset 0 -0.2em 0 #92a418;
2286
2462
  color: #92a418;
2287
2463
  }
2288
2464
  .ui.tertiary.olive.buttons .active.button,
@@ -2291,7 +2467,8 @@
2291
2467
  .ui.tertiary.olive.buttons .button:active,
2292
2468
  .ui.tertiary.olive.buttons .tertiary.button:active,
2293
2469
  .ui.tertiary.olive.button:active {
2294
- box-shadow: inset 0 -0.2em 0 #b1cb00;
2470
+ -webkit-box-shadow: inset 0 -0.2em 0 #b1cb00;
2471
+ box-shadow: inset 0 -0.2em 0 #b1cb00;
2295
2472
  color: #aac109;
2296
2473
  }
2297
2474
  .ui.green.buttons .button,
@@ -2302,7 +2479,8 @@
2302
2479
  background-image: none;
2303
2480
  }
2304
2481
  .ui.green.button {
2305
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2482
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2483
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2306
2484
  }
2307
2485
  .ui.green.buttons .button:hover,
2308
2486
  .ui.green.button:hover {
@@ -2335,30 +2513,35 @@
2335
2513
  .ui.basic.green.buttons .button,
2336
2514
  .ui.basic.green.button {
2337
2515
  background: transparent;
2338
- box-shadow: 0 0 0 1px #21BA45 inset;
2516
+ -webkit-box-shadow: 0 0 0 1px #21BA45 inset;
2517
+ box-shadow: 0 0 0 1px #21BA45 inset;
2339
2518
  color: #21BA45;
2340
2519
  }
2341
2520
  .ui.basic.green.buttons .button:hover,
2342
2521
  .ui.basic.green.button:hover {
2343
2522
  background: transparent ;
2344
- box-shadow: 0 0 0 1px #16ab39 inset;
2523
+ -webkit-box-shadow: 0 0 0 1px #16ab39 inset;
2524
+ box-shadow: 0 0 0 1px #16ab39 inset;
2345
2525
  color: #16ab39;
2346
2526
  }
2347
2527
  .ui.basic.green.buttons .button:focus,
2348
2528
  .ui.basic.green.button:focus {
2349
2529
  background: transparent ;
2350
- box-shadow: 0 0 0 1px #0ea432 inset;
2530
+ -webkit-box-shadow: 0 0 0 1px #0ea432 inset;
2531
+ box-shadow: 0 0 0 1px #0ea432 inset;
2351
2532
  color: #16ab39;
2352
2533
  }
2353
2534
  .ui.basic.green.buttons .active.button,
2354
2535
  .ui.basic.green.active.button {
2355
2536
  background: transparent ;
2356
- box-shadow: 0 0 0 1px #13ae38 inset;
2537
+ -webkit-box-shadow: 0 0 0 1px #13ae38 inset;
2538
+ box-shadow: 0 0 0 1px #13ae38 inset;
2357
2539
  color: #198f35;
2358
2540
  }
2359
2541
  .ui.basic.green.buttons .button:active,
2360
2542
  .ui.basic.green.button:active {
2361
- box-shadow: 0 0 0 1px #198f35 inset;
2543
+ -webkit-box-shadow: 0 0 0 1px #198f35 inset;
2544
+ box-shadow: 0 0 0 1px #198f35 inset;
2362
2545
  color: #198f35;
2363
2546
  }
2364
2547
  .ui.buttons:not(.vertical) > .basic.green.button:not(:first-child) {
@@ -2369,7 +2552,8 @@
2369
2552
  .ui.inverted.green.buttons .button,
2370
2553
  .ui.inverted.green.button {
2371
2554
  background-color: transparent;
2372
- box-shadow: 0 0 0 2px #2ECC40 inset;
2555
+ -webkit-box-shadow: 0 0 0 2px #2ECC40 inset;
2556
+ box-shadow: 0 0 0 2px #2ECC40 inset;
2373
2557
  color: #2ECC40;
2374
2558
  }
2375
2559
  .ui.inverted.green.buttons .button:hover,
@@ -2380,7 +2564,8 @@
2380
2564
  .ui.inverted.green.button.active,
2381
2565
  .ui.inverted.green.buttons .button:active,
2382
2566
  .ui.inverted.green.button:active {
2383
- box-shadow: none ;
2567
+ -webkit-box-shadow: none ;
2568
+ box-shadow: none ;
2384
2569
  color: #FFFFFF;
2385
2570
  }
2386
2571
  .ui.inverted.green.buttons .button:hover,
@@ -2405,31 +2590,36 @@
2405
2590
  .ui.inverted.green.buttons .basic.button,
2406
2591
  .ui.inverted.green.basic.button {
2407
2592
  background-color: transparent;
2408
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2593
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2594
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2409
2595
  color: #FFFFFF;
2410
2596
  }
2411
2597
  .ui.inverted.green.basic.buttons .button:hover,
2412
2598
  .ui.inverted.green.buttons .basic.button:hover,
2413
2599
  .ui.inverted.green.basic.button:hover {
2414
- box-shadow: 0 0 0 2px #1ea92e inset;
2600
+ -webkit-box-shadow: 0 0 0 2px #1ea92e inset;
2601
+ box-shadow: 0 0 0 2px #1ea92e inset;
2415
2602
  color: #2ECC40;
2416
2603
  }
2417
2604
  .ui.inverted.green.basic.buttons .button:focus,
2418
2605
  .ui.inverted.green.basic.buttons .button:focus,
2419
2606
  .ui.inverted.green.basic.button:focus {
2420
- box-shadow: 0 0 0 2px #19b82b inset;
2607
+ -webkit-box-shadow: 0 0 0 2px #19b82b inset;
2608
+ box-shadow: 0 0 0 2px #19b82b inset;
2421
2609
  color: #2ECC40;
2422
2610
  }
2423
2611
  .ui.inverted.green.basic.buttons .active.button,
2424
2612
  .ui.inverted.green.buttons .basic.active.button,
2425
2613
  .ui.inverted.green.basic.active.button {
2426
- box-shadow: 0 0 0 2px #1fc231 inset;
2614
+ -webkit-box-shadow: 0 0 0 2px #1fc231 inset;
2615
+ box-shadow: 0 0 0 2px #1fc231 inset;
2427
2616
  color: #2ECC40;
2428
2617
  }
2429
2618
  .ui.inverted.green.basic.buttons .button:active,
2430
2619
  .ui.inverted.green.buttons .basic.button:active,
2431
2620
  .ui.inverted.green.basic.button:active {
2432
- box-shadow: 0 0 0 2px #25a233 inset;
2621
+ -webkit-box-shadow: 0 0 0 2px #25a233 inset;
2622
+ box-shadow: 0 0 0 2px #25a233 inset;
2433
2623
  color: #2ECC40;
2434
2624
  }
2435
2625
 
@@ -2438,19 +2628,22 @@
2438
2628
  .ui.tertiary.green.buttons .tertiary.button,
2439
2629
  .ui.tertiary.green.button {
2440
2630
  background: transparent;
2441
- box-shadow: none;
2631
+ -webkit-box-shadow: none;
2632
+ box-shadow: none;
2442
2633
  color: #21BA45;
2443
2634
  }
2444
2635
  .ui.tertiary.green.buttons .button:hover,
2445
2636
  .ui.tertiary.green.buttons button:hover,
2446
2637
  .ui.tertiary.green.button:hover {
2447
- box-shadow: inset 0 -0.2em 0 #2a9844;
2638
+ -webkit-box-shadow: inset 0 -0.2em 0 #2a9844;
2639
+ box-shadow: inset 0 -0.2em 0 #2a9844;
2448
2640
  color: #2a9844;
2449
2641
  }
2450
2642
  .ui.tertiary.green.buttons .button:focus,
2451
2643
  .ui.tertiary.green.buttons .tertiary.button:focus,
2452
2644
  .ui.tertiary.green.button:focus {
2453
- box-shadow: inset 0 -0.2em 0 #20923b;
2645
+ -webkit-box-shadow: inset 0 -0.2em 0 #20923b;
2646
+ box-shadow: inset 0 -0.2em 0 #20923b;
2454
2647
  color: #20923b;
2455
2648
  }
2456
2649
  .ui.tertiary.green.buttons .active.button,
@@ -2459,7 +2652,8 @@
2459
2652
  .ui.tertiary.green.buttons .button:active,
2460
2653
  .ui.tertiary.green.buttons .tertiary.button:active,
2461
2654
  .ui.tertiary.green.button:active {
2462
- box-shadow: inset 0 -0.2em 0 #00c22e;
2655
+ -webkit-box-shadow: inset 0 -0.2em 0 #00c22e;
2656
+ box-shadow: inset 0 -0.2em 0 #00c22e;
2463
2657
  color: #13ae38;
2464
2658
  }
2465
2659
  .ui.teal.buttons .button,
@@ -2470,7 +2664,8 @@
2470
2664
  background-image: none;
2471
2665
  }
2472
2666
  .ui.teal.button {
2473
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2667
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2668
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2474
2669
  }
2475
2670
  .ui.teal.buttons .button:hover,
2476
2671
  .ui.teal.button:hover {
@@ -2503,30 +2698,35 @@
2503
2698
  .ui.basic.teal.buttons .button,
2504
2699
  .ui.basic.teal.button {
2505
2700
  background: transparent;
2506
- box-shadow: 0 0 0 1px #00B5AD inset;
2701
+ -webkit-box-shadow: 0 0 0 1px #00B5AD inset;
2702
+ box-shadow: 0 0 0 1px #00B5AD inset;
2507
2703
  color: #00B5AD;
2508
2704
  }
2509
2705
  .ui.basic.teal.buttons .button:hover,
2510
2706
  .ui.basic.teal.button:hover {
2511
2707
  background: transparent ;
2512
- box-shadow: 0 0 0 1px #009c95 inset;
2708
+ -webkit-box-shadow: 0 0 0 1px #009c95 inset;
2709
+ box-shadow: 0 0 0 1px #009c95 inset;
2513
2710
  color: #009c95;
2514
2711
  }
2515
2712
  .ui.basic.teal.buttons .button:focus,
2516
2713
  .ui.basic.teal.button:focus {
2517
2714
  background: transparent ;
2518
- box-shadow: 0 0 0 1px #008c86 inset;
2715
+ -webkit-box-shadow: 0 0 0 1px #008c86 inset;
2716
+ box-shadow: 0 0 0 1px #008c86 inset;
2519
2717
  color: #009c95;
2520
2718
  }
2521
2719
  .ui.basic.teal.buttons .active.button,
2522
2720
  .ui.basic.teal.active.button {
2523
2721
  background: transparent ;
2524
- box-shadow: 0 0 0 1px #009c95 inset;
2722
+ -webkit-box-shadow: 0 0 0 1px #009c95 inset;
2723
+ box-shadow: 0 0 0 1px #009c95 inset;
2525
2724
  color: #00827c;
2526
2725
  }
2527
2726
  .ui.basic.teal.buttons .button:active,
2528
2727
  .ui.basic.teal.button:active {
2529
- box-shadow: 0 0 0 1px #00827c inset;
2728
+ -webkit-box-shadow: 0 0 0 1px #00827c inset;
2729
+ box-shadow: 0 0 0 1px #00827c inset;
2530
2730
  color: #00827c;
2531
2731
  }
2532
2732
  .ui.buttons:not(.vertical) > .basic.teal.button:not(:first-child) {
@@ -2537,7 +2737,8 @@
2537
2737
  .ui.inverted.teal.buttons .button,
2538
2738
  .ui.inverted.teal.button {
2539
2739
  background-color: transparent;
2540
- box-shadow: 0 0 0 2px #6DFFFF inset;
2740
+ -webkit-box-shadow: 0 0 0 2px #6DFFFF inset;
2741
+ box-shadow: 0 0 0 2px #6DFFFF inset;
2541
2742
  color: #6DFFFF;
2542
2743
  }
2543
2744
  .ui.inverted.teal.buttons .button:hover,
@@ -2548,7 +2749,8 @@
2548
2749
  .ui.inverted.teal.button.active,
2549
2750
  .ui.inverted.teal.buttons .button:active,
2550
2751
  .ui.inverted.teal.button:active {
2551
- box-shadow: none ;
2752
+ -webkit-box-shadow: none ;
2753
+ box-shadow: none ;
2552
2754
  color: rgba(0, 0, 0, 0.6);
2553
2755
  }
2554
2756
  .ui.inverted.teal.buttons .button:hover,
@@ -2573,31 +2775,36 @@
2573
2775
  .ui.inverted.teal.buttons .basic.button,
2574
2776
  .ui.inverted.teal.basic.button {
2575
2777
  background-color: transparent;
2576
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2778
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2779
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2577
2780
  color: #FFFFFF;
2578
2781
  }
2579
2782
  .ui.inverted.teal.basic.buttons .button:hover,
2580
2783
  .ui.inverted.teal.buttons .basic.button:hover,
2581
2784
  .ui.inverted.teal.basic.button:hover {
2582
- box-shadow: 0 0 0 2px #3affff inset;
2785
+ -webkit-box-shadow: 0 0 0 2px #3affff inset;
2786
+ box-shadow: 0 0 0 2px #3affff inset;
2583
2787
  color: #6DFFFF;
2584
2788
  }
2585
2789
  .ui.inverted.teal.basic.buttons .button:focus,
2586
2790
  .ui.inverted.teal.basic.buttons .button:focus,
2587
2791
  .ui.inverted.teal.basic.button:focus {
2588
- box-shadow: 0 0 0 2px #44ffff inset;
2792
+ -webkit-box-shadow: 0 0 0 2px #44ffff inset;
2793
+ box-shadow: 0 0 0 2px #44ffff inset;
2589
2794
  color: #6DFFFF;
2590
2795
  }
2591
2796
  .ui.inverted.teal.basic.buttons .active.button,
2592
2797
  .ui.inverted.teal.buttons .basic.active.button,
2593
2798
  .ui.inverted.teal.basic.active.button {
2594
- box-shadow: 0 0 0 2px #54ffff inset;
2799
+ -webkit-box-shadow: 0 0 0 2px #54ffff inset;
2800
+ box-shadow: 0 0 0 2px #54ffff inset;
2595
2801
  color: #6DFFFF;
2596
2802
  }
2597
2803
  .ui.inverted.teal.basic.buttons .button:active,
2598
2804
  .ui.inverted.teal.buttons .basic.button:active,
2599
2805
  .ui.inverted.teal.basic.button:active {
2600
- box-shadow: 0 0 0 2px #3affff inset;
2806
+ -webkit-box-shadow: 0 0 0 2px #3affff inset;
2807
+ box-shadow: 0 0 0 2px #3affff inset;
2601
2808
  color: #6DFFFF;
2602
2809
  }
2603
2810
 
@@ -2606,19 +2813,22 @@
2606
2813
  .ui.tertiary.teal.buttons .tertiary.button,
2607
2814
  .ui.tertiary.teal.button {
2608
2815
  background: transparent;
2609
- box-shadow: none;
2816
+ -webkit-box-shadow: none;
2817
+ box-shadow: none;
2610
2818
  color: #00B5AD;
2611
2819
  }
2612
2820
  .ui.tertiary.teal.buttons .button:hover,
2613
2821
  .ui.tertiary.teal.buttons button:hover,
2614
2822
  .ui.tertiary.teal.button:hover {
2615
- box-shadow: inset 0 -0.2em 0 #108c86;
2823
+ -webkit-box-shadow: inset 0 -0.2em 0 #108c86;
2824
+ box-shadow: inset 0 -0.2em 0 #108c86;
2616
2825
  color: #108c86;
2617
2826
  }
2618
2827
  .ui.tertiary.teal.buttons .button:focus,
2619
2828
  .ui.tertiary.teal.buttons .tertiary.button:focus,
2620
2829
  .ui.tertiary.teal.button:focus {
2621
- box-shadow: inset 0 -0.2em 0 #0e7e79;
2830
+ -webkit-box-shadow: inset 0 -0.2em 0 #0e7e79;
2831
+ box-shadow: inset 0 -0.2em 0 #0e7e79;
2622
2832
  color: #0e7e79;
2623
2833
  }
2624
2834
  .ui.tertiary.teal.buttons .active.button,
@@ -2627,7 +2837,8 @@
2627
2837
  .ui.tertiary.teal.buttons .button:active,
2628
2838
  .ui.tertiary.teal.buttons .tertiary.button:active,
2629
2839
  .ui.tertiary.teal.button:active {
2630
- box-shadow: inset 0 -0.2em 0 #009c95;
2840
+ -webkit-box-shadow: inset 0 -0.2em 0 #009c95;
2841
+ box-shadow: inset 0 -0.2em 0 #009c95;
2631
2842
  color: #009c95;
2632
2843
  }
2633
2844
  .ui.blue.buttons .button,
@@ -2638,7 +2849,8 @@
2638
2849
  background-image: none;
2639
2850
  }
2640
2851
  .ui.blue.button {
2641
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2852
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2853
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2642
2854
  }
2643
2855
  .ui.blue.buttons .button:hover,
2644
2856
  .ui.blue.button:hover {
@@ -2671,30 +2883,35 @@
2671
2883
  .ui.basic.blue.buttons .button,
2672
2884
  .ui.basic.blue.button {
2673
2885
  background: transparent;
2674
- box-shadow: 0 0 0 1px #2185D0 inset;
2886
+ -webkit-box-shadow: 0 0 0 1px #2185D0 inset;
2887
+ box-shadow: 0 0 0 1px #2185D0 inset;
2675
2888
  color: #2185D0;
2676
2889
  }
2677
2890
  .ui.basic.blue.buttons .button:hover,
2678
2891
  .ui.basic.blue.button:hover {
2679
2892
  background: transparent ;
2680
- box-shadow: 0 0 0 1px #1678c2 inset;
2893
+ -webkit-box-shadow: 0 0 0 1px #1678c2 inset;
2894
+ box-shadow: 0 0 0 1px #1678c2 inset;
2681
2895
  color: #1678c2;
2682
2896
  }
2683
2897
  .ui.basic.blue.buttons .button:focus,
2684
2898
  .ui.basic.blue.button:focus {
2685
2899
  background: transparent ;
2686
- box-shadow: 0 0 0 1px #0d71bb inset;
2900
+ -webkit-box-shadow: 0 0 0 1px #0d71bb inset;
2901
+ box-shadow: 0 0 0 1px #0d71bb inset;
2687
2902
  color: #1678c2;
2688
2903
  }
2689
2904
  .ui.basic.blue.buttons .active.button,
2690
2905
  .ui.basic.blue.active.button {
2691
2906
  background: transparent ;
2692
- box-shadow: 0 0 0 1px #1279c6 inset;
2907
+ -webkit-box-shadow: 0 0 0 1px #1279c6 inset;
2908
+ box-shadow: 0 0 0 1px #1279c6 inset;
2693
2909
  color: #1a69a4;
2694
2910
  }
2695
2911
  .ui.basic.blue.buttons .button:active,
2696
2912
  .ui.basic.blue.button:active {
2697
- box-shadow: 0 0 0 1px #1a69a4 inset;
2913
+ -webkit-box-shadow: 0 0 0 1px #1a69a4 inset;
2914
+ box-shadow: 0 0 0 1px #1a69a4 inset;
2698
2915
  color: #1a69a4;
2699
2916
  }
2700
2917
  .ui.buttons:not(.vertical) > .basic.blue.button:not(:first-child) {
@@ -2705,7 +2922,8 @@
2705
2922
  .ui.inverted.blue.buttons .button,
2706
2923
  .ui.inverted.blue.button {
2707
2924
  background-color: transparent;
2708
- box-shadow: 0 0 0 2px #54C8FF inset;
2925
+ -webkit-box-shadow: 0 0 0 2px #54C8FF inset;
2926
+ box-shadow: 0 0 0 2px #54C8FF inset;
2709
2927
  color: #54C8FF;
2710
2928
  }
2711
2929
  .ui.inverted.blue.buttons .button:hover,
@@ -2716,7 +2934,8 @@
2716
2934
  .ui.inverted.blue.button.active,
2717
2935
  .ui.inverted.blue.buttons .button:active,
2718
2936
  .ui.inverted.blue.button:active {
2719
- box-shadow: none ;
2937
+ -webkit-box-shadow: none ;
2938
+ box-shadow: none ;
2720
2939
  color: #FFFFFF;
2721
2940
  }
2722
2941
  .ui.inverted.blue.buttons .button:hover,
@@ -2741,31 +2960,36 @@
2741
2960
  .ui.inverted.blue.buttons .basic.button,
2742
2961
  .ui.inverted.blue.basic.button {
2743
2962
  background-color: transparent;
2744
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2963
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2964
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2745
2965
  color: #FFFFFF;
2746
2966
  }
2747
2967
  .ui.inverted.blue.basic.buttons .button:hover,
2748
2968
  .ui.inverted.blue.buttons .basic.button:hover,
2749
2969
  .ui.inverted.blue.basic.button:hover {
2750
- box-shadow: 0 0 0 2px #21b8ff inset;
2970
+ -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
2971
+ box-shadow: 0 0 0 2px #21b8ff inset;
2751
2972
  color: #54C8FF;
2752
2973
  }
2753
2974
  .ui.inverted.blue.basic.buttons .button:focus,
2754
2975
  .ui.inverted.blue.basic.buttons .button:focus,
2755
2976
  .ui.inverted.blue.basic.button:focus {
2756
- box-shadow: 0 0 0 2px #2bbbff inset;
2977
+ -webkit-box-shadow: 0 0 0 2px #2bbbff inset;
2978
+ box-shadow: 0 0 0 2px #2bbbff inset;
2757
2979
  color: #54C8FF;
2758
2980
  }
2759
2981
  .ui.inverted.blue.basic.buttons .active.button,
2760
2982
  .ui.inverted.blue.buttons .basic.active.button,
2761
2983
  .ui.inverted.blue.basic.active.button {
2762
- box-shadow: 0 0 0 2px #3ac0ff inset;
2984
+ -webkit-box-shadow: 0 0 0 2px #3ac0ff inset;
2985
+ box-shadow: 0 0 0 2px #3ac0ff inset;
2763
2986
  color: #54C8FF;
2764
2987
  }
2765
2988
  .ui.inverted.blue.basic.buttons .button:active,
2766
2989
  .ui.inverted.blue.buttons .basic.button:active,
2767
2990
  .ui.inverted.blue.basic.button:active {
2768
- box-shadow: 0 0 0 2px #21b8ff inset;
2991
+ -webkit-box-shadow: 0 0 0 2px #21b8ff inset;
2992
+ box-shadow: 0 0 0 2px #21b8ff inset;
2769
2993
  color: #54C8FF;
2770
2994
  }
2771
2995
 
@@ -2774,19 +2998,22 @@
2774
2998
  .ui.tertiary.blue.buttons .tertiary.button,
2775
2999
  .ui.tertiary.blue.button {
2776
3000
  background: transparent;
2777
- box-shadow: none;
3001
+ -webkit-box-shadow: none;
3002
+ box-shadow: none;
2778
3003
  color: #2185D0;
2779
3004
  }
2780
3005
  .ui.tertiary.blue.buttons .button:hover,
2781
3006
  .ui.tertiary.blue.buttons button:hover,
2782
3007
  .ui.tertiary.blue.button:hover {
2783
- box-shadow: inset 0 -0.2em 0 #2b75ac;
3008
+ -webkit-box-shadow: inset 0 -0.2em 0 #2b75ac;
3009
+ box-shadow: inset 0 -0.2em 0 #2b75ac;
2784
3010
  color: #2b75ac;
2785
3011
  }
2786
3012
  .ui.tertiary.blue.buttons .button:focus,
2787
3013
  .ui.tertiary.blue.buttons .tertiary.button:focus,
2788
3014
  .ui.tertiary.blue.button:focus {
2789
- box-shadow: inset 0 -0.2em 0 #216ea7;
3015
+ -webkit-box-shadow: inset 0 -0.2em 0 #216ea7;
3016
+ box-shadow: inset 0 -0.2em 0 #216ea7;
2790
3017
  color: #216ea7;
2791
3018
  }
2792
3019
  .ui.tertiary.blue.buttons .active.button,
@@ -2795,7 +3022,8 @@
2795
3022
  .ui.tertiary.blue.buttons .button:active,
2796
3023
  .ui.tertiary.blue.buttons .tertiary.button:active,
2797
3024
  .ui.tertiary.blue.button:active {
2798
- box-shadow: inset 0 -0.2em 0 #007bd8;
3025
+ -webkit-box-shadow: inset 0 -0.2em 0 #007bd8;
3026
+ box-shadow: inset 0 -0.2em 0 #007bd8;
2799
3027
  color: #1279c6;
2800
3028
  }
2801
3029
  .ui.violet.buttons .button,
@@ -2806,7 +3034,8 @@
2806
3034
  background-image: none;
2807
3035
  }
2808
3036
  .ui.violet.button {
2809
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3037
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3038
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2810
3039
  }
2811
3040
  .ui.violet.buttons .button:hover,
2812
3041
  .ui.violet.button:hover {
@@ -2839,30 +3068,35 @@
2839
3068
  .ui.basic.violet.buttons .button,
2840
3069
  .ui.basic.violet.button {
2841
3070
  background: transparent;
2842
- box-shadow: 0 0 0 1px #6435C9 inset;
3071
+ -webkit-box-shadow: 0 0 0 1px #6435C9 inset;
3072
+ box-shadow: 0 0 0 1px #6435C9 inset;
2843
3073
  color: #6435C9;
2844
3074
  }
2845
3075
  .ui.basic.violet.buttons .button:hover,
2846
3076
  .ui.basic.violet.button:hover {
2847
3077
  background: transparent ;
2848
- box-shadow: 0 0 0 1px #5829bb inset;
3078
+ -webkit-box-shadow: 0 0 0 1px #5829bb inset;
3079
+ box-shadow: 0 0 0 1px #5829bb inset;
2849
3080
  color: #5829bb;
2850
3081
  }
2851
3082
  .ui.basic.violet.buttons .button:focus,
2852
3083
  .ui.basic.violet.button:focus {
2853
3084
  background: transparent ;
2854
- box-shadow: 0 0 0 1px #4f20b5 inset;
3085
+ -webkit-box-shadow: 0 0 0 1px #4f20b5 inset;
3086
+ box-shadow: 0 0 0 1px #4f20b5 inset;
2855
3087
  color: #5829bb;
2856
3088
  }
2857
3089
  .ui.basic.violet.buttons .active.button,
2858
3090
  .ui.basic.violet.active.button {
2859
3091
  background: transparent ;
2860
- box-shadow: 0 0 0 1px #5626bf inset;
3092
+ -webkit-box-shadow: 0 0 0 1px #5626bf inset;
3093
+ box-shadow: 0 0 0 1px #5626bf inset;
2861
3094
  color: #502aa1;
2862
3095
  }
2863
3096
  .ui.basic.violet.buttons .button:active,
2864
3097
  .ui.basic.violet.button:active {
2865
- box-shadow: 0 0 0 1px #502aa1 inset;
3098
+ -webkit-box-shadow: 0 0 0 1px #502aa1 inset;
3099
+ box-shadow: 0 0 0 1px #502aa1 inset;
2866
3100
  color: #502aa1;
2867
3101
  }
2868
3102
  .ui.buttons:not(.vertical) > .basic.violet.button:not(:first-child) {
@@ -2873,7 +3107,8 @@
2873
3107
  .ui.inverted.violet.buttons .button,
2874
3108
  .ui.inverted.violet.button {
2875
3109
  background-color: transparent;
2876
- box-shadow: 0 0 0 2px #A291FB inset;
3110
+ -webkit-box-shadow: 0 0 0 2px #A291FB inset;
3111
+ box-shadow: 0 0 0 2px #A291FB inset;
2877
3112
  color: #A291FB;
2878
3113
  }
2879
3114
  .ui.inverted.violet.buttons .button:hover,
@@ -2884,7 +3119,8 @@
2884
3119
  .ui.inverted.violet.button.active,
2885
3120
  .ui.inverted.violet.buttons .button:active,
2886
3121
  .ui.inverted.violet.button:active {
2887
- box-shadow: none ;
3122
+ -webkit-box-shadow: none ;
3123
+ box-shadow: none ;
2888
3124
  color: #FFFFFF;
2889
3125
  }
2890
3126
  .ui.inverted.violet.buttons .button:hover,
@@ -2909,31 +3145,36 @@
2909
3145
  .ui.inverted.violet.buttons .basic.button,
2910
3146
  .ui.inverted.violet.basic.button {
2911
3147
  background-color: transparent;
2912
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3148
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3149
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
2913
3150
  color: #FFFFFF;
2914
3151
  }
2915
3152
  .ui.inverted.violet.basic.buttons .button:hover,
2916
3153
  .ui.inverted.violet.buttons .basic.button:hover,
2917
3154
  .ui.inverted.violet.basic.button:hover {
2918
- box-shadow: 0 0 0 2px #745aff inset;
3155
+ -webkit-box-shadow: 0 0 0 2px #745aff inset;
3156
+ box-shadow: 0 0 0 2px #745aff inset;
2919
3157
  color: #A291FB;
2920
3158
  }
2921
3159
  .ui.inverted.violet.basic.buttons .button:focus,
2922
3160
  .ui.inverted.violet.basic.buttons .button:focus,
2923
3161
  .ui.inverted.violet.basic.button:focus {
2924
- box-shadow: 0 0 0 2px #7d64ff inset;
3162
+ -webkit-box-shadow: 0 0 0 2px #7d64ff inset;
3163
+ box-shadow: 0 0 0 2px #7d64ff inset;
2925
3164
  color: #A291FB;
2926
3165
  }
2927
3166
  .ui.inverted.violet.basic.buttons .active.button,
2928
3167
  .ui.inverted.violet.buttons .basic.active.button,
2929
3168
  .ui.inverted.violet.basic.active.button {
2930
- box-shadow: 0 0 0 2px #8a73ff inset;
3169
+ -webkit-box-shadow: 0 0 0 2px #8a73ff inset;
3170
+ box-shadow: 0 0 0 2px #8a73ff inset;
2931
3171
  color: #A291FB;
2932
3172
  }
2933
3173
  .ui.inverted.violet.basic.buttons .button:active,
2934
3174
  .ui.inverted.violet.buttons .basic.button:active,
2935
3175
  .ui.inverted.violet.basic.button:active {
2936
- box-shadow: 0 0 0 2px #7860f9 inset;
3176
+ -webkit-box-shadow: 0 0 0 2px #7860f9 inset;
3177
+ box-shadow: 0 0 0 2px #7860f9 inset;
2937
3178
  color: #A291FB;
2938
3179
  }
2939
3180
 
@@ -2942,19 +3183,22 @@
2942
3183
  .ui.tertiary.violet.buttons .tertiary.button,
2943
3184
  .ui.tertiary.violet.button {
2944
3185
  background: transparent;
2945
- box-shadow: none;
3186
+ -webkit-box-shadow: none;
3187
+ box-shadow: none;
2946
3188
  color: #6435C9;
2947
3189
  }
2948
3190
  .ui.tertiary.violet.buttons .button:hover,
2949
3191
  .ui.tertiary.violet.buttons button:hover,
2950
3192
  .ui.tertiary.violet.button:hover {
2951
- box-shadow: inset 0 -0.2em 0 #6040a5;
3193
+ -webkit-box-shadow: inset 0 -0.2em 0 #6040a5;
3194
+ box-shadow: inset 0 -0.2em 0 #6040a5;
2952
3195
  color: #6040a5;
2953
3196
  }
2954
3197
  .ui.tertiary.violet.buttons .button:focus,
2955
3198
  .ui.tertiary.violet.buttons .tertiary.button:focus,
2956
3199
  .ui.tertiary.violet.button:focus {
2957
- box-shadow: inset 0 -0.2em 0 #5735a0;
3200
+ -webkit-box-shadow: inset 0 -0.2em 0 #5735a0;
3201
+ box-shadow: inset 0 -0.2em 0 #5735a0;
2958
3202
  color: #5735a0;
2959
3203
  }
2960
3204
  .ui.tertiary.violet.buttons .active.button,
@@ -2963,7 +3207,8 @@
2963
3207
  .ui.tertiary.violet.buttons .button:active,
2964
3208
  .ui.tertiary.violet.buttons .tertiary.button:active,
2965
3209
  .ui.tertiary.violet.button:active {
2966
- box-shadow: inset 0 -0.2em 0 #4e0fd6;
3210
+ -webkit-box-shadow: inset 0 -0.2em 0 #4e0fd6;
3211
+ box-shadow: inset 0 -0.2em 0 #4e0fd6;
2967
3212
  color: #5626bf;
2968
3213
  }
2969
3214
  .ui.purple.buttons .button,
@@ -2974,7 +3219,8 @@
2974
3219
  background-image: none;
2975
3220
  }
2976
3221
  .ui.purple.button {
2977
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3222
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3223
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
2978
3224
  }
2979
3225
  .ui.purple.buttons .button:hover,
2980
3226
  .ui.purple.button:hover {
@@ -3007,30 +3253,35 @@
3007
3253
  .ui.basic.purple.buttons .button,
3008
3254
  .ui.basic.purple.button {
3009
3255
  background: transparent;
3010
- box-shadow: 0 0 0 1px #A333C8 inset;
3256
+ -webkit-box-shadow: 0 0 0 1px #A333C8 inset;
3257
+ box-shadow: 0 0 0 1px #A333C8 inset;
3011
3258
  color: #A333C8;
3012
3259
  }
3013
3260
  .ui.basic.purple.buttons .button:hover,
3014
3261
  .ui.basic.purple.button:hover {
3015
3262
  background: transparent ;
3016
- box-shadow: 0 0 0 1px #9627ba inset;
3263
+ -webkit-box-shadow: 0 0 0 1px #9627ba inset;
3264
+ box-shadow: 0 0 0 1px #9627ba inset;
3017
3265
  color: #9627ba;
3018
3266
  }
3019
3267
  .ui.basic.purple.buttons .button:focus,
3020
3268
  .ui.basic.purple.button:focus {
3021
3269
  background: transparent ;
3022
- box-shadow: 0 0 0 1px #8f1eb4 inset;
3270
+ -webkit-box-shadow: 0 0 0 1px #8f1eb4 inset;
3271
+ box-shadow: 0 0 0 1px #8f1eb4 inset;
3023
3272
  color: #9627ba;
3024
3273
  }
3025
3274
  .ui.basic.purple.buttons .active.button,
3026
3275
  .ui.basic.purple.active.button {
3027
3276
  background: transparent ;
3028
- box-shadow: 0 0 0 1px #9724be inset;
3277
+ -webkit-box-shadow: 0 0 0 1px #9724be inset;
3278
+ box-shadow: 0 0 0 1px #9724be inset;
3029
3279
  color: #82299f;
3030
3280
  }
3031
3281
  .ui.basic.purple.buttons .button:active,
3032
3282
  .ui.basic.purple.button:active {
3033
- box-shadow: 0 0 0 1px #82299f inset;
3283
+ -webkit-box-shadow: 0 0 0 1px #82299f inset;
3284
+ box-shadow: 0 0 0 1px #82299f inset;
3034
3285
  color: #82299f;
3035
3286
  }
3036
3287
  .ui.buttons:not(.vertical) > .basic.purple.button:not(:first-child) {
@@ -3041,7 +3292,8 @@
3041
3292
  .ui.inverted.purple.buttons .button,
3042
3293
  .ui.inverted.purple.button {
3043
3294
  background-color: transparent;
3044
- box-shadow: 0 0 0 2px #DC73FF inset;
3295
+ -webkit-box-shadow: 0 0 0 2px #DC73FF inset;
3296
+ box-shadow: 0 0 0 2px #DC73FF inset;
3045
3297
  color: #DC73FF;
3046
3298
  }
3047
3299
  .ui.inverted.purple.buttons .button:hover,
@@ -3052,7 +3304,8 @@
3052
3304
  .ui.inverted.purple.button.active,
3053
3305
  .ui.inverted.purple.buttons .button:active,
3054
3306
  .ui.inverted.purple.button:active {
3055
- box-shadow: none ;
3307
+ -webkit-box-shadow: none ;
3308
+ box-shadow: none ;
3056
3309
  color: #FFFFFF;
3057
3310
  }
3058
3311
  .ui.inverted.purple.buttons .button:hover,
@@ -3077,31 +3330,36 @@
3077
3330
  .ui.inverted.purple.buttons .basic.button,
3078
3331
  .ui.inverted.purple.basic.button {
3079
3332
  background-color: transparent;
3080
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3333
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3334
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3081
3335
  color: #FFFFFF;
3082
3336
  }
3083
3337
  .ui.inverted.purple.basic.buttons .button:hover,
3084
3338
  .ui.inverted.purple.buttons .basic.button:hover,
3085
3339
  .ui.inverted.purple.basic.button:hover {
3086
- box-shadow: 0 0 0 2px #cf40ff inset;
3340
+ -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
3341
+ box-shadow: 0 0 0 2px #cf40ff inset;
3087
3342
  color: #DC73FF;
3088
3343
  }
3089
3344
  .ui.inverted.purple.basic.buttons .button:focus,
3090
3345
  .ui.inverted.purple.basic.buttons .button:focus,
3091
3346
  .ui.inverted.purple.basic.button:focus {
3092
- box-shadow: 0 0 0 2px #d24aff inset;
3347
+ -webkit-box-shadow: 0 0 0 2px #d24aff inset;
3348
+ box-shadow: 0 0 0 2px #d24aff inset;
3093
3349
  color: #DC73FF;
3094
3350
  }
3095
3351
  .ui.inverted.purple.basic.buttons .active.button,
3096
3352
  .ui.inverted.purple.buttons .basic.active.button,
3097
3353
  .ui.inverted.purple.basic.active.button {
3098
- box-shadow: 0 0 0 2px #d65aff inset;
3354
+ -webkit-box-shadow: 0 0 0 2px #d65aff inset;
3355
+ box-shadow: 0 0 0 2px #d65aff inset;
3099
3356
  color: #DC73FF;
3100
3357
  }
3101
3358
  .ui.inverted.purple.basic.buttons .button:active,
3102
3359
  .ui.inverted.purple.buttons .basic.button:active,
3103
3360
  .ui.inverted.purple.basic.button:active {
3104
- box-shadow: 0 0 0 2px #cf40ff inset;
3361
+ -webkit-box-shadow: 0 0 0 2px #cf40ff inset;
3362
+ box-shadow: 0 0 0 2px #cf40ff inset;
3105
3363
  color: #DC73FF;
3106
3364
  }
3107
3365
 
@@ -3110,19 +3368,22 @@
3110
3368
  .ui.tertiary.purple.buttons .tertiary.button,
3111
3369
  .ui.tertiary.purple.button {
3112
3370
  background: transparent;
3113
- box-shadow: none;
3371
+ -webkit-box-shadow: none;
3372
+ box-shadow: none;
3114
3373
  color: #A333C8;
3115
3374
  }
3116
3375
  .ui.tertiary.purple.buttons .button:hover,
3117
3376
  .ui.tertiary.purple.buttons button:hover,
3118
3377
  .ui.tertiary.purple.button:hover {
3119
- box-shadow: inset 0 -0.2em 0 #8a3ea4;
3378
+ -webkit-box-shadow: inset 0 -0.2em 0 #8a3ea4;
3379
+ box-shadow: inset 0 -0.2em 0 #8a3ea4;
3120
3380
  color: #8a3ea4;
3121
3381
  }
3122
3382
  .ui.tertiary.purple.buttons .button:focus,
3123
3383
  .ui.tertiary.purple.buttons .tertiary.button:focus,
3124
3384
  .ui.tertiary.purple.button:focus {
3125
- box-shadow: inset 0 -0.2em 0 #84339f;
3385
+ -webkit-box-shadow: inset 0 -0.2em 0 #84339f;
3386
+ box-shadow: inset 0 -0.2em 0 #84339f;
3126
3387
  color: #84339f;
3127
3388
  }
3128
3389
  .ui.tertiary.purple.buttons .active.button,
@@ -3131,7 +3392,8 @@
3131
3392
  .ui.tertiary.purple.buttons .button:active,
3132
3393
  .ui.tertiary.purple.buttons .tertiary.button:active,
3133
3394
  .ui.tertiary.purple.button:active {
3134
- box-shadow: inset 0 -0.2em 0 #a30dd4;
3395
+ -webkit-box-shadow: inset 0 -0.2em 0 #a30dd4;
3396
+ box-shadow: inset 0 -0.2em 0 #a30dd4;
3135
3397
  color: #9724be;
3136
3398
  }
3137
3399
  .ui.pink.buttons .button,
@@ -3142,7 +3404,8 @@
3142
3404
  background-image: none;
3143
3405
  }
3144
3406
  .ui.pink.button {
3145
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3407
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3408
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3146
3409
  }
3147
3410
  .ui.pink.buttons .button:hover,
3148
3411
  .ui.pink.button:hover {
@@ -3175,30 +3438,35 @@
3175
3438
  .ui.basic.pink.buttons .button,
3176
3439
  .ui.basic.pink.button {
3177
3440
  background: transparent;
3178
- box-shadow: 0 0 0 1px #E03997 inset;
3441
+ -webkit-box-shadow: 0 0 0 1px #E03997 inset;
3442
+ box-shadow: 0 0 0 1px #E03997 inset;
3179
3443
  color: #E03997;
3180
3444
  }
3181
3445
  .ui.basic.pink.buttons .button:hover,
3182
3446
  .ui.basic.pink.button:hover {
3183
3447
  background: transparent ;
3184
- box-shadow: 0 0 0 1px #e61a8d inset;
3448
+ -webkit-box-shadow: 0 0 0 1px #e61a8d inset;
3449
+ box-shadow: 0 0 0 1px #e61a8d inset;
3185
3450
  color: #e61a8d;
3186
3451
  }
3187
3452
  .ui.basic.pink.buttons .button:focus,
3188
3453
  .ui.basic.pink.button:focus {
3189
3454
  background: transparent ;
3190
- box-shadow: 0 0 0 1px #e10f85 inset;
3455
+ -webkit-box-shadow: 0 0 0 1px #e10f85 inset;
3456
+ box-shadow: 0 0 0 1px #e10f85 inset;
3191
3457
  color: #e61a8d;
3192
3458
  }
3193
3459
  .ui.basic.pink.buttons .active.button,
3194
3460
  .ui.basic.pink.active.button {
3195
3461
  background: transparent ;
3196
- box-shadow: 0 0 0 1px #ea158d inset;
3462
+ -webkit-box-shadow: 0 0 0 1px #ea158d inset;
3463
+ box-shadow: 0 0 0 1px #ea158d inset;
3197
3464
  color: #c71f7e;
3198
3465
  }
3199
3466
  .ui.basic.pink.buttons .button:active,
3200
3467
  .ui.basic.pink.button:active {
3201
- box-shadow: 0 0 0 1px #c71f7e inset;
3468
+ -webkit-box-shadow: 0 0 0 1px #c71f7e inset;
3469
+ box-shadow: 0 0 0 1px #c71f7e inset;
3202
3470
  color: #c71f7e;
3203
3471
  }
3204
3472
  .ui.buttons:not(.vertical) > .basic.pink.button:not(:first-child) {
@@ -3209,7 +3477,8 @@
3209
3477
  .ui.inverted.pink.buttons .button,
3210
3478
  .ui.inverted.pink.button {
3211
3479
  background-color: transparent;
3212
- box-shadow: 0 0 0 2px #FF8EDF inset;
3480
+ -webkit-box-shadow: 0 0 0 2px #FF8EDF inset;
3481
+ box-shadow: 0 0 0 2px #FF8EDF inset;
3213
3482
  color: #FF8EDF;
3214
3483
  }
3215
3484
  .ui.inverted.pink.buttons .button:hover,
@@ -3220,7 +3489,8 @@
3220
3489
  .ui.inverted.pink.button.active,
3221
3490
  .ui.inverted.pink.buttons .button:active,
3222
3491
  .ui.inverted.pink.button:active {
3223
- box-shadow: none ;
3492
+ -webkit-box-shadow: none ;
3493
+ box-shadow: none ;
3224
3494
  color: #FFFFFF;
3225
3495
  }
3226
3496
  .ui.inverted.pink.buttons .button:hover,
@@ -3245,31 +3515,36 @@
3245
3515
  .ui.inverted.pink.buttons .basic.button,
3246
3516
  .ui.inverted.pink.basic.button {
3247
3517
  background-color: transparent;
3248
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3518
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3519
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3249
3520
  color: #FFFFFF;
3250
3521
  }
3251
3522
  .ui.inverted.pink.basic.buttons .button:hover,
3252
3523
  .ui.inverted.pink.buttons .basic.button:hover,
3253
3524
  .ui.inverted.pink.basic.button:hover {
3254
- box-shadow: 0 0 0 2px #ff5bd1 inset;
3525
+ -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
3526
+ box-shadow: 0 0 0 2px #ff5bd1 inset;
3255
3527
  color: #FF8EDF;
3256
3528
  }
3257
3529
  .ui.inverted.pink.basic.buttons .button:focus,
3258
3530
  .ui.inverted.pink.basic.buttons .button:focus,
3259
3531
  .ui.inverted.pink.basic.button:focus {
3260
- box-shadow: 0 0 0 2px #ff65d3 inset;
3532
+ -webkit-box-shadow: 0 0 0 2px #ff65d3 inset;
3533
+ box-shadow: 0 0 0 2px #ff65d3 inset;
3261
3534
  color: #FF8EDF;
3262
3535
  }
3263
3536
  .ui.inverted.pink.basic.buttons .active.button,
3264
3537
  .ui.inverted.pink.buttons .basic.active.button,
3265
3538
  .ui.inverted.pink.basic.active.button {
3266
- box-shadow: 0 0 0 2px #ff74d8 inset;
3539
+ -webkit-box-shadow: 0 0 0 2px #ff74d8 inset;
3540
+ box-shadow: 0 0 0 2px #ff74d8 inset;
3267
3541
  color: #FF8EDF;
3268
3542
  }
3269
3543
  .ui.inverted.pink.basic.buttons .button:active,
3270
3544
  .ui.inverted.pink.buttons .basic.button:active,
3271
3545
  .ui.inverted.pink.basic.button:active {
3272
- box-shadow: 0 0 0 2px #ff5bd1 inset;
3546
+ -webkit-box-shadow: 0 0 0 2px #ff5bd1 inset;
3547
+ box-shadow: 0 0 0 2px #ff5bd1 inset;
3273
3548
  color: #FF8EDF;
3274
3549
  }
3275
3550
 
@@ -3278,19 +3553,22 @@
3278
3553
  .ui.tertiary.pink.buttons .tertiary.button,
3279
3554
  .ui.tertiary.pink.button {
3280
3555
  background: transparent;
3281
- box-shadow: none;
3556
+ -webkit-box-shadow: none;
3557
+ box-shadow: none;
3282
3558
  color: #E03997;
3283
3559
  }
3284
3560
  .ui.tertiary.pink.buttons .button:hover,
3285
3561
  .ui.tertiary.pink.buttons button:hover,
3286
3562
  .ui.tertiary.pink.button:hover {
3287
- box-shadow: inset 0 -0.2em 0 #cc3389;
3563
+ -webkit-box-shadow: inset 0 -0.2em 0 #cc3389;
3564
+ box-shadow: inset 0 -0.2em 0 #cc3389;
3288
3565
  color: #cc3389;
3289
3566
  }
3290
3567
  .ui.tertiary.pink.buttons .button:focus,
3291
3568
  .ui.tertiary.pink.buttons .tertiary.button:focus,
3292
3569
  .ui.tertiary.pink.button:focus {
3293
- box-shadow: inset 0 -0.2em 0 #c92782;
3570
+ -webkit-box-shadow: inset 0 -0.2em 0 #c92782;
3571
+ box-shadow: inset 0 -0.2em 0 #c92782;
3294
3572
  color: #c92782;
3295
3573
  }
3296
3574
  .ui.tertiary.pink.buttons .active.button,
@@ -3299,7 +3577,8 @@
3299
3577
  .ui.tertiary.pink.buttons .button:active,
3300
3578
  .ui.tertiary.pink.buttons .tertiary.button:active,
3301
3579
  .ui.tertiary.pink.button:active {
3302
- box-shadow: inset 0 -0.2em 0 #ff0090;
3580
+ -webkit-box-shadow: inset 0 -0.2em 0 #ff0090;
3581
+ box-shadow: inset 0 -0.2em 0 #ff0090;
3303
3582
  color: #ea158d;
3304
3583
  }
3305
3584
  .ui.brown.buttons .button,
@@ -3310,7 +3589,8 @@
3310
3589
  background-image: none;
3311
3590
  }
3312
3591
  .ui.brown.button {
3313
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3592
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3593
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3314
3594
  }
3315
3595
  .ui.brown.buttons .button:hover,
3316
3596
  .ui.brown.button:hover {
@@ -3343,30 +3623,35 @@
3343
3623
  .ui.basic.brown.buttons .button,
3344
3624
  .ui.basic.brown.button {
3345
3625
  background: transparent;
3346
- box-shadow: 0 0 0 1px #A5673F inset;
3626
+ -webkit-box-shadow: 0 0 0 1px #A5673F inset;
3627
+ box-shadow: 0 0 0 1px #A5673F inset;
3347
3628
  color: #A5673F;
3348
3629
  }
3349
3630
  .ui.basic.brown.buttons .button:hover,
3350
3631
  .ui.basic.brown.button:hover {
3351
3632
  background: transparent ;
3352
- box-shadow: 0 0 0 1px #975b33 inset;
3633
+ -webkit-box-shadow: 0 0 0 1px #975b33 inset;
3634
+ box-shadow: 0 0 0 1px #975b33 inset;
3353
3635
  color: #975b33;
3354
3636
  }
3355
3637
  .ui.basic.brown.buttons .button:focus,
3356
3638
  .ui.basic.brown.button:focus {
3357
3639
  background: transparent ;
3358
- box-shadow: 0 0 0 1px #90532b inset;
3640
+ -webkit-box-shadow: 0 0 0 1px #90532b inset;
3641
+ box-shadow: 0 0 0 1px #90532b inset;
3359
3642
  color: #975b33;
3360
3643
  }
3361
3644
  .ui.basic.brown.buttons .active.button,
3362
3645
  .ui.basic.brown.active.button {
3363
3646
  background: transparent ;
3364
- box-shadow: 0 0 0 1px #995a31 inset;
3647
+ -webkit-box-shadow: 0 0 0 1px #995a31 inset;
3648
+ box-shadow: 0 0 0 1px #995a31 inset;
3365
3649
  color: #805031;
3366
3650
  }
3367
3651
  .ui.basic.brown.buttons .button:active,
3368
3652
  .ui.basic.brown.button:active {
3369
- box-shadow: 0 0 0 1px #805031 inset;
3653
+ -webkit-box-shadow: 0 0 0 1px #805031 inset;
3654
+ box-shadow: 0 0 0 1px #805031 inset;
3370
3655
  color: #805031;
3371
3656
  }
3372
3657
  .ui.buttons:not(.vertical) > .basic.brown.button:not(:first-child) {
@@ -3377,7 +3662,8 @@
3377
3662
  .ui.inverted.brown.buttons .button,
3378
3663
  .ui.inverted.brown.button {
3379
3664
  background-color: transparent;
3380
- box-shadow: 0 0 0 2px #D67C1C inset;
3665
+ -webkit-box-shadow: 0 0 0 2px #D67C1C inset;
3666
+ box-shadow: 0 0 0 2px #D67C1C inset;
3381
3667
  color: #D67C1C;
3382
3668
  }
3383
3669
  .ui.inverted.brown.buttons .button:hover,
@@ -3388,7 +3674,8 @@
3388
3674
  .ui.inverted.brown.button.active,
3389
3675
  .ui.inverted.brown.buttons .button:active,
3390
3676
  .ui.inverted.brown.button:active {
3391
- box-shadow: none ;
3677
+ -webkit-box-shadow: none ;
3678
+ box-shadow: none ;
3392
3679
  color: #FFFFFF;
3393
3680
  }
3394
3681
  .ui.inverted.brown.buttons .button:hover,
@@ -3413,31 +3700,36 @@
3413
3700
  .ui.inverted.brown.buttons .basic.button,
3414
3701
  .ui.inverted.brown.basic.button {
3415
3702
  background-color: transparent;
3416
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3703
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3704
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3417
3705
  color: #FFFFFF;
3418
3706
  }
3419
3707
  .ui.inverted.brown.basic.buttons .button:hover,
3420
3708
  .ui.inverted.brown.buttons .basic.button:hover,
3421
3709
  .ui.inverted.brown.basic.button:hover {
3422
- box-shadow: 0 0 0 2px #b0620f inset;
3710
+ -webkit-box-shadow: 0 0 0 2px #b0620f inset;
3711
+ box-shadow: 0 0 0 2px #b0620f inset;
3423
3712
  color: #D67C1C;
3424
3713
  }
3425
3714
  .ui.inverted.brown.basic.buttons .button:focus,
3426
3715
  .ui.inverted.brown.basic.buttons .button:focus,
3427
3716
  .ui.inverted.brown.basic.button:focus {
3428
- box-shadow: 0 0 0 2px #c16808 inset;
3717
+ -webkit-box-shadow: 0 0 0 2px #c16808 inset;
3718
+ box-shadow: 0 0 0 2px #c16808 inset;
3429
3719
  color: #D67C1C;
3430
3720
  }
3431
3721
  .ui.inverted.brown.basic.buttons .active.button,
3432
3722
  .ui.inverted.brown.buttons .basic.active.button,
3433
3723
  .ui.inverted.brown.basic.active.button {
3434
- box-shadow: 0 0 0 2px #cc6f0d inset;
3724
+ -webkit-box-shadow: 0 0 0 2px #cc6f0d inset;
3725
+ box-shadow: 0 0 0 2px #cc6f0d inset;
3435
3726
  color: #D67C1C;
3436
3727
  }
3437
3728
  .ui.inverted.brown.basic.buttons .button:active,
3438
3729
  .ui.inverted.brown.buttons .basic.button:active,
3439
3730
  .ui.inverted.brown.basic.button:active {
3440
- box-shadow: 0 0 0 2px #a96216 inset;
3731
+ -webkit-box-shadow: 0 0 0 2px #a96216 inset;
3732
+ box-shadow: 0 0 0 2px #a96216 inset;
3441
3733
  color: #D67C1C;
3442
3734
  }
3443
3735
 
@@ -3446,19 +3738,22 @@
3446
3738
  .ui.tertiary.brown.buttons .tertiary.button,
3447
3739
  .ui.tertiary.brown.button {
3448
3740
  background: transparent;
3449
- box-shadow: none;
3741
+ -webkit-box-shadow: none;
3742
+ box-shadow: none;
3450
3743
  color: #A5673F;
3451
3744
  }
3452
3745
  .ui.tertiary.brown.buttons .button:hover,
3453
3746
  .ui.tertiary.brown.buttons button:hover,
3454
3747
  .ui.tertiary.brown.button:hover {
3455
- box-shadow: inset 0 -0.2em 0 #835f48;
3748
+ -webkit-box-shadow: inset 0 -0.2em 0 #835f48;
3749
+ box-shadow: inset 0 -0.2em 0 #835f48;
3456
3750
  color: #835f48;
3457
3751
  }
3458
3752
  .ui.tertiary.brown.buttons .button:focus,
3459
3753
  .ui.tertiary.brown.buttons .tertiary.button:focus,
3460
3754
  .ui.tertiary.brown.button:focus {
3461
- box-shadow: inset 0 -0.2em 0 #7d573e;
3755
+ -webkit-box-shadow: inset 0 -0.2em 0 #7d573e;
3756
+ box-shadow: inset 0 -0.2em 0 #7d573e;
3462
3757
  color: #7d573e;
3463
3758
  }
3464
3759
  .ui.tertiary.brown.buttons .active.button,
@@ -3467,7 +3762,8 @@
3467
3762
  .ui.tertiary.brown.buttons .button:active,
3468
3763
  .ui.tertiary.brown.buttons .tertiary.button:active,
3469
3764
  .ui.tertiary.brown.button:active {
3470
- box-shadow: inset 0 -0.2em 0 #ae561d;
3765
+ -webkit-box-shadow: inset 0 -0.2em 0 #ae561d;
3766
+ box-shadow: inset 0 -0.2em 0 #ae561d;
3471
3767
  color: #995a31;
3472
3768
  }
3473
3769
  .ui.grey.buttons .button,
@@ -3478,7 +3774,8 @@
3478
3774
  background-image: none;
3479
3775
  }
3480
3776
  .ui.grey.button {
3481
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3777
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3778
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3482
3779
  }
3483
3780
  .ui.grey.buttons .button:hover,
3484
3781
  .ui.grey.button:hover {
@@ -3511,30 +3808,35 @@
3511
3808
  .ui.basic.grey.buttons .button,
3512
3809
  .ui.basic.grey.button {
3513
3810
  background: transparent;
3514
- box-shadow: 0 0 0 1px #767676 inset;
3811
+ -webkit-box-shadow: 0 0 0 1px #767676 inset;
3812
+ box-shadow: 0 0 0 1px #767676 inset;
3515
3813
  color: #767676;
3516
3814
  }
3517
3815
  .ui.basic.grey.buttons .button:hover,
3518
3816
  .ui.basic.grey.button:hover {
3519
3817
  background: transparent ;
3520
- box-shadow: 0 0 0 1px #838383 inset;
3818
+ -webkit-box-shadow: 0 0 0 1px #838383 inset;
3819
+ box-shadow: 0 0 0 1px #838383 inset;
3521
3820
  color: #838383;
3522
3821
  }
3523
3822
  .ui.basic.grey.buttons .button:focus,
3524
3823
  .ui.basic.grey.button:focus {
3525
3824
  background: transparent ;
3526
- box-shadow: 0 0 0 1px #8a8a8a inset;
3825
+ -webkit-box-shadow: 0 0 0 1px #8a8a8a inset;
3826
+ box-shadow: 0 0 0 1px #8a8a8a inset;
3527
3827
  color: #838383;
3528
3828
  }
3529
3829
  .ui.basic.grey.buttons .active.button,
3530
3830
  .ui.basic.grey.active.button {
3531
3831
  background: transparent ;
3532
- box-shadow: 0 0 0 1px #696969 inset;
3832
+ -webkit-box-shadow: 0 0 0 1px #696969 inset;
3833
+ box-shadow: 0 0 0 1px #696969 inset;
3533
3834
  color: #909090;
3534
3835
  }
3535
3836
  .ui.basic.grey.buttons .button:active,
3536
3837
  .ui.basic.grey.button:active {
3537
- box-shadow: 0 0 0 1px #909090 inset;
3838
+ -webkit-box-shadow: 0 0 0 1px #909090 inset;
3839
+ box-shadow: 0 0 0 1px #909090 inset;
3538
3840
  color: #909090;
3539
3841
  }
3540
3842
  .ui.buttons:not(.vertical) > .basic.grey.button:not(:first-child) {
@@ -3545,7 +3847,8 @@
3545
3847
  .ui.inverted.grey.buttons .button,
3546
3848
  .ui.inverted.grey.button {
3547
3849
  background-color: transparent;
3548
- box-shadow: 0 0 0 2px #D4D4D5 inset;
3850
+ -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset;
3851
+ box-shadow: 0 0 0 2px #D4D4D5 inset;
3549
3852
  color: #FFFFFF;
3550
3853
  }
3551
3854
  .ui.inverted.grey.buttons .button:hover,
@@ -3556,7 +3859,8 @@
3556
3859
  .ui.inverted.grey.button.active,
3557
3860
  .ui.inverted.grey.buttons .button:active,
3558
3861
  .ui.inverted.grey.button:active {
3559
- box-shadow: none ;
3862
+ -webkit-box-shadow: none ;
3863
+ box-shadow: none ;
3560
3864
  color: rgba(0, 0, 0, 0.6);
3561
3865
  }
3562
3866
  .ui.inverted.grey.buttons .button:hover,
@@ -3581,31 +3885,36 @@
3581
3885
  .ui.inverted.grey.buttons .basic.button,
3582
3886
  .ui.inverted.grey.basic.button {
3583
3887
  background-color: transparent;
3584
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3888
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3889
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3585
3890
  color: #FFFFFF;
3586
3891
  }
3587
3892
  .ui.inverted.grey.basic.buttons .button:hover,
3588
3893
  .ui.inverted.grey.buttons .basic.button:hover,
3589
3894
  .ui.inverted.grey.basic.button:hover {
3590
- box-shadow: 0 0 0 2px #c2c4c5 inset;
3895
+ -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
3896
+ box-shadow: 0 0 0 2px #c2c4c5 inset;
3591
3897
  color: #FFFFFF;
3592
3898
  }
3593
3899
  .ui.inverted.grey.basic.buttons .button:focus,
3594
3900
  .ui.inverted.grey.basic.buttons .button:focus,
3595
3901
  .ui.inverted.grey.basic.button:focus {
3596
- box-shadow: 0 0 0 2px #c7c9cb inset;
3902
+ -webkit-box-shadow: 0 0 0 2px #c7c9cb inset;
3903
+ box-shadow: 0 0 0 2px #c7c9cb inset;
3597
3904
  color: #DCDDDE;
3598
3905
  }
3599
3906
  .ui.inverted.grey.basic.buttons .active.button,
3600
3907
  .ui.inverted.grey.buttons .basic.active.button,
3601
3908
  .ui.inverted.grey.basic.active.button {
3602
- box-shadow: 0 0 0 2px #cfd0d2 inset;
3909
+ -webkit-box-shadow: 0 0 0 2px #cfd0d2 inset;
3910
+ box-shadow: 0 0 0 2px #cfd0d2 inset;
3603
3911
  color: #FFFFFF;
3604
3912
  }
3605
3913
  .ui.inverted.grey.basic.buttons .button:active,
3606
3914
  .ui.inverted.grey.buttons .basic.button:active,
3607
3915
  .ui.inverted.grey.basic.button:active {
3608
- box-shadow: 0 0 0 2px #c2c4c5 inset;
3916
+ -webkit-box-shadow: 0 0 0 2px #c2c4c5 inset;
3917
+ box-shadow: 0 0 0 2px #c2c4c5 inset;
3609
3918
  color: #FFFFFF;
3610
3919
  }
3611
3920
 
@@ -3614,19 +3923,22 @@
3614
3923
  .ui.tertiary.grey.buttons .tertiary.button,
3615
3924
  .ui.tertiary.grey.button {
3616
3925
  background: transparent;
3617
- box-shadow: none;
3926
+ -webkit-box-shadow: none;
3927
+ box-shadow: none;
3618
3928
  color: #767676;
3619
3929
  }
3620
3930
  .ui.tertiary.grey.buttons .button:hover,
3621
3931
  .ui.tertiary.grey.buttons button:hover,
3622
3932
  .ui.tertiary.grey.button:hover {
3623
- box-shadow: inset 0 -0.2em 0 #838383;
3933
+ -webkit-box-shadow: inset 0 -0.2em 0 #838383;
3934
+ box-shadow: inset 0 -0.2em 0 #838383;
3624
3935
  color: #838383;
3625
3936
  }
3626
3937
  .ui.tertiary.grey.buttons .button:focus,
3627
3938
  .ui.tertiary.grey.buttons .tertiary.button:focus,
3628
3939
  .ui.tertiary.grey.button:focus {
3629
- box-shadow: inset 0 -0.2em 0 #8a8a8a;
3940
+ -webkit-box-shadow: inset 0 -0.2em 0 #8a8a8a;
3941
+ box-shadow: inset 0 -0.2em 0 #8a8a8a;
3630
3942
  color: #8a8a8a;
3631
3943
  }
3632
3944
  .ui.tertiary.grey.buttons .active.button,
@@ -3635,7 +3947,8 @@
3635
3947
  .ui.tertiary.grey.buttons .button:active,
3636
3948
  .ui.tertiary.grey.buttons .tertiary.button:active,
3637
3949
  .ui.tertiary.grey.button:active {
3638
- box-shadow: inset 0 -0.2em 0 #7e5454;
3950
+ -webkit-box-shadow: inset 0 -0.2em 0 #7e5454;
3951
+ box-shadow: inset 0 -0.2em 0 #7e5454;
3639
3952
  color: #696969;
3640
3953
  }
3641
3954
  .ui.black.buttons .button,
@@ -3646,7 +3959,8 @@
3646
3959
  background-image: none;
3647
3960
  }
3648
3961
  .ui.black.button {
3649
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3962
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3963
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3650
3964
  }
3651
3965
  .ui.black.buttons .button:hover,
3652
3966
  .ui.black.button:hover {
@@ -3679,30 +3993,35 @@
3679
3993
  .ui.basic.black.buttons .button,
3680
3994
  .ui.basic.black.button {
3681
3995
  background: transparent;
3682
- box-shadow: 0 0 0 1px #1B1C1D inset;
3996
+ -webkit-box-shadow: 0 0 0 1px #1B1C1D inset;
3997
+ box-shadow: 0 0 0 1px #1B1C1D inset;
3683
3998
  color: #1B1C1D;
3684
3999
  }
3685
4000
  .ui.basic.black.buttons .button:hover,
3686
4001
  .ui.basic.black.button:hover {
3687
4002
  background: transparent ;
3688
- box-shadow: 0 0 0 1px #27292a inset;
4003
+ -webkit-box-shadow: 0 0 0 1px #27292a inset;
4004
+ box-shadow: 0 0 0 1px #27292a inset;
3689
4005
  color: #27292a;
3690
4006
  }
3691
4007
  .ui.basic.black.buttons .button:focus,
3692
4008
  .ui.basic.black.button:focus {
3693
4009
  background: transparent ;
3694
- box-shadow: 0 0 0 1px #2f3032 inset;
4010
+ -webkit-box-shadow: 0 0 0 1px #2f3032 inset;
4011
+ box-shadow: 0 0 0 1px #2f3032 inset;
3695
4012
  color: #27292a;
3696
4013
  }
3697
4014
  .ui.basic.black.buttons .active.button,
3698
4015
  .ui.basic.black.active.button {
3699
4016
  background: transparent ;
3700
- box-shadow: 0 0 0 1px #0f0f10 inset;
4017
+ -webkit-box-shadow: 0 0 0 1px #0f0f10 inset;
4018
+ box-shadow: 0 0 0 1px #0f0f10 inset;
3701
4019
  color: #343637;
3702
4020
  }
3703
4021
  .ui.basic.black.buttons .button:active,
3704
4022
  .ui.basic.black.button:active {
3705
- box-shadow: 0 0 0 1px #343637 inset;
4023
+ -webkit-box-shadow: 0 0 0 1px #343637 inset;
4024
+ box-shadow: 0 0 0 1px #343637 inset;
3706
4025
  color: #343637;
3707
4026
  }
3708
4027
  .ui.buttons:not(.vertical) > .basic.black.button:not(:first-child) {
@@ -3713,7 +4032,8 @@
3713
4032
  .ui.inverted.black.buttons .button,
3714
4033
  .ui.inverted.black.button {
3715
4034
  background-color: transparent;
3716
- box-shadow: 0 0 0 2px #D4D4D5 inset;
4035
+ -webkit-box-shadow: 0 0 0 2px #D4D4D5 inset;
4036
+ box-shadow: 0 0 0 2px #D4D4D5 inset;
3717
4037
  color: #FFFFFF;
3718
4038
  }
3719
4039
  .ui.inverted.black.buttons .button:hover,
@@ -3724,7 +4044,8 @@
3724
4044
  .ui.inverted.black.button.active,
3725
4045
  .ui.inverted.black.buttons .button:active,
3726
4046
  .ui.inverted.black.button:active {
3727
- box-shadow: none ;
4047
+ -webkit-box-shadow: none ;
4048
+ box-shadow: none ;
3728
4049
  color: #FFFFFF;
3729
4050
  }
3730
4051
  .ui.inverted.black.buttons .button:hover,
@@ -3749,31 +4070,36 @@
3749
4070
  .ui.inverted.black.buttons .basic.button,
3750
4071
  .ui.inverted.black.basic.button {
3751
4072
  background-color: transparent;
3752
- box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
4073
+ -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
4074
+ box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5) inset;
3753
4075
  color: #FFFFFF;
3754
4076
  }
3755
4077
  .ui.inverted.black.basic.buttons .button:hover,
3756
4078
  .ui.inverted.black.buttons .basic.button:hover,
3757
4079
  .ui.inverted.black.basic.button:hover {
3758
- box-shadow: 0 0 0 2px #000000 inset;
4080
+ -webkit-box-shadow: 0 0 0 2px #000000 inset;
4081
+ box-shadow: 0 0 0 2px #000000 inset;
3759
4082
  color: #FFFFFF;
3760
4083
  }
3761
4084
  .ui.inverted.black.basic.buttons .button:focus,
3762
4085
  .ui.inverted.black.basic.buttons .button:focus,
3763
4086
  .ui.inverted.black.basic.button:focus {
3764
- box-shadow: 0 0 0 2px #000000 inset;
4087
+ -webkit-box-shadow: 0 0 0 2px #000000 inset;
4088
+ box-shadow: 0 0 0 2px #000000 inset;
3765
4089
  color: #545454;
3766
4090
  }
3767
4091
  .ui.inverted.black.basic.buttons .active.button,
3768
4092
  .ui.inverted.black.buttons .basic.active.button,
3769
4093
  .ui.inverted.black.basic.active.button {
3770
- box-shadow: 0 0 0 2px #000000 inset;
4094
+ -webkit-box-shadow: 0 0 0 2px #000000 inset;
4095
+ box-shadow: 0 0 0 2px #000000 inset;
3771
4096
  color: #FFFFFF;
3772
4097
  }
3773
4098
  .ui.inverted.black.basic.buttons .button:active,
3774
4099
  .ui.inverted.black.buttons .basic.button:active,
3775
4100
  .ui.inverted.black.basic.button:active {
3776
- box-shadow: 0 0 0 2px #000000 inset;
4101
+ -webkit-box-shadow: 0 0 0 2px #000000 inset;
4102
+ box-shadow: 0 0 0 2px #000000 inset;
3777
4103
  color: #FFFFFF;
3778
4104
  }
3779
4105
 
@@ -3782,19 +4108,22 @@
3782
4108
  .ui.tertiary.black.buttons .tertiary.button,
3783
4109
  .ui.tertiary.black.button {
3784
4110
  background: transparent;
3785
- box-shadow: none;
4111
+ -webkit-box-shadow: none;
4112
+ box-shadow: none;
3786
4113
  color: #1B1C1D;
3787
4114
  }
3788
4115
  .ui.tertiary.black.buttons .button:hover,
3789
4116
  .ui.tertiary.black.buttons button:hover,
3790
4117
  .ui.tertiary.black.button:hover {
3791
- box-shadow: inset 0 -0.2em 0 #8b8f93;
4118
+ -webkit-box-shadow: inset 0 -0.2em 0 #8b8f93;
4119
+ box-shadow: inset 0 -0.2em 0 #8b8f93;
3792
4120
  color: #8b8f93;
3793
4121
  }
3794
4122
  .ui.tertiary.black.buttons .button:focus,
3795
4123
  .ui.tertiary.black.buttons .tertiary.button:focus,
3796
4124
  .ui.tertiary.black.button:focus {
3797
- box-shadow: inset 0 -0.2em 0 #93969a;
4125
+ -webkit-box-shadow: inset 0 -0.2em 0 #93969a;
4126
+ box-shadow: inset 0 -0.2em 0 #93969a;
3798
4127
  color: #93969a;
3799
4128
  }
3800
4129
  .ui.tertiary.black.buttons .active.button,
@@ -3803,7 +4132,8 @@
3803
4132
  .ui.tertiary.black.buttons .button:active,
3804
4133
  .ui.tertiary.black.buttons .tertiary.button:active,
3805
4134
  .ui.tertiary.black.button:active {
3806
- box-shadow: inset 0 -0.2em 0 #404245;
4135
+ -webkit-box-shadow: inset 0 -0.2em 0 #404245;
4136
+ box-shadow: inset 0 -0.2em 0 #404245;
3807
4137
  color: #0f0f10;
3808
4138
  }
3809
4139
 
@@ -3821,7 +4151,8 @@
3821
4151
  background-image: none;
3822
4152
  }
3823
4153
  .ui.positive.button {
3824
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4154
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4155
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3825
4156
  }
3826
4157
  .ui.positive.buttons .button:hover,
3827
4158
  .ui.positive.button:hover {
@@ -3854,30 +4185,35 @@
3854
4185
  .ui.basic.positive.buttons .button,
3855
4186
  .ui.basic.positive.button {
3856
4187
  background: transparent;
3857
- box-shadow: 0 0 0 1px #21BA45 inset;
4188
+ -webkit-box-shadow: 0 0 0 1px #21BA45 inset;
4189
+ box-shadow: 0 0 0 1px #21BA45 inset;
3858
4190
  color: #21BA45;
3859
4191
  }
3860
4192
  .ui.basic.positive.buttons .button:hover,
3861
4193
  .ui.basic.positive.button:hover {
3862
4194
  background: transparent;
3863
- box-shadow: 0 0 0 1px #16ab39 inset;
4195
+ -webkit-box-shadow: 0 0 0 1px #16ab39 inset;
4196
+ box-shadow: 0 0 0 1px #16ab39 inset;
3864
4197
  color: #16ab39;
3865
4198
  }
3866
4199
  .ui.basic.positive.buttons .button:focus,
3867
4200
  .ui.basic.positive.button:focus {
3868
4201
  background: transparent;
3869
- box-shadow: 0 0 0 1px #0ea432 inset;
4202
+ -webkit-box-shadow: 0 0 0 1px #0ea432 inset;
4203
+ box-shadow: 0 0 0 1px #0ea432 inset;
3870
4204
  color: #16ab39;
3871
4205
  }
3872
4206
  .ui.basic.positive.buttons .active.button,
3873
4207
  .ui.basic.positive.active.button {
3874
4208
  background: transparent;
3875
- box-shadow: 0 0 0 1px #13ae38 inset;
4209
+ -webkit-box-shadow: 0 0 0 1px #13ae38 inset;
4210
+ box-shadow: 0 0 0 1px #13ae38 inset;
3876
4211
  color: #198f35;
3877
4212
  }
3878
4213
  .ui.basic.positive.buttons .button:active,
3879
4214
  .ui.basic.positive.button:active {
3880
- box-shadow: 0 0 0 1px #198f35 inset;
4215
+ -webkit-box-shadow: 0 0 0 1px #198f35 inset;
4216
+ box-shadow: 0 0 0 1px #198f35 inset;
3881
4217
  color: #198f35;
3882
4218
  }
3883
4219
  .ui.buttons:not(.vertical) > .basic.positive.button:not(:first-child) {
@@ -3898,7 +4234,8 @@
3898
4234
  background-image: none;
3899
4235
  }
3900
4236
  .ui.negative.button {
3901
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4237
+ -webkit-box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4238
+ box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3902
4239
  }
3903
4240
  .ui.negative.buttons .button:hover,
3904
4241
  .ui.negative.button:hover {
@@ -3931,30 +4268,35 @@
3931
4268
  .ui.basic.negative.buttons .button,
3932
4269
  .ui.basic.negative.button {
3933
4270
  background: transparent;
3934
- box-shadow: 0 0 0 1px #DB2828 inset;
4271
+ -webkit-box-shadow: 0 0 0 1px #DB2828 inset;
4272
+ box-shadow: 0 0 0 1px #DB2828 inset;
3935
4273
  color: #DB2828;
3936
4274
  }
3937
4275
  .ui.basic.negative.buttons .button:hover,
3938
4276
  .ui.basic.negative.button:hover {
3939
4277
  background: transparent;
3940
- box-shadow: 0 0 0 1px #d01919 inset;
4278
+ -webkit-box-shadow: 0 0 0 1px #d01919 inset;
4279
+ box-shadow: 0 0 0 1px #d01919 inset;
3941
4280
  color: #d01919;
3942
4281
  }
3943
4282
  .ui.basic.negative.buttons .button:focus,
3944
4283
  .ui.basic.negative.button:focus {
3945
4284
  background: transparent;
3946
- box-shadow: 0 0 0 1px #ca1010 inset;
4285
+ -webkit-box-shadow: 0 0 0 1px #ca1010 inset;
4286
+ box-shadow: 0 0 0 1px #ca1010 inset;
3947
4287
  color: #d01919;
3948
4288
  }
3949
4289
  .ui.basic.negative.buttons .active.button,
3950
4290
  .ui.basic.negative.active.button {
3951
4291
  background: transparent;
3952
- box-shadow: 0 0 0 1px #d41515 inset;
4292
+ -webkit-box-shadow: 0 0 0 1px #d41515 inset;
4293
+ box-shadow: 0 0 0 1px #d41515 inset;
3953
4294
  color: #b21e1e;
3954
4295
  }
3955
4296
  .ui.basic.negative.buttons .button:active,
3956
4297
  .ui.basic.negative.button:active {
3957
- box-shadow: 0 0 0 1px #b21e1e inset;
4298
+ -webkit-box-shadow: 0 0 0 1px #b21e1e inset;
4299
+ box-shadow: 0 0 0 1px #b21e1e inset;
3958
4300
  color: #b21e1e;
3959
4301
  }
3960
4302
  .ui.buttons:not(.vertical) > .basic.negative.button:not(:first-child) {
@@ -3967,14 +4309,20 @@
3967
4309
  *******************************/
3968
4310
 
3969
4311
  .ui.buttons {
4312
+ display: -webkit-inline-box;
4313
+ display: -ms-inline-flexbox;
3970
4314
  display: inline-flex;
3971
- flex-direction: row;
4315
+ -webkit-box-orient: horizontal;
4316
+ -webkit-box-direction: normal;
4317
+ -ms-flex-direction: row;
4318
+ flex-direction: row;
3972
4319
  font-size: 0;
3973
4320
  vertical-align: baseline;
3974
4321
  margin: 0 0.25em 0 0;
3975
4322
  }
3976
4323
  .ui.buttons:not(.basic):not(.inverted) {
3977
- box-shadow: none;
4324
+ -webkit-box-shadow: none;
4325
+ box-shadow: none;
3978
4326
  }
3979
4327
 
3980
4328
  /* Clearfix */
@@ -3988,12 +4336,15 @@
3988
4336
 
3989
4337
  /* Standard Group */
3990
4338
  .ui.buttons .button {
3991
- flex: 1 0 auto;
4339
+ -webkit-box-flex: 1;
4340
+ -ms-flex: 1 0 auto;
4341
+ flex: 1 0 auto;
3992
4342
  border-radius: 0;
3993
4343
  margin: 0 0 0 0;
3994
4344
  }
3995
4345
  .ui.buttons:not(.basic):not(.inverted) > .button:not(.basic):not(.inverted) {
3996
- box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4346
+ -webkit-box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
4347
+ box-shadow: 0 0 0 1px transparent inset, 0 0 0 0 rgba(34, 36, 38, 0.15) inset;
3997
4348
  }
3998
4349
  .ui.buttons .button:first-child {
3999
4350
  border-left: none;
@@ -4008,15 +4359,21 @@
4008
4359
 
4009
4360
  /* Vertical Style */
4010
4361
  .ui.vertical.buttons {
4362
+ display: -webkit-inline-box;
4363
+ display: -ms-inline-flexbox;
4011
4364
  display: inline-flex;
4012
- flex-direction: column;
4365
+ -webkit-box-orient: vertical;
4366
+ -webkit-box-direction: normal;
4367
+ -ms-flex-direction: column;
4368
+ flex-direction: column;
4013
4369
  }
4014
4370
  .ui.vertical.buttons .button {
4015
4371
  display: block;
4016
4372
  float: none;
4017
4373
  width: 100%;
4018
4374
  margin: 0 0 0 0;
4019
- box-shadow: none;
4375
+ -webkit-box-shadow: none;
4376
+ box-shadow: none;
4020
4377
  border-radius: 0;
4021
4378
  }
4022
4379
  .ui.vertical.buttons .button:first-child {