-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathdefault.css
1090 lines (1055 loc) · 100 KB
/
default.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
/* .....................................
Fonts
..................................... */
/* .....................................
Sets
..................................... */
/* .....................................
Media Query Ranges
..................................... */
/* .....................................
Colors - Grays
..................................... */
/* .....................................
Colors - Teals
..................................... */
/* .....................................
Colors - Red
..................................... */
/* .....................................
Colors - Navy
..................................... */
/* .....................................
Colors - Brand Palette
..................................... */
/* .....................................
Colors - External Palette
..................................... */
/* helper function for margin and padding
......................................*/
/* .....................................
Fonts
..................................... */
/* .....................................
Sets
..................................... */
/* .....................................
Media Query Ranges
..................................... */
/* .....................................
Colors - Grays
..................................... */
/* .....................................
Colors - Teals
..................................... */
/* .....................................
Colors - Red
..................................... */
/* .....................................
Colors - Navy
..................................... */
/* .....................................
Colors - Brand Palette
..................................... */
/* .....................................
Colors - External Palette
..................................... */
/* helper function for margin and padding
......................................*/
.btn-dropdown-gray:hover, .btn-dropdown-white, .btn-dropdown-white:hover {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
background-repeat: no-repeat; }
.btn-dropdown-teal, .btn-dropdown-teal:hover {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
background-repeat: no-repeat; }
.btn-search {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20d%3D%22M21.8%2019.5L17.4%2015c-.6.9-1.5%201.7-2.4%202.4l4.5%204.4c1.4%201.6%203.8-.8%202.3-2.3z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M15%2017.4c4.4-3%205.2-9.4%201.8-13.4C13.8.5%208.6-.3%204.7%202.3.9%204.7-.4%209.9%201.7%2014c2.2%204.4%207.7%206.2%2012.1%204.1.4-.2.8-.5%201.2-.7zm-5.2-1.7C6.7%2015.7%204%2013%204%209.8%204%206.7%206.7%204%209.8%204c3.2%200%205.8%202.7%205.8%205.8.1%203.2-2.6%205.9-5.8%205.9z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M9.8%202.2c4.2%200%207.7%203.4%207.7%207.7%200%201.5-.5%203.1-1.4%204.3-.5.7-1%201.3-1.7%201.8l-.3.2c-1.2.9-2.8%201.3-4.3%201.3-4.2%200-7.7-3.4-7.7-7.7.1-4.2%203.5-7.6%207.7-7.6m0-1.5C4.7.7.6%204.8.6%209.9s4.1%209.2%209.2%209.2c1.8%200%203.7-.6%205.2-1.6.9-.6%201.7-1.4%202.3-2.4%201.1-1.5%201.6-3.3%201.6-5.2.1-5.1-4-9.2-9.1-9.2z%22%20fill%3D%22%23375667%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
background-repeat: no-repeat; }
/*.....................................
Icon Sizes
......................................*/
/*.....................................
BUTTON MIXINS
......................................*/
/* button colors
......................................*/
/*.....................................
BUTTONS
......................................*/
/* reset
......................................*/
input[type="submit"], button {
border-radius: 5px;
margin: 0; }
select {
width: auto;
margin: 0; }
/* base
......................................*/
.btn, .btn-gray, .btn-dropdown-gray, .btn-slate, .btn-teal, .btn-dropdown-teal, .btn-red, .btn-purple, .btn-green, .btn-black, .btn-white, .btn-dropdown-white, .btn-yellow, .btn-facebook, .btn-twitter, .btn-transparent, .btn-tumblr, .btn-paypal, .btn-roku, .btn-search, .btn-dropdown {
transition: border 300ms cubic-bezier(0.19, 1, 0.22, 1), color 300ms cubic-bezier(0.19, 1, 0.22, 1), opacity 300ms cubic-bezier(0.19, 1, 0.22, 1), background-color 300ms cubic-bezier(0.19, 1, 0.22, 1);
background-color: transparent;
border: 1px solid transparent;
display: inline-block;
position: relative;
box-sizing: border-box;
text-align: center;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
color: transparent;
line-height: 38px;
height: 40px;
padding: 0 20px;
outline: none;
border-radius: 5px; }
.btn:link, .btn-gray:link, .btn-dropdown-gray:link, .btn-slate:link, .btn-teal:link, .btn-dropdown-teal:link, .btn-red:link, .btn-purple:link, .btn-green:link, .btn-black:link, .btn-white:link, .btn-dropdown-white:link, .btn-yellow:link, .btn-facebook:link, .btn-twitter:link, .btn-transparent:link, .btn-tumblr:link, .btn-paypal:link, .btn-roku:link, .btn-search:link, .btn-dropdown:link, .btn:visited, .btn-gray:visited, .btn-dropdown-gray:visited, .btn-slate:visited, .btn-teal:visited, .btn-dropdown-teal:visited, .btn-red:visited, .btn-purple:visited, .btn-green:visited, .btn-black:visited, .btn-white:visited, .btn-dropdown-white:visited, .btn-yellow:visited, .btn-facebook:visited, .btn-twitter:visited, .btn-transparent:visited, .btn-tumblr:visited, .btn-paypal:visited, .btn-roku:visited, .btn-search:visited, .btn-dropdown:visited {
text-decoration: none;
border: 1px solid transparent; }
.btn.icon--left, .icon--left.btn-gray, .icon--left.btn-dropdown-gray, .icon--left.btn-slate, .icon--left.btn-teal, .icon--left.btn-dropdown-teal, .icon--left.btn-red, .icon--left.btn-purple, .icon--left.btn-green, .icon--left.btn-black, .icon--left.btn-white, .icon--left.btn-dropdown-white, .icon--left.btn-yellow, .icon--left.btn-facebook, .icon--left.btn-twitter, .icon--left.btn-transparent, .icon--left.btn-tumblr, .icon--left.btn-paypal, .icon--left.btn-roku, .icon--left.btn-search, .icon--left.btn-dropdown {
background-position: left 21px center;
padding-left: 43px; }
.btn.icon--left.icon--xsmall, .icon--left.icon--xsmall.btn-gray, .icon--left.icon--xsmall.btn-dropdown-gray, .icon--left.icon--xsmall.btn-slate, .icon--left.icon--xsmall.btn-teal, .icon--left.icon--xsmall.btn-dropdown-teal, .icon--left.icon--xsmall.btn-red, .icon--left.icon--xsmall.btn-purple, .icon--left.icon--xsmall.btn-green, .icon--left.icon--xsmall.btn-black, .icon--left.icon--xsmall.btn-white, .icon--left.icon--xsmall.btn-dropdown-white, .icon--left.icon--xsmall.btn-yellow, .icon--left.icon--xsmall.btn-facebook, .icon--left.icon--xsmall.btn-twitter, .icon--left.icon--xsmall.btn-transparent, .icon--left.icon--xsmall.btn-tumblr, .icon--left.icon--xsmall.btn-paypal, .icon--left.icon--xsmall.btn-roku, .icon--left.icon--xsmall.btn-search, .icon--left.icon--xsmall.btn-dropdown {
background-position: left 16px center;
padding-left: 40px; }
.btn.icon--left.icon--xxsmall, .icon--left.icon--xxsmall.btn-gray, .icon--left.icon--xxsmall.btn-dropdown-gray, .icon--left.icon--xxsmall.btn-slate, .icon--left.icon--xxsmall.btn-teal, .icon--left.icon--xxsmall.btn-dropdown-teal, .icon--left.icon--xxsmall.btn-red, .icon--left.icon--xxsmall.btn-purple, .icon--left.icon--xxsmall.btn-green, .icon--left.icon--xxsmall.btn-black, .icon--left.icon--xxsmall.btn-white, .icon--left.icon--xxsmall.btn-dropdown-white, .icon--left.icon--xxsmall.btn-yellow, .icon--left.icon--xxsmall.btn-facebook, .icon--left.icon--xxsmall.btn-twitter, .icon--left.icon--xxsmall.btn-transparent, .icon--left.icon--xxsmall.btn-tumblr, .icon--left.icon--xxsmall.btn-paypal, .icon--left.icon--xxsmall.btn-roku, .icon--left.icon--xxsmall.btn-search, .icon--left.icon--xxsmall.btn-dropdown {
background-position: left 18px center;
padding-left: 37px; }
.btn.icon--left .icon--right, .icon--left.btn-gray .icon--right, .icon--left.btn-dropdown-gray .icon--right, .icon--left.btn-slate .icon--right, .icon--left.btn-teal .icon--right, .icon--left.btn-dropdown-teal .icon--right, .icon--left.btn-red .icon--right, .icon--left.btn-purple .icon--right, .icon--left.btn-green .icon--right, .icon--left.btn-black .icon--right, .icon--left.btn-white .icon--right, .icon--left.btn-dropdown-white .icon--right, .icon--left.btn-yellow .icon--right, .icon--left.btn-facebook .icon--right, .icon--left.btn-twitter .icon--right, .icon--left.btn-transparent .icon--right, .icon--left.btn-tumblr .icon--right, .icon--left.btn-paypal .icon--right, .icon--left.btn-roku .icon--right, .icon--left.btn-search .icon--right, .icon--left.btn-dropdown .icon--right {
background-position: right 0px center;
padding-right: 21px;
background-size: 15px 15px; }
.btn.icon--right, .icon--right.btn-gray, .icon--right.btn-dropdown-gray, .icon--right.btn-slate, .icon--right.btn-teal, .icon--right.btn-dropdown-teal, .icon--right.btn-red, .icon--right.btn-purple, .icon--right.btn-green, .icon--right.btn-black, .icon--right.btn-white, .icon--right.btn-dropdown-white, .icon--right.btn-yellow, .icon--right.btn-facebook, .icon--right.btn-twitter, .icon--right.btn-transparent, .icon--right.btn-tumblr, .icon--right.btn-paypal, .icon--right.btn-roku, .icon--right.btn-search, .icon--right.btn-dropdown {
background-position: right 21px center;
padding-right: 43px; }
.btn.icon--right.icon--xsmall, .icon--right.icon--xsmall.btn-gray, .icon--right.icon--xsmall.btn-dropdown-gray, .icon--right.icon--xsmall.btn-slate, .icon--right.icon--xsmall.btn-teal, .icon--right.icon--xsmall.btn-dropdown-teal, .icon--right.icon--xsmall.btn-red, .icon--right.icon--xsmall.btn-purple, .icon--right.icon--xsmall.btn-green, .icon--right.icon--xsmall.btn-black, .icon--right.icon--xsmall.btn-white, .icon--right.icon--xsmall.btn-dropdown-white, .icon--right.icon--xsmall.btn-yellow, .icon--right.icon--xsmall.btn-facebook, .icon--right.icon--xsmall.btn-twitter, .icon--right.icon--xsmall.btn-transparent, .icon--right.icon--xsmall.btn-tumblr, .icon--right.icon--xsmall.btn-paypal, .icon--right.icon--xsmall.btn-roku, .icon--right.icon--xsmall.btn-search, .icon--right.icon--xsmall.btn-dropdown {
background-position: right 16px center;
padding-left: 40px; }
.btn.icon--right.icon--xxsmall, .icon--right.icon--xxsmall.btn-gray, .icon--right.icon--xxsmall.btn-dropdown-gray, .icon--right.icon--xxsmall.btn-slate, .icon--right.icon--xxsmall.btn-teal, .icon--right.icon--xxsmall.btn-dropdown-teal, .icon--right.icon--xxsmall.btn-red, .icon--right.icon--xxsmall.btn-purple, .icon--right.icon--xxsmall.btn-green, .icon--right.icon--xxsmall.btn-black, .icon--right.icon--xxsmall.btn-white, .icon--right.icon--xxsmall.btn-dropdown-white, .icon--right.icon--xxsmall.btn-yellow, .icon--right.icon--xxsmall.btn-facebook, .icon--right.icon--xxsmall.btn-twitter, .icon--right.icon--xxsmall.btn-transparent, .icon--right.icon--xxsmall.btn-tumblr, .icon--right.icon--xxsmall.btn-paypal, .icon--right.icon--xxsmall.btn-roku, .icon--right.icon--xxsmall.btn-search, .icon--right.icon--xxsmall.btn-dropdown {
background-position: right 18px center;
padding-left: 37px; }
/* button gray shorthand
......................................*/
.btn-gray, .btn-dropdown-gray {
background-color: #F0F2F4;
color: #375667;
border: 1px solid #D7DDE1;
background-size: 15px 15px; }
.btn-gray:link, .btn-dropdown-gray:link, .btn-gray:visited, .btn-dropdown-gray:visited {
color: #375667;
border: 1px solid #D7DDE1; }
.btn-gray:hover, .btn-dropdown-gray:hover, .btn-gray.is-hover, .is-hover.btn-dropdown-gray, .btn-gray:focus:hover, .btn-dropdown-gray:focus:hover, .btn-gray:focus.is-hover, .btn-dropdown-gray:focus.is-hover {
color: #375667;
cursor: pointer;
background-color: #D7DDE1;
border: 1px solid #D7DDE1; }
.btn-gray:active, .btn-dropdown-gray:active, .btn-gray.is-active, .is-active.btn-dropdown-gray, .btn-gray:focus, .btn-dropdown-gray:focus, .btn-gray.is-focus, .is-focus.btn-dropdown-gray {
color: #375667;
background-color: #F0F2F4;
border: 1px solid #D7DDE1; }
.btn-gray.is-selected, .is-selected.btn-dropdown-gray {
color: #375667;
cursor: pointer;
background-color: #D7DDE1;
border: 1px solid #D7DDE1; }
.btn-gray[disabled], [disabled].btn-dropdown-gray, .btn-gray.is-disabled, .is-disabled.btn-dropdown-gray {
opacity: .5;
background-color: #F0F2F4;
color: #375667;
border: 1px solid #D7DDE1; }
.btn-gray[disabled]:visited, [disabled].btn-dropdown-gray:visited, .btn-gray[disabled]:hover, [disabled].btn-dropdown-gray:hover, .btn-gray[disabled].is-hover, [disabled].is-hover.btn-dropdown-gray, .btn-gray[disabled]:active, [disabled].btn-dropdown-gray:active, .btn-gray[disabled].is-active, [disabled].is-active.btn-dropdown-gray, .btn-gray.is-disabled:visited, .is-disabled.btn-dropdown-gray:visited, .btn-gray.is-disabled:hover, .is-disabled.btn-dropdown-gray:hover, .btn-gray.is-disabled.is-hover, .is-disabled.is-hover.btn-dropdown-gray, .btn-gray.is-disabled:active, .is-disabled.btn-dropdown-gray:active, .btn-gray.is-disabled.is-active, .is-disabled.is-active.btn-dropdown-gray {
background-color: #F0F2F4;
color: #375667;
border: 1px solid #D7DDE1; }
.btn-gray.is-processing, .is-processing.btn-dropdown-gray, .btn-gray.processing, .processing.btn-dropdown-gray, .btn-gray.is-loading, .is-loading.btn-dropdown-gray, .btn-gray.loading, .loading.btn-dropdown-gray {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23233741%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23233741%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-gray.is-processing.btn--small, .btn-gray.is-processing.btn-search, .is-processing.btn-search.btn-dropdown-gray, .is-processing.btn--small.btn-dropdown-gray, .btn-gray.processing.btn--small, .btn-gray.processing.btn-search, .processing.btn-search.btn-dropdown-gray, .processing.btn--small.btn-dropdown-gray, .btn-gray.is-loading.btn--small, .btn-gray.is-loading.btn-search, .is-loading.btn-search.btn-dropdown-gray, .is-loading.btn--small.btn-dropdown-gray, .btn-gray.loading.btn--small, .btn-gray.loading.btn-search, .loading.btn-search.btn-dropdown-gray, .loading.btn--small.btn-dropdown-gray {
background-size: 20px 20px; }
.btn-gray.is-processing.btn--medium, .is-processing.btn--medium.btn-dropdown-gray, .btn-gray.processing.btn--medium, .processing.btn--medium.btn-dropdown-gray, .btn-gray.is-loading.btn--medium, .is-loading.btn--medium.btn-dropdown-gray, .btn-gray.loading.btn--medium, .loading.btn--medium.btn-dropdown-gray {
background-size: 23px 23px; }
.btn-gray.is-processing.btn--large, .is-processing.btn--large.btn-dropdown-gray, .btn-gray.processing.btn--large, .processing.btn--large.btn-dropdown-gray, .btn-gray.is-loading.btn--large, .is-loading.btn--large.btn-dropdown-gray, .btn-gray.loading.btn--large, .loading.btn--large.btn-dropdown-gray {
background-size: 45px 45px; }
/* button dark shorthand
......................................*/
.btn-slate {
background-color: #869AA5;
color: #ffffff;
border: 1px solid #5E7887;
background-size: 15px 15px; }
.btn-slate:link, .btn-slate:visited {
color: #ffffff;
border: 1px solid #5E7887; }
.btn-slate:hover, .btn-slate.is-hover, .btn-slate:focus:hover, .btn-slate:focus.is-hover {
color: #ffffff;
cursor: pointer;
background-color: #5E7887;
border: 1px solid #5E7887; }
.btn-slate:active, .btn-slate.is-active, .btn-slate:focus, .btn-slate.is-focus {
color: #ffffff;
background-color: #869AA5;
border: 1px solid #5E7887; }
.btn-slate.is-selected {
color: #ffffff;
cursor: pointer;
background-color: #5E7887;
border: 1px solid #5E7887; }
.btn-slate[disabled], .btn-slate.is-disabled {
opacity: .5;
background-color: #869AA5;
color: #ffffff;
border: 1px solid #5E7887; }
.btn-slate[disabled]:visited, .btn-slate[disabled]:hover, .btn-slate[disabled].is-hover, .btn-slate[disabled]:active, .btn-slate[disabled].is-active, .btn-slate.is-disabled:visited, .btn-slate.is-disabled:hover, .btn-slate.is-disabled.is-hover, .btn-slate.is-disabled:active, .btn-slate.is-disabled.is-active {
background-color: #869AA5;
color: #ffffff;
border: 1px solid #5E7887; }
.btn-slate.is-processing, .btn-slate.processing, .btn-slate.is-loading, .btn-slate.loading {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23375667%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-slate.is-processing.btn--small, .btn-slate.is-processing.btn-search, .btn-slate.processing.btn--small, .btn-slate.processing.btn-search, .btn-slate.is-loading.btn--small, .btn-slate.is-loading.btn-search, .btn-slate.loading.btn--small, .btn-slate.loading.btn-search {
background-size: 20px 20px; }
.btn-slate.is-processing.btn--medium, .btn-slate.processing.btn--medium, .btn-slate.is-loading.btn--medium, .btn-slate.loading.btn--medium {
background-size: 23px 23px; }
.btn-slate.is-processing.btn--large, .btn-slate.processing.btn--large, .btn-slate.is-loading.btn--large, .btn-slate.loading.btn--large {
background-size: 45px 45px; }
/* button teal shorthand
......................................*/
.btn-teal, .btn-dropdown-teal {
background-color: #22B9B0;
color: #ffffff;
border: 1px solid #149A97;
background-size: 15px 15px; }
.btn-teal:link, .btn-dropdown-teal:link, .btn-teal:visited, .btn-dropdown-teal:visited {
color: #ffffff;
border: 1px solid #149A97; }
.btn-teal:hover, .btn-dropdown-teal:hover, .btn-teal.is-hover, .is-hover.btn-dropdown-teal, .btn-teal:focus:hover, .btn-dropdown-teal:focus:hover, .btn-teal:focus.is-hover, .btn-dropdown-teal:focus.is-hover {
color: #ffffff;
cursor: pointer;
background-color: #149A97;
border: 1px solid #149A97; }
.btn-teal:active, .btn-dropdown-teal:active, .btn-teal.is-active, .is-active.btn-dropdown-teal, .btn-teal:focus, .btn-dropdown-teal:focus, .btn-teal.is-focus, .is-focus.btn-dropdown-teal {
color: #ffffff;
background-color: #22B9B0;
border: 1px solid #149A97; }
.btn-teal.is-selected, .is-selected.btn-dropdown-teal {
color: #ffffff;
cursor: pointer;
background-color: #149A97;
border: 1px solid #149A97; }
.btn-teal[disabled], [disabled].btn-dropdown-teal, .btn-teal.is-disabled, .is-disabled.btn-dropdown-teal {
opacity: .5;
background-color: #22B9B0;
color: #ffffff;
border: 1px solid #149A97; }
.btn-teal[disabled]:visited, [disabled].btn-dropdown-teal:visited, .btn-teal[disabled]:hover, [disabled].btn-dropdown-teal:hover, .btn-teal[disabled].is-hover, [disabled].is-hover.btn-dropdown-teal, .btn-teal[disabled]:active, [disabled].btn-dropdown-teal:active, .btn-teal[disabled].is-active, [disabled].is-active.btn-dropdown-teal, .btn-teal.is-disabled:visited, .is-disabled.btn-dropdown-teal:visited, .btn-teal.is-disabled:hover, .is-disabled.btn-dropdown-teal:hover, .btn-teal.is-disabled.is-hover, .is-disabled.is-hover.btn-dropdown-teal, .btn-teal.is-disabled:active, .is-disabled.btn-dropdown-teal:active, .btn-teal.is-disabled.is-active, .is-disabled.is-active.btn-dropdown-teal {
background-color: #22B9B0;
color: #ffffff;
border: 1px solid #149A97; }
.btn-teal.is-processing, .is-processing.btn-dropdown-teal, .btn-teal.processing, .processing.btn-dropdown-teal, .btn-teal.is-loading, .is-loading.btn-dropdown-teal, .btn-teal.loading, .loading.btn-dropdown-teal {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-teal.is-processing.btn--small, .btn-teal.is-processing.btn-search, .is-processing.btn-search.btn-dropdown-teal, .is-processing.btn--small.btn-dropdown-teal, .btn-teal.processing.btn--small, .btn-teal.processing.btn-search, .processing.btn-search.btn-dropdown-teal, .processing.btn--small.btn-dropdown-teal, .btn-teal.is-loading.btn--small, .btn-teal.is-loading.btn-search, .is-loading.btn-search.btn-dropdown-teal, .is-loading.btn--small.btn-dropdown-teal, .btn-teal.loading.btn--small, .btn-teal.loading.btn-search, .loading.btn-search.btn-dropdown-teal, .loading.btn--small.btn-dropdown-teal {
background-size: 20px 20px; }
.btn-teal.is-processing.btn--medium, .is-processing.btn--medium.btn-dropdown-teal, .btn-teal.processing.btn--medium, .processing.btn--medium.btn-dropdown-teal, .btn-teal.is-loading.btn--medium, .is-loading.btn--medium.btn-dropdown-teal, .btn-teal.loading.btn--medium, .loading.btn--medium.btn-dropdown-teal {
background-size: 23px 23px; }
.btn-teal.is-processing.btn--large, .is-processing.btn--large.btn-dropdown-teal, .btn-teal.processing.btn--large, .processing.btn--large.btn-dropdown-teal, .btn-teal.is-loading.btn--large, .is-loading.btn--large.btn-dropdown-teal, .btn-teal.loading.btn--large, .loading.btn--large.btn-dropdown-teal {
background-size: 45px 45px; }
/* button red shorthand
......................................*/
.btn-red {
background-color: #D3104A;
color: #ffffff;
border: 1px solid #a40c39;
background-size: 15px 15px; }
.btn-red:link, .btn-red:visited {
color: #ffffff;
border: 1px solid #a40c39; }
.btn-red:hover, .btn-red.is-hover, .btn-red:focus:hover, .btn-red:focus.is-hover {
color: #ffffff;
cursor: pointer;
background-color: #a40c39;
border: 1px solid #a40c39; }
.btn-red:active, .btn-red.is-active, .btn-red:focus, .btn-red.is-focus {
color: #ffffff;
background-color: #D3104A;
border: 1px solid #a40c39; }
.btn-red.is-selected {
color: #ffffff;
cursor: pointer;
background-color: #a40c39;
border: 1px solid #a40c39; }
.btn-red[disabled], .btn-red.is-disabled {
opacity: .5;
background-color: #D3104A;
color: #ffffff;
border: 1px solid #a40c39; }
.btn-red[disabled]:visited, .btn-red[disabled]:hover, .btn-red[disabled].is-hover, .btn-red[disabled]:active, .btn-red[disabled].is-active, .btn-red.is-disabled:visited, .btn-red.is-disabled:hover, .btn-red.is-disabled.is-hover, .btn-red.is-disabled:active, .btn-red.is-disabled.is-active {
background-color: #D3104A;
color: #ffffff;
border: 1px solid #a40c39; }
.btn-red.is-processing, .btn-red.processing, .btn-red.is-loading, .btn-red.loading {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-red.is-processing.btn--small, .btn-red.is-processing.btn-search, .btn-red.processing.btn--small, .btn-red.processing.btn-search, .btn-red.is-loading.btn--small, .btn-red.is-loading.btn-search, .btn-red.loading.btn--small, .btn-red.loading.btn-search {
background-size: 20px 20px; }
.btn-red.is-processing.btn--medium, .btn-red.processing.btn--medium, .btn-red.is-loading.btn--medium, .btn-red.loading.btn--medium {
background-size: 23px 23px; }
.btn-red.is-processing.btn--large, .btn-red.processing.btn--large, .btn-red.is-loading.btn--large, .btn-red.loading.btn--large {
background-size: 45px 45px; }
/* button purple shorthand
......................................*/
.btn-purple {
background-color: #783479;
color: #ffffff;
border: 1px solid #783479;
background-size: 15px 15px; }
.btn-purple:link, .btn-purple:visited {
color: #ffffff;
border: 1px solid #783479; }
.btn-purple:hover, .btn-purple.is-hover, .btn-purple:focus:hover, .btn-purple:focus.is-hover {
color: #ffffff;
cursor: pointer;
background-color: #552555;
border: 1px solid #552555; }
.btn-purple:active, .btn-purple.is-active, .btn-purple:focus, .btn-purple.is-focus {
color: #ffffff;
background-color: #783479;
border: 1px solid #783479; }
.btn-purple.is-selected {
color: #ffffff;
cursor: pointer;
background-color: #552555;
border: 1px solid #552555; }
.btn-purple[disabled], .btn-purple.is-disabled {
opacity: .5;
background-color: #783479;
color: #ffffff;
border: 1px solid #783479; }
.btn-purple[disabled]:visited, .btn-purple[disabled]:hover, .btn-purple[disabled].is-hover, .btn-purple[disabled]:active, .btn-purple[disabled].is-active, .btn-purple.is-disabled:visited, .btn-purple.is-disabled:hover, .btn-purple.is-disabled.is-hover, .btn-purple.is-disabled:active, .btn-purple.is-disabled.is-active {
background-color: #783479;
color: #ffffff;
border: 1px solid #783479; }
.btn-purple.is-processing, .btn-purple.processing, .btn-purple.is-loading, .btn-purple.loading {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-purple.is-processing.btn--small, .btn-purple.is-processing.btn-search, .btn-purple.processing.btn--small, .btn-purple.processing.btn-search, .btn-purple.is-loading.btn--small, .btn-purple.is-loading.btn-search, .btn-purple.loading.btn--small, .btn-purple.loading.btn-search {
background-size: 20px 20px; }
.btn-purple.is-processing.btn--medium, .btn-purple.processing.btn--medium, .btn-purple.is-loading.btn--medium, .btn-purple.loading.btn--medium {
background-size: 23px 23px; }
.btn-purple.is-processing.btn--large, .btn-purple.processing.btn--large, .btn-purple.is-loading.btn--large, .btn-purple.loading.btn--large {
background-size: 45px 45px; }
/* button green shorthand
......................................*/
.btn-green {
background-color: #9DBB36;
color: #ffffff;
border: 1px solid #9DBB36;
background-size: 15px 15px; }
.btn-green:link, .btn-green:visited {
color: #ffffff;
border: 1px solid #9DBB36; }
.btn-green:hover, .btn-green.is-hover, .btn-green:focus:hover, .btn-green:focus.is-hover {
color: #ffffff;
cursor: pointer;
background-color: #7c932b;
border: 1px solid #7c932b; }
.btn-green:active, .btn-green.is-active, .btn-green:focus, .btn-green.is-focus {
color: #ffffff;
background-color: #9DBB36;
border: 1px solid #9DBB36; }
.btn-green.is-selected {
color: #ffffff;
cursor: pointer;
background-color: #7c932b;
border: 1px solid #7c932b; }
.btn-green[disabled], .btn-green.is-disabled {
opacity: .5;
background-color: #9DBB36;
color: #ffffff;
border: 1px solid #9DBB36; }
.btn-green[disabled]:visited, .btn-green[disabled]:hover, .btn-green[disabled].is-hover, .btn-green[disabled]:active, .btn-green[disabled].is-active, .btn-green.is-disabled:visited, .btn-green.is-disabled:hover, .btn-green.is-disabled.is-hover, .btn-green.is-disabled:active, .btn-green.is-disabled.is-active {
background-color: #9DBB36;
color: #ffffff;
border: 1px solid #9DBB36; }
.btn-green.is-processing, .btn-green.processing, .btn-green.is-loading, .btn-green.loading {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-green.is-processing.btn--small, .btn-green.is-processing.btn-search, .btn-green.processing.btn--small, .btn-green.processing.btn-search, .btn-green.is-loading.btn--small, .btn-green.is-loading.btn-search, .btn-green.loading.btn--small, .btn-green.loading.btn-search {
background-size: 20px 20px; }
.btn-green.is-processing.btn--medium, .btn-green.processing.btn--medium, .btn-green.is-loading.btn--medium, .btn-green.loading.btn--medium {
background-size: 23px 23px; }
.btn-green.is-processing.btn--large, .btn-green.processing.btn--large, .btn-green.is-loading.btn--large, .btn-green.loading.btn--large {
background-size: 45px 45px; }
/* button black shorthand
......................................*/
.btn-black {
background-color: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(255, 255, 255, 0.4);
background-size: 15px 15px; }
.btn-black:link, .btn-black:visited {
color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(255, 255, 255, 0.4); }
.btn-black:hover, .btn-black.is-hover, .btn-black:focus:hover, .btn-black:focus.is-hover {
color: white;
cursor: pointer;
background-color: black;
border: 1px solid white; }
.btn-black:active, .btn-black.is-active, .btn-black:focus, .btn-black.is-focus {
color: white;
background-color: rgba(0, 0, 0, 0.5);
border: 1px solid rgba(255, 255, 255, 0.4); }
.btn-black.is-selected {
color: white;
cursor: pointer;
background-color: black;
border: 1px solid white; }
.btn-black[disabled], .btn-black.is-disabled {
opacity: .5;
background-color: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(255, 255, 255, 0.4); }
.btn-black[disabled]:visited, .btn-black[disabled]:hover, .btn-black[disabled].is-hover, .btn-black[disabled]:active, .btn-black[disabled].is-active, .btn-black.is-disabled:visited, .btn-black.is-disabled:hover, .btn-black.is-disabled.is-hover, .btn-black.is-disabled:active, .btn-black.is-disabled.is-active {
background-color: rgba(0, 0, 0, 0.5);
color: rgba(255, 255, 255, 0.8);
border: 1px solid rgba(255, 255, 255, 0.4); }
.btn-black.is-processing, .btn-black.processing, .btn-black.is-loading, .btn-black.loading {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-black.is-processing.btn--small, .btn-black.is-processing.btn-search, .btn-black.processing.btn--small, .btn-black.processing.btn-search, .btn-black.is-loading.btn--small, .btn-black.is-loading.btn-search, .btn-black.loading.btn--small, .btn-black.loading.btn-search {
background-size: 20px 20px; }
.btn-black.is-processing.btn--medium, .btn-black.processing.btn--medium, .btn-black.is-loading.btn--medium, .btn-black.loading.btn--medium {
background-size: 23px 23px; }
.btn-black.is-processing.btn--large, .btn-black.processing.btn--large, .btn-black.is-loading.btn--large, .btn-black.loading.btn--large {
background-size: 45px 45px; }
/* button white shorthand
......................................*/
.btn-white, .btn-dropdown-white {
background-color: #ffffff;
color: #5E7887;
border: 1px solid #D7DDE1;
background-size: 15px 15px; }
.btn-white:link, .btn-dropdown-white:link, .btn-white:visited, .btn-dropdown-white:visited {
color: #5E7887;
border: 1px solid #D7DDE1; }
.btn-white:hover, .btn-dropdown-white:hover, .btn-white.is-hover, .is-hover.btn-dropdown-white, .btn-white:focus:hover, .btn-dropdown-white:focus:hover, .btn-white:focus.is-hover, .btn-dropdown-white:focus.is-hover {
color: #5E7887;
cursor: pointer;
background-color: #F0F2F4;
border: 1px solid #D7DDE1; }
.btn-white:active, .btn-dropdown-white:active, .btn-white.is-active, .is-active.btn-dropdown-white, .btn-white:focus, .btn-dropdown-white:focus, .btn-white.is-focus, .is-focus.btn-dropdown-white {
color: #5E7887;
background-color: #ffffff;
border: 1px solid #D7DDE1; }
.btn-white.is-selected, .is-selected.btn-dropdown-white {
color: #5E7887;
cursor: pointer;
background-color: #F0F2F4;
border: 1px solid #D7DDE1; }
.btn-white[disabled], [disabled].btn-dropdown-white, .btn-white.is-disabled, .is-disabled.btn-dropdown-white {
opacity: .5;
background-color: #ffffff;
color: #5E7887;
border: 1px solid #D7DDE1; }
.btn-white[disabled]:visited, [disabled].btn-dropdown-white:visited, .btn-white[disabled]:hover, [disabled].btn-dropdown-white:hover, .btn-white[disabled].is-hover, [disabled].is-hover.btn-dropdown-white, .btn-white[disabled]:active, [disabled].btn-dropdown-white:active, .btn-white[disabled].is-active, [disabled].is-active.btn-dropdown-white, .btn-white.is-disabled:visited, .is-disabled.btn-dropdown-white:visited, .btn-white.is-disabled:hover, .is-disabled.btn-dropdown-white:hover, .btn-white.is-disabled.is-hover, .is-disabled.is-hover.btn-dropdown-white, .btn-white.is-disabled:active, .is-disabled.btn-dropdown-white:active, .btn-white.is-disabled.is-active, .is-disabled.is-active.btn-dropdown-white {
background-color: #ffffff;
color: #5E7887;
border: 1px solid #D7DDE1; }
.btn-white.is-processing, .is-processing.btn-dropdown-white, .btn-white.processing, .processing.btn-dropdown-white, .btn-white.is-loading, .is-loading.btn-dropdown-white, .btn-white.loading, .loading.btn-dropdown-white {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%235000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%235000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-white.is-processing.btn--small, .btn-white.is-processing.btn-search, .is-processing.btn-search.btn-dropdown-white, .is-processing.btn--small.btn-dropdown-white, .btn-white.processing.btn--small, .btn-white.processing.btn-search, .processing.btn-search.btn-dropdown-white, .processing.btn--small.btn-dropdown-white, .btn-white.is-loading.btn--small, .btn-white.is-loading.btn-search, .is-loading.btn-search.btn-dropdown-white, .is-loading.btn--small.btn-dropdown-white, .btn-white.loading.btn--small, .btn-white.loading.btn-search, .loading.btn-search.btn-dropdown-white, .loading.btn--small.btn-dropdown-white {
background-size: 20px 20px; }
.btn-white.is-processing.btn--medium, .is-processing.btn--medium.btn-dropdown-white, .btn-white.processing.btn--medium, .processing.btn--medium.btn-dropdown-white, .btn-white.is-loading.btn--medium, .is-loading.btn--medium.btn-dropdown-white, .btn-white.loading.btn--medium, .loading.btn--medium.btn-dropdown-white {
background-size: 23px 23px; }
.btn-white.is-processing.btn--large, .is-processing.btn--large.btn-dropdown-white, .btn-white.processing.btn--large, .processing.btn--large.btn-dropdown-white, .btn-white.is-loading.btn--large, .is-loading.btn--large.btn-dropdown-white, .btn-white.loading.btn--large, .loading.btn--large.btn-dropdown-white {
background-size: 45px 45px; }
/* button yellow shorthand
......................................*/
.btn-yellow {
background-color: #FFB567;
color: #ffffff;
border: 1px solid #ff9c34;
background-size: 15px 15px; }
.btn-yellow:link, .btn-yellow:visited {
color: #ffffff;
border: 1px solid #ff9c34; }
.btn-yellow:hover, .btn-yellow.is-hover, .btn-yellow:focus:hover, .btn-yellow:focus.is-hover {
color: #ffffff;
cursor: pointer;
background-color: #ff9c34;
border: 1px solid #ff9c34; }
.btn-yellow:active, .btn-yellow.is-active, .btn-yellow:focus, .btn-yellow.is-focus {
color: #ffffff;
background-color: #FFB567;
border: 1px solid #ff9c34; }
.btn-yellow.is-selected {
color: #ffffff;
cursor: pointer;
background-color: #ff9c34;
border: 1px solid #ff9c34; }
.btn-yellow[disabled], .btn-yellow.is-disabled {
opacity: .5;
background-color: #FFB567;
color: #ffffff;
border: 1px solid #ff9c34; }
.btn-yellow[disabled]:visited, .btn-yellow[disabled]:hover, .btn-yellow[disabled].is-hover, .btn-yellow[disabled]:active, .btn-yellow[disabled].is-active, .btn-yellow.is-disabled:visited, .btn-yellow.is-disabled:hover, .btn-yellow.is-disabled.is-hover, .btn-yellow.is-disabled:active, .btn-yellow.is-disabled.is-active {
background-color: #FFB567;
color: #ffffff;
border: 1px solid #ff9c34; }
.btn-yellow.is-processing, .btn-yellow.processing, .btn-yellow.is-loading, .btn-yellow.loading {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-yellow.is-processing.btn--small, .btn-yellow.is-processing.btn-search, .btn-yellow.processing.btn--small, .btn-yellow.processing.btn-search, .btn-yellow.is-loading.btn--small, .btn-yellow.is-loading.btn-search, .btn-yellow.loading.btn--small, .btn-yellow.loading.btn-search {
background-size: 20px 20px; }
.btn-yellow.is-processing.btn--medium, .btn-yellow.processing.btn--medium, .btn-yellow.is-loading.btn--medium, .btn-yellow.loading.btn--medium {
background-size: 23px 23px; }
.btn-yellow.is-processing.btn--large, .btn-yellow.processing.btn--large, .btn-yellow.is-loading.btn--large, .btn-yellow.loading.btn--large {
background-size: 45px 45px; }
/* button facebook shorthand
......................................*/
.btn-facebook {
background-color: #3B5999;
color: #ffffff;
border: 1px solid #2d4474;
background-size: 15px 15px; }
.btn-facebook:link, .btn-facebook:visited {
color: #ffffff;
border: 1px solid #2d4474; }
.btn-facebook:hover, .btn-facebook.is-hover, .btn-facebook:focus:hover, .btn-facebook:focus.is-hover {
color: #ffffff;
cursor: pointer;
background-color: #2d4474;
border: 1px solid #2d4474; }
.btn-facebook:active, .btn-facebook.is-active, .btn-facebook:focus, .btn-facebook.is-focus {
color: #ffffff;
background-color: #3B5999;
border: 1px solid #2d4474; }
.btn-facebook.is-selected {
color: #ffffff;
cursor: pointer;
background-color: #2d4474;
border: 1px solid #2d4474; }
.btn-facebook[disabled], .btn-facebook.is-disabled {
opacity: .5;
background-color: #3B5999;
color: #ffffff;
border: 1px solid #2d4474; }
.btn-facebook[disabled]:visited, .btn-facebook[disabled]:hover, .btn-facebook[disabled].is-hover, .btn-facebook[disabled]:active, .btn-facebook[disabled].is-active, .btn-facebook.is-disabled:visited, .btn-facebook.is-disabled:hover, .btn-facebook.is-disabled.is-hover, .btn-facebook.is-disabled:active, .btn-facebook.is-disabled.is-active {
background-color: #3B5999;
color: #ffffff;
border: 1px solid #2d4474; }
.btn-facebook.is-processing, .btn-facebook.processing, .btn-facebook.is-loading, .btn-facebook.loading {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-facebook.is-processing.btn--small, .btn-facebook.is-processing.btn-search, .btn-facebook.processing.btn--small, .btn-facebook.processing.btn-search, .btn-facebook.is-loading.btn--small, .btn-facebook.is-loading.btn-search, .btn-facebook.loading.btn--small, .btn-facebook.loading.btn-search {
background-size: 20px 20px; }
.btn-facebook.is-processing.btn--medium, .btn-facebook.processing.btn--medium, .btn-facebook.is-loading.btn--medium, .btn-facebook.loading.btn--medium {
background-size: 23px 23px; }
.btn-facebook.is-processing.btn--large, .btn-facebook.processing.btn--large, .btn-facebook.is-loading.btn--large, .btn-facebook.loading.btn--large {
background-size: 45px 45px; }
/* button twitter shorthand
......................................*/
.btn-twitter {
background-color: #55ACEE;
color: #ffffff;
border: 1px solid #2795e9;
background-size: 15px 15px; }
.btn-twitter:link, .btn-twitter:visited {
color: #ffffff;
border: 1px solid #2795e9; }
.btn-twitter:hover, .btn-twitter.is-hover, .btn-twitter:focus:hover, .btn-twitter:focus.is-hover {
color: #ffffff;
cursor: pointer;
background-color: #2795e9;
border: 1px solid #2795e9; }
.btn-twitter:active, .btn-twitter.is-active, .btn-twitter:focus, .btn-twitter.is-focus {
color: #ffffff;
background-color: #55ACEE;
border: 1px solid #2795e9; }
.btn-twitter.is-selected {
color: #ffffff;
cursor: pointer;
background-color: #2795e9;
border: 1px solid #2795e9; }
.btn-twitter[disabled], .btn-twitter.is-disabled {
opacity: .5;
background-color: #55ACEE;
color: #ffffff;
border: 1px solid #2795e9; }
.btn-twitter[disabled]:visited, .btn-twitter[disabled]:hover, .btn-twitter[disabled].is-hover, .btn-twitter[disabled]:active, .btn-twitter[disabled].is-active, .btn-twitter.is-disabled:visited, .btn-twitter.is-disabled:hover, .btn-twitter.is-disabled.is-hover, .btn-twitter.is-disabled:active, .btn-twitter.is-disabled.is-active {
background-color: #55ACEE;
color: #ffffff;
border: 1px solid #2795e9; }
.btn-twitter.is-processing, .btn-twitter.processing, .btn-twitter.is-loading, .btn-twitter.loading {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-twitter.is-processing.btn--small, .btn-twitter.is-processing.btn-search, .btn-twitter.processing.btn--small, .btn-twitter.processing.btn-search, .btn-twitter.is-loading.btn--small, .btn-twitter.is-loading.btn-search, .btn-twitter.loading.btn--small, .btn-twitter.loading.btn-search {
background-size: 20px 20px; }
.btn-twitter.is-processing.btn--medium, .btn-twitter.processing.btn--medium, .btn-twitter.is-loading.btn--medium, .btn-twitter.loading.btn--medium {
background-size: 23px 23px; }
.btn-twitter.is-processing.btn--large, .btn-twitter.processing.btn--large, .btn-twitter.is-loading.btn--large, .btn-twitter.loading.btn--large {
background-size: 45px 45px; }
/* button transparent shorthand
......................................*/
.btn-transparent {
background-color: rgba(255, 255, 255, 0.5);
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0);
background-size: 15px 15px; }
.btn-transparent:link, .btn-transparent:visited {
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0); }
.btn-transparent:hover, .btn-transparent.is-hover, .btn-transparent:focus:hover, .btn-transparent:focus.is-hover {
color: #ffffff;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(255, 255, 255, 0); }
.btn-transparent:active, .btn-transparent.is-active, .btn-transparent:focus, .btn-transparent.is-focus {
color: #ffffff;
background-color: rgba(255, 255, 255, 0.5);
border: 1px solid rgba(255, 255, 255, 0); }
.btn-transparent.is-selected {
color: #ffffff;
cursor: pointer;
background-color: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(255, 255, 255, 0); }
.btn-transparent[disabled], .btn-transparent.is-disabled {
opacity: .5;
background-color: rgba(255, 255, 255, 0.5);
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0); }
.btn-transparent[disabled]:visited, .btn-transparent[disabled]:hover, .btn-transparent[disabled].is-hover, .btn-transparent[disabled]:active, .btn-transparent[disabled].is-active, .btn-transparent.is-disabled:visited, .btn-transparent.is-disabled:hover, .btn-transparent.is-disabled.is-hover, .btn-transparent.is-disabled:active, .btn-transparent.is-disabled.is-active {
background-color: rgba(255, 255, 255, 0.5);
color: #ffffff;
border: 1px solid rgba(255, 255, 255, 0); }
.btn-transparent.is-processing, .btn-transparent.processing, .btn-transparent.is-loading, .btn-transparent.loading {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-transparent.is-processing.btn--small, .btn-transparent.is-processing.btn-search, .btn-transparent.processing.btn--small, .btn-transparent.processing.btn-search, .btn-transparent.is-loading.btn--small, .btn-transparent.is-loading.btn-search, .btn-transparent.loading.btn--small, .btn-transparent.loading.btn-search {
background-size: 20px 20px; }
.btn-transparent.is-processing.btn--medium, .btn-transparent.processing.btn--medium, .btn-transparent.is-loading.btn--medium, .btn-transparent.loading.btn--medium {
background-size: 23px 23px; }
.btn-transparent.is-processing.btn--large, .btn-transparent.processing.btn--large, .btn-transparent.is-loading.btn--large, .btn-transparent.loading.btn--large {
background-size: 45px 45px; }
/* button tumblr shorthand
......................................*/
.btn-tumblr {
background-color: #34465D;
color: #ffffff;
border: 1px solid #222d3c;
background-size: 15px 15px; }
.btn-tumblr:link, .btn-tumblr:visited {
color: #ffffff;
border: 1px solid #222d3c; }
.btn-tumblr:hover, .btn-tumblr.is-hover, .btn-tumblr:focus:hover, .btn-tumblr:focus.is-hover {
color: #ffffff;
cursor: pointer;
background-color: #222d3c;
border: 1px solid #222d3c; }
.btn-tumblr:active, .btn-tumblr.is-active, .btn-tumblr:focus, .btn-tumblr.is-focus {
color: #ffffff;
background-color: #34465D;
border: 1px solid #222d3c; }
.btn-tumblr.is-selected {
color: #ffffff;
cursor: pointer;
background-color: #222d3c;
border: 1px solid #222d3c; }
.btn-tumblr[disabled], .btn-tumblr.is-disabled {
opacity: .5;
background-color: #34465D;
color: #ffffff;
border: 1px solid #222d3c; }
.btn-tumblr[disabled]:visited, .btn-tumblr[disabled]:hover, .btn-tumblr[disabled].is-hover, .btn-tumblr[disabled]:active, .btn-tumblr[disabled].is-active, .btn-tumblr.is-disabled:visited, .btn-tumblr.is-disabled:hover, .btn-tumblr.is-disabled.is-hover, .btn-tumblr.is-disabled:active, .btn-tumblr.is-disabled.is-active {
background-color: #34465D;
color: #ffffff;
border: 1px solid #222d3c; }
.btn-tumblr.is-processing, .btn-tumblr.processing, .btn-tumblr.is-loading, .btn-tumblr.loading {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-tumblr.is-processing.btn--small, .btn-tumblr.is-processing.btn-search, .btn-tumblr.processing.btn--small, .btn-tumblr.processing.btn-search, .btn-tumblr.is-loading.btn--small, .btn-tumblr.is-loading.btn-search, .btn-tumblr.loading.btn--small, .btn-tumblr.loading.btn-search {
background-size: 20px 20px; }
.btn-tumblr.is-processing.btn--medium, .btn-tumblr.processing.btn--medium, .btn-tumblr.is-loading.btn--medium, .btn-tumblr.loading.btn--medium {
background-size: 23px 23px; }
.btn-tumblr.is-processing.btn--large, .btn-tumblr.processing.btn--large, .btn-tumblr.is-loading.btn--large, .btn-tumblr.loading.btn--large {
background-size: 45px 45px; }
/* button paypal shorthand
......................................*/
.btn-paypal {
background-color: #00457C;
color: #ffffff;
border: 1px solid #002949;
background-size: 15px 15px; }
.btn-paypal:link, .btn-paypal:visited {
color: #ffffff;
border: 1px solid #002949; }
.btn-paypal:hover, .btn-paypal.is-hover, .btn-paypal:focus:hover, .btn-paypal:focus.is-hover {
color: #ffffff;
cursor: pointer;
background-color: #002949;
border: 1px solid #002949; }
.btn-paypal:active, .btn-paypal.is-active, .btn-paypal:focus, .btn-paypal.is-focus {
color: #ffffff;
background-color: #00457C;
border: 1px solid #002949; }
.btn-paypal.is-selected {
color: #ffffff;
cursor: pointer;
background-color: #002949;
border: 1px solid #002949; }
.btn-paypal[disabled], .btn-paypal.is-disabled {
opacity: .5;
background-color: #00457C;
color: #ffffff;
border: 1px solid #002949; }
.btn-paypal[disabled]:visited, .btn-paypal[disabled]:hover, .btn-paypal[disabled].is-hover, .btn-paypal[disabled]:active, .btn-paypal[disabled].is-active, .btn-paypal.is-disabled:visited, .btn-paypal.is-disabled:hover, .btn-paypal.is-disabled.is-hover, .btn-paypal.is-disabled:active, .btn-paypal.is-disabled.is-active {
background-color: #00457C;
color: #ffffff;
border: 1px solid #002949; }
.btn-paypal.is-processing, .btn-paypal.processing, .btn-paypal.is-loading, .btn-paypal.loading {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-paypal.is-processing.btn--small, .btn-paypal.is-processing.btn-search, .btn-paypal.processing.btn--small, .btn-paypal.processing.btn-search, .btn-paypal.is-loading.btn--small, .btn-paypal.is-loading.btn-search, .btn-paypal.loading.btn--small, .btn-paypal.loading.btn-search {
background-size: 20px 20px; }
.btn-paypal.is-processing.btn--medium, .btn-paypal.processing.btn--medium, .btn-paypal.is-loading.btn--medium, .btn-paypal.loading.btn--medium {
background-size: 23px 23px; }
.btn-paypal.is-processing.btn--large, .btn-paypal.processing.btn--large, .btn-paypal.is-loading.btn--large, .btn-paypal.loading.btn--large {
background-size: 45px 45px; }
/* button roku shorthand
......................................*/
.btn-roku {
background-color: #662C91;
color: #ffffff;
border: 1px solid #4a206a;
background-size: 15px 15px; }
.btn-roku:link, .btn-roku:visited {
color: #ffffff;
border: 1px solid #4a206a; }
.btn-roku:hover, .btn-roku.is-hover, .btn-roku:focus:hover, .btn-roku:focus.is-hover {
color: #ffffff;
cursor: pointer;
background-color: #4a206a;
border: 1px solid #4a206a; }
.btn-roku:active, .btn-roku.is-active, .btn-roku:focus, .btn-roku.is-focus {
color: #ffffff;
background-color: #662C91;
border: 1px solid #4a206a; }
.btn-roku.is-selected {
color: #ffffff;
cursor: pointer;
background-color: #4a206a;
border: 1px solid #4a206a; }
.btn-roku[disabled], .btn-roku.is-disabled {
opacity: .5;
background-color: #662C91;
color: #ffffff;
border: 1px solid #4a206a; }
.btn-roku[disabled]:visited, .btn-roku[disabled]:hover, .btn-roku[disabled].is-hover, .btn-roku[disabled]:active, .btn-roku[disabled].is-active, .btn-roku.is-disabled:visited, .btn-roku.is-disabled:hover, .btn-roku.is-disabled.is-hover, .btn-roku.is-disabled:active, .btn-roku.is-disabled.is-active {
background-color: #662C91;
color: #ffffff;
border: 1px solid #4a206a; }
.btn-roku.is-processing, .btn-roku.processing, .btn-roku.is-loading, .btn-roku.loading {
background-position: center center !important;
color: transparent !important;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-size: 23px 23px; }
.btn-roku.is-processing.btn--small, .btn-roku.is-processing.btn-search, .btn-roku.processing.btn--small, .btn-roku.processing.btn-search, .btn-roku.is-loading.btn--small, .btn-roku.is-loading.btn-search, .btn-roku.loading.btn--small, .btn-roku.loading.btn-search {
background-size: 20px 20px; }
.btn-roku.is-processing.btn--medium, .btn-roku.processing.btn--medium, .btn-roku.is-loading.btn--medium, .btn-roku.loading.btn--medium {
background-size: 23px 23px; }
.btn-roku.is-processing.btn--large, .btn-roku.processing.btn--large, .btn-roku.is-loading.btn--large, .btn-roku.loading.btn--large {
background-size: 45px 45px; }
/* button search shorthand
......................................*/
/*.....................................
BUTTON ICONS
......................................*/
/* position
......................................*/
.icon--center, .btn-search {
background-position: center center !important;
color: transparent !important;
padding: 0 20px !important;
width: 40px;
text-indent: -9999px; }
.icon--center.btn--small, .btn-search {
width: 30px;
padding: 0 10px !important; }
.icon--center.btn--medium, .btn--medium.btn-search {
width: 40px;
padding: 0 20px !important; }
.icon--center.btn--large, .btn--large.btn-search {
width: 60px;
padding: 0 30px !important; }
.icon--left.btn--small, .icon--left.btn-search {
background-position: left 10px center;
padding-left: 27px; }
.icon--left.btn--small .icon--right, .icon--left.btn-search .icon--right {
background-size: 13px 13px;
padding-right: 16px; }
.icon--left.btn--large {
background-position: left 30px center;
padding-left: 62px; }
.icon--left.btn--large .icon--right {
background-size: 23px 23px;
padding-right: 28px; }
.icon--right.btn--small, .icon--right.btn-search {
background-position: right 10px center;
padding-right: 27px; }
.icon--right.btn--large {
background-position: right 30px center;
padding-right: 62px; }
.btn-dropdown, .btn-dropdown-gray, .btn-dropdown-white, .btn-dropdown-teal {
background-size: 10px 10px;
background-position: right 15px center;
padding-right: 35px;
text-align: left;
position: relative; }
.btn-dropdown.btn--small, .btn-dropdown.btn-search, .btn-search.btn-dropdown-gray, .btn-search.btn-dropdown-white, .btn-search.btn-dropdown-teal, .btn--small.btn-dropdown-gray, .btn--small.btn-dropdown-white, .btn--small.btn-dropdown-teal {
background-size: 8px 8px; }
.btn-dropdown.btn--small.icon--center, .btn-dropdown.btn-search, .btn-search.btn-dropdown-gray, .btn-search.btn-dropdown-white, .btn-search.btn-dropdown-teal, .btn--small.icon--center.btn-dropdown-gray, .btn--small.icon--center.btn-dropdown-white, .btn--small.icon--center.btn-dropdown-teal {
width: 30px; }
.btn-dropdown.btn-dropdown--action, .btn-dropdown--action.btn-dropdown-gray, .btn-dropdown--action.btn-dropdown-white, .btn-dropdown--action.btn-dropdown-teal {
padding-right: 60px; }
.btn-dropdown.btn-dropdown--action:before, .btn-dropdown--action.btn-dropdown-gray:before, .btn-dropdown--action.btn-dropdown-white:before, .btn-dropdown--action.btn-dropdown-teal:before {
content: ' ';
position: absolute;
top: 0;
right: 39px;
width: 1px;
height: 100%;
background: #ffffff; }
.btn-dropdown.icon--center, .btn-dropdown.btn-search, .btn-search.btn-dropdown-gray, .btn-search.btn-dropdown-white, .btn-search.btn-dropdown-teal, .icon--center.btn-dropdown-gray, .icon--center.btn-dropdown-white, .icon--center.btn-dropdown-teal {
width: 40px; }
.btn-dropdown.icon--center.btn-dropdown--action:before, .btn-dropdown.btn-dropdown--action.btn-search:before, .btn-dropdown--action.btn-search.btn-dropdown-gray:before, .btn-dropdown--action.btn-search.btn-dropdown-white:before, .btn-dropdown--action.btn-search.btn-dropdown-teal:before, .icon--center.btn-dropdown--action.btn-dropdown-gray:before, .icon--center.btn-dropdown--action.btn-dropdown-white:before, .icon--center.btn-dropdown--action.btn-dropdown-teal:before {
display: none;
content: ''; }
/* button dropdowns
......................................*/
.btn-dropdown-gray {
background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M4.38%203.68l11.387%2011.383-4.242%204.243L.14%207.925z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23375667%22%20d%3D%22M22.853%207.933L11.47%2019.318l-4.244-4.243L18.61%203.69z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
background-repeat: no-repeat; }
.btn-dropdown-gray.btn-dropdown--action:before {
background: #F0F2F4; }
.btn-dropdown-gray:hover.btn-dropdown--action:before {
background: #AFBCC3; }
.btn-dropdown-gray.is-processing span {
background: none; }
.btn-dropdown-gray.is-processing:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23233741%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23233741%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
.btn-dropdown-white.btn-dropdown--action:before {
background: #F0F2F4; }
.btn-dropdown-white:hover.btn-dropdown--action:before {
background: #AFBCC3; }
.btn-dropdown-white.is-processing span {
background: none; }
.btn-dropdown-white.is-processing:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23233741%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23233741%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
.btn-dropdown-teal.btn-dropdown--action:before {
background: #22B9B0; }
.btn-dropdown-teal:hover.btn-dropdown--action:before {
background: #149A97; }
.btn-dropdown-teal.is-processing span {
background: none; }
.btn-dropdown-teal.is-processing:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0D%0A%20%20viewBox%3D%220%200%2040%2040%22%20xml%3Aspace%3D%22preserve%22%3E%0D%0A%3Cpath%20opacity%3D%220.2%22%20fill%3D%22%23ffffff%22%20d%3D%22M20.201%2C5.169c-8.254%2C0-14.946%2C6.692-14.946%2C14.946c0%2C8.255%2C6.692%2C14.946%2C14.946%2C14.946%0D%0A%20%20s14.946-6.691%2C14.946-14.946C35.146%2C11.861%2C28.455%2C5.169%2C20.201%2C5.169z%20M20.201%2C31.749c-6.425%2C0-11.634-5.208-11.634-11.634%0D%0A%20%20c0-6.425%2C5.209-11.634%2C11.634-11.634c6.425%2C0%2C11.633%2C5.209%2C11.633%2C11.634C31.834%2C26.541%2C26.626%2C31.749%2C20.201%2C31.749z%22%2F%3E%0D%0A%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M26.013%2C10.047l1.654-2.866c-2.198-1.272-4.743-2.012-7.466-2.012h0v3.312h0%0D%0A%20%20C22.32%2C8.481%2C24.301%2C9.057%2C26.013%2C10.047z%22%3E%0D%0A%20%20%3CanimateTransform%20attributeType%3D%22xml%22%0D%0A%20%20%20%20attributeName%3D%22transform%22%0D%0A%20%20%20%20type%3D%22rotate%22%0D%0A%20%20%20%20from%3D%220%2020%2020%22%0D%0A%20%20%20%20to%3D%22360%2020%2020%22%0D%0A%20%20%20%20dur%3D%220.5s%22%0D%0A%20%20%20%20repeatCount%3D%22indefinite%22%2F%3E%0D%0A%20%20%3C%2Fpath%3E%0D%0A%3C%2Fsvg%3E"); }
/* button sizes
......................................*/
.btn--fill {
box-sizing: border-box;
width: 100%; }
.btn--half {
box-sizing: border-box;
width: 48%;
margin-left: .5% !important;
margin-right: .5% !important; }
.btn--small, .btn-search {
line-height: 28px;
height: 30px;
padding: 0 10px;
font-size: 12px;
background-size: 13px 13px; }
.btn--medium {
line-height: 38px;
height: 40px;
padding: 0 20px;
font-size: 14px;
background-size: 15px 15px; }
.btn--large {
line-height: 58px;
height: 60px;
padding: 0 30px;
font-size: 20px;
letter-spacing: 1px;
background-size: 23px 23px; }
/* button fonts
......................................*/
.btn--brandon {
text-transform: uppercase;
font-family: "brandon-grotesque-n1", "brandon-grotesque", "Brandon Grotesque", sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
font-size: 14px;
line-height: 40px; }
.btn--brandon.btn--small, .btn--brandon.btn-search {
font-size: 12px;
line-height: 30px;
background-position: 10px 7px; }
.btn--brandon.btn--medium {
font-size: 14px;
line-height: 40px; }
.btn--brandon.btn--large {
font-size: 20px;
line-height: 60px; }
/* button media queries
......................................*/
@media only screen and (max-width: 40em) {
.small-only-btn--fill {
box-sizing: border-box;
width: 100%; }
.small-only-btn--half {
box-sizing: border-box;
width: 48%;
margin-left: .5% !important;
margin-right: .5% !important; } }
/* buttons group
......................................*/
.btn-group.btn-group--center .btn-white, .btn-group.btn-group--center .btn-dropdown-white,
.btn-group.btn-group--center .btn-gray,
.btn-group.btn-group--center .btn-dropdown-gray,
.btn-group.btn-group--center .btn-teal,