Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(185)

Side by Side Diff: packages/csslib/test/examples/bulma.css

Issue 2990843002: Removed fixed dependencies (Closed)
Patch Set: Created 3 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 /*! bulma.io v0.4.1 | MIT License | github.com/jgthms/bulma */
2 @-webkit-keyframes spinAround {
3 from {
4 -webkit-transform: rotate(0deg);
5 transform: rotate(0deg);
6 }
7 to {
8 -webkit-transform: rotate(359deg);
9 transform: rotate(359deg);
10 }
11 }
12 @keyframes spinAround {
13 from {
14 -webkit-transform: rotate(0deg);
15 transform: rotate(0deg);
16 }
17 to {
18 -webkit-transform: rotate(359deg);
19 transform: rotate(359deg);
20 }
21 }
22
23 /*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */
24 html,
25 body,
26 p,
27 ol,
28 ul,
29 li,
30 dl,
31 dt,
32 dd,
33 blockquote,
34 figure,
35 fieldset,
36 legend,
37 textarea,
38 pre,
39 iframe,
40 hr,
41 h1,
42 h2,
43 h3,
44 h4,
45 h5,
46 h6 {
47 margin: 0;
48 padding: 0;
49 }
50
51 h1,
52 h2,
53 h3,
54 h4,
55 h5,
56 h6 {
57 font-size: 100%;
58 font-weight: normal;
59 }
60
61 ul {
62 list-style: none;
63 }
64
65 button,
66 input,
67 select,
68 textarea {
69 margin: 0;
70 }
71
72 html {
73 box-sizing: border-box;
74 }
75
76 * {
77 box-sizing: inherit;
78 }
79
80 *:before, *:after {
81 box-sizing: inherit;
82 }
83
84 img,
85 embed,
86 object,
87 audio,
88 video {
89 height: auto;
90 max-width: 100%;
91 }
92
93 iframe {
94 border: 0;
95 }
96
97 table {
98 border-collapse: collapse;
99 border-spacing: 0;
100 }
101
102 td,
103 th {
104 padding: 0;
105 text-align: left;
106 }
107
108 html {
109 background-color: #fff;
110 font-size: 16px;
111 -moz-osx-font-smoothing: grayscale;
112 -webkit-font-smoothing: antialiased;
113 min-width: 300px;
114 overflow-x: hidden;
115 overflow-y: scroll;
116 text-rendering: optimizeLegibility;
117 }
118
119 article,
120 aside,
121 figure,
122 footer,
123 header,
124 hgroup,
125 section {
126 display: block;
127 }
128
129 body,
130 button,
131 input,
132 select,
133 textarea {
134 font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen" , "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica ", "Arial", sans-serif;
135 }
136
137 code,
138 pre {
139 -moz-osx-font-smoothing: auto;
140 -webkit-font-smoothing: auto;
141 font-family: monospace;
142 }
143
144 body {
145 color: #4a4a4a;
146 font-size: 1rem;
147 font-weight: 400;
148 line-height: 1.5;
149 }
150
151 a {
152 color: #00d1b2;
153 cursor: pointer;
154 text-decoration: none;
155 -webkit-transition: none 86ms ease-out;
156 transition: none 86ms ease-out;
157 }
158
159 a:hover {
160 color: #363636;
161 }
162
163 code {
164 background-color: whitesmoke;
165 color: #ff3860;
166 font-size: 0.8em;
167 font-weight: normal;
168 padding: 0.25em 0.5em 0.25em;
169 }
170
171 hr {
172 background-color: #dbdbdb;
173 border: none;
174 display: block;
175 height: 1px;
176 margin: 1.5rem 0;
177 }
178
179 img {
180 max-width: 100%;
181 }
182
183 input[type="checkbox"],
184 input[type="radio"] {
185 vertical-align: baseline;
186 }
187
188 small {
189 font-size: 0.8em;
190 }
191
192 span {
193 font-style: inherit;
194 font-weight: inherit;
195 }
196
197 strong {
198 color: #363636;
199 font-weight: 700;
200 }
201
202 pre {
203 background-color: whitesmoke;
204 color: #4a4a4a;
205 font-size: 0.8em;
206 white-space: pre;
207 word-wrap: normal;
208 }
209
210 pre code {
211 -webkit-overflow-scrolling: touch;
212 background: none;
213 color: inherit;
214 display: block;
215 font-size: 1em;
216 overflow-x: auto;
217 padding: 1.25rem 1.5rem;
218 }
219
220 table {
221 width: 100%;
222 }
223
224 table td,
225 table th {
226 text-align: left;
227 vertical-align: top;
228 }
229
230 table th {
231 color: #363636;
232 }
233
234 .is-block {
235 display: block;
236 }
237
238 @media screen and (max-width: 768px) {
239 .is-block-mobile {
240 display: block !important;
241 }
242 }
243
244 @media screen and (min-width: 769px), print {
245 .is-block-tablet {
246 display: block !important;
247 }
248 }
249
250 @media screen and (min-width: 769px) and (max-width: 999px) {
251 .is-block-tablet-only {
252 display: block !important;
253 }
254 }
255
256 @media screen and (max-width: 999px) {
257 .is-block-touch {
258 display: block !important;
259 }
260 }
261
262 @media screen and (min-width: 1000px) {
263 .is-block-desktop {
264 display: block !important;
265 }
266 }
267
268 @media screen and (min-width: 1000px) and (max-width: 1191px) {
269 .is-block-desktop-only {
270 display: block !important;
271 }
272 }
273
274 @media screen and (min-width: 1192px) {
275 .is-block-widescreen {
276 display: block !important;
277 }
278 }
279
280 .is-flex {
281 display: -webkit-box;
282 display: -ms-flexbox;
283 display: flex;
284 }
285
286 @media screen and (max-width: 768px) {
287 .is-flex-mobile {
288 display: -webkit-box !important;
289 display: -ms-flexbox !important;
290 display: flex !important;
291 }
292 }
293
294 @media screen and (min-width: 769px), print {
295 .is-flex-tablet {
296 display: -webkit-box !important;
297 display: -ms-flexbox !important;
298 display: flex !important;
299 }
300 }
301
302 @media screen and (min-width: 769px) and (max-width: 999px) {
303 .is-flex-tablet-only {
304 display: -webkit-box !important;
305 display: -ms-flexbox !important;
306 display: flex !important;
307 }
308 }
309
310 @media screen and (max-width: 999px) {
311 .is-flex-touch {
312 display: -webkit-box !important;
313 display: -ms-flexbox !important;
314 display: flex !important;
315 }
316 }
317
318 @media screen and (min-width: 1000px) {
319 .is-flex-desktop {
320 display: -webkit-box !important;
321 display: -ms-flexbox !important;
322 display: flex !important;
323 }
324 }
325
326 @media screen and (min-width: 1000px) and (max-width: 1191px) {
327 .is-flex-desktop-only {
328 display: -webkit-box !important;
329 display: -ms-flexbox !important;
330 display: flex !important;
331 }
332 }
333
334 @media screen and (min-width: 1192px) {
335 .is-flex-widescreen {
336 display: -webkit-box !important;
337 display: -ms-flexbox !important;
338 display: flex !important;
339 }
340 }
341
342 .is-inline {
343 display: inline;
344 }
345
346 @media screen and (max-width: 768px) {
347 .is-inline-mobile {
348 display: inline !important;
349 }
350 }
351
352 @media screen and (min-width: 769px), print {
353 .is-inline-tablet {
354 display: inline !important;
355 }
356 }
357
358 @media screen and (min-width: 769px) and (max-width: 999px) {
359 .is-inline-tablet-only {
360 display: inline !important;
361 }
362 }
363
364 @media screen and (max-width: 999px) {
365 .is-inline-touch {
366 display: inline !important;
367 }
368 }
369
370 @media screen and (min-width: 1000px) {
371 .is-inline-desktop {
372 display: inline !important;
373 }
374 }
375
376 @media screen and (min-width: 1000px) and (max-width: 1191px) {
377 .is-inline-desktop-only {
378 display: inline !important;
379 }
380 }
381
382 @media screen and (min-width: 1192px) {
383 .is-inline-widescreen {
384 display: inline !important;
385 }
386 }
387
388 .is-inline-block {
389 display: inline-block;
390 }
391
392 @media screen and (max-width: 768px) {
393 .is-inline-block-mobile {
394 display: inline-block !important;
395 }
396 }
397
398 @media screen and (min-width: 769px), print {
399 .is-inline-block-tablet {
400 display: inline-block !important;
401 }
402 }
403
404 @media screen and (min-width: 769px) and (max-width: 999px) {
405 .is-inline-block-tablet-only {
406 display: inline-block !important;
407 }
408 }
409
410 @media screen and (max-width: 999px) {
411 .is-inline-block-touch {
412 display: inline-block !important;
413 }
414 }
415
416 @media screen and (min-width: 1000px) {
417 .is-inline-block-desktop {
418 display: inline-block !important;
419 }
420 }
421
422 @media screen and (min-width: 1000px) and (max-width: 1191px) {
423 .is-inline-block-desktop-only {
424 display: inline-block !important;
425 }
426 }
427
428 @media screen and (min-width: 1192px) {
429 .is-inline-block-widescreen {
430 display: inline-block !important;
431 }
432 }
433
434 .is-inline-flex {
435 display: -webkit-inline-box;
436 display: -ms-inline-flexbox;
437 display: inline-flex;
438 }
439
440 @media screen and (max-width: 768px) {
441 .is-inline-flex-mobile {
442 display: -webkit-inline-box !important;
443 display: -ms-inline-flexbox !important;
444 display: inline-flex !important;
445 }
446 }
447
448 @media screen and (min-width: 769px), print {
449 .is-inline-flex-tablet {
450 display: -webkit-inline-box !important;
451 display: -ms-inline-flexbox !important;
452 display: inline-flex !important;
453 }
454 }
455
456 @media screen and (min-width: 769px) and (max-width: 999px) {
457 .is-inline-flex-tablet-only {
458 display: -webkit-inline-box !important;
459 display: -ms-inline-flexbox !important;
460 display: inline-flex !important;
461 }
462 }
463
464 @media screen and (max-width: 999px) {
465 .is-inline-flex-touch {
466 display: -webkit-inline-box !important;
467 display: -ms-inline-flexbox !important;
468 display: inline-flex !important;
469 }
470 }
471
472 @media screen and (min-width: 1000px) {
473 .is-inline-flex-desktop {
474 display: -webkit-inline-box !important;
475 display: -ms-inline-flexbox !important;
476 display: inline-flex !important;
477 }
478 }
479
480 @media screen and (min-width: 1000px) and (max-width: 1191px) {
481 .is-inline-flex-desktop-only {
482 display: -webkit-inline-box !important;
483 display: -ms-inline-flexbox !important;
484 display: inline-flex !important;
485 }
486 }
487
488 @media screen and (min-width: 1192px) {
489 .is-inline-flex-widescreen {
490 display: -webkit-inline-box !important;
491 display: -ms-inline-flexbox !important;
492 display: inline-flex !important;
493 }
494 }
495
496 .is-clearfix:after {
497 clear: both;
498 content: " ";
499 display: table;
500 }
501
502 .is-pulled-left {
503 float: left;
504 }
505
506 .is-pulled-right {
507 float: right;
508 }
509
510 .is-clipped {
511 overflow: hidden !important;
512 }
513
514 .is-overlay {
515 bottom: 0;
516 left: 0;
517 position: absolute;
518 right: 0;
519 top: 0;
520 }
521
522 .has-text-centered {
523 text-align: center;
524 }
525
526 .has-text-left {
527 text-align: left;
528 }
529
530 .has-text-right {
531 text-align: right;
532 }
533
534 .has-text-white {
535 color: white;
536 }
537
538 a.has-text-white:hover, a.has-text-white:focus {
539 color: #e6e6e6;
540 }
541
542 .has-text-black {
543 color: #0a0a0a;
544 }
545
546 a.has-text-black:hover, a.has-text-black:focus {
547 color: black;
548 }
549
550 .has-text-light {
551 color: whitesmoke;
552 }
553
554 a.has-text-light:hover, a.has-text-light:focus {
555 color: #dbdbdb;
556 }
557
558 .has-text-dark {
559 color: #363636;
560 }
561
562 a.has-text-dark:hover, a.has-text-dark:focus {
563 color: #1c1c1c;
564 }
565
566 .has-text-primary {
567 color: #00d1b2;
568 }
569
570 a.has-text-primary:hover, a.has-text-primary:focus {
571 color: #009e86;
572 }
573
574 .has-text-info {
575 color: #3273dc;
576 }
577
578 a.has-text-info:hover, a.has-text-info:focus {
579 color: #205bbc;
580 }
581
582 .has-text-success {
583 color: #23d160;
584 }
585
586 a.has-text-success:hover, a.has-text-success:focus {
587 color: #1ca64c;
588 }
589
590 .has-text-warning {
591 color: #ffdd57;
592 }
593
594 a.has-text-warning:hover, a.has-text-warning:focus {
595 color: #ffd324;
596 }
597
598 .has-text-danger {
599 color: #ff3860;
600 }
601
602 a.has-text-danger:hover, a.has-text-danger:focus {
603 color: #ff0537;
604 }
605
606 .is-hidden {
607 display: none !important;
608 }
609
610 @media screen and (max-width: 768px) {
611 .is-hidden-mobile {
612 display: none !important;
613 }
614 }
615
616 @media screen and (min-width: 769px), print {
617 .is-hidden-tablet {
618 display: none !important;
619 }
620 }
621
622 @media screen and (min-width: 769px) and (max-width: 999px) {
623 .is-hidden-tablet-only {
624 display: none !important;
625 }
626 }
627
628 @media screen and (max-width: 999px) {
629 .is-hidden-touch {
630 display: none !important;
631 }
632 }
633
634 @media screen and (min-width: 1000px) {
635 .is-hidden-desktop {
636 display: none !important;
637 }
638 }
639
640 @media screen and (min-width: 1000px) and (max-width: 1191px) {
641 .is-hidden-desktop-only {
642 display: none !important;
643 }
644 }
645
646 @media screen and (min-width: 1192px) {
647 .is-hidden-widescreen {
648 display: none !important;
649 }
650 }
651
652 .is-marginless {
653 margin: 0 !important;
654 }
655
656 .is-paddingless {
657 padding: 0 !important;
658 }
659
660 .is-unselectable {
661 -webkit-touch-callout: none;
662 -webkit-user-select: none;
663 -moz-user-select: none;
664 -ms-user-select: none;
665 user-select: none;
666 }
667
668 .box {
669 background-color: white;
670 border-radius: 5px;
671 box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
672 display: block;
673 padding: 1.25rem;
674 }
675
676 .box:not(:last-child) {
677 margin-bottom: 1.5rem;
678 }
679
680 a.box:hover, a.box:focus {
681 box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #00d1b2;
682 }
683
684 a.box:active {
685 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #00d1b2;
686 }
687
688 .button {
689 -moz-appearance: none;
690 -webkit-appearance: none;
691 -webkit-box-align: center;
692 -ms-flex-align: center;
693 align-items: center;
694 border: 1px solid transparent;
695 border-radius: 3px;
696 box-shadow: none;
697 display: -webkit-inline-box;
698 display: -ms-inline-flexbox;
699 display: inline-flex;
700 font-size: 1rem;
701 height: 2.25em;
702 -webkit-box-pack: start;
703 -ms-flex-pack: start;
704 justify-content: flex-start;
705 line-height: 1.5;
706 padding-bottom: calc(0.375em - 1px);
707 padding-left: calc(0.625em - 1px);
708 padding-right: calc(0.625em - 1px);
709 padding-top: calc(0.375em - 1px);
710 position: relative;
711 vertical-align: top;
712 -webkit-touch-callout: none;
713 -webkit-user-select: none;
714 -moz-user-select: none;
715 -ms-user-select: none;
716 user-select: none;
717 background-color: white;
718 border-color: #dbdbdb;
719 color: #363636;
720 cursor: pointer;
721 -webkit-box-pack: center;
722 -ms-flex-pack: center;
723 justify-content: center;
724 padding-left: 0.75em;
725 padding-right: 0.75em;
726 text-align: center;
727 white-space: nowrap;
728 }
729
730 .button:focus, .button.is-focused, .button:active, .button.is-active {
731 outline: none;
732 }
733
734 .button[disabled] {
735 cursor: not-allowed;
736 }
737
738 .button strong {
739 color: inherit;
740 }
741
742 .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is -large {
743 height: 1.5em;
744 width: 1.5em;
745 }
746
747 .button .icon:first-child:not(:last-child) {
748 margin-left: calc(-0.375em - 1px);
749 margin-right: 0.1875em;
750 }
751
752 .button .icon:last-child:not(:first-child) {
753 margin-left: 0.1875em;
754 margin-right: calc(-0.375em - 1px);
755 }
756
757 .button .icon:first-child:last-child {
758 margin-left: calc(-0.375em - 1px);
759 margin-right: calc(-0.375em - 1px);
760 }
761
762 .button:hover, .button.is-hovered {
763 border-color: #b5b5b5;
764 color: #363636;
765 }
766
767 .button:focus, .button.is-focused {
768 border-color: #00d1b2;
769 box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
770 color: #363636;
771 }
772
773 .button:active, .button.is-active {
774 border-color: #4a4a4a;
775 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
776 color: #363636;
777 }
778
779 .button.is-link {
780 background-color: transparent;
781 border-color: transparent;
782 color: #4a4a4a;
783 text-decoration: underline;
784 }
785
786 .button.is-link:hover, .button.is-link.is-hovered, .button.is-link:focus, .butto n.is-link.is-focused, .button.is-link:active, .button.is-link.is-active {
787 background-color: whitesmoke;
788 color: #363636;
789 }
790
791 .button.is-link[disabled] {
792 background-color: transparent;
793 border-color: transparent;
794 box-shadow: none;
795 }
796
797 .button.is-white {
798 background-color: white;
799 border-color: transparent;
800 color: #0a0a0a;
801 }
802
803 .button.is-white:hover, .button.is-white.is-hovered {
804 background-color: #f9f9f9;
805 border-color: transparent;
806 color: #0a0a0a;
807 }
808
809 .button.is-white:focus, .button.is-white.is-focused {
810 border-color: transparent;
811 box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
812 color: #0a0a0a;
813 }
814
815 .button.is-white:active, .button.is-white.is-active {
816 background-color: #f2f2f2;
817 border-color: transparent;
818 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
819 color: #0a0a0a;
820 }
821
822 .button.is-white[disabled] {
823 background-color: white;
824 border-color: transparent;
825 box-shadow: none;
826 }
827
828 .button.is-white.is-inverted {
829 background-color: #0a0a0a;
830 color: white;
831 }
832
833 .button.is-white.is-inverted:hover {
834 background-color: black;
835 }
836
837 .button.is-white.is-inverted[disabled] {
838 background-color: #0a0a0a;
839 border-color: transparent;
840 box-shadow: none;
841 color: white;
842 }
843
844 .button.is-white.is-loading:after {
845 border-color: transparent transparent #0a0a0a #0a0a0a !important;
846 }
847
848 .button.is-white.is-outlined {
849 background-color: transparent;
850 border-color: white;
851 color: white;
852 }
853
854 .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus {
855 background-color: white;
856 border-color: white;
857 color: #0a0a0a;
858 }
859
860 .button.is-white.is-outlined.is-loading:after {
861 border-color: transparent transparent white white !important;
862 }
863
864 .button.is-white.is-outlined[disabled] {
865 background-color: transparent;
866 border-color: white;
867 box-shadow: none;
868 color: white;
869 }
870
871 .button.is-white.is-inverted.is-outlined {
872 background-color: transparent;
873 border-color: #0a0a0a;
874 color: #0a0a0a;
875 }
876
877 .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is- outlined:focus {
878 background-color: #0a0a0a;
879 color: white;
880 }
881
882 .button.is-white.is-inverted.is-outlined[disabled] {
883 background-color: transparent;
884 border-color: #0a0a0a;
885 box-shadow: none;
886 color: #0a0a0a;
887 }
888
889 .button.is-black {
890 background-color: #0a0a0a;
891 border-color: transparent;
892 color: white;
893 }
894
895 .button.is-black:hover, .button.is-black.is-hovered {
896 background-color: #040404;
897 border-color: transparent;
898 color: white;
899 }
900
901 .button.is-black:focus, .button.is-black.is-focused {
902 border-color: transparent;
903 box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
904 color: white;
905 }
906
907 .button.is-black:active, .button.is-black.is-active {
908 background-color: black;
909 border-color: transparent;
910 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
911 color: white;
912 }
913
914 .button.is-black[disabled] {
915 background-color: #0a0a0a;
916 border-color: transparent;
917 box-shadow: none;
918 }
919
920 .button.is-black.is-inverted {
921 background-color: white;
922 color: #0a0a0a;
923 }
924
925 .button.is-black.is-inverted:hover {
926 background-color: #f2f2f2;
927 }
928
929 .button.is-black.is-inverted[disabled] {
930 background-color: white;
931 border-color: transparent;
932 box-shadow: none;
933 color: #0a0a0a;
934 }
935
936 .button.is-black.is-loading:after {
937 border-color: transparent transparent white white !important;
938 }
939
940 .button.is-black.is-outlined {
941 background-color: transparent;
942 border-color: #0a0a0a;
943 color: #0a0a0a;
944 }
945
946 .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus {
947 background-color: #0a0a0a;
948 border-color: #0a0a0a;
949 color: white;
950 }
951
952 .button.is-black.is-outlined.is-loading:after {
953 border-color: transparent transparent #0a0a0a #0a0a0a !important;
954 }
955
956 .button.is-black.is-outlined[disabled] {
957 background-color: transparent;
958 border-color: #0a0a0a;
959 box-shadow: none;
960 color: #0a0a0a;
961 }
962
963 .button.is-black.is-inverted.is-outlined {
964 background-color: transparent;
965 border-color: white;
966 color: white;
967 }
968
969 .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is- outlined:focus {
970 background-color: white;
971 color: #0a0a0a;
972 }
973
974 .button.is-black.is-inverted.is-outlined[disabled] {
975 background-color: transparent;
976 border-color: white;
977 box-shadow: none;
978 color: white;
979 }
980
981 .button.is-light {
982 background-color: whitesmoke;
983 border-color: transparent;
984 color: #363636;
985 }
986
987 .button.is-light:hover, .button.is-light.is-hovered {
988 background-color: #eeeeee;
989 border-color: transparent;
990 color: #363636;
991 }
992
993 .button.is-light:focus, .button.is-light.is-focused {
994 border-color: transparent;
995 box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
996 color: #363636;
997 }
998
999 .button.is-light:active, .button.is-light.is-active {
1000 background-color: #e8e8e8;
1001 border-color: transparent;
1002 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
1003 color: #363636;
1004 }
1005
1006 .button.is-light[disabled] {
1007 background-color: whitesmoke;
1008 border-color: transparent;
1009 box-shadow: none;
1010 }
1011
1012 .button.is-light.is-inverted {
1013 background-color: #363636;
1014 color: whitesmoke;
1015 }
1016
1017 .button.is-light.is-inverted:hover {
1018 background-color: #292929;
1019 }
1020
1021 .button.is-light.is-inverted[disabled] {
1022 background-color: #363636;
1023 border-color: transparent;
1024 box-shadow: none;
1025 color: whitesmoke;
1026 }
1027
1028 .button.is-light.is-loading:after {
1029 border-color: transparent transparent #363636 #363636 !important;
1030 }
1031
1032 .button.is-light.is-outlined {
1033 background-color: transparent;
1034 border-color: whitesmoke;
1035 color: whitesmoke;
1036 }
1037
1038 .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus {
1039 background-color: whitesmoke;
1040 border-color: whitesmoke;
1041 color: #363636;
1042 }
1043
1044 .button.is-light.is-outlined.is-loading:after {
1045 border-color: transparent transparent whitesmoke whitesmoke !important;
1046 }
1047
1048 .button.is-light.is-outlined[disabled] {
1049 background-color: transparent;
1050 border-color: whitesmoke;
1051 box-shadow: none;
1052 color: whitesmoke;
1053 }
1054
1055 .button.is-light.is-inverted.is-outlined {
1056 background-color: transparent;
1057 border-color: #363636;
1058 color: #363636;
1059 }
1060
1061 .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is- outlined:focus {
1062 background-color: #363636;
1063 color: whitesmoke;
1064 }
1065
1066 .button.is-light.is-inverted.is-outlined[disabled] {
1067 background-color: transparent;
1068 border-color: #363636;
1069 box-shadow: none;
1070 color: #363636;
1071 }
1072
1073 .button.is-dark {
1074 background-color: #363636;
1075 border-color: transparent;
1076 color: whitesmoke;
1077 }
1078
1079 .button.is-dark:hover, .button.is-dark.is-hovered {
1080 background-color: #2f2f2f;
1081 border-color: transparent;
1082 color: whitesmoke;
1083 }
1084
1085 .button.is-dark:focus, .button.is-dark.is-focused {
1086 border-color: transparent;
1087 box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
1088 color: whitesmoke;
1089 }
1090
1091 .button.is-dark:active, .button.is-dark.is-active {
1092 background-color: #292929;
1093 border-color: transparent;
1094 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
1095 color: whitesmoke;
1096 }
1097
1098 .button.is-dark[disabled] {
1099 background-color: #363636;
1100 border-color: transparent;
1101 box-shadow: none;
1102 }
1103
1104 .button.is-dark.is-inverted {
1105 background-color: whitesmoke;
1106 color: #363636;
1107 }
1108
1109 .button.is-dark.is-inverted:hover {
1110 background-color: #e8e8e8;
1111 }
1112
1113 .button.is-dark.is-inverted[disabled] {
1114 background-color: whitesmoke;
1115 border-color: transparent;
1116 box-shadow: none;
1117 color: #363636;
1118 }
1119
1120 .button.is-dark.is-loading:after {
1121 border-color: transparent transparent whitesmoke whitesmoke !important;
1122 }
1123
1124 .button.is-dark.is-outlined {
1125 background-color: transparent;
1126 border-color: #363636;
1127 color: #363636;
1128 }
1129
1130 .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus {
1131 background-color: #363636;
1132 border-color: #363636;
1133 color: whitesmoke;
1134 }
1135
1136 .button.is-dark.is-outlined.is-loading:after {
1137 border-color: transparent transparent #363636 #363636 !important;
1138 }
1139
1140 .button.is-dark.is-outlined[disabled] {
1141 background-color: transparent;
1142 border-color: #363636;
1143 box-shadow: none;
1144 color: #363636;
1145 }
1146
1147 .button.is-dark.is-inverted.is-outlined {
1148 background-color: transparent;
1149 border-color: whitesmoke;
1150 color: whitesmoke;
1151 }
1152
1153 .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-ou tlined:focus {
1154 background-color: whitesmoke;
1155 color: #363636;
1156 }
1157
1158 .button.is-dark.is-inverted.is-outlined[disabled] {
1159 background-color: transparent;
1160 border-color: whitesmoke;
1161 box-shadow: none;
1162 color: whitesmoke;
1163 }
1164
1165 .button.is-primary {
1166 background-color: #00d1b2;
1167 border-color: transparent;
1168 color: #fff;
1169 }
1170
1171 .button.is-primary:hover, .button.is-primary.is-hovered {
1172 background-color: #00c4a7;
1173 border-color: transparent;
1174 color: #fff;
1175 }
1176
1177 .button.is-primary:focus, .button.is-primary.is-focused {
1178 border-color: transparent;
1179 box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
1180 color: #fff;
1181 }
1182
1183 .button.is-primary:active, .button.is-primary.is-active {
1184 background-color: #00b89c;
1185 border-color: transparent;
1186 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
1187 color: #fff;
1188 }
1189
1190 .button.is-primary[disabled] {
1191 background-color: #00d1b2;
1192 border-color: transparent;
1193 box-shadow: none;
1194 }
1195
1196 .button.is-primary.is-inverted {
1197 background-color: #fff;
1198 color: #00d1b2;
1199 }
1200
1201 .button.is-primary.is-inverted:hover {
1202 background-color: #f2f2f2;
1203 }
1204
1205 .button.is-primary.is-inverted[disabled] {
1206 background-color: #fff;
1207 border-color: transparent;
1208 box-shadow: none;
1209 color: #00d1b2;
1210 }
1211
1212 .button.is-primary.is-loading:after {
1213 border-color: transparent transparent #fff #fff !important;
1214 }
1215
1216 .button.is-primary.is-outlined {
1217 background-color: transparent;
1218 border-color: #00d1b2;
1219 color: #00d1b2;
1220 }
1221
1222 .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus {
1223 background-color: #00d1b2;
1224 border-color: #00d1b2;
1225 color: #fff;
1226 }
1227
1228 .button.is-primary.is-outlined.is-loading:after {
1229 border-color: transparent transparent #00d1b2 #00d1b2 !important;
1230 }
1231
1232 .button.is-primary.is-outlined[disabled] {
1233 background-color: transparent;
1234 border-color: #00d1b2;
1235 box-shadow: none;
1236 color: #00d1b2;
1237 }
1238
1239 .button.is-primary.is-inverted.is-outlined {
1240 background-color: transparent;
1241 border-color: #fff;
1242 color: #fff;
1243 }
1244
1245 .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted .is-outlined:focus {
1246 background-color: #fff;
1247 color: #00d1b2;
1248 }
1249
1250 .button.is-primary.is-inverted.is-outlined[disabled] {
1251 background-color: transparent;
1252 border-color: #fff;
1253 box-shadow: none;
1254 color: #fff;
1255 }
1256
1257 .button.is-info {
1258 background-color: #3273dc;
1259 border-color: transparent;
1260 color: #fff;
1261 }
1262
1263 .button.is-info:hover, .button.is-info.is-hovered {
1264 background-color: #276cda;
1265 border-color: transparent;
1266 color: #fff;
1267 }
1268
1269 .button.is-info:focus, .button.is-info.is-focused {
1270 border-color: transparent;
1271 box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
1272 color: #fff;
1273 }
1274
1275 .button.is-info:active, .button.is-info.is-active {
1276 background-color: #2366d1;
1277 border-color: transparent;
1278 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
1279 color: #fff;
1280 }
1281
1282 .button.is-info[disabled] {
1283 background-color: #3273dc;
1284 border-color: transparent;
1285 box-shadow: none;
1286 }
1287
1288 .button.is-info.is-inverted {
1289 background-color: #fff;
1290 color: #3273dc;
1291 }
1292
1293 .button.is-info.is-inverted:hover {
1294 background-color: #f2f2f2;
1295 }
1296
1297 .button.is-info.is-inverted[disabled] {
1298 background-color: #fff;
1299 border-color: transparent;
1300 box-shadow: none;
1301 color: #3273dc;
1302 }
1303
1304 .button.is-info.is-loading:after {
1305 border-color: transparent transparent #fff #fff !important;
1306 }
1307
1308 .button.is-info.is-outlined {
1309 background-color: transparent;
1310 border-color: #3273dc;
1311 color: #3273dc;
1312 }
1313
1314 .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus {
1315 background-color: #3273dc;
1316 border-color: #3273dc;
1317 color: #fff;
1318 }
1319
1320 .button.is-info.is-outlined.is-loading:after {
1321 border-color: transparent transparent #3273dc #3273dc !important;
1322 }
1323
1324 .button.is-info.is-outlined[disabled] {
1325 background-color: transparent;
1326 border-color: #3273dc;
1327 box-shadow: none;
1328 color: #3273dc;
1329 }
1330
1331 .button.is-info.is-inverted.is-outlined {
1332 background-color: transparent;
1333 border-color: #fff;
1334 color: #fff;
1335 }
1336
1337 .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-ou tlined:focus {
1338 background-color: #fff;
1339 color: #3273dc;
1340 }
1341
1342 .button.is-info.is-inverted.is-outlined[disabled] {
1343 background-color: transparent;
1344 border-color: #fff;
1345 box-shadow: none;
1346 color: #fff;
1347 }
1348
1349 .button.is-success {
1350 background-color: #23d160;
1351 border-color: transparent;
1352 color: #fff;
1353 }
1354
1355 .button.is-success:hover, .button.is-success.is-hovered {
1356 background-color: #22c65b;
1357 border-color: transparent;
1358 color: #fff;
1359 }
1360
1361 .button.is-success:focus, .button.is-success.is-focused {
1362 border-color: transparent;
1363 box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
1364 color: #fff;
1365 }
1366
1367 .button.is-success:active, .button.is-success.is-active {
1368 background-color: #20bc56;
1369 border-color: transparent;
1370 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
1371 color: #fff;
1372 }
1373
1374 .button.is-success[disabled] {
1375 background-color: #23d160;
1376 border-color: transparent;
1377 box-shadow: none;
1378 }
1379
1380 .button.is-success.is-inverted {
1381 background-color: #fff;
1382 color: #23d160;
1383 }
1384
1385 .button.is-success.is-inverted:hover {
1386 background-color: #f2f2f2;
1387 }
1388
1389 .button.is-success.is-inverted[disabled] {
1390 background-color: #fff;
1391 border-color: transparent;
1392 box-shadow: none;
1393 color: #23d160;
1394 }
1395
1396 .button.is-success.is-loading:after {
1397 border-color: transparent transparent #fff #fff !important;
1398 }
1399
1400 .button.is-success.is-outlined {
1401 background-color: transparent;
1402 border-color: #23d160;
1403 color: #23d160;
1404 }
1405
1406 .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus {
1407 background-color: #23d160;
1408 border-color: #23d160;
1409 color: #fff;
1410 }
1411
1412 .button.is-success.is-outlined.is-loading:after {
1413 border-color: transparent transparent #23d160 #23d160 !important;
1414 }
1415
1416 .button.is-success.is-outlined[disabled] {
1417 background-color: transparent;
1418 border-color: #23d160;
1419 box-shadow: none;
1420 color: #23d160;
1421 }
1422
1423 .button.is-success.is-inverted.is-outlined {
1424 background-color: transparent;
1425 border-color: #fff;
1426 color: #fff;
1427 }
1428
1429 .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted .is-outlined:focus {
1430 background-color: #fff;
1431 color: #23d160;
1432 }
1433
1434 .button.is-success.is-inverted.is-outlined[disabled] {
1435 background-color: transparent;
1436 border-color: #fff;
1437 box-shadow: none;
1438 color: #fff;
1439 }
1440
1441 .button.is-warning {
1442 background-color: #ffdd57;
1443 border-color: transparent;
1444 color: rgba(0, 0, 0, 0.7);
1445 }
1446
1447 .button.is-warning:hover, .button.is-warning.is-hovered {
1448 background-color: #ffdb4a;
1449 border-color: transparent;
1450 color: rgba(0, 0, 0, 0.7);
1451 }
1452
1453 .button.is-warning:focus, .button.is-warning.is-focused {
1454 border-color: transparent;
1455 box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
1456 color: rgba(0, 0, 0, 0.7);
1457 }
1458
1459 .button.is-warning:active, .button.is-warning.is-active {
1460 background-color: #ffd83d;
1461 border-color: transparent;
1462 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
1463 color: rgba(0, 0, 0, 0.7);
1464 }
1465
1466 .button.is-warning[disabled] {
1467 background-color: #ffdd57;
1468 border-color: transparent;
1469 box-shadow: none;
1470 }
1471
1472 .button.is-warning.is-inverted {
1473 background-color: rgba(0, 0, 0, 0.7);
1474 color: #ffdd57;
1475 }
1476
1477 .button.is-warning.is-inverted:hover {
1478 background-color: rgba(0, 0, 0, 0.7);
1479 }
1480
1481 .button.is-warning.is-inverted[disabled] {
1482 background-color: rgba(0, 0, 0, 0.7);
1483 border-color: transparent;
1484 box-shadow: none;
1485 color: #ffdd57;
1486 }
1487
1488 .button.is-warning.is-loading:after {
1489 border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !i mportant;
1490 }
1491
1492 .button.is-warning.is-outlined {
1493 background-color: transparent;
1494 border-color: #ffdd57;
1495 color: #ffdd57;
1496 }
1497
1498 .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus {
1499 background-color: #ffdd57;
1500 border-color: #ffdd57;
1501 color: rgba(0, 0, 0, 0.7);
1502 }
1503
1504 .button.is-warning.is-outlined.is-loading:after {
1505 border-color: transparent transparent #ffdd57 #ffdd57 !important;
1506 }
1507
1508 .button.is-warning.is-outlined[disabled] {
1509 background-color: transparent;
1510 border-color: #ffdd57;
1511 box-shadow: none;
1512 color: #ffdd57;
1513 }
1514
1515 .button.is-warning.is-inverted.is-outlined {
1516 background-color: transparent;
1517 border-color: rgba(0, 0, 0, 0.7);
1518 color: rgba(0, 0, 0, 0.7);
1519 }
1520
1521 .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted .is-outlined:focus {
1522 background-color: rgba(0, 0, 0, 0.7);
1523 color: #ffdd57;
1524 }
1525
1526 .button.is-warning.is-inverted.is-outlined[disabled] {
1527 background-color: transparent;
1528 border-color: rgba(0, 0, 0, 0.7);
1529 box-shadow: none;
1530 color: rgba(0, 0, 0, 0.7);
1531 }
1532
1533 .button.is-danger {
1534 background-color: #ff3860;
1535 border-color: transparent;
1536 color: #fff;
1537 }
1538
1539 .button.is-danger:hover, .button.is-danger.is-hovered {
1540 background-color: #ff2b56;
1541 border-color: transparent;
1542 color: #fff;
1543 }
1544
1545 .button.is-danger:focus, .button.is-danger.is-focused {
1546 border-color: transparent;
1547 box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
1548 color: #fff;
1549 }
1550
1551 .button.is-danger:active, .button.is-danger.is-active {
1552 background-color: #ff1f4b;
1553 border-color: transparent;
1554 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
1555 color: #fff;
1556 }
1557
1558 .button.is-danger[disabled] {
1559 background-color: #ff3860;
1560 border-color: transparent;
1561 box-shadow: none;
1562 }
1563
1564 .button.is-danger.is-inverted {
1565 background-color: #fff;
1566 color: #ff3860;
1567 }
1568
1569 .button.is-danger.is-inverted:hover {
1570 background-color: #f2f2f2;
1571 }
1572
1573 .button.is-danger.is-inverted[disabled] {
1574 background-color: #fff;
1575 border-color: transparent;
1576 box-shadow: none;
1577 color: #ff3860;
1578 }
1579
1580 .button.is-danger.is-loading:after {
1581 border-color: transparent transparent #fff #fff !important;
1582 }
1583
1584 .button.is-danger.is-outlined {
1585 background-color: transparent;
1586 border-color: #ff3860;
1587 color: #ff3860;
1588 }
1589
1590 .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus {
1591 background-color: #ff3860;
1592 border-color: #ff3860;
1593 color: #fff;
1594 }
1595
1596 .button.is-danger.is-outlined.is-loading:after {
1597 border-color: transparent transparent #ff3860 #ff3860 !important;
1598 }
1599
1600 .button.is-danger.is-outlined[disabled] {
1601 background-color: transparent;
1602 border-color: #ff3860;
1603 box-shadow: none;
1604 color: #ff3860;
1605 }
1606
1607 .button.is-danger.is-inverted.is-outlined {
1608 background-color: transparent;
1609 border-color: #fff;
1610 color: #fff;
1611 }
1612
1613 .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.i s-outlined:focus {
1614 background-color: #fff;
1615 color: #ff3860;
1616 }
1617
1618 .button.is-danger.is-inverted.is-outlined[disabled] {
1619 background-color: transparent;
1620 border-color: #fff;
1621 box-shadow: none;
1622 color: #fff;
1623 }
1624
1625 .button.is-small {
1626 border-radius: 2px;
1627 font-size: 0.75rem;
1628 }
1629
1630 .button.is-medium {
1631 font-size: 1.25rem;
1632 }
1633
1634 .button.is-large {
1635 font-size: 1.5rem;
1636 }
1637
1638 .button[disabled] {
1639 background-color: white;
1640 border-color: #dbdbdb;
1641 box-shadow: none;
1642 opacity: 0.5;
1643 }
1644
1645 .button.is-fullwidth {
1646 display: -webkit-box;
1647 display: -ms-flexbox;
1648 display: flex;
1649 width: 100%;
1650 }
1651
1652 .button.is-loading {
1653 color: transparent !important;
1654 pointer-events: none;
1655 }
1656
1657 .button.is-loading:after {
1658 -webkit-animation: spinAround 500ms infinite linear;
1659 animation: spinAround 500ms infinite linear;
1660 border: 2px solid #dbdbdb;
1661 border-radius: 290486px;
1662 border-right-color: transparent;
1663 border-top-color: transparent;
1664 content: "";
1665 display: block;
1666 height: 1em;
1667 position: relative;
1668 width: 1em;
1669 position: absolute;
1670 left: calc(50% - (1em / 2));
1671 top: calc(50% - (1em / 2));
1672 position: absolute !important;
1673 }
1674
1675 button.button,
1676 input[type="submit"].button {
1677 line-height: 1;
1678 padding-bottom: 0.4em;
1679 padding-top: 0.35em;
1680 }
1681
1682 .content {
1683 color: #4a4a4a;
1684 }
1685
1686 .content:not(:last-child) {
1687 margin-bottom: 1.5rem;
1688 }
1689
1690 .content li + li {
1691 margin-top: 0.25em;
1692 }
1693
1694 .content p:not(:last-child),
1695 .content dl:not(:last-child),
1696 .content ol:not(:last-child),
1697 .content ul:not(:last-child),
1698 .content blockquote:not(:last-child),
1699 .content pre:not(:last-child),
1700 .content table:not(:last-child) {
1701 margin-bottom: 1em;
1702 }
1703
1704 .content h1,
1705 .content h2,
1706 .content h3,
1707 .content h4,
1708 .content h5,
1709 .content h6 {
1710 color: #363636;
1711 font-weight: 400;
1712 line-height: 1.125;
1713 }
1714
1715 .content h1 {
1716 font-size: 2em;
1717 margin-bottom: 0.5em;
1718 }
1719
1720 .content h1:not(:first-child) {
1721 margin-top: 1em;
1722 }
1723
1724 .content h2 {
1725 font-size: 1.75em;
1726 margin-bottom: 0.5714em;
1727 }
1728
1729 .content h2:not(:first-child) {
1730 margin-top: 1.1428em;
1731 }
1732
1733 .content h3 {
1734 font-size: 1.5em;
1735 margin-bottom: 0.6666em;
1736 }
1737
1738 .content h3:not(:first-child) {
1739 margin-top: 1.3333em;
1740 }
1741
1742 .content h4 {
1743 font-size: 1.25em;
1744 margin-bottom: 0.8em;
1745 }
1746
1747 .content h5 {
1748 font-size: 1.125em;
1749 margin-bottom: 0.8888em;
1750 }
1751
1752 .content h6 {
1753 font-size: 1em;
1754 margin-bottom: 1em;
1755 }
1756
1757 .content blockquote {
1758 background-color: whitesmoke;
1759 border-left: 5px solid #dbdbdb;
1760 padding: 1.25em 1.5em;
1761 }
1762
1763 .content ol {
1764 list-style: decimal outside;
1765 margin-left: 2em;
1766 margin-right: 2em;
1767 margin-top: 1em;
1768 }
1769
1770 .content ul {
1771 list-style: disc outside;
1772 margin-left: 2em;
1773 margin-right: 2em;
1774 margin-top: 1em;
1775 }
1776
1777 .content ul ul {
1778 list-style-type: circle;
1779 margin-top: 0.5em;
1780 }
1781
1782 .content ul ul ul {
1783 list-style-type: square;
1784 }
1785
1786 .content dd {
1787 margin-left: 2em;
1788 }
1789
1790 .content pre {
1791 -webkit-overflow-scrolling: touch;
1792 overflow-x: auto;
1793 padding: 1.25em 1.5em;
1794 white-space: pre;
1795 word-wrap: normal;
1796 }
1797
1798 .content table {
1799 width: 100%;
1800 }
1801
1802 .content table td,
1803 .content table th {
1804 border: 1px solid #dbdbdb;
1805 border-width: 0 0 1px;
1806 padding: 0.5em 0.75em;
1807 vertical-align: top;
1808 }
1809
1810 .content table th {
1811 color: #363636;
1812 text-align: left;
1813 }
1814
1815 .content table tr:hover {
1816 background-color: whitesmoke;
1817 }
1818
1819 .content table thead td,
1820 .content table thead th {
1821 border-width: 0 0 2px;
1822 color: #363636;
1823 }
1824
1825 .content table tfoot td,
1826 .content table tfoot th {
1827 border-width: 2px 0 0;
1828 color: #363636;
1829 }
1830
1831 .content table tbody tr:last-child td,
1832 .content table tbody tr:last-child th {
1833 border-bottom-width: 0;
1834 }
1835
1836 .content.is-small {
1837 font-size: 0.75rem;
1838 }
1839
1840 .content.is-medium {
1841 font-size: 1.25rem;
1842 }
1843
1844 .content.is-large {
1845 font-size: 1.5rem;
1846 }
1847
1848 .input,
1849 .textarea {
1850 -moz-appearance: none;
1851 -webkit-appearance: none;
1852 -webkit-box-align: center;
1853 -ms-flex-align: center;
1854 align-items: center;
1855 border: 1px solid transparent;
1856 border-radius: 3px;
1857 box-shadow: none;
1858 display: -webkit-inline-box;
1859 display: -ms-inline-flexbox;
1860 display: inline-flex;
1861 font-size: 1rem;
1862 height: 2.25em;
1863 -webkit-box-pack: start;
1864 -ms-flex-pack: start;
1865 justify-content: flex-start;
1866 line-height: 1.5;
1867 padding-bottom: calc(0.375em - 1px);
1868 padding-left: calc(0.625em - 1px);
1869 padding-right: calc(0.625em - 1px);
1870 padding-top: calc(0.375em - 1px);
1871 position: relative;
1872 vertical-align: top;
1873 background-color: white;
1874 border-color: #dbdbdb;
1875 color: #363636;
1876 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
1877 max-width: 100%;
1878 width: 100%;
1879 }
1880
1881 .input:focus, .input.is-focused, .input:active, .input.is-active,
1882 .textarea:focus,
1883 .textarea.is-focused,
1884 .textarea:active,
1885 .textarea.is-active {
1886 outline: none;
1887 }
1888
1889 .input[disabled],
1890 .textarea[disabled] {
1891 cursor: not-allowed;
1892 }
1893
1894 .input:hover, .input.is-hovered,
1895 .textarea:hover,
1896 .textarea.is-hovered {
1897 border-color: #b5b5b5;
1898 }
1899
1900 .input:focus, .input.is-focused, .input:active, .input.is-active,
1901 .textarea:focus,
1902 .textarea.is-focused,
1903 .textarea:active,
1904 .textarea.is-active {
1905 border-color: #00d1b2;
1906 }
1907
1908 .input[disabled],
1909 .textarea[disabled] {
1910 background-color: whitesmoke;
1911 border-color: whitesmoke;
1912 box-shadow: none;
1913 color: #7a7a7a;
1914 }
1915
1916 .input[disabled]::-moz-placeholder,
1917 .textarea[disabled]::-moz-placeholder {
1918 color: rgba(54, 54, 54, 0.3);
1919 }
1920
1921 .input[disabled]::-webkit-input-placeholder,
1922 .textarea[disabled]::-webkit-input-placeholder {
1923 color: rgba(54, 54, 54, 0.3);
1924 }
1925
1926 .input[disabled]:-moz-placeholder,
1927 .textarea[disabled]:-moz-placeholder {
1928 color: rgba(54, 54, 54, 0.3);
1929 }
1930
1931 .input[disabled]:-ms-input-placeholder,
1932 .textarea[disabled]:-ms-input-placeholder {
1933 color: rgba(54, 54, 54, 0.3);
1934 }
1935
1936 .input[type="search"],
1937 .textarea[type="search"] {
1938 border-radius: 290486px;
1939 }
1940
1941 .input.is-white,
1942 .textarea.is-white {
1943 border-color: white;
1944 }
1945
1946 .input.is-black,
1947 .textarea.is-black {
1948 border-color: #0a0a0a;
1949 }
1950
1951 .input.is-light,
1952 .textarea.is-light {
1953 border-color: whitesmoke;
1954 }
1955
1956 .input.is-dark,
1957 .textarea.is-dark {
1958 border-color: #363636;
1959 }
1960
1961 .input.is-primary,
1962 .textarea.is-primary {
1963 border-color: #00d1b2;
1964 }
1965
1966 .input.is-info,
1967 .textarea.is-info {
1968 border-color: #3273dc;
1969 }
1970
1971 .input.is-success,
1972 .textarea.is-success {
1973 border-color: #23d160;
1974 }
1975
1976 .input.is-warning,
1977 .textarea.is-warning {
1978 border-color: #ffdd57;
1979 }
1980
1981 .input.is-danger,
1982 .textarea.is-danger {
1983 border-color: #ff3860;
1984 }
1985
1986 .input.is-small,
1987 .textarea.is-small {
1988 border-radius: 2px;
1989 font-size: 0.75rem;
1990 }
1991
1992 .input.is-medium,
1993 .textarea.is-medium {
1994 font-size: 1.25rem;
1995 }
1996
1997 .input.is-large,
1998 .textarea.is-large {
1999 font-size: 1.5rem;
2000 }
2001
2002 .input.is-fullwidth,
2003 .textarea.is-fullwidth {
2004 display: block;
2005 width: 100%;
2006 }
2007
2008 .input.is-inline,
2009 .textarea.is-inline {
2010 display: inline;
2011 width: auto;
2012 }
2013
2014 .textarea {
2015 display: block;
2016 max-height: 600px;
2017 max-width: 100%;
2018 min-height: 120px;
2019 min-width: 100%;
2020 padding: 0.625em;
2021 resize: vertical;
2022 }
2023
2024 .checkbox,
2025 .radio {
2026 cursor: pointer;
2027 display: inline-block;
2028 line-height: 1.25;
2029 position: relative;
2030 }
2031
2032 .checkbox input,
2033 .radio input {
2034 cursor: pointer;
2035 }
2036
2037 .checkbox:hover,
2038 .radio:hover {
2039 color: #363636;
2040 }
2041
2042 .checkbox[disabled],
2043 .radio[disabled] {
2044 color: #7a7a7a;
2045 cursor: not-allowed;
2046 }
2047
2048 .radio + .radio {
2049 margin-left: 0.5em;
2050 }
2051
2052 .select {
2053 display: inline-block;
2054 height: 2.25em;
2055 position: relative;
2056 vertical-align: top;
2057 }
2058
2059 .select:after {
2060 border: 1px solid #00d1b2;
2061 border-right: 0;
2062 border-top: 0;
2063 content: " ";
2064 display: block;
2065 height: 0.5em;
2066 pointer-events: none;
2067 position: absolute;
2068 -webkit-transform: rotate(-45deg);
2069 transform: rotate(-45deg);
2070 width: 0.5em;
2071 margin-top: -0.375em;
2072 right: 1.125em;
2073 top: 50%;
2074 z-index: 4;
2075 }
2076
2077 .select select {
2078 -moz-appearance: none;
2079 -webkit-appearance: none;
2080 -webkit-box-align: center;
2081 -ms-flex-align: center;
2082 align-items: center;
2083 border: 1px solid transparent;
2084 border-radius: 3px;
2085 box-shadow: none;
2086 display: -webkit-inline-box;
2087 display: -ms-inline-flexbox;
2088 display: inline-flex;
2089 font-size: 1rem;
2090 height: 2.25em;
2091 -webkit-box-pack: start;
2092 -ms-flex-pack: start;
2093 justify-content: flex-start;
2094 line-height: 1.5;
2095 padding-bottom: calc(0.375em - 1px);
2096 padding-left: calc(0.625em - 1px);
2097 padding-right: calc(0.625em - 1px);
2098 padding-top: calc(0.375em - 1px);
2099 position: relative;
2100 vertical-align: top;
2101 background-color: white;
2102 border-color: #dbdbdb;
2103 color: #363636;
2104 cursor: pointer;
2105 display: block;
2106 font-size: 1em;
2107 outline: none;
2108 padding-right: 2.5em;
2109 }
2110
2111 .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
2112 outline: none;
2113 }
2114
2115 .select select[disabled] {
2116 cursor: not-allowed;
2117 }
2118
2119 .select select:hover, .select select.is-hovered {
2120 border-color: #b5b5b5;
2121 }
2122
2123 .select select:focus, .select select.is-focused, .select select:active, .select select.is-active {
2124 border-color: #00d1b2;
2125 }
2126
2127 .select select[disabled] {
2128 background-color: whitesmoke;
2129 border-color: whitesmoke;
2130 box-shadow: none;
2131 color: #7a7a7a;
2132 }
2133
2134 .select select[disabled]::-moz-placeholder {
2135 color: rgba(54, 54, 54, 0.3);
2136 }
2137
2138 .select select[disabled]::-webkit-input-placeholder {
2139 color: rgba(54, 54, 54, 0.3);
2140 }
2141
2142 .select select[disabled]:-moz-placeholder {
2143 color: rgba(54, 54, 54, 0.3);
2144 }
2145
2146 .select select[disabled]:-ms-input-placeholder {
2147 color: rgba(54, 54, 54, 0.3);
2148 }
2149
2150 .select select:hover {
2151 border-color: #b5b5b5;
2152 }
2153
2154 .select select::-ms-expand {
2155 display: none;
2156 }
2157
2158 .select select[disabled]:hover {
2159 border-color: whitesmoke;
2160 }
2161
2162 .select:hover:after {
2163 border-color: #363636;
2164 }
2165
2166 .select.is-white select {
2167 border-color: white;
2168 }
2169
2170 .select.is-black select {
2171 border-color: #0a0a0a;
2172 }
2173
2174 .select.is-light select {
2175 border-color: whitesmoke;
2176 }
2177
2178 .select.is-dark select {
2179 border-color: #363636;
2180 }
2181
2182 .select.is-primary select {
2183 border-color: #00d1b2;
2184 }
2185
2186 .select.is-info select {
2187 border-color: #3273dc;
2188 }
2189
2190 .select.is-success select {
2191 border-color: #23d160;
2192 }
2193
2194 .select.is-warning select {
2195 border-color: #ffdd57;
2196 }
2197
2198 .select.is-danger select {
2199 border-color: #ff3860;
2200 }
2201
2202 .select.is-small {
2203 border-radius: 2px;
2204 font-size: 0.75rem;
2205 }
2206
2207 .select.is-medium {
2208 font-size: 1.25rem;
2209 }
2210
2211 .select.is-large {
2212 font-size: 1.5rem;
2213 }
2214
2215 .select.is-disabled:after {
2216 border-color: #7a7a7a;
2217 }
2218
2219 .select.is-fullwidth {
2220 width: 100%;
2221 }
2222
2223 .select.is-fullwidth select {
2224 width: 100%;
2225 }
2226
2227 .select.is-loading:after {
2228 -webkit-animation: spinAround 500ms infinite linear;
2229 animation: spinAround 500ms infinite linear;
2230 border: 2px solid #dbdbdb;
2231 border-radius: 290486px;
2232 border-right-color: transparent;
2233 border-top-color: transparent;
2234 content: "";
2235 display: block;
2236 height: 1em;
2237 position: relative;
2238 width: 1em;
2239 margin-top: 0;
2240 position: absolute;
2241 right: 0.625em;
2242 top: 0.625em;
2243 -webkit-transform: none;
2244 transform: none;
2245 }
2246
2247 .label {
2248 color: #363636;
2249 display: block;
2250 font-size: 1rem;
2251 font-weight: 700;
2252 }
2253
2254 .label:not(:last-child) {
2255 margin-bottom: 0.5em;
2256 }
2257
2258 .label.is-small {
2259 font-size: 0.75rem;
2260 }
2261
2262 .label.is-medium {
2263 font-size: 1.25rem;
2264 }
2265
2266 .label.is-large {
2267 font-size: 1.5rem;
2268 }
2269
2270 .help {
2271 display: block;
2272 font-size: 0.75rem;
2273 margin-top: 0.25rem;
2274 }
2275
2276 .help.is-white {
2277 color: white;
2278 }
2279
2280 .help.is-black {
2281 color: #0a0a0a;
2282 }
2283
2284 .help.is-light {
2285 color: whitesmoke;
2286 }
2287
2288 .help.is-dark {
2289 color: #363636;
2290 }
2291
2292 .help.is-primary {
2293 color: #00d1b2;
2294 }
2295
2296 .help.is-info {
2297 color: #3273dc;
2298 }
2299
2300 .help.is-success {
2301 color: #23d160;
2302 }
2303
2304 .help.is-warning {
2305 color: #ffdd57;
2306 }
2307
2308 .help.is-danger {
2309 color: #ff3860;
2310 }
2311
2312 .field:not(:last-child) {
2313 margin-bottom: 0.75rem;
2314 }
2315
2316 .field.has-addons {
2317 display: -webkit-box;
2318 display: -ms-flexbox;
2319 display: flex;
2320 -webkit-box-pack: start;
2321 -ms-flex-pack: start;
2322 justify-content: flex-start;
2323 }
2324
2325 .field.has-addons .control {
2326 margin-right: -1px;
2327 }
2328
2329 .field.has-addons .control:first-child .button,
2330 .field.has-addons .control:first-child .input,
2331 .field.has-addons .control:first-child .select select {
2332 border-bottom-left-radius: 3px;
2333 border-top-left-radius: 3px;
2334 }
2335
2336 .field.has-addons .control:last-child .button,
2337 .field.has-addons .control:last-child .input,
2338 .field.has-addons .control:last-child .select select {
2339 border-bottom-right-radius: 3px;
2340 border-top-right-radius: 3px;
2341 }
2342
2343 .field.has-addons .control .button,
2344 .field.has-addons .control .input,
2345 .field.has-addons .control .select select {
2346 border-radius: 0;
2347 }
2348
2349 .field.has-addons .control .button:hover, .field.has-addons .control .button.is- hovered,
2350 .field.has-addons .control .input:hover,
2351 .field.has-addons .control .input.is-hovered,
2352 .field.has-addons .control .select select:hover,
2353 .field.has-addons .control .select select.is-hovered {
2354 z-index: 2;
2355 }
2356
2357 .field.has-addons .control .button:focus, .field.has-addons .control .button.is- focused, .field.has-addons .control .button:active, .field.has-addons .control . button.is-active,
2358 .field.has-addons .control .input:focus,
2359 .field.has-addons .control .input.is-focused,
2360 .field.has-addons .control .input:active,
2361 .field.has-addons .control .input.is-active,
2362 .field.has-addons .control .select select:focus,
2363 .field.has-addons .control .select select.is-focused,
2364 .field.has-addons .control .select select:active,
2365 .field.has-addons .control .select select.is-active {
2366 z-index: 3;
2367 }
2368
2369 .field.has-addons .control .button:focus:hover, .field.has-addons .control .butt on.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has -addons .control .button.is-active:hover,
2370 .field.has-addons .control .input:focus:hover,
2371 .field.has-addons .control .input.is-focused:hover,
2372 .field.has-addons .control .input:active:hover,
2373 .field.has-addons .control .input.is-active:hover,
2374 .field.has-addons .control .select select:focus:hover,
2375 .field.has-addons .control .select select.is-focused:hover,
2376 .field.has-addons .control .select select:active:hover,
2377 .field.has-addons .control .select select.is-active:hover {
2378 z-index: 4;
2379 }
2380
2381 .field.has-addons .control.is-expanded {
2382 -webkit-box-flex: 1;
2383 -ms-flex-positive: 1;
2384 flex-grow: 1;
2385 -ms-flex-negative: 0;
2386 flex-shrink: 0;
2387 }
2388
2389 .field.has-addons.has-addons-centered {
2390 -webkit-box-pack: center;
2391 -ms-flex-pack: center;
2392 justify-content: center;
2393 }
2394
2395 .field.has-addons.has-addons-right {
2396 -webkit-box-pack: end;
2397 -ms-flex-pack: end;
2398 justify-content: flex-end;
2399 }
2400
2401 .field.has-addons.has-addons-fullwidth .control {
2402 -webkit-box-flex: 1;
2403 -ms-flex-positive: 1;
2404 flex-grow: 1;
2405 -ms-flex-negative: 0;
2406 flex-shrink: 0;
2407 }
2408
2409 .field.is-grouped {
2410 display: -webkit-box;
2411 display: -ms-flexbox;
2412 display: flex;
2413 -webkit-box-pack: start;
2414 -ms-flex-pack: start;
2415 justify-content: flex-start;
2416 }
2417
2418 .field.is-grouped > .control {
2419 -ms-flex-negative: 0;
2420 flex-shrink: 0;
2421 }
2422
2423 .field.is-grouped > .control:not(:last-child) {
2424 margin-bottom: 0;
2425 margin-right: 0.75rem;
2426 }
2427
2428 .field.is-grouped > .control.is-expanded {
2429 -webkit-box-flex: 1;
2430 -ms-flex-positive: 1;
2431 flex-grow: 1;
2432 -ms-flex-negative: 1;
2433 flex-shrink: 1;
2434 }
2435
2436 .field.is-grouped.is-grouped-centered {
2437 -webkit-box-pack: center;
2438 -ms-flex-pack: center;
2439 justify-content: center;
2440 }
2441
2442 .field.is-grouped.is-grouped-right {
2443 -webkit-box-pack: end;
2444 -ms-flex-pack: end;
2445 justify-content: flex-end;
2446 }
2447
2448 @media screen and (min-width: 769px), print {
2449 .field.is-horizontal {
2450 display: -webkit-box;
2451 display: -ms-flexbox;
2452 display: flex;
2453 }
2454 }
2455
2456 .field-label .label {
2457 font-size: inherit;
2458 }
2459
2460 @media screen and (max-width: 768px) {
2461 .field-label {
2462 margin-bottom: 0.5rem;
2463 }
2464 }
2465
2466 @media screen and (min-width: 769px), print {
2467 .field-label {
2468 -ms-flex-preferred-size: 0;
2469 flex-basis: 0;
2470 -webkit-box-flex: 1;
2471 -ms-flex-positive: 1;
2472 flex-grow: 1;
2473 -ms-flex-negative: 0;
2474 flex-shrink: 0;
2475 margin-right: 1.5rem;
2476 text-align: right;
2477 }
2478 .field-label.is-small {
2479 font-size: 0.75rem;
2480 padding-top: 0.375em;
2481 }
2482 .field-label.is-normal {
2483 padding-top: 0.375em;
2484 }
2485 .field-label.is-medium {
2486 font-size: 1.25rem;
2487 padding-top: 0.375em;
2488 }
2489 .field-label.is-large {
2490 font-size: 1.5rem;
2491 padding-top: 0.375em;
2492 }
2493 }
2494
2495 @media screen and (min-width: 769px), print {
2496 .field-body {
2497 display: -webkit-box;
2498 display: -ms-flexbox;
2499 display: flex;
2500 -ms-flex-preferred-size: 0;
2501 flex-basis: 0;
2502 -webkit-box-flex: 5;
2503 -ms-flex-positive: 5;
2504 flex-grow: 5;
2505 -ms-flex-negative: 1;
2506 flex-shrink: 1;
2507 }
2508 .field-body .field {
2509 -ms-flex-negative: 1;
2510 flex-shrink: 1;
2511 }
2512 .field-body .field:not(.is-narrow) {
2513 -webkit-box-flex: 1;
2514 -ms-flex-positive: 1;
2515 flex-grow: 1;
2516 }
2517 .field-body .field:not(:last-child) {
2518 margin-bottom: 0;
2519 margin-right: 0.75rem;
2520 }
2521 }
2522
2523 .control {
2524 font-size: 1rem;
2525 position: relative;
2526 text-align: left;
2527 }
2528
2529 .control.has-icon .icon {
2530 color: #dbdbdb;
2531 height: 2.25em;
2532 pointer-events: none;
2533 position: absolute;
2534 top: 0;
2535 width: 2.25em;
2536 z-index: 4;
2537 }
2538
2539 .control.has-icon .input:focus + .icon {
2540 color: #7a7a7a;
2541 }
2542
2543 .control.has-icon .input.is-small + .icon {
2544 font-size: 0.75rem;
2545 }
2546
2547 .control.has-icon .input.is-medium + .icon {
2548 font-size: 1.25rem;
2549 }
2550
2551 .control.has-icon .input.is-large + .icon {
2552 font-size: 1.5rem;
2553 }
2554
2555 .control.has-icon:not(.has-icon-right) .icon {
2556 left: 0;
2557 }
2558
2559 .control.has-icon:not(.has-icon-right) .input {
2560 padding-left: 2.25em;
2561 }
2562
2563 .control.has-icon.has-icon-right .icon {
2564 right: 0;
2565 }
2566
2567 .control.has-icon.has-icon-right .input {
2568 padding-right: 2.25em;
2569 }
2570
2571 .control.has-icons-left .input:focus ~ .icon, .control.has-icons-right .input:fo cus ~ .icon {
2572 color: #7a7a7a;
2573 }
2574
2575 .control.has-icons-left .input.is-small ~ .icon, .control.has-icons-right .input .is-small ~ .icon {
2576 font-size: 0.75rem;
2577 }
2578
2579 .control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-right .inpu t.is-medium ~ .icon {
2580 font-size: 1.25rem;
2581 }
2582
2583 .control.has-icons-left .input.is-large ~ .icon, .control.has-icons-right .input .is-large ~ .icon {
2584 font-size: 1.5rem;
2585 }
2586
2587 .control.has-icons-left .icon, .control.has-icons-right .icon {
2588 color: #dbdbdb;
2589 height: 2.25em;
2590 pointer-events: none;
2591 position: absolute;
2592 top: 0;
2593 width: 2.25em;
2594 z-index: 4;
2595 }
2596
2597 .control.has-icons-left .input {
2598 padding-left: 2.25em;
2599 }
2600
2601 .control.has-icons-left .icon.is-left {
2602 left: 0;
2603 }
2604
2605 .control.has-icons-right .input {
2606 padding-right: 2.25em;
2607 }
2608
2609 .control.has-icons-right .icon.is-right {
2610 right: 0;
2611 }
2612
2613 .control.is-loading:after {
2614 -webkit-animation: spinAround 500ms infinite linear;
2615 animation: spinAround 500ms infinite linear;
2616 border: 2px solid #dbdbdb;
2617 border-radius: 290486px;
2618 border-right-color: transparent;
2619 border-top-color: transparent;
2620 content: "";
2621 display: block;
2622 height: 1em;
2623 position: relative;
2624 width: 1em;
2625 position: absolute !important;
2626 right: 0.625em;
2627 top: 0.625em;
2628 }
2629
2630 .icon {
2631 -webkit-box-align: center;
2632 -ms-flex-align: center;
2633 align-items: center;
2634 display: -webkit-inline-box;
2635 display: -ms-inline-flexbox;
2636 display: inline-flex;
2637 -webkit-box-pack: center;
2638 -ms-flex-pack: center;
2639 justify-content: center;
2640 height: 1.5rem;
2641 width: 1.5rem;
2642 }
2643
2644 .icon .fa {
2645 font-size: 21px;
2646 }
2647
2648 .icon.is-small {
2649 height: 1rem;
2650 width: 1rem;
2651 }
2652
2653 .icon.is-small .fa {
2654 font-size: 14px;
2655 }
2656
2657 .icon.is-medium {
2658 height: 2rem;
2659 width: 2rem;
2660 }
2661
2662 .icon.is-medium .fa {
2663 font-size: 28px;
2664 }
2665
2666 .icon.is-large {
2667 height: 3rem;
2668 width: 3rem;
2669 }
2670
2671 .icon.is-large .fa {
2672 font-size: 42px;
2673 }
2674
2675 .image {
2676 display: block;
2677 position: relative;
2678 }
2679
2680 .image img {
2681 display: block;
2682 height: auto;
2683 width: 100%;
2684 }
2685
2686 .image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img , .image.is-16by9 img, .image.is-2by1 img {
2687 bottom: 0;
2688 left: 0;
2689 position: absolute;
2690 right: 0;
2691 top: 0;
2692 height: 100%;
2693 width: 100%;
2694 }
2695
2696 .image.is-square, .image.is-1by1 {
2697 padding-top: 100%;
2698 }
2699
2700 .image.is-4by3 {
2701 padding-top: 75%;
2702 }
2703
2704 .image.is-3by2 {
2705 padding-top: 66.6666%;
2706 }
2707
2708 .image.is-16by9 {
2709 padding-top: 56.25%;
2710 }
2711
2712 .image.is-2by1 {
2713 padding-top: 50%;
2714 }
2715
2716 .image.is-16x16 {
2717 height: 16px;
2718 width: 16px;
2719 }
2720
2721 .image.is-24x24 {
2722 height: 24px;
2723 width: 24px;
2724 }
2725
2726 .image.is-32x32 {
2727 height: 32px;
2728 width: 32px;
2729 }
2730
2731 .image.is-48x48 {
2732 height: 48px;
2733 width: 48px;
2734 }
2735
2736 .image.is-64x64 {
2737 height: 64px;
2738 width: 64px;
2739 }
2740
2741 .image.is-96x96 {
2742 height: 96px;
2743 width: 96px;
2744 }
2745
2746 .image.is-128x128 {
2747 height: 128px;
2748 width: 128px;
2749 }
2750
2751 .notification {
2752 background-color: whitesmoke;
2753 border-radius: 3px;
2754 padding: 1.25rem 2.5rem 1.25rem 1.5rem;
2755 position: relative;
2756 }
2757
2758 .notification:not(:last-child) {
2759 margin-bottom: 1.5rem;
2760 }
2761
2762 .notification a:not(.button) {
2763 color: currentColor;
2764 text-decoration: underline;
2765 }
2766
2767 .notification code,
2768 .notification pre {
2769 background: white;
2770 }
2771
2772 .notification pre code {
2773 background: transparent;
2774 }
2775
2776 .notification > .delete {
2777 position: absolute;
2778 right: 0.5em;
2779 top: 0.5em;
2780 }
2781
2782 .notification .title,
2783 .notification .subtitle,
2784 .notification .content {
2785 color: inherit;
2786 }
2787
2788 .notification.is-white {
2789 background-color: white;
2790 color: #0a0a0a;
2791 }
2792
2793 .notification.is-black {
2794 background-color: #0a0a0a;
2795 color: white;
2796 }
2797
2798 .notification.is-light {
2799 background-color: whitesmoke;
2800 color: #363636;
2801 }
2802
2803 .notification.is-dark {
2804 background-color: #363636;
2805 color: whitesmoke;
2806 }
2807
2808 .notification.is-primary {
2809 background-color: #00d1b2;
2810 color: #fff;
2811 }
2812
2813 .notification.is-info {
2814 background-color: #3273dc;
2815 color: #fff;
2816 }
2817
2818 .notification.is-success {
2819 background-color: #23d160;
2820 color: #fff;
2821 }
2822
2823 .notification.is-warning {
2824 background-color: #ffdd57;
2825 color: rgba(0, 0, 0, 0.7);
2826 }
2827
2828 .notification.is-danger {
2829 background-color: #ff3860;
2830 color: #fff;
2831 }
2832
2833 .progress {
2834 -moz-appearance: none;
2835 -webkit-appearance: none;
2836 border: none;
2837 border-radius: 290486px;
2838 display: block;
2839 height: 1rem;
2840 overflow: hidden;
2841 padding: 0;
2842 width: 100%;
2843 }
2844
2845 .progress:not(:last-child) {
2846 margin-bottom: 1.5rem;
2847 }
2848
2849 .progress::-webkit-progress-bar {
2850 background-color: #dbdbdb;
2851 }
2852
2853 .progress::-webkit-progress-value {
2854 background-color: #4a4a4a;
2855 }
2856
2857 .progress::-moz-progress-bar {
2858 background-color: #4a4a4a;
2859 }
2860
2861 .progress.is-white::-webkit-progress-value {
2862 background-color: white;
2863 }
2864
2865 .progress.is-white::-moz-progress-bar {
2866 background-color: white;
2867 }
2868
2869 .progress.is-black::-webkit-progress-value {
2870 background-color: #0a0a0a;
2871 }
2872
2873 .progress.is-black::-moz-progress-bar {
2874 background-color: #0a0a0a;
2875 }
2876
2877 .progress.is-light::-webkit-progress-value {
2878 background-color: whitesmoke;
2879 }
2880
2881 .progress.is-light::-moz-progress-bar {
2882 background-color: whitesmoke;
2883 }
2884
2885 .progress.is-dark::-webkit-progress-value {
2886 background-color: #363636;
2887 }
2888
2889 .progress.is-dark::-moz-progress-bar {
2890 background-color: #363636;
2891 }
2892
2893 .progress.is-primary::-webkit-progress-value {
2894 background-color: #00d1b2;
2895 }
2896
2897 .progress.is-primary::-moz-progress-bar {
2898 background-color: #00d1b2;
2899 }
2900
2901 .progress.is-info::-webkit-progress-value {
2902 background-color: #3273dc;
2903 }
2904
2905 .progress.is-info::-moz-progress-bar {
2906 background-color: #3273dc;
2907 }
2908
2909 .progress.is-success::-webkit-progress-value {
2910 background-color: #23d160;
2911 }
2912
2913 .progress.is-success::-moz-progress-bar {
2914 background-color: #23d160;
2915 }
2916
2917 .progress.is-warning::-webkit-progress-value {
2918 background-color: #ffdd57;
2919 }
2920
2921 .progress.is-warning::-moz-progress-bar {
2922 background-color: #ffdd57;
2923 }
2924
2925 .progress.is-danger::-webkit-progress-value {
2926 background-color: #ff3860;
2927 }
2928
2929 .progress.is-danger::-moz-progress-bar {
2930 background-color: #ff3860;
2931 }
2932
2933 .progress.is-small {
2934 height: 0.75rem;
2935 }
2936
2937 .progress.is-medium {
2938 height: 1.25rem;
2939 }
2940
2941 .progress.is-large {
2942 height: 1.5rem;
2943 }
2944
2945 .table {
2946 background-color: white;
2947 color: #363636;
2948 margin-bottom: 1.5rem;
2949 width: 100%;
2950 }
2951
2952 .table td,
2953 .table th {
2954 border: 1px solid #dbdbdb;
2955 border-width: 0 0 1px;
2956 padding: 0.5em 0.75em;
2957 vertical-align: top;
2958 }
2959
2960 .table td.is-narrow,
2961 .table th.is-narrow {
2962 white-space: nowrap;
2963 width: 1%;
2964 }
2965
2966 .table th {
2967 color: #363636;
2968 text-align: left;
2969 }
2970
2971 .table tr:hover {
2972 background-color: #fafafa;
2973 }
2974
2975 .table tr.is-selected {
2976 background-color: #00d1b2;
2977 color: #fff;
2978 }
2979
2980 .table tr.is-selected a,
2981 .table tr.is-selected strong {
2982 color: currentColor;
2983 }
2984
2985 .table tr.is-selected td,
2986 .table tr.is-selected th {
2987 border-color: #fff;
2988 color: currentColor;
2989 }
2990
2991 .table thead td,
2992 .table thead th {
2993 border-width: 0 0 2px;
2994 color: #7a7a7a;
2995 }
2996
2997 .table tfoot td,
2998 .table tfoot th {
2999 border-width: 2px 0 0;
3000 color: #7a7a7a;
3001 }
3002
3003 .table tbody tr:last-child td,
3004 .table tbody tr:last-child th {
3005 border-bottom-width: 0;
3006 }
3007
3008 .table.is-bordered td,
3009 .table.is-bordered th {
3010 border-width: 1px;
3011 }
3012
3013 .table.is-bordered tr:last-child td,
3014 .table.is-bordered tr:last-child th {
3015 border-bottom-width: 1px;
3016 }
3017
3018 .table.is-narrow td,
3019 .table.is-narrow th {
3020 padding: 0.25em 0.5em;
3021 }
3022
3023 .table.is-striped tbody tr:nth-child(even) {
3024 background-color: #fafafa;
3025 }
3026
3027 .table.is-striped tbody tr:nth-child(even):hover {
3028 background-color: whitesmoke;
3029 }
3030
3031 .tag {
3032 -webkit-box-align: center;
3033 -ms-flex-align: center;
3034 align-items: center;
3035 background-color: whitesmoke;
3036 border-radius: 290486px;
3037 color: #4a4a4a;
3038 display: -webkit-inline-box;
3039 display: -ms-inline-flexbox;
3040 display: inline-flex;
3041 font-size: 0.75rem;
3042 height: 2em;
3043 -webkit-box-pack: center;
3044 -ms-flex-pack: center;
3045 justify-content: center;
3046 line-height: 1.5;
3047 padding-left: 0.875em;
3048 padding-right: 0.875em;
3049 white-space: nowrap;
3050 }
3051
3052 .tag .delete {
3053 margin-left: 0.25em;
3054 margin-right: -0.375em;
3055 }
3056
3057 .tag.is-white {
3058 background-color: white;
3059 color: #0a0a0a;
3060 }
3061
3062 .tag.is-black {
3063 background-color: #0a0a0a;
3064 color: white;
3065 }
3066
3067 .tag.is-light {
3068 background-color: whitesmoke;
3069 color: #363636;
3070 }
3071
3072 .tag.is-dark {
3073 background-color: #363636;
3074 color: whitesmoke;
3075 }
3076
3077 .tag.is-primary {
3078 background-color: #00d1b2;
3079 color: #fff;
3080 }
3081
3082 .tag.is-info {
3083 background-color: #3273dc;
3084 color: #fff;
3085 }
3086
3087 .tag.is-success {
3088 background-color: #23d160;
3089 color: #fff;
3090 }
3091
3092 .tag.is-warning {
3093 background-color: #ffdd57;
3094 color: rgba(0, 0, 0, 0.7);
3095 }
3096
3097 .tag.is-danger {
3098 background-color: #ff3860;
3099 color: #fff;
3100 }
3101
3102 .tag.is-medium {
3103 font-size: 1rem;
3104 }
3105
3106 .tag.is-large {
3107 font-size: 1.25rem;
3108 }
3109
3110 .title,
3111 .subtitle {
3112 word-break: break-word;
3113 }
3114
3115 .title:not(:last-child),
3116 .subtitle:not(:last-child) {
3117 margin-bottom: 1.5rem;
3118 }
3119
3120 .title em,
3121 .title span,
3122 .subtitle em,
3123 .subtitle span {
3124 font-weight: 300;
3125 }
3126
3127 .title strong,
3128 .subtitle strong {
3129 font-weight: 500;
3130 }
3131
3132 .title .tag,
3133 .subtitle .tag {
3134 vertical-align: middle;
3135 }
3136
3137 .title {
3138 color: #363636;
3139 font-size: 2rem;
3140 font-weight: 300;
3141 line-height: 1.125;
3142 }
3143
3144 .title strong {
3145 color: inherit;
3146 }
3147
3148 .title + .highlight {
3149 margin-top: -0.75rem;
3150 }
3151
3152 .title:not(.is-spaced) + .subtitle {
3153 margin-top: -1.5rem;
3154 }
3155
3156 .title.is-1 {
3157 font-size: 3rem;
3158 }
3159
3160 .title.is-2 {
3161 font-size: 2.5rem;
3162 }
3163
3164 .title.is-3 {
3165 font-size: 2rem;
3166 }
3167
3168 .title.is-4 {
3169 font-size: 1.5rem;
3170 }
3171
3172 .title.is-5 {
3173 font-size: 1.25rem;
3174 }
3175
3176 .title.is-6 {
3177 font-size: 1rem;
3178 }
3179
3180 .subtitle {
3181 color: #4a4a4a;
3182 font-size: 1.25rem;
3183 font-weight: 300;
3184 line-height: 1.25;
3185 }
3186
3187 .subtitle strong {
3188 color: #363636;
3189 }
3190
3191 .subtitle:not(.is-spaced) + .title {
3192 margin-top: -1.5rem;
3193 }
3194
3195 .subtitle.is-1 {
3196 font-size: 3rem;
3197 }
3198
3199 .subtitle.is-2 {
3200 font-size: 2.5rem;
3201 }
3202
3203 .subtitle.is-3 {
3204 font-size: 2rem;
3205 }
3206
3207 .subtitle.is-4 {
3208 font-size: 1.5rem;
3209 }
3210
3211 .subtitle.is-5 {
3212 font-size: 1.25rem;
3213 }
3214
3215 .subtitle.is-6 {
3216 font-size: 1rem;
3217 }
3218
3219 .block:not(:last-child) {
3220 margin-bottom: 1.5rem;
3221 }
3222
3223 .container {
3224 position: relative;
3225 }
3226
3227 @media screen and (min-width: 1000px) {
3228 .container {
3229 margin: 0 auto;
3230 max-width: 960px;
3231 width: 960px;
3232 }
3233 .container.is-fluid {
3234 margin: 0 20px;
3235 max-width: none;
3236 width: auto;
3237 }
3238 }
3239
3240 @media screen and (min-width: 1192px) {
3241 .container {
3242 max-width: 1152px;
3243 width: 1152px;
3244 }
3245 }
3246
3247 @media screen and (min-width: 1384px) {
3248 .container {
3249 max-width: 1344px;
3250 width: 1344px;
3251 }
3252 }
3253
3254 .delete {
3255 -webkit-touch-callout: none;
3256 -webkit-user-select: none;
3257 -moz-user-select: none;
3258 -ms-user-select: none;
3259 user-select: none;
3260 -moz-appearance: none;
3261 -webkit-appearance: none;
3262 background-color: rgba(10, 10, 10, 0.2);
3263 border: none;
3264 border-radius: 290486px;
3265 cursor: pointer;
3266 display: inline-block;
3267 font-size: 1rem;
3268 height: 20px;
3269 outline: none;
3270 position: relative;
3271 vertical-align: top;
3272 width: 20px;
3273 }
3274
3275 .delete:before, .delete:after {
3276 background-color: white;
3277 content: "";
3278 display: block;
3279 left: 50%;
3280 position: absolute;
3281 top: 50%;
3282 -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
3283 transform: translateX(-50%) translateY(-50%) rotate(45deg);
3284 -webkit-transform-origin: center center;
3285 transform-origin: center center;
3286 }
3287
3288 .delete:before {
3289 height: 2px;
3290 width: 50%;
3291 }
3292
3293 .delete:after {
3294 height: 50%;
3295 width: 2px;
3296 }
3297
3298 .delete:hover, .delete:focus {
3299 background-color: rgba(10, 10, 10, 0.3);
3300 }
3301
3302 .delete:active {
3303 background-color: rgba(10, 10, 10, 0.4);
3304 }
3305
3306 .delete.is-small {
3307 height: 16px;
3308 width: 16px;
3309 }
3310
3311 .delete.is-medium {
3312 height: 24px;
3313 width: 24px;
3314 }
3315
3316 .delete.is-large {
3317 height: 32px;
3318 width: 32px;
3319 }
3320
3321 .fa {
3322 font-size: 21px;
3323 text-align: center;
3324 vertical-align: top;
3325 }
3326
3327 .heading {
3328 display: block;
3329 font-size: 11px;
3330 letter-spacing: 1px;
3331 margin-bottom: 5px;
3332 text-transform: uppercase;
3333 }
3334
3335 .highlight {
3336 font-weight: 400;
3337 max-width: 100%;
3338 overflow: hidden;
3339 padding: 0;
3340 }
3341
3342 .highlight:not(:last-child) {
3343 margin-bottom: 1.5rem;
3344 }
3345
3346 .highlight pre {
3347 overflow: auto;
3348 max-width: 100%;
3349 }
3350
3351 .loader {
3352 -webkit-animation: spinAround 500ms infinite linear;
3353 animation: spinAround 500ms infinite linear;
3354 border: 2px solid #dbdbdb;
3355 border-radius: 290486px;
3356 border-right-color: transparent;
3357 border-top-color: transparent;
3358 content: "";
3359 display: block;
3360 height: 1em;
3361 position: relative;
3362 width: 1em;
3363 }
3364
3365 .number {
3366 -webkit-box-align: center;
3367 -ms-flex-align: center;
3368 align-items: center;
3369 background-color: whitesmoke;
3370 border-radius: 290486px;
3371 display: -webkit-inline-box;
3372 display: -ms-inline-flexbox;
3373 display: inline-flex;
3374 font-size: 1.25rem;
3375 height: 2em;
3376 -webkit-box-pack: center;
3377 -ms-flex-pack: center;
3378 justify-content: center;
3379 margin-right: 1.5rem;
3380 min-width: 2.5em;
3381 padding: 0.25rem 0.5rem;
3382 text-align: center;
3383 vertical-align: top;
3384 }
3385
3386 .card-header {
3387 -webkit-box-align: stretch;
3388 -ms-flex-align: stretch;
3389 align-items: stretch;
3390 box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
3391 display: -webkit-box;
3392 display: -ms-flexbox;
3393 display: flex;
3394 }
3395
3396 .card-header-title {
3397 -webkit-box-align: center;
3398 -ms-flex-align: center;
3399 align-items: center;
3400 color: #363636;
3401 display: -webkit-box;
3402 display: -ms-flexbox;
3403 display: flex;
3404 -webkit-box-flex: 1;
3405 -ms-flex-positive: 1;
3406 flex-grow: 1;
3407 font-weight: 700;
3408 padding: 0.75rem;
3409 }
3410
3411 .card-header-icon {
3412 -webkit-box-align: center;
3413 -ms-flex-align: center;
3414 align-items: center;
3415 cursor: pointer;
3416 display: -webkit-box;
3417 display: -ms-flexbox;
3418 display: flex;
3419 -webkit-box-pack: center;
3420 -ms-flex-pack: center;
3421 justify-content: center;
3422 padding: 0.75rem;
3423 }
3424
3425 .card-image {
3426 display: block;
3427 position: relative;
3428 }
3429
3430 .card-content {
3431 padding: 1.5rem;
3432 }
3433
3434 .card-footer {
3435 border-top: 1px solid #dbdbdb;
3436 -webkit-box-align: stretch;
3437 -ms-flex-align: stretch;
3438 align-items: stretch;
3439 display: -webkit-box;
3440 display: -ms-flexbox;
3441 display: flex;
3442 }
3443
3444 .card-footer-item {
3445 -webkit-box-align: center;
3446 -ms-flex-align: center;
3447 align-items: center;
3448 display: -webkit-box;
3449 display: -ms-flexbox;
3450 display: flex;
3451 -ms-flex-preferred-size: 0;
3452 flex-basis: 0;
3453 -webkit-box-flex: 1;
3454 -ms-flex-positive: 1;
3455 flex-grow: 1;
3456 -ms-flex-negative: 0;
3457 flex-shrink: 0;
3458 -webkit-box-pack: center;
3459 -ms-flex-pack: center;
3460 justify-content: center;
3461 padding: 0.75rem;
3462 }
3463
3464 .card-footer-item:not(:last-child) {
3465 border-right: 1px solid #dbdbdb;
3466 }
3467
3468 .card {
3469 background-color: white;
3470 box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
3471 color: #4a4a4a;
3472 max-width: 100%;
3473 position: relative;
3474 }
3475
3476 .card .media:not(:last-child) {
3477 margin-bottom: 0.75rem;
3478 }
3479
3480 .level-item {
3481 -webkit-box-align: center;
3482 -ms-flex-align: center;
3483 align-items: center;
3484 display: -webkit-box;
3485 display: -ms-flexbox;
3486 display: flex;
3487 -ms-flex-preferred-size: auto;
3488 flex-basis: auto;
3489 -webkit-box-flex: 0;
3490 -ms-flex-positive: 0;
3491 flex-grow: 0;
3492 -ms-flex-negative: 0;
3493 flex-shrink: 0;
3494 -webkit-box-pack: center;
3495 -ms-flex-pack: center;
3496 justify-content: center;
3497 }
3498
3499 .level-item .title,
3500 .level-item .subtitle {
3501 margin-bottom: 0;
3502 }
3503
3504 @media screen and (max-width: 768px) {
3505 .level-item:not(:last-child) {
3506 margin-bottom: 0.75rem;
3507 }
3508 }
3509
3510 .level-left,
3511 .level-right {
3512 -ms-flex-preferred-size: auto;
3513 flex-basis: auto;
3514 -webkit-box-flex: 0;
3515 -ms-flex-positive: 0;
3516 flex-grow: 0;
3517 -ms-flex-negative: 0;
3518 flex-shrink: 0;
3519 }
3520
3521 .level-left .level-item:not(:last-child),
3522 .level-right .level-item:not(:last-child) {
3523 margin-right: 0.75rem;
3524 }
3525
3526 .level-left .level-item.is-flexible,
3527 .level-right .level-item.is-flexible {
3528 -webkit-box-flex: 1;
3529 -ms-flex-positive: 1;
3530 flex-grow: 1;
3531 }
3532
3533 .level-left {
3534 -webkit-box-align: center;
3535 -ms-flex-align: center;
3536 align-items: center;
3537 -webkit-box-pack: start;
3538 -ms-flex-pack: start;
3539 justify-content: flex-start;
3540 }
3541
3542 @media screen and (max-width: 768px) {
3543 .level-left + .level-right {
3544 margin-top: 1.5rem;
3545 }
3546 }
3547
3548 @media screen and (min-width: 769px), print {
3549 .level-left {
3550 display: -webkit-box;
3551 display: -ms-flexbox;
3552 display: flex;
3553 }
3554 }
3555
3556 .level-right {
3557 -webkit-box-align: center;
3558 -ms-flex-align: center;
3559 align-items: center;
3560 -webkit-box-pack: end;
3561 -ms-flex-pack: end;
3562 justify-content: flex-end;
3563 }
3564
3565 @media screen and (min-width: 769px), print {
3566 .level-right {
3567 display: -webkit-box;
3568 display: -ms-flexbox;
3569 display: flex;
3570 }
3571 }
3572
3573 .level {
3574 -webkit-box-align: center;
3575 -ms-flex-align: center;
3576 align-items: center;
3577 -webkit-box-pack: justify;
3578 -ms-flex-pack: justify;
3579 justify-content: space-between;
3580 }
3581
3582 .level:not(:last-child) {
3583 margin-bottom: 1.5rem;
3584 }
3585
3586 .level code {
3587 border-radius: 3px;
3588 }
3589
3590 .level img {
3591 display: inline-block;
3592 vertical-align: top;
3593 }
3594
3595 .level.is-mobile {
3596 display: -webkit-box;
3597 display: -ms-flexbox;
3598 display: flex;
3599 }
3600
3601 .level.is-mobile .level-left,
3602 .level.is-mobile .level-right {
3603 display: -webkit-box;
3604 display: -ms-flexbox;
3605 display: flex;
3606 }
3607
3608 .level.is-mobile .level-left + .level-right {
3609 margin-top: 0;
3610 }
3611
3612 .level.is-mobile .level-item:not(:last-child) {
3613 margin-bottom: 0;
3614 }
3615
3616 .level.is-mobile .level-item:not(.is-narrow) {
3617 -webkit-box-flex: 1;
3618 -ms-flex-positive: 1;
3619 flex-grow: 1;
3620 }
3621
3622 @media screen and (min-width: 769px), print {
3623 .level {
3624 display: -webkit-box;
3625 display: -ms-flexbox;
3626 display: flex;
3627 }
3628 .level > .level-item:not(.is-narrow) {
3629 -webkit-box-flex: 1;
3630 -ms-flex-positive: 1;
3631 flex-grow: 1;
3632 }
3633 }
3634
3635 .media-left,
3636 .media-right {
3637 -ms-flex-preferred-size: auto;
3638 flex-basis: auto;
3639 -webkit-box-flex: 0;
3640 -ms-flex-positive: 0;
3641 flex-grow: 0;
3642 -ms-flex-negative: 0;
3643 flex-shrink: 0;
3644 }
3645
3646 .media-left {
3647 margin-right: 1rem;
3648 }
3649
3650 .media-right {
3651 margin-left: 1rem;
3652 }
3653
3654 .media-content {
3655 -ms-flex-preferred-size: auto;
3656 flex-basis: auto;
3657 -webkit-box-flex: 1;
3658 -ms-flex-positive: 1;
3659 flex-grow: 1;
3660 -ms-flex-negative: 1;
3661 flex-shrink: 1;
3662 text-align: left;
3663 }
3664
3665 .media {
3666 -webkit-box-align: start;
3667 -ms-flex-align: start;
3668 align-items: flex-start;
3669 display: -webkit-box;
3670 display: -ms-flexbox;
3671 display: flex;
3672 text-align: left;
3673 }
3674
3675 .media .content:not(:last-child) {
3676 margin-bottom: 0.75rem;
3677 }
3678
3679 .media .media {
3680 border-top: 1px solid rgba(219, 219, 219, 0.5);
3681 display: -webkit-box;
3682 display: -ms-flexbox;
3683 display: flex;
3684 padding-top: 0.75rem;
3685 }
3686
3687 .media .media .content:not(:last-child),
3688 .media .media .control:not(:last-child) {
3689 margin-bottom: 0.5rem;
3690 }
3691
3692 .media .media .media {
3693 padding-top: 0.5rem;
3694 }
3695
3696 .media .media .media + .media {
3697 margin-top: 0.5rem;
3698 }
3699
3700 .media + .media {
3701 border-top: 1px solid rgba(219, 219, 219, 0.5);
3702 margin-top: 1rem;
3703 padding-top: 1rem;
3704 }
3705
3706 .media.is-large + .media {
3707 margin-top: 1.5rem;
3708 padding-top: 1.5rem;
3709 }
3710
3711 .menu {
3712 font-size: 1rem;
3713 }
3714
3715 .menu-list {
3716 line-height: 1.25;
3717 }
3718
3719 .menu-list a {
3720 border-radius: 2px;
3721 color: #4a4a4a;
3722 display: block;
3723 padding: 0.5em 0.75em;
3724 }
3725
3726 .menu-list a:hover {
3727 background-color: whitesmoke;
3728 color: #00d1b2;
3729 }
3730
3731 .menu-list a.is-active {
3732 background-color: #00d1b2;
3733 color: #fff;
3734 }
3735
3736 .menu-list li ul {
3737 border-left: 1px solid #dbdbdb;
3738 margin: 0.75em;
3739 padding-left: 0.75em;
3740 }
3741
3742 .menu-label {
3743 color: #7a7a7a;
3744 font-size: 0.8em;
3745 letter-spacing: 0.1em;
3746 text-transform: uppercase;
3747 }
3748
3749 .menu-label:not(:first-child) {
3750 margin-top: 1em;
3751 }
3752
3753 .menu-label:not(:last-child) {
3754 margin-bottom: 1em;
3755 }
3756
3757 .message {
3758 background-color: whitesmoke;
3759 border-radius: 3px;
3760 font-size: 1rem;
3761 }
3762
3763 .message:not(:last-child) {
3764 margin-bottom: 1.5rem;
3765 }
3766
3767 .message.is-white {
3768 background-color: white;
3769 }
3770
3771 .message.is-white .message-header {
3772 background-color: white;
3773 color: #0a0a0a;
3774 }
3775
3776 .message.is-white .message-body {
3777 border-color: white;
3778 color: #4d4d4d;
3779 }
3780
3781 .message.is-black {
3782 background-color: #fafafa;
3783 }
3784
3785 .message.is-black .message-header {
3786 background-color: #0a0a0a;
3787 color: white;
3788 }
3789
3790 .message.is-black .message-body {
3791 border-color: #0a0a0a;
3792 color: #090909;
3793 }
3794
3795 .message.is-light {
3796 background-color: #fafafa;
3797 }
3798
3799 .message.is-light .message-header {
3800 background-color: whitesmoke;
3801 color: #363636;
3802 }
3803
3804 .message.is-light .message-body {
3805 border-color: whitesmoke;
3806 color: #505050;
3807 }
3808
3809 .message.is-dark {
3810 background-color: #fafafa;
3811 }
3812
3813 .message.is-dark .message-header {
3814 background-color: #363636;
3815 color: whitesmoke;
3816 }
3817
3818 .message.is-dark .message-body {
3819 border-color: #363636;
3820 color: #2a2a2a;
3821 }
3822
3823 .message.is-primary {
3824 background-color: #f5fffd;
3825 }
3826
3827 .message.is-primary .message-header {
3828 background-color: #00d1b2;
3829 color: #fff;
3830 }
3831
3832 .message.is-primary .message-body {
3833 border-color: #00d1b2;
3834 color: #021310;
3835 }
3836
3837 .message.is-info {
3838 background-color: #f6f9fe;
3839 }
3840
3841 .message.is-info .message-header {
3842 background-color: #3273dc;
3843 color: #fff;
3844 }
3845
3846 .message.is-info .message-body {
3847 border-color: #3273dc;
3848 color: #22509a;
3849 }
3850
3851 .message.is-success {
3852 background-color: #f6fef9;
3853 }
3854
3855 .message.is-success .message-header {
3856 background-color: #23d160;
3857 color: #fff;
3858 }
3859
3860 .message.is-success .message-body {
3861 border-color: #23d160;
3862 color: #0e301a;
3863 }
3864
3865 .message.is-warning {
3866 background-color: #fffdf5;
3867 }
3868
3869 .message.is-warning .message-header {
3870 background-color: #ffdd57;
3871 color: rgba(0, 0, 0, 0.7);
3872 }
3873
3874 .message.is-warning .message-body {
3875 border-color: #ffdd57;
3876 color: #3b3108;
3877 }
3878
3879 .message.is-danger {
3880 background-color: #fff5f7;
3881 }
3882
3883 .message.is-danger .message-header {
3884 background-color: #ff3860;
3885 color: #fff;
3886 }
3887
3888 .message.is-danger .message-body {
3889 border-color: #ff3860;
3890 color: #cd0930;
3891 }
3892
3893 .message-header {
3894 -webkit-box-align: center;
3895 -ms-flex-align: center;
3896 align-items: center;
3897 background-color: #4a4a4a;
3898 border-radius: 3px 3px 0 0;
3899 color: #fff;
3900 display: -webkit-box;
3901 display: -ms-flexbox;
3902 display: flex;
3903 -webkit-box-pack: justify;
3904 -ms-flex-pack: justify;
3905 justify-content: space-between;
3906 line-height: 1.25;
3907 padding: 0.5em 0.75em;
3908 position: relative;
3909 }
3910
3911 .message-header a,
3912 .message-header strong {
3913 color: inherit;
3914 }
3915
3916 .message-header a {
3917 text-decoration: underline;
3918 }
3919
3920 .message-header .delete {
3921 -webkit-box-flex: 0;
3922 -ms-flex-positive: 0;
3923 flex-grow: 0;
3924 -ms-flex-negative: 0;
3925 flex-shrink: 0;
3926 margin-left: 0.75em;
3927 }
3928
3929 .message-header + .message-body {
3930 border-top-left-radius: 0;
3931 border-top-right-radius: 0;
3932 border-top: none;
3933 }
3934
3935 .message-body {
3936 border: 1px solid #dbdbdb;
3937 border-radius: 3px;
3938 color: #4a4a4a;
3939 padding: 1em 1.25em;
3940 }
3941
3942 .message-body a,
3943 .message-body strong {
3944 color: inherit;
3945 }
3946
3947 .message-body a {
3948 text-decoration: underline;
3949 }
3950
3951 .message-body code,
3952 .message-body pre {
3953 background: white;
3954 }
3955
3956 .message-body pre code {
3957 background: transparent;
3958 }
3959
3960 .modal-background {
3961 bottom: 0;
3962 left: 0;
3963 position: absolute;
3964 right: 0;
3965 top: 0;
3966 background-color: rgba(10, 10, 10, 0.86);
3967 }
3968
3969 .modal-content,
3970 .modal-card {
3971 margin: 0 20px;
3972 max-height: calc(100vh - 160px);
3973 overflow: auto;
3974 position: relative;
3975 width: 100%;
3976 }
3977
3978 @media screen and (min-width: 769px), print {
3979 .modal-content,
3980 .modal-card {
3981 margin: 0 auto;
3982 max-height: calc(100vh - 40px);
3983 width: 640px;
3984 }
3985 }
3986
3987 .modal-close {
3988 -webkit-touch-callout: none;
3989 -webkit-user-select: none;
3990 -moz-user-select: none;
3991 -ms-user-select: none;
3992 user-select: none;
3993 -moz-appearance: none;
3994 -webkit-appearance: none;
3995 background-color: rgba(10, 10, 10, 0.2);
3996 border: none;
3997 border-radius: 290486px;
3998 cursor: pointer;
3999 display: inline-block;
4000 font-size: 1rem;
4001 height: 20px;
4002 outline: none;
4003 position: relative;
4004 vertical-align: top;
4005 width: 20px;
4006 background: none;
4007 height: 40px;
4008 position: fixed;
4009 right: 20px;
4010 top: 20px;
4011 width: 40px;
4012 }
4013
4014 .modal-close:before, .modal-close:after {
4015 background-color: white;
4016 content: "";
4017 display: block;
4018 left: 50%;
4019 position: absolute;
4020 top: 50%;
4021 -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
4022 transform: translateX(-50%) translateY(-50%) rotate(45deg);
4023 -webkit-transform-origin: center center;
4024 transform-origin: center center;
4025 }
4026
4027 .modal-close:before {
4028 height: 2px;
4029 width: 50%;
4030 }
4031
4032 .modal-close:after {
4033 height: 50%;
4034 width: 2px;
4035 }
4036
4037 .modal-close:hover, .modal-close:focus {
4038 background-color: rgba(10, 10, 10, 0.3);
4039 }
4040
4041 .modal-close:active {
4042 background-color: rgba(10, 10, 10, 0.4);
4043 }
4044
4045 .modal-close.is-small {
4046 height: 16px;
4047 width: 16px;
4048 }
4049
4050 .modal-close.is-medium {
4051 height: 24px;
4052 width: 24px;
4053 }
4054
4055 .modal-close.is-large {
4056 height: 32px;
4057 width: 32px;
4058 }
4059
4060 .modal-card {
4061 display: -webkit-box;
4062 display: -ms-flexbox;
4063 display: flex;
4064 -webkit-box-orient: vertical;
4065 -webkit-box-direction: normal;
4066 -ms-flex-direction: column;
4067 flex-direction: column;
4068 max-height: calc(100vh - 40px);
4069 overflow: hidden;
4070 }
4071
4072 .modal-card-head,
4073 .modal-card-foot {
4074 -webkit-box-align: center;
4075 -ms-flex-align: center;
4076 align-items: center;
4077 background-color: whitesmoke;
4078 display: -webkit-box;
4079 display: -ms-flexbox;
4080 display: flex;
4081 -ms-flex-negative: 0;
4082 flex-shrink: 0;
4083 -webkit-box-pack: start;
4084 -ms-flex-pack: start;
4085 justify-content: flex-start;
4086 padding: 20px;
4087 position: relative;
4088 }
4089
4090 .modal-card-head {
4091 border-bottom: 1px solid #dbdbdb;
4092 border-top-left-radius: 5px;
4093 border-top-right-radius: 5px;
4094 }
4095
4096 .modal-card-title {
4097 color: #363636;
4098 -webkit-box-flex: 1;
4099 -ms-flex-positive: 1;
4100 flex-grow: 1;
4101 -ms-flex-negative: 0;
4102 flex-shrink: 0;
4103 font-size: 1.5rem;
4104 line-height: 1;
4105 }
4106
4107 .modal-card-foot {
4108 border-bottom-left-radius: 5px;
4109 border-bottom-right-radius: 5px;
4110 border-top: 1px solid #dbdbdb;
4111 }
4112
4113 .modal-card-foot .button:not(:last-child) {
4114 margin-right: 10px;
4115 }
4116
4117 .modal-card-body {
4118 -webkit-overflow-scrolling: touch;
4119 background-color: white;
4120 -webkit-box-flex: 1;
4121 -ms-flex-positive: 1;
4122 flex-grow: 1;
4123 -ms-flex-negative: 1;
4124 flex-shrink: 1;
4125 overflow: auto;
4126 padding: 20px;
4127 }
4128
4129 .modal {
4130 bottom: 0;
4131 left: 0;
4132 position: absolute;
4133 right: 0;
4134 top: 0;
4135 -webkit-box-align: center;
4136 -ms-flex-align: center;
4137 align-items: center;
4138 display: none;
4139 -webkit-box-pack: center;
4140 -ms-flex-pack: center;
4141 justify-content: center;
4142 overflow: hidden;
4143 position: fixed;
4144 z-index: 20;
4145 }
4146
4147 .modal.is-active {
4148 display: -webkit-box;
4149 display: -ms-flexbox;
4150 display: flex;
4151 }
4152
4153 .nav-toggle {
4154 cursor: pointer;
4155 display: block;
4156 height: 3.25rem;
4157 position: relative;
4158 width: 3.25rem;
4159 }
4160
4161 .nav-toggle span {
4162 background-color: #4a4a4a;
4163 display: block;
4164 height: 1px;
4165 left: 50%;
4166 margin-left: -7px;
4167 position: absolute;
4168 top: 50%;
4169 -webkit-transition: none 86ms ease-out;
4170 transition: none 86ms ease-out;
4171 -webkit-transition-property: background, left, opacity, -webkit-transform;
4172 transition-property: background, left, opacity, -webkit-transform;
4173 transition-property: background, left, opacity, transform;
4174 transition-property: background, left, opacity, transform, -webkit-transform;
4175 width: 15px;
4176 }
4177
4178 .nav-toggle span:nth-child(1) {
4179 margin-top: -6px;
4180 }
4181
4182 .nav-toggle span:nth-child(2) {
4183 margin-top: -1px;
4184 }
4185
4186 .nav-toggle span:nth-child(3) {
4187 margin-top: 4px;
4188 }
4189
4190 .nav-toggle:hover {
4191 background-color: whitesmoke;
4192 }
4193
4194 .nav-toggle.is-active span {
4195 background-color: #00d1b2;
4196 }
4197
4198 .nav-toggle.is-active span:nth-child(1) {
4199 margin-left: -5px;
4200 -webkit-transform: rotate(45deg);
4201 transform: rotate(45deg);
4202 -webkit-transform-origin: left top;
4203 transform-origin: left top;
4204 }
4205
4206 .nav-toggle.is-active span:nth-child(2) {
4207 opacity: 0;
4208 }
4209
4210 .nav-toggle.is-active span:nth-child(3) {
4211 margin-left: -5px;
4212 -webkit-transform: rotate(-45deg);
4213 transform: rotate(-45deg);
4214 -webkit-transform-origin: left bottom;
4215 transform-origin: left bottom;
4216 }
4217
4218 @media screen and (min-width: 769px), print {
4219 .nav-toggle {
4220 display: none;
4221 }
4222 }
4223
4224 .nav-item {
4225 -webkit-box-align: center;
4226 -ms-flex-align: center;
4227 align-items: center;
4228 display: -webkit-box;
4229 display: -ms-flexbox;
4230 display: flex;
4231 -webkit-box-flex: 0;
4232 -ms-flex-positive: 0;
4233 flex-grow: 0;
4234 -ms-flex-negative: 0;
4235 flex-shrink: 0;
4236 font-size: 1rem;
4237 -webkit-box-pack: center;
4238 -ms-flex-pack: center;
4239 justify-content: center;
4240 line-height: 1.5;
4241 padding: 0.5rem 0.75rem;
4242 }
4243
4244 .nav-item a {
4245 -webkit-box-flex: 1;
4246 -ms-flex-positive: 1;
4247 flex-grow: 1;
4248 -ms-flex-negative: 0;
4249 flex-shrink: 0;
4250 }
4251
4252 .nav-item img {
4253 max-height: 1.75rem;
4254 }
4255
4256 .nav-item .tag:first-child:not(:last-child) {
4257 margin-right: 0.5rem;
4258 }
4259
4260 .nav-item .tag:last-child:not(:first-child) {
4261 margin-left: 0.5rem;
4262 }
4263
4264 @media screen and (max-width: 768px) {
4265 .nav-item {
4266 -webkit-box-pack: start;
4267 -ms-flex-pack: start;
4268 justify-content: flex-start;
4269 }
4270 }
4271
4272 .nav-item a,
4273 a.nav-item {
4274 color: #7a7a7a;
4275 }
4276
4277 .nav-item a:hover,
4278 a.nav-item:hover {
4279 color: #363636;
4280 }
4281
4282 .nav-item a.is-active,
4283 a.nav-item.is-active {
4284 color: #363636;
4285 }
4286
4287 .nav-item a.is-tab,
4288 a.nav-item.is-tab {
4289 border-bottom: 1px solid transparent;
4290 border-top: 1px solid transparent;
4291 padding-bottom: calc(0.75rem - 1px);
4292 padding-left: 1rem;
4293 padding-right: 1rem;
4294 padding-top: calc(0.75rem - 1px);
4295 }
4296
4297 .nav-item a.is-tab:hover,
4298 a.nav-item.is-tab:hover {
4299 border-bottom-color: #00d1b2;
4300 border-top-color: transparent;
4301 }
4302
4303 .nav-item a.is-tab.is-active,
4304 a.nav-item.is-tab.is-active {
4305 border-bottom: 3px solid #00d1b2;
4306 color: #00d1b2;
4307 padding-bottom: calc(0.75rem - 3px);
4308 }
4309
4310 @media screen and (min-width: 1000px) {
4311 .nav-item a.is-brand,
4312 a.nav-item.is-brand {
4313 padding-left: 0;
4314 }
4315 }
4316
4317 .nav-left,
4318 .nav-right {
4319 -webkit-overflow-scrolling: touch;
4320 -webkit-box-align: stretch;
4321 -ms-flex-align: stretch;
4322 align-items: stretch;
4323 display: -webkit-box;
4324 display: -ms-flexbox;
4325 display: flex;
4326 -webkit-box-flex: 1;
4327 -ms-flex-positive: 1;
4328 flex-grow: 1;
4329 -ms-flex-negative: 0;
4330 flex-shrink: 0;
4331 max-width: 100%;
4332 overflow: auto;
4333 }
4334
4335 @media screen and (min-width: 1192px) {
4336 .nav-left,
4337 .nav-right {
4338 -ms-flex-preferred-size: 0;
4339 flex-basis: 0;
4340 }
4341 }
4342
4343 .nav-left {
4344 -webkit-box-pack: start;
4345 -ms-flex-pack: start;
4346 justify-content: flex-start;
4347 white-space: nowrap;
4348 }
4349
4350 .nav-right {
4351 -webkit-box-pack: end;
4352 -ms-flex-pack: end;
4353 justify-content: flex-end;
4354 }
4355
4356 .nav-center {
4357 -webkit-box-align: stretch;
4358 -ms-flex-align: stretch;
4359 align-items: stretch;
4360 display: -webkit-box;
4361 display: -ms-flexbox;
4362 display: flex;
4363 -webkit-box-flex: 0;
4364 -ms-flex-positive: 0;
4365 flex-grow: 0;
4366 -ms-flex-negative: 0;
4367 flex-shrink: 0;
4368 -webkit-box-pack: center;
4369 -ms-flex-pack: center;
4370 justify-content: center;
4371 margin-left: auto;
4372 margin-right: auto;
4373 }
4374
4375 @media screen and (max-width: 768px) {
4376 .nav-menu.nav-right {
4377 background-color: white;
4378 box-shadow: 0 4px 7px rgba(10, 10, 10, 0.1);
4379 left: 0;
4380 display: none;
4381 right: 0;
4382 top: 100%;
4383 position: absolute;
4384 }
4385 .nav-menu.nav-right .nav-item {
4386 border-top: 1px solid rgba(219, 219, 219, 0.5);
4387 padding: 0.75rem;
4388 }
4389 .nav-menu.nav-right.is-active {
4390 display: block;
4391 }
4392 }
4393
4394 .nav {
4395 -webkit-box-align: stretch;
4396 -ms-flex-align: stretch;
4397 align-items: stretch;
4398 background-color: white;
4399 display: -webkit-box;
4400 display: -ms-flexbox;
4401 display: flex;
4402 height: 3.25rem;
4403 position: relative;
4404 text-align: center;
4405 z-index: 10;
4406 }
4407
4408 .nav > .container {
4409 -webkit-box-align: stretch;
4410 -ms-flex-align: stretch;
4411 align-items: stretch;
4412 display: -webkit-box;
4413 display: -ms-flexbox;
4414 display: flex;
4415 min-height: 3.25rem;
4416 width: 100%;
4417 }
4418
4419 .nav.has-shadow {
4420 box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1);
4421 }
4422
4423 .pagination {
4424 font-size: 1rem;
4425 margin: -0.25rem;
4426 }
4427
4428 .pagination.is-small {
4429 font-size: 0.75rem;
4430 }
4431
4432 .pagination.is-medium {
4433 font-size: 1.25rem;
4434 }
4435
4436 .pagination.is-large {
4437 font-size: 1.5rem;
4438 }
4439
4440 .pagination,
4441 .pagination-list {
4442 -webkit-box-align: center;
4443 -ms-flex-align: center;
4444 align-items: center;
4445 display: -webkit-box;
4446 display: -ms-flexbox;
4447 display: flex;
4448 -webkit-box-pack: center;
4449 -ms-flex-pack: center;
4450 justify-content: center;
4451 text-align: center;
4452 }
4453
4454 .pagination-previous,
4455 .pagination-next,
4456 .pagination-link,
4457 .pagination-ellipsis {
4458 -moz-appearance: none;
4459 -webkit-appearance: none;
4460 -webkit-box-align: center;
4461 -ms-flex-align: center;
4462 align-items: center;
4463 border: 1px solid transparent;
4464 border-radius: 3px;
4465 box-shadow: none;
4466 display: -webkit-inline-box;
4467 display: -ms-inline-flexbox;
4468 display: inline-flex;
4469 font-size: 1rem;
4470 height: 2.25em;
4471 -webkit-box-pack: start;
4472 -ms-flex-pack: start;
4473 justify-content: flex-start;
4474 line-height: 1.5;
4475 padding-bottom: calc(0.375em - 1px);
4476 padding-left: calc(0.625em - 1px);
4477 padding-right: calc(0.625em - 1px);
4478 padding-top: calc(0.375em - 1px);
4479 position: relative;
4480 vertical-align: top;
4481 -webkit-touch-callout: none;
4482 -webkit-user-select: none;
4483 -moz-user-select: none;
4484 -ms-user-select: none;
4485 user-select: none;
4486 font-size: 1em;
4487 padding-left: 0.5em;
4488 padding-right: 0.5em;
4489 -webkit-box-pack: center;
4490 -ms-flex-pack: center;
4491 justify-content: center;
4492 margin: 0.25rem;
4493 text-align: center;
4494 }
4495
4496 .pagination-previous:focus, .pagination-previous.is-focused, .pagination-previou s:active, .pagination-previous.is-active,
4497 .pagination-next:focus,
4498 .pagination-next.is-focused,
4499 .pagination-next:active,
4500 .pagination-next.is-active,
4501 .pagination-link:focus,
4502 .pagination-link.is-focused,
4503 .pagination-link:active,
4504 .pagination-link.is-active,
4505 .pagination-ellipsis:focus,
4506 .pagination-ellipsis.is-focused,
4507 .pagination-ellipsis:active,
4508 .pagination-ellipsis.is-active {
4509 outline: none;
4510 }
4511
4512 .pagination-previous[disabled],
4513 .pagination-next[disabled],
4514 .pagination-link[disabled],
4515 .pagination-ellipsis[disabled] {
4516 cursor: not-allowed;
4517 }
4518
4519 .pagination-previous,
4520 .pagination-next,
4521 .pagination-link {
4522 border-color: #dbdbdb;
4523 min-width: 2.25em;
4524 }
4525
4526 .pagination-previous:hover,
4527 .pagination-next:hover,
4528 .pagination-link:hover {
4529 border-color: #b5b5b5;
4530 color: #363636;
4531 }
4532
4533 .pagination-previous:focus,
4534 .pagination-next:focus,
4535 .pagination-link:focus {
4536 border-color: #00d1b2;
4537 }
4538
4539 .pagination-previous:active,
4540 .pagination-next:active,
4541 .pagination-link:active {
4542 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
4543 }
4544
4545 .pagination-previous[disabled],
4546 .pagination-next[disabled],
4547 .pagination-link[disabled] {
4548 background-color: #dbdbdb;
4549 border-color: #dbdbdb;
4550 box-shadow: none;
4551 color: #7a7a7a;
4552 opacity: 0.5;
4553 }
4554
4555 .pagination-previous,
4556 .pagination-next {
4557 padding-left: 0.75em;
4558 padding-right: 0.75em;
4559 white-space: nowrap;
4560 }
4561
4562 .pagination-link.is-current {
4563 background-color: #00d1b2;
4564 border-color: #00d1b2;
4565 color: #fff;
4566 }
4567
4568 .pagination-ellipsis {
4569 color: #b5b5b5;
4570 pointer-events: none;
4571 }
4572
4573 .pagination-list {
4574 -ms-flex-wrap: wrap;
4575 flex-wrap: wrap;
4576 }
4577
4578 @media screen and (max-width: 768px) {
4579 .pagination {
4580 -ms-flex-wrap: wrap;
4581 flex-wrap: wrap;
4582 }
4583 .pagination-previous,
4584 .pagination-next {
4585 -webkit-box-flex: 1;
4586 -ms-flex-positive: 1;
4587 flex-grow: 1;
4588 -ms-flex-negative: 1;
4589 flex-shrink: 1;
4590 }
4591 .pagination-list li {
4592 -webkit-box-flex: 1;
4593 -ms-flex-positive: 1;
4594 flex-grow: 1;
4595 -ms-flex-negative: 1;
4596 flex-shrink: 1;
4597 }
4598 }
4599
4600 @media screen and (min-width: 769px), print {
4601 .pagination-list {
4602 -webkit-box-flex: 1;
4603 -ms-flex-positive: 1;
4604 flex-grow: 1;
4605 -ms-flex-negative: 1;
4606 flex-shrink: 1;
4607 -webkit-box-pack: start;
4608 -ms-flex-pack: start;
4609 justify-content: flex-start;
4610 -webkit-box-ordinal-group: 2;
4611 -ms-flex-order: 1;
4612 order: 1;
4613 }
4614 .pagination-previous {
4615 -webkit-box-ordinal-group: 3;
4616 -ms-flex-order: 2;
4617 order: 2;
4618 }
4619 .pagination-next {
4620 -webkit-box-ordinal-group: 4;
4621 -ms-flex-order: 3;
4622 order: 3;
4623 }
4624 .pagination {
4625 -webkit-box-pack: justify;
4626 -ms-flex-pack: justify;
4627 justify-content: space-between;
4628 }
4629 .pagination.is-centered .pagination-previous {
4630 -webkit-box-ordinal-group: 2;
4631 -ms-flex-order: 1;
4632 order: 1;
4633 }
4634 .pagination.is-centered .pagination-list {
4635 -webkit-box-pack: center;
4636 -ms-flex-pack: center;
4637 justify-content: center;
4638 -webkit-box-ordinal-group: 3;
4639 -ms-flex-order: 2;
4640 order: 2;
4641 }
4642 .pagination.is-centered .pagination-next {
4643 -webkit-box-ordinal-group: 4;
4644 -ms-flex-order: 3;
4645 order: 3;
4646 }
4647 .pagination.is-right .pagination-previous {
4648 -webkit-box-ordinal-group: 2;
4649 -ms-flex-order: 1;
4650 order: 1;
4651 }
4652 .pagination.is-right .pagination-next {
4653 -webkit-box-ordinal-group: 3;
4654 -ms-flex-order: 2;
4655 order: 2;
4656 }
4657 .pagination.is-right .pagination-list {
4658 -webkit-box-pack: end;
4659 -ms-flex-pack: end;
4660 justify-content: flex-end;
4661 -webkit-box-ordinal-group: 4;
4662 -ms-flex-order: 3;
4663 order: 3;
4664 }
4665 }
4666
4667 .panel {
4668 font-size: 1rem;
4669 }
4670
4671 .panel:not(:last-child) {
4672 margin-bottom: 1.5rem;
4673 }
4674
4675 .panel-heading,
4676 .panel-tabs,
4677 .panel-block {
4678 border-bottom: 1px solid #dbdbdb;
4679 border-left: 1px solid #dbdbdb;
4680 border-right: 1px solid #dbdbdb;
4681 }
4682
4683 .panel-heading:first-child,
4684 .panel-tabs:first-child,
4685 .panel-block:first-child {
4686 border-top: 1px solid #dbdbdb;
4687 }
4688
4689 .panel-heading {
4690 background-color: whitesmoke;
4691 border-radius: 3px 3px 0 0;
4692 color: #363636;
4693 font-size: 1.25em;
4694 font-weight: 300;
4695 line-height: 1.25;
4696 padding: 0.5em 0.75em;
4697 }
4698
4699 .panel-tabs {
4700 -webkit-box-align: end;
4701 -ms-flex-align: end;
4702 align-items: flex-end;
4703 display: -webkit-box;
4704 display: -ms-flexbox;
4705 display: flex;
4706 font-size: 0.875em;
4707 -webkit-box-pack: center;
4708 -ms-flex-pack: center;
4709 justify-content: center;
4710 }
4711
4712 .panel-tabs a {
4713 border-bottom: 1px solid #dbdbdb;
4714 margin-bottom: -1px;
4715 padding: 0.5em;
4716 }
4717
4718 .panel-tabs a.is-active {
4719 border-bottom-color: #4a4a4a;
4720 color: #363636;
4721 }
4722
4723 .panel-list a {
4724 color: #4a4a4a;
4725 }
4726
4727 .panel-list a:hover {
4728 color: #00d1b2;
4729 }
4730
4731 .panel-block {
4732 -webkit-box-align: center;
4733 -ms-flex-align: center;
4734 align-items: center;
4735 color: #363636;
4736 display: -webkit-box;
4737 display: -ms-flexbox;
4738 display: flex;
4739 -webkit-box-pack: start;
4740 -ms-flex-pack: start;
4741 justify-content: flex-start;
4742 padding: 0.5em 0.75em;
4743 }
4744
4745 .panel-block input[type="checkbox"] {
4746 margin-right: 0.75em;
4747 }
4748
4749 .panel-block > .control {
4750 -webkit-box-flex: 1;
4751 -ms-flex-positive: 1;
4752 flex-grow: 1;
4753 -ms-flex-negative: 1;
4754 flex-shrink: 1;
4755 width: 100%;
4756 }
4757
4758 .panel-block.is-wrapped {
4759 -ms-flex-wrap: wrap;
4760 flex-wrap: wrap;
4761 }
4762
4763 .panel-block.is-active {
4764 border-left-color: #00d1b2;
4765 color: #363636;
4766 }
4767
4768 .panel-block.is-active .panel-icon {
4769 color: #00d1b2;
4770 }
4771
4772 a.panel-block,
4773 label.panel-block {
4774 cursor: pointer;
4775 }
4776
4777 a.panel-block:hover,
4778 label.panel-block:hover {
4779 background-color: whitesmoke;
4780 }
4781
4782 .panel-icon {
4783 display: inline-block;
4784 font-size: 14px;
4785 height: 1em;
4786 line-height: 1em;
4787 text-align: center;
4788 vertical-align: top;
4789 width: 1em;
4790 color: #7a7a7a;
4791 margin-right: 0.75em;
4792 }
4793
4794 .panel-icon .fa {
4795 font-size: inherit;
4796 line-height: inherit;
4797 }
4798
4799 .tabs {
4800 -webkit-overflow-scrolling: touch;
4801 -webkit-touch-callout: none;
4802 -webkit-user-select: none;
4803 -moz-user-select: none;
4804 -ms-user-select: none;
4805 user-select: none;
4806 -webkit-box-align: stretch;
4807 -ms-flex-align: stretch;
4808 align-items: stretch;
4809 display: -webkit-box;
4810 display: -ms-flexbox;
4811 display: flex;
4812 font-size: 1rem;
4813 -webkit-box-pack: justify;
4814 -ms-flex-pack: justify;
4815 justify-content: space-between;
4816 overflow: hidden;
4817 overflow-x: auto;
4818 white-space: nowrap;
4819 }
4820
4821 .tabs:not(:last-child) {
4822 margin-bottom: 1.5rem;
4823 }
4824
4825 .tabs a {
4826 -webkit-box-align: center;
4827 -ms-flex-align: center;
4828 align-items: center;
4829 border-bottom: 1px solid #dbdbdb;
4830 color: #4a4a4a;
4831 display: -webkit-box;
4832 display: -ms-flexbox;
4833 display: flex;
4834 -webkit-box-pack: center;
4835 -ms-flex-pack: center;
4836 justify-content: center;
4837 margin-bottom: -1px;
4838 padding: 0.5em 1em;
4839 vertical-align: top;
4840 }
4841
4842 .tabs a:hover {
4843 border-bottom-color: #363636;
4844 color: #363636;
4845 }
4846
4847 .tabs li {
4848 display: block;
4849 }
4850
4851 .tabs li.is-active a {
4852 border-bottom-color: #00d1b2;
4853 color: #00d1b2;
4854 }
4855
4856 .tabs ul {
4857 -webkit-box-align: center;
4858 -ms-flex-align: center;
4859 align-items: center;
4860 border-bottom: 1px solid #dbdbdb;
4861 display: -webkit-box;
4862 display: -ms-flexbox;
4863 display: flex;
4864 -webkit-box-flex: 1;
4865 -ms-flex-positive: 1;
4866 flex-grow: 1;
4867 -ms-flex-negative: 0;
4868 flex-shrink: 0;
4869 -webkit-box-pack: start;
4870 -ms-flex-pack: start;
4871 justify-content: flex-start;
4872 }
4873
4874 .tabs ul.is-left {
4875 padding-right: 0.75em;
4876 }
4877
4878 .tabs ul.is-center {
4879 -webkit-box-flex: 0;
4880 -ms-flex: none;
4881 flex: none;
4882 -webkit-box-pack: center;
4883 -ms-flex-pack: center;
4884 justify-content: center;
4885 padding-left: 0.75em;
4886 padding-right: 0.75em;
4887 }
4888
4889 .tabs ul.is-right {
4890 -webkit-box-pack: end;
4891 -ms-flex-pack: end;
4892 justify-content: flex-end;
4893 padding-left: 0.75em;
4894 }
4895
4896 .tabs .icon:first-child {
4897 margin-right: 0.5em;
4898 }
4899
4900 .tabs .icon:last-child {
4901 margin-left: 0.5em;
4902 }
4903
4904 .tabs.is-centered ul {
4905 -webkit-box-pack: center;
4906 -ms-flex-pack: center;
4907 justify-content: center;
4908 }
4909
4910 .tabs.is-right ul {
4911 -webkit-box-pack: end;
4912 -ms-flex-pack: end;
4913 justify-content: flex-end;
4914 }
4915
4916 .tabs.is-boxed a {
4917 border: 1px solid transparent;
4918 border-radius: 3px 3px 0 0;
4919 }
4920
4921 .tabs.is-boxed a:hover {
4922 background-color: whitesmoke;
4923 border-bottom-color: #dbdbdb;
4924 }
4925
4926 .tabs.is-boxed li.is-active a {
4927 background-color: white;
4928 border-color: #dbdbdb;
4929 border-bottom-color: transparent !important;
4930 }
4931
4932 .tabs.is-fullwidth li {
4933 -webkit-box-flex: 1;
4934 -ms-flex-positive: 1;
4935 flex-grow: 1;
4936 -ms-flex-negative: 0;
4937 flex-shrink: 0;
4938 }
4939
4940 .tabs.is-toggle a {
4941 border: 1px solid #dbdbdb;
4942 margin-bottom: 0;
4943 position: relative;
4944 }
4945
4946 .tabs.is-toggle a:hover {
4947 background-color: whitesmoke;
4948 border-color: #b5b5b5;
4949 z-index: 2;
4950 }
4951
4952 .tabs.is-toggle li + li {
4953 margin-left: -1px;
4954 }
4955
4956 .tabs.is-toggle li:first-child a {
4957 border-radius: 3px 0 0 3px;
4958 }
4959
4960 .tabs.is-toggle li:last-child a {
4961 border-radius: 0 3px 3px 0;
4962 }
4963
4964 .tabs.is-toggle li.is-active a {
4965 background-color: #00d1b2;
4966 border-color: #00d1b2;
4967 color: #fff;
4968 z-index: 1;
4969 }
4970
4971 .tabs.is-toggle ul {
4972 border-bottom: none;
4973 }
4974
4975 .tabs.is-small {
4976 font-size: 0.75rem;
4977 }
4978
4979 .tabs.is-medium {
4980 font-size: 1.25rem;
4981 }
4982
4983 .tabs.is-large {
4984 font-size: 1.5rem;
4985 }
4986
4987 .column {
4988 display: block;
4989 -ms-flex-preferred-size: 0;
4990 flex-basis: 0;
4991 -webkit-box-flex: 1;
4992 -ms-flex-positive: 1;
4993 flex-grow: 1;
4994 -ms-flex-negative: 1;
4995 flex-shrink: 1;
4996 padding: 0.75rem;
4997 }
4998
4999 .columns.is-mobile > .column.is-narrow {
5000 -webkit-box-flex: 0;
5001 -ms-flex: none;
5002 flex: none;
5003 }
5004
5005 .columns.is-mobile > .column.is-full {
5006 -webkit-box-flex: 0;
5007 -ms-flex: none;
5008 flex: none;
5009 width: 100%;
5010 }
5011
5012 .columns.is-mobile > .column.is-three-quarters {
5013 -webkit-box-flex: 0;
5014 -ms-flex: none;
5015 flex: none;
5016 width: 75%;
5017 }
5018
5019 .columns.is-mobile > .column.is-two-thirds {
5020 -webkit-box-flex: 0;
5021 -ms-flex: none;
5022 flex: none;
5023 width: 66.6666%;
5024 }
5025
5026 .columns.is-mobile > .column.is-half {
5027 -webkit-box-flex: 0;
5028 -ms-flex: none;
5029 flex: none;
5030 width: 50%;
5031 }
5032
5033 .columns.is-mobile > .column.is-one-third {
5034 -webkit-box-flex: 0;
5035 -ms-flex: none;
5036 flex: none;
5037 width: 33.3333%;
5038 }
5039
5040 .columns.is-mobile > .column.is-one-quarter {
5041 -webkit-box-flex: 0;
5042 -ms-flex: none;
5043 flex: none;
5044 width: 25%;
5045 }
5046
5047 .columns.is-mobile > .column.is-offset-three-quarters {
5048 margin-left: 75%;
5049 }
5050
5051 .columns.is-mobile > .column.is-offset-two-thirds {
5052 margin-left: 66.6666%;
5053 }
5054
5055 .columns.is-mobile > .column.is-offset-half {
5056 margin-left: 50%;
5057 }
5058
5059 .columns.is-mobile > .column.is-offset-one-third {
5060 margin-left: 33.3333%;
5061 }
5062
5063 .columns.is-mobile > .column.is-offset-one-quarter {
5064 margin-left: 25%;
5065 }
5066
5067 .columns.is-mobile > .column.is-1 {
5068 -webkit-box-flex: 0;
5069 -ms-flex: none;
5070 flex: none;
5071 width: 8.33333%;
5072 }
5073
5074 .columns.is-mobile > .column.is-offset-1 {
5075 margin-left: 8.33333%;
5076 }
5077
5078 .columns.is-mobile > .column.is-2 {
5079 -webkit-box-flex: 0;
5080 -ms-flex: none;
5081 flex: none;
5082 width: 16.66667%;
5083 }
5084
5085 .columns.is-mobile > .column.is-offset-2 {
5086 margin-left: 16.66667%;
5087 }
5088
5089 .columns.is-mobile > .column.is-3 {
5090 -webkit-box-flex: 0;
5091 -ms-flex: none;
5092 flex: none;
5093 width: 25%;
5094 }
5095
5096 .columns.is-mobile > .column.is-offset-3 {
5097 margin-left: 25%;
5098 }
5099
5100 .columns.is-mobile > .column.is-4 {
5101 -webkit-box-flex: 0;
5102 -ms-flex: none;
5103 flex: none;
5104 width: 33.33333%;
5105 }
5106
5107 .columns.is-mobile > .column.is-offset-4 {
5108 margin-left: 33.33333%;
5109 }
5110
5111 .columns.is-mobile > .column.is-5 {
5112 -webkit-box-flex: 0;
5113 -ms-flex: none;
5114 flex: none;
5115 width: 41.66667%;
5116 }
5117
5118 .columns.is-mobile > .column.is-offset-5 {
5119 margin-left: 41.66667%;
5120 }
5121
5122 .columns.is-mobile > .column.is-6 {
5123 -webkit-box-flex: 0;
5124 -ms-flex: none;
5125 flex: none;
5126 width: 50%;
5127 }
5128
5129 .columns.is-mobile > .column.is-offset-6 {
5130 margin-left: 50%;
5131 }
5132
5133 .columns.is-mobile > .column.is-7 {
5134 -webkit-box-flex: 0;
5135 -ms-flex: none;
5136 flex: none;
5137 width: 58.33333%;
5138 }
5139
5140 .columns.is-mobile > .column.is-offset-7 {
5141 margin-left: 58.33333%;
5142 }
5143
5144 .columns.is-mobile > .column.is-8 {
5145 -webkit-box-flex: 0;
5146 -ms-flex: none;
5147 flex: none;
5148 width: 66.66667%;
5149 }
5150
5151 .columns.is-mobile > .column.is-offset-8 {
5152 margin-left: 66.66667%;
5153 }
5154
5155 .columns.is-mobile > .column.is-9 {
5156 -webkit-box-flex: 0;
5157 -ms-flex: none;
5158 flex: none;
5159 width: 75%;
5160 }
5161
5162 .columns.is-mobile > .column.is-offset-9 {
5163 margin-left: 75%;
5164 }
5165
5166 .columns.is-mobile > .column.is-10 {
5167 -webkit-box-flex: 0;
5168 -ms-flex: none;
5169 flex: none;
5170 width: 83.33333%;
5171 }
5172
5173 .columns.is-mobile > .column.is-offset-10 {
5174 margin-left: 83.33333%;
5175 }
5176
5177 .columns.is-mobile > .column.is-11 {
5178 -webkit-box-flex: 0;
5179 -ms-flex: none;
5180 flex: none;
5181 width: 91.66667%;
5182 }
5183
5184 .columns.is-mobile > .column.is-offset-11 {
5185 margin-left: 91.66667%;
5186 }
5187
5188 .columns.is-mobile > .column.is-12 {
5189 -webkit-box-flex: 0;
5190 -ms-flex: none;
5191 flex: none;
5192 width: 100%;
5193 }
5194
5195 .columns.is-mobile > .column.is-offset-12 {
5196 margin-left: 100%;
5197 }
5198
5199 @media screen and (max-width: 768px) {
5200 .column.is-narrow-mobile {
5201 -webkit-box-flex: 0;
5202 -ms-flex: none;
5203 flex: none;
5204 }
5205 .column.is-full-mobile {
5206 -webkit-box-flex: 0;
5207 -ms-flex: none;
5208 flex: none;
5209 width: 100%;
5210 }
5211 .column.is-three-quarters-mobile {
5212 -webkit-box-flex: 0;
5213 -ms-flex: none;
5214 flex: none;
5215 width: 75%;
5216 }
5217 .column.is-two-thirds-mobile {
5218 -webkit-box-flex: 0;
5219 -ms-flex: none;
5220 flex: none;
5221 width: 66.6666%;
5222 }
5223 .column.is-half-mobile {
5224 -webkit-box-flex: 0;
5225 -ms-flex: none;
5226 flex: none;
5227 width: 50%;
5228 }
5229 .column.is-one-third-mobile {
5230 -webkit-box-flex: 0;
5231 -ms-flex: none;
5232 flex: none;
5233 width: 33.3333%;
5234 }
5235 .column.is-one-quarter-mobile {
5236 -webkit-box-flex: 0;
5237 -ms-flex: none;
5238 flex: none;
5239 width: 25%;
5240 }
5241 .column.is-offset-three-quarters-mobile {
5242 margin-left: 75%;
5243 }
5244 .column.is-offset-two-thirds-mobile {
5245 margin-left: 66.6666%;
5246 }
5247 .column.is-offset-half-mobile {
5248 margin-left: 50%;
5249 }
5250 .column.is-offset-one-third-mobile {
5251 margin-left: 33.3333%;
5252 }
5253 .column.is-offset-one-quarter-mobile {
5254 margin-left: 25%;
5255 }
5256 .column.is-1-mobile {
5257 -webkit-box-flex: 0;
5258 -ms-flex: none;
5259 flex: none;
5260 width: 8.33333%;
5261 }
5262 .column.is-offset-1-mobile {
5263 margin-left: 8.33333%;
5264 }
5265 .column.is-2-mobile {
5266 -webkit-box-flex: 0;
5267 -ms-flex: none;
5268 flex: none;
5269 width: 16.66667%;
5270 }
5271 .column.is-offset-2-mobile {
5272 margin-left: 16.66667%;
5273 }
5274 .column.is-3-mobile {
5275 -webkit-box-flex: 0;
5276 -ms-flex: none;
5277 flex: none;
5278 width: 25%;
5279 }
5280 .column.is-offset-3-mobile {
5281 margin-left: 25%;
5282 }
5283 .column.is-4-mobile {
5284 -webkit-box-flex: 0;
5285 -ms-flex: none;
5286 flex: none;
5287 width: 33.33333%;
5288 }
5289 .column.is-offset-4-mobile {
5290 margin-left: 33.33333%;
5291 }
5292 .column.is-5-mobile {
5293 -webkit-box-flex: 0;
5294 -ms-flex: none;
5295 flex: none;
5296 width: 41.66667%;
5297 }
5298 .column.is-offset-5-mobile {
5299 margin-left: 41.66667%;
5300 }
5301 .column.is-6-mobile {
5302 -webkit-box-flex: 0;
5303 -ms-flex: none;
5304 flex: none;
5305 width: 50%;
5306 }
5307 .column.is-offset-6-mobile {
5308 margin-left: 50%;
5309 }
5310 .column.is-7-mobile {
5311 -webkit-box-flex: 0;
5312 -ms-flex: none;
5313 flex: none;
5314 width: 58.33333%;
5315 }
5316 .column.is-offset-7-mobile {
5317 margin-left: 58.33333%;
5318 }
5319 .column.is-8-mobile {
5320 -webkit-box-flex: 0;
5321 -ms-flex: none;
5322 flex: none;
5323 width: 66.66667%;
5324 }
5325 .column.is-offset-8-mobile {
5326 margin-left: 66.66667%;
5327 }
5328 .column.is-9-mobile {
5329 -webkit-box-flex: 0;
5330 -ms-flex: none;
5331 flex: none;
5332 width: 75%;
5333 }
5334 .column.is-offset-9-mobile {
5335 margin-left: 75%;
5336 }
5337 .column.is-10-mobile {
5338 -webkit-box-flex: 0;
5339 -ms-flex: none;
5340 flex: none;
5341 width: 83.33333%;
5342 }
5343 .column.is-offset-10-mobile {
5344 margin-left: 83.33333%;
5345 }
5346 .column.is-11-mobile {
5347 -webkit-box-flex: 0;
5348 -ms-flex: none;
5349 flex: none;
5350 width: 91.66667%;
5351 }
5352 .column.is-offset-11-mobile {
5353 margin-left: 91.66667%;
5354 }
5355 .column.is-12-mobile {
5356 -webkit-box-flex: 0;
5357 -ms-flex: none;
5358 flex: none;
5359 width: 100%;
5360 }
5361 .column.is-offset-12-mobile {
5362 margin-left: 100%;
5363 }
5364 }
5365
5366 @media screen and (min-width: 769px), print {
5367 .column.is-narrow, .column.is-narrow-tablet {
5368 -webkit-box-flex: 0;
5369 -ms-flex: none;
5370 flex: none;
5371 }
5372 .column.is-full, .column.is-full-tablet {
5373 -webkit-box-flex: 0;
5374 -ms-flex: none;
5375 flex: none;
5376 width: 100%;
5377 }
5378 .column.is-three-quarters, .column.is-three-quarters-tablet {
5379 -webkit-box-flex: 0;
5380 -ms-flex: none;
5381 flex: none;
5382 width: 75%;
5383 }
5384 .column.is-two-thirds, .column.is-two-thirds-tablet {
5385 -webkit-box-flex: 0;
5386 -ms-flex: none;
5387 flex: none;
5388 width: 66.6666%;
5389 }
5390 .column.is-half, .column.is-half-tablet {
5391 -webkit-box-flex: 0;
5392 -ms-flex: none;
5393 flex: none;
5394 width: 50%;
5395 }
5396 .column.is-one-third, .column.is-one-third-tablet {
5397 -webkit-box-flex: 0;
5398 -ms-flex: none;
5399 flex: none;
5400 width: 33.3333%;
5401 }
5402 .column.is-one-quarter, .column.is-one-quarter-tablet {
5403 -webkit-box-flex: 0;
5404 -ms-flex: none;
5405 flex: none;
5406 width: 25%;
5407 }
5408 .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
5409 margin-left: 75%;
5410 }
5411 .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
5412 margin-left: 66.6666%;
5413 }
5414 .column.is-offset-half, .column.is-offset-half-tablet {
5415 margin-left: 50%;
5416 }
5417 .column.is-offset-one-third, .column.is-offset-one-third-tablet {
5418 margin-left: 33.3333%;
5419 }
5420 .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
5421 margin-left: 25%;
5422 }
5423 .column.is-1, .column.is-1-tablet {
5424 -webkit-box-flex: 0;
5425 -ms-flex: none;
5426 flex: none;
5427 width: 8.33333%;
5428 }
5429 .column.is-offset-1, .column.is-offset-1-tablet {
5430 margin-left: 8.33333%;
5431 }
5432 .column.is-2, .column.is-2-tablet {
5433 -webkit-box-flex: 0;
5434 -ms-flex: none;
5435 flex: none;
5436 width: 16.66667%;
5437 }
5438 .column.is-offset-2, .column.is-offset-2-tablet {
5439 margin-left: 16.66667%;
5440 }
5441 .column.is-3, .column.is-3-tablet {
5442 -webkit-box-flex: 0;
5443 -ms-flex: none;
5444 flex: none;
5445 width: 25%;
5446 }
5447 .column.is-offset-3, .column.is-offset-3-tablet {
5448 margin-left: 25%;
5449 }
5450 .column.is-4, .column.is-4-tablet {
5451 -webkit-box-flex: 0;
5452 -ms-flex: none;
5453 flex: none;
5454 width: 33.33333%;
5455 }
5456 .column.is-offset-4, .column.is-offset-4-tablet {
5457 margin-left: 33.33333%;
5458 }
5459 .column.is-5, .column.is-5-tablet {
5460 -webkit-box-flex: 0;
5461 -ms-flex: none;
5462 flex: none;
5463 width: 41.66667%;
5464 }
5465 .column.is-offset-5, .column.is-offset-5-tablet {
5466 margin-left: 41.66667%;
5467 }
5468 .column.is-6, .column.is-6-tablet {
5469 -webkit-box-flex: 0;
5470 -ms-flex: none;
5471 flex: none;
5472 width: 50%;
5473 }
5474 .column.is-offset-6, .column.is-offset-6-tablet {
5475 margin-left: 50%;
5476 }
5477 .column.is-7, .column.is-7-tablet {
5478 -webkit-box-flex: 0;
5479 -ms-flex: none;
5480 flex: none;
5481 width: 58.33333%;
5482 }
5483 .column.is-offset-7, .column.is-offset-7-tablet {
5484 margin-left: 58.33333%;
5485 }
5486 .column.is-8, .column.is-8-tablet {
5487 -webkit-box-flex: 0;
5488 -ms-flex: none;
5489 flex: none;
5490 width: 66.66667%;
5491 }
5492 .column.is-offset-8, .column.is-offset-8-tablet {
5493 margin-left: 66.66667%;
5494 }
5495 .column.is-9, .column.is-9-tablet {
5496 -webkit-box-flex: 0;
5497 -ms-flex: none;
5498 flex: none;
5499 width: 75%;
5500 }
5501 .column.is-offset-9, .column.is-offset-9-tablet {
5502 margin-left: 75%;
5503 }
5504 .column.is-10, .column.is-10-tablet {
5505 -webkit-box-flex: 0;
5506 -ms-flex: none;
5507 flex: none;
5508 width: 83.33333%;
5509 }
5510 .column.is-offset-10, .column.is-offset-10-tablet {
5511 margin-left: 83.33333%;
5512 }
5513 .column.is-11, .column.is-11-tablet {
5514 -webkit-box-flex: 0;
5515 -ms-flex: none;
5516 flex: none;
5517 width: 91.66667%;
5518 }
5519 .column.is-offset-11, .column.is-offset-11-tablet {
5520 margin-left: 91.66667%;
5521 }
5522 .column.is-12, .column.is-12-tablet {
5523 -webkit-box-flex: 0;
5524 -ms-flex: none;
5525 flex: none;
5526 width: 100%;
5527 }
5528 .column.is-offset-12, .column.is-offset-12-tablet {
5529 margin-left: 100%;
5530 }
5531 }
5532
5533 @media screen and (min-width: 1000px) {
5534 .column.is-narrow-desktop {
5535 -webkit-box-flex: 0;
5536 -ms-flex: none;
5537 flex: none;
5538 }
5539 .column.is-full-desktop {
5540 -webkit-box-flex: 0;
5541 -ms-flex: none;
5542 flex: none;
5543 width: 100%;
5544 }
5545 .column.is-three-quarters-desktop {
5546 -webkit-box-flex: 0;
5547 -ms-flex: none;
5548 flex: none;
5549 width: 75%;
5550 }
5551 .column.is-two-thirds-desktop {
5552 -webkit-box-flex: 0;
5553 -ms-flex: none;
5554 flex: none;
5555 width: 66.6666%;
5556 }
5557 .column.is-half-desktop {
5558 -webkit-box-flex: 0;
5559 -ms-flex: none;
5560 flex: none;
5561 width: 50%;
5562 }
5563 .column.is-one-third-desktop {
5564 -webkit-box-flex: 0;
5565 -ms-flex: none;
5566 flex: none;
5567 width: 33.3333%;
5568 }
5569 .column.is-one-quarter-desktop {
5570 -webkit-box-flex: 0;
5571 -ms-flex: none;
5572 flex: none;
5573 width: 25%;
5574 }
5575 .column.is-offset-three-quarters-desktop {
5576 margin-left: 75%;
5577 }
5578 .column.is-offset-two-thirds-desktop {
5579 margin-left: 66.6666%;
5580 }
5581 .column.is-offset-half-desktop {
5582 margin-left: 50%;
5583 }
5584 .column.is-offset-one-third-desktop {
5585 margin-left: 33.3333%;
5586 }
5587 .column.is-offset-one-quarter-desktop {
5588 margin-left: 25%;
5589 }
5590 .column.is-1-desktop {
5591 -webkit-box-flex: 0;
5592 -ms-flex: none;
5593 flex: none;
5594 width: 8.33333%;
5595 }
5596 .column.is-offset-1-desktop {
5597 margin-left: 8.33333%;
5598 }
5599 .column.is-2-desktop {
5600 -webkit-box-flex: 0;
5601 -ms-flex: none;
5602 flex: none;
5603 width: 16.66667%;
5604 }
5605 .column.is-offset-2-desktop {
5606 margin-left: 16.66667%;
5607 }
5608 .column.is-3-desktop {
5609 -webkit-box-flex: 0;
5610 -ms-flex: none;
5611 flex: none;
5612 width: 25%;
5613 }
5614 .column.is-offset-3-desktop {
5615 margin-left: 25%;
5616 }
5617 .column.is-4-desktop {
5618 -webkit-box-flex: 0;
5619 -ms-flex: none;
5620 flex: none;
5621 width: 33.33333%;
5622 }
5623 .column.is-offset-4-desktop {
5624 margin-left: 33.33333%;
5625 }
5626 .column.is-5-desktop {
5627 -webkit-box-flex: 0;
5628 -ms-flex: none;
5629 flex: none;
5630 width: 41.66667%;
5631 }
5632 .column.is-offset-5-desktop {
5633 margin-left: 41.66667%;
5634 }
5635 .column.is-6-desktop {
5636 -webkit-box-flex: 0;
5637 -ms-flex: none;
5638 flex: none;
5639 width: 50%;
5640 }
5641 .column.is-offset-6-desktop {
5642 margin-left: 50%;
5643 }
5644 .column.is-7-desktop {
5645 -webkit-box-flex: 0;
5646 -ms-flex: none;
5647 flex: none;
5648 width: 58.33333%;
5649 }
5650 .column.is-offset-7-desktop {
5651 margin-left: 58.33333%;
5652 }
5653 .column.is-8-desktop {
5654 -webkit-box-flex: 0;
5655 -ms-flex: none;
5656 flex: none;
5657 width: 66.66667%;
5658 }
5659 .column.is-offset-8-desktop {
5660 margin-left: 66.66667%;
5661 }
5662 .column.is-9-desktop {
5663 -webkit-box-flex: 0;
5664 -ms-flex: none;
5665 flex: none;
5666 width: 75%;
5667 }
5668 .column.is-offset-9-desktop {
5669 margin-left: 75%;
5670 }
5671 .column.is-10-desktop {
5672 -webkit-box-flex: 0;
5673 -ms-flex: none;
5674 flex: none;
5675 width: 83.33333%;
5676 }
5677 .column.is-offset-10-desktop {
5678 margin-left: 83.33333%;
5679 }
5680 .column.is-11-desktop {
5681 -webkit-box-flex: 0;
5682 -ms-flex: none;
5683 flex: none;
5684 width: 91.66667%;
5685 }
5686 .column.is-offset-11-desktop {
5687 margin-left: 91.66667%;
5688 }
5689 .column.is-12-desktop {
5690 -webkit-box-flex: 0;
5691 -ms-flex: none;
5692 flex: none;
5693 width: 100%;
5694 }
5695 .column.is-offset-12-desktop {
5696 margin-left: 100%;
5697 }
5698 }
5699
5700 @media screen and (min-width: 1192px) {
5701 .column.is-narrow-widescreen {
5702 -webkit-box-flex: 0;
5703 -ms-flex: none;
5704 flex: none;
5705 }
5706 .column.is-full-widescreen {
5707 -webkit-box-flex: 0;
5708 -ms-flex: none;
5709 flex: none;
5710 width: 100%;
5711 }
5712 .column.is-three-quarters-widescreen {
5713 -webkit-box-flex: 0;
5714 -ms-flex: none;
5715 flex: none;
5716 width: 75%;
5717 }
5718 .column.is-two-thirds-widescreen {
5719 -webkit-box-flex: 0;
5720 -ms-flex: none;
5721 flex: none;
5722 width: 66.6666%;
5723 }
5724 .column.is-half-widescreen {
5725 -webkit-box-flex: 0;
5726 -ms-flex: none;
5727 flex: none;
5728 width: 50%;
5729 }
5730 .column.is-one-third-widescreen {
5731 -webkit-box-flex: 0;
5732 -ms-flex: none;
5733 flex: none;
5734 width: 33.3333%;
5735 }
5736 .column.is-one-quarter-widescreen {
5737 -webkit-box-flex: 0;
5738 -ms-flex: none;
5739 flex: none;
5740 width: 25%;
5741 }
5742 .column.is-offset-three-quarters-widescreen {
5743 margin-left: 75%;
5744 }
5745 .column.is-offset-two-thirds-widescreen {
5746 margin-left: 66.6666%;
5747 }
5748 .column.is-offset-half-widescreen {
5749 margin-left: 50%;
5750 }
5751 .column.is-offset-one-third-widescreen {
5752 margin-left: 33.3333%;
5753 }
5754 .column.is-offset-one-quarter-widescreen {
5755 margin-left: 25%;
5756 }
5757 .column.is-1-widescreen {
5758 -webkit-box-flex: 0;
5759 -ms-flex: none;
5760 flex: none;
5761 width: 8.33333%;
5762 }
5763 .column.is-offset-1-widescreen {
5764 margin-left: 8.33333%;
5765 }
5766 .column.is-2-widescreen {
5767 -webkit-box-flex: 0;
5768 -ms-flex: none;
5769 flex: none;
5770 width: 16.66667%;
5771 }
5772 .column.is-offset-2-widescreen {
5773 margin-left: 16.66667%;
5774 }
5775 .column.is-3-widescreen {
5776 -webkit-box-flex: 0;
5777 -ms-flex: none;
5778 flex: none;
5779 width: 25%;
5780 }
5781 .column.is-offset-3-widescreen {
5782 margin-left: 25%;
5783 }
5784 .column.is-4-widescreen {
5785 -webkit-box-flex: 0;
5786 -ms-flex: none;
5787 flex: none;
5788 width: 33.33333%;
5789 }
5790 .column.is-offset-4-widescreen {
5791 margin-left: 33.33333%;
5792 }
5793 .column.is-5-widescreen {
5794 -webkit-box-flex: 0;
5795 -ms-flex: none;
5796 flex: none;
5797 width: 41.66667%;
5798 }
5799 .column.is-offset-5-widescreen {
5800 margin-left: 41.66667%;
5801 }
5802 .column.is-6-widescreen {
5803 -webkit-box-flex: 0;
5804 -ms-flex: none;
5805 flex: none;
5806 width: 50%;
5807 }
5808 .column.is-offset-6-widescreen {
5809 margin-left: 50%;
5810 }
5811 .column.is-7-widescreen {
5812 -webkit-box-flex: 0;
5813 -ms-flex: none;
5814 flex: none;
5815 width: 58.33333%;
5816 }
5817 .column.is-offset-7-widescreen {
5818 margin-left: 58.33333%;
5819 }
5820 .column.is-8-widescreen {
5821 -webkit-box-flex: 0;
5822 -ms-flex: none;
5823 flex: none;
5824 width: 66.66667%;
5825 }
5826 .column.is-offset-8-widescreen {
5827 margin-left: 66.66667%;
5828 }
5829 .column.is-9-widescreen {
5830 -webkit-box-flex: 0;
5831 -ms-flex: none;
5832 flex: none;
5833 width: 75%;
5834 }
5835 .column.is-offset-9-widescreen {
5836 margin-left: 75%;
5837 }
5838 .column.is-10-widescreen {
5839 -webkit-box-flex: 0;
5840 -ms-flex: none;
5841 flex: none;
5842 width: 83.33333%;
5843 }
5844 .column.is-offset-10-widescreen {
5845 margin-left: 83.33333%;
5846 }
5847 .column.is-11-widescreen {
5848 -webkit-box-flex: 0;
5849 -ms-flex: none;
5850 flex: none;
5851 width: 91.66667%;
5852 }
5853 .column.is-offset-11-widescreen {
5854 margin-left: 91.66667%;
5855 }
5856 .column.is-12-widescreen {
5857 -webkit-box-flex: 0;
5858 -ms-flex: none;
5859 flex: none;
5860 width: 100%;
5861 }
5862 .column.is-offset-12-widescreen {
5863 margin-left: 100%;
5864 }
5865 }
5866
5867 .columns {
5868 margin-left: -0.75rem;
5869 margin-right: -0.75rem;
5870 margin-top: -0.75rem;
5871 }
5872
5873 .columns:last-child {
5874 margin-bottom: -0.75rem;
5875 }
5876
5877 .columns:not(:last-child) {
5878 margin-bottom: 0.75rem;
5879 }
5880
5881 .columns.is-centered {
5882 -webkit-box-pack: center;
5883 -ms-flex-pack: center;
5884 justify-content: center;
5885 }
5886
5887 .columns.is-gapless {
5888 margin-left: 0;
5889 margin-right: 0;
5890 margin-top: 0;
5891 }
5892
5893 .columns.is-gapless:last-child {
5894 margin-bottom: 0;
5895 }
5896
5897 .columns.is-gapless:not(:last-child) {
5898 margin-bottom: 1.5rem;
5899 }
5900
5901 .columns.is-gapless > .column {
5902 margin: 0;
5903 padding: 0;
5904 }
5905
5906 @media screen and (min-width: 769px), print {
5907 .columns.is-grid {
5908 -ms-flex-wrap: wrap;
5909 flex-wrap: wrap;
5910 }
5911 .columns.is-grid > .column {
5912 max-width: 33.3333%;
5913 padding: 0.75rem;
5914 width: 33.3333%;
5915 }
5916 .columns.is-grid > .column + .column {
5917 margin-left: 0;
5918 }
5919 }
5920
5921 .columns.is-mobile {
5922 display: -webkit-box;
5923 display: -ms-flexbox;
5924 display: flex;
5925 }
5926
5927 .columns.is-multiline {
5928 -ms-flex-wrap: wrap;
5929 flex-wrap: wrap;
5930 }
5931
5932 .columns.is-vcentered {
5933 -webkit-box-align: center;
5934 -ms-flex-align: center;
5935 align-items: center;
5936 }
5937
5938 @media screen and (min-width: 769px), print {
5939 .columns:not(.is-desktop) {
5940 display: -webkit-box;
5941 display: -ms-flexbox;
5942 display: flex;
5943 }
5944 }
5945
5946 @media screen and (min-width: 1000px) {
5947 .columns.is-desktop {
5948 display: -webkit-box;
5949 display: -ms-flexbox;
5950 display: flex;
5951 }
5952 }
5953
5954 .tile {
5955 -webkit-box-align: stretch;
5956 -ms-flex-align: stretch;
5957 align-items: stretch;
5958 display: block;
5959 -ms-flex-preferred-size: 0;
5960 flex-basis: 0;
5961 -webkit-box-flex: 1;
5962 -ms-flex-positive: 1;
5963 flex-grow: 1;
5964 -ms-flex-negative: 1;
5965 flex-shrink: 1;
5966 min-height: -webkit-min-content;
5967 min-height: -moz-min-content;
5968 min-height: min-content;
5969 }
5970
5971 .tile.is-ancestor {
5972 margin-left: -0.75rem;
5973 margin-right: -0.75rem;
5974 margin-top: -0.75rem;
5975 }
5976
5977 .tile.is-ancestor:last-child {
5978 margin-bottom: -0.75rem;
5979 }
5980
5981 .tile.is-ancestor:not(:last-child) {
5982 margin-bottom: 0.75rem;
5983 }
5984
5985 .tile.is-child {
5986 margin: 0 !important;
5987 }
5988
5989 .tile.is-parent {
5990 padding: 0.75rem;
5991 }
5992
5993 .tile.is-vertical {
5994 -webkit-box-orient: vertical;
5995 -webkit-box-direction: normal;
5996 -ms-flex-direction: column;
5997 flex-direction: column;
5998 }
5999
6000 .tile.is-vertical > .tile.is-child:not(:last-child) {
6001 margin-bottom: 1.5rem !important;
6002 }
6003
6004 @media screen and (min-width: 769px), print {
6005 .tile:not(.is-child) {
6006 display: -webkit-box;
6007 display: -ms-flexbox;
6008 display: flex;
6009 }
6010 .tile.is-1 {
6011 -webkit-box-flex: 0;
6012 -ms-flex: none;
6013 flex: none;
6014 width: 8.33333%;
6015 }
6016 .tile.is-2 {
6017 -webkit-box-flex: 0;
6018 -ms-flex: none;
6019 flex: none;
6020 width: 16.66667%;
6021 }
6022 .tile.is-3 {
6023 -webkit-box-flex: 0;
6024 -ms-flex: none;
6025 flex: none;
6026 width: 25%;
6027 }
6028 .tile.is-4 {
6029 -webkit-box-flex: 0;
6030 -ms-flex: none;
6031 flex: none;
6032 width: 33.33333%;
6033 }
6034 .tile.is-5 {
6035 -webkit-box-flex: 0;
6036 -ms-flex: none;
6037 flex: none;
6038 width: 41.66667%;
6039 }
6040 .tile.is-6 {
6041 -webkit-box-flex: 0;
6042 -ms-flex: none;
6043 flex: none;
6044 width: 50%;
6045 }
6046 .tile.is-7 {
6047 -webkit-box-flex: 0;
6048 -ms-flex: none;
6049 flex: none;
6050 width: 58.33333%;
6051 }
6052 .tile.is-8 {
6053 -webkit-box-flex: 0;
6054 -ms-flex: none;
6055 flex: none;
6056 width: 66.66667%;
6057 }
6058 .tile.is-9 {
6059 -webkit-box-flex: 0;
6060 -ms-flex: none;
6061 flex: none;
6062 width: 75%;
6063 }
6064 .tile.is-10 {
6065 -webkit-box-flex: 0;
6066 -ms-flex: none;
6067 flex: none;
6068 width: 83.33333%;
6069 }
6070 .tile.is-11 {
6071 -webkit-box-flex: 0;
6072 -ms-flex: none;
6073 flex: none;
6074 width: 91.66667%;
6075 }
6076 .tile.is-12 {
6077 -webkit-box-flex: 0;
6078 -ms-flex: none;
6079 flex: none;
6080 width: 100%;
6081 }
6082 }
6083
6084 .hero-video {
6085 bottom: 0;
6086 left: 0;
6087 position: absolute;
6088 right: 0;
6089 top: 0;
6090 overflow: hidden;
6091 }
6092
6093 .hero-video video {
6094 left: 50%;
6095 min-height: 100%;
6096 min-width: 100%;
6097 position: absolute;
6098 top: 50%;
6099 -webkit-transform: translate3d(-50%, -50%, 0);
6100 transform: translate3d(-50%, -50%, 0);
6101 }
6102
6103 .hero-video.is-transparent {
6104 opacity: 0.3;
6105 }
6106
6107 @media screen and (max-width: 768px) {
6108 .hero-video {
6109 display: none;
6110 }
6111 }
6112
6113 .hero-buttons {
6114 margin-top: 1.5rem;
6115 }
6116
6117 @media screen and (max-width: 768px) {
6118 .hero-buttons .button {
6119 display: -webkit-box;
6120 display: -ms-flexbox;
6121 display: flex;
6122 }
6123 .hero-buttons .button:not(:last-child) {
6124 margin-bottom: 0.75rem;
6125 }
6126 }
6127
6128 @media screen and (min-width: 769px), print {
6129 .hero-buttons {
6130 display: -webkit-box;
6131 display: -ms-flexbox;
6132 display: flex;
6133 -webkit-box-pack: center;
6134 -ms-flex-pack: center;
6135 justify-content: center;
6136 }
6137 .hero-buttons .button:not(:last-child) {
6138 margin-right: 1.5rem;
6139 }
6140 }
6141
6142 .hero-head,
6143 .hero-foot {
6144 -webkit-box-flex: 0;
6145 -ms-flex-positive: 0;
6146 flex-grow: 0;
6147 -ms-flex-negative: 0;
6148 flex-shrink: 0;
6149 }
6150
6151 .hero-body {
6152 -webkit-box-flex: 1;
6153 -ms-flex-positive: 1;
6154 flex-grow: 1;
6155 -ms-flex-negative: 0;
6156 flex-shrink: 0;
6157 padding: 3rem 1.5rem;
6158 }
6159
6160 @media screen and (min-width: 1192px) {
6161 .hero-body {
6162 padding-left: 0;
6163 padding-right: 0;
6164 }
6165 }
6166
6167 .hero {
6168 -webkit-box-align: stretch;
6169 -ms-flex-align: stretch;
6170 align-items: stretch;
6171 background-color: white;
6172 display: -webkit-box;
6173 display: -ms-flexbox;
6174 display: flex;
6175 -webkit-box-orient: vertical;
6176 -webkit-box-direction: normal;
6177 -ms-flex-direction: column;
6178 flex-direction: column;
6179 -webkit-box-pack: justify;
6180 -ms-flex-pack: justify;
6181 justify-content: space-between;
6182 }
6183
6184 .hero .nav {
6185 background: none;
6186 box-shadow: 0 1px 0 rgba(219, 219, 219, 0.3);
6187 }
6188
6189 .hero .tabs ul {
6190 border-bottom: none;
6191 }
6192
6193 .hero.is-white {
6194 background-color: white;
6195 color: #0a0a0a;
6196 }
6197
6198 .hero.is-white a:not(.button),
6199 .hero.is-white strong {
6200 color: inherit;
6201 }
6202
6203 .hero.is-white .title {
6204 color: #0a0a0a;
6205 }
6206
6207 .hero.is-white .subtitle {
6208 color: rgba(10, 10, 10, 0.9);
6209 }
6210
6211 .hero.is-white .subtitle a:not(.button),
6212 .hero.is-white .subtitle strong {
6213 color: #0a0a0a;
6214 }
6215
6216 .hero.is-white .nav {
6217 box-shadow: 0 1px 0 rgba(10, 10, 10, 0.2);
6218 }
6219
6220 @media screen and (max-width: 768px) {
6221 .hero.is-white .nav-menu {
6222 background-color: white;
6223 }
6224 }
6225
6226 .hero.is-white a.nav-item,
6227 .hero.is-white .nav-item a:not(.button) {
6228 color: rgba(10, 10, 10, 0.7);
6229 }
6230
6231 .hero.is-white a.nav-item:hover, .hero.is-white a.nav-item.is-active,
6232 .hero.is-white .nav-item a:not(.button):hover,
6233 .hero.is-white .nav-item a:not(.button).is-active {
6234 color: #0a0a0a;
6235 }
6236
6237 .hero.is-white .tabs a {
6238 color: #0a0a0a;
6239 opacity: 0.9;
6240 }
6241
6242 .hero.is-white .tabs a:hover {
6243 opacity: 1;
6244 }
6245
6246 .hero.is-white .tabs li.is-active a {
6247 opacity: 1;
6248 }
6249
6250 .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
6251 color: #0a0a0a;
6252 }
6253
6254 .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
6255 background-color: rgba(10, 10, 10, 0.1);
6256 }
6257
6258 .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.i s-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
6259 background-color: #0a0a0a;
6260 border-color: #0a0a0a;
6261 color: white;
6262 }
6263
6264 .hero.is-white.is-bold {
6265 background-image: -webkit-linear-gradient(309deg, #e6e6e6 0%, white 71%, white 100%);
6266 background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%);
6267 }
6268
6269 @media screen and (max-width: 768px) {
6270 .hero.is-white.is-bold .nav-menu {
6271 background-image: -webkit-linear-gradient(309deg, #e6e6e6 0%, white 71%, whi te 100%);
6272 background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%) ;
6273 }
6274 }
6275
6276 @media screen and (max-width: 768px) {
6277 .hero.is-white .nav-toggle span {
6278 background-color: #0a0a0a;
6279 }
6280 .hero.is-white .nav-toggle:hover {
6281 background-color: rgba(10, 10, 10, 0.1);
6282 }
6283 .hero.is-white .nav-toggle.is-active span {
6284 background-color: #0a0a0a;
6285 }
6286 .hero.is-white .nav-menu .nav-item {
6287 border-top-color: rgba(10, 10, 10, 0.2);
6288 }
6289 }
6290
6291 .hero.is-black {
6292 background-color: #0a0a0a;
6293 color: white;
6294 }
6295
6296 .hero.is-black a:not(.button),
6297 .hero.is-black strong {
6298 color: inherit;
6299 }
6300
6301 .hero.is-black .title {
6302 color: white;
6303 }
6304
6305 .hero.is-black .subtitle {
6306 color: rgba(255, 255, 255, 0.9);
6307 }
6308
6309 .hero.is-black .subtitle a:not(.button),
6310 .hero.is-black .subtitle strong {
6311 color: white;
6312 }
6313
6314 .hero.is-black .nav {
6315 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
6316 }
6317
6318 @media screen and (max-width: 768px) {
6319 .hero.is-black .nav-menu {
6320 background-color: #0a0a0a;
6321 }
6322 }
6323
6324 .hero.is-black a.nav-item,
6325 .hero.is-black .nav-item a:not(.button) {
6326 color: rgba(255, 255, 255, 0.7);
6327 }
6328
6329 .hero.is-black a.nav-item:hover, .hero.is-black a.nav-item.is-active,
6330 .hero.is-black .nav-item a:not(.button):hover,
6331 .hero.is-black .nav-item a:not(.button).is-active {
6332 color: white;
6333 }
6334
6335 .hero.is-black .tabs a {
6336 color: white;
6337 opacity: 0.9;
6338 }
6339
6340 .hero.is-black .tabs a:hover {
6341 opacity: 1;
6342 }
6343
6344 .hero.is-black .tabs li.is-active a {
6345 opacity: 1;
6346 }
6347
6348 .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
6349 color: white;
6350 }
6351
6352 .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
6353 background-color: rgba(10, 10, 10, 0.1);
6354 }
6355
6356 .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.i s-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
6357 background-color: white;
6358 border-color: white;
6359 color: #0a0a0a;
6360 }
6361
6362 .hero.is-black.is-bold {
6363 background-image: -webkit-linear-gradient(309deg, black 0%, #0a0a0a 71%, #1816 16 100%);
6364 background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%) ;
6365 }
6366
6367 @media screen and (max-width: 768px) {
6368 .hero.is-black.is-bold .nav-menu {
6369 background-image: -webkit-linear-gradient(309deg, black 0%, #0a0a0a 71%, #18 1616 100%);
6370 background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100 %);
6371 }
6372 }
6373
6374 @media screen and (max-width: 768px) {
6375 .hero.is-black .nav-toggle span {
6376 background-color: white;
6377 }
6378 .hero.is-black .nav-toggle:hover {
6379 background-color: rgba(10, 10, 10, 0.1);
6380 }
6381 .hero.is-black .nav-toggle.is-active span {
6382 background-color: white;
6383 }
6384 .hero.is-black .nav-menu .nav-item {
6385 border-top-color: rgba(255, 255, 255, 0.2);
6386 }
6387 }
6388
6389 .hero.is-light {
6390 background-color: whitesmoke;
6391 color: #363636;
6392 }
6393
6394 .hero.is-light a:not(.button),
6395 .hero.is-light strong {
6396 color: inherit;
6397 }
6398
6399 .hero.is-light .title {
6400 color: #363636;
6401 }
6402
6403 .hero.is-light .subtitle {
6404 color: rgba(54, 54, 54, 0.9);
6405 }
6406
6407 .hero.is-light .subtitle a:not(.button),
6408 .hero.is-light .subtitle strong {
6409 color: #363636;
6410 }
6411
6412 .hero.is-light .nav {
6413 box-shadow: 0 1px 0 rgba(54, 54, 54, 0.2);
6414 }
6415
6416 @media screen and (max-width: 768px) {
6417 .hero.is-light .nav-menu {
6418 background-color: whitesmoke;
6419 }
6420 }
6421
6422 .hero.is-light a.nav-item,
6423 .hero.is-light .nav-item a:not(.button) {
6424 color: rgba(54, 54, 54, 0.7);
6425 }
6426
6427 .hero.is-light a.nav-item:hover, .hero.is-light a.nav-item.is-active,
6428 .hero.is-light .nav-item a:not(.button):hover,
6429 .hero.is-light .nav-item a:not(.button).is-active {
6430 color: #363636;
6431 }
6432
6433 .hero.is-light .tabs a {
6434 color: #363636;
6435 opacity: 0.9;
6436 }
6437
6438 .hero.is-light .tabs a:hover {
6439 opacity: 1;
6440 }
6441
6442 .hero.is-light .tabs li.is-active a {
6443 opacity: 1;
6444 }
6445
6446 .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
6447 color: #363636;
6448 }
6449
6450 .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
6451 background-color: rgba(10, 10, 10, 0.1);
6452 }
6453
6454 .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.i s-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
6455 background-color: #363636;
6456 border-color: #363636;
6457 color: whitesmoke;
6458 }
6459
6460 .hero.is-light.is-bold {
6461 background-image: -webkit-linear-gradient(309deg, #dfd8d8 0%, whitesmoke 71%, white 100%);
6462 background-image: linear-gradient(141deg, #dfd8d8 0%, whitesmoke 71%, white 10 0%);
6463 }
6464
6465 @media screen and (max-width: 768px) {
6466 .hero.is-light.is-bold .nav-menu {
6467 background-image: -webkit-linear-gradient(309deg, #dfd8d8 0%, whitesmoke 71% , white 100%);
6468 background-image: linear-gradient(141deg, #dfd8d8 0%, whitesmoke 71%, white 100%);
6469 }
6470 }
6471
6472 @media screen and (max-width: 768px) {
6473 .hero.is-light .nav-toggle span {
6474 background-color: #363636;
6475 }
6476 .hero.is-light .nav-toggle:hover {
6477 background-color: rgba(10, 10, 10, 0.1);
6478 }
6479 .hero.is-light .nav-toggle.is-active span {
6480 background-color: #363636;
6481 }
6482 .hero.is-light .nav-menu .nav-item {
6483 border-top-color: rgba(54, 54, 54, 0.2);
6484 }
6485 }
6486
6487 .hero.is-dark {
6488 background-color: #363636;
6489 color: whitesmoke;
6490 }
6491
6492 .hero.is-dark a:not(.button),
6493 .hero.is-dark strong {
6494 color: inherit;
6495 }
6496
6497 .hero.is-dark .title {
6498 color: whitesmoke;
6499 }
6500
6501 .hero.is-dark .subtitle {
6502 color: rgba(245, 245, 245, 0.9);
6503 }
6504
6505 .hero.is-dark .subtitle a:not(.button),
6506 .hero.is-dark .subtitle strong {
6507 color: whitesmoke;
6508 }
6509
6510 .hero.is-dark .nav {
6511 box-shadow: 0 1px 0 rgba(245, 245, 245, 0.2);
6512 }
6513
6514 @media screen and (max-width: 768px) {
6515 .hero.is-dark .nav-menu {
6516 background-color: #363636;
6517 }
6518 }
6519
6520 .hero.is-dark a.nav-item,
6521 .hero.is-dark .nav-item a:not(.button) {
6522 color: rgba(245, 245, 245, 0.7);
6523 }
6524
6525 .hero.is-dark a.nav-item:hover, .hero.is-dark a.nav-item.is-active,
6526 .hero.is-dark .nav-item a:not(.button):hover,
6527 .hero.is-dark .nav-item a:not(.button).is-active {
6528 color: whitesmoke;
6529 }
6530
6531 .hero.is-dark .tabs a {
6532 color: whitesmoke;
6533 opacity: 0.9;
6534 }
6535
6536 .hero.is-dark .tabs a:hover {
6537 opacity: 1;
6538 }
6539
6540 .hero.is-dark .tabs li.is-active a {
6541 opacity: 1;
6542 }
6543
6544 .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
6545 color: whitesmoke;
6546 }
6547
6548 .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
6549 background-color: rgba(10, 10, 10, 0.1);
6550 }
6551
6552 .hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is- active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tab s.is-toggle li.is-active a:hover {
6553 background-color: whitesmoke;
6554 border-color: whitesmoke;
6555 color: #363636;
6556 }
6557
6558 .hero.is-dark.is-bold {
6559 background-image: -webkit-linear-gradient(309deg, #1f1919 0%, #363636 71%, #46 3f3f 100%);
6560 background-image: linear-gradient(141deg, #1f1919 0%, #363636 71%, #463f3f 100 %);
6561 }
6562
6563 @media screen and (max-width: 768px) {
6564 .hero.is-dark.is-bold .nav-menu {
6565 background-image: -webkit-linear-gradient(309deg, #1f1919 0%, #363636 71%, # 463f3f 100%);
6566 background-image: linear-gradient(141deg, #1f1919 0%, #363636 71%, #463f3f 1 00%);
6567 }
6568 }
6569
6570 @media screen and (max-width: 768px) {
6571 .hero.is-dark .nav-toggle span {
6572 background-color: whitesmoke;
6573 }
6574 .hero.is-dark .nav-toggle:hover {
6575 background-color: rgba(10, 10, 10, 0.1);
6576 }
6577 .hero.is-dark .nav-toggle.is-active span {
6578 background-color: whitesmoke;
6579 }
6580 .hero.is-dark .nav-menu .nav-item {
6581 border-top-color: rgba(245, 245, 245, 0.2);
6582 }
6583 }
6584
6585 .hero.is-primary {
6586 background-color: #00d1b2;
6587 color: #fff;
6588 }
6589
6590 .hero.is-primary a:not(.button),
6591 .hero.is-primary strong {
6592 color: inherit;
6593 }
6594
6595 .hero.is-primary .title {
6596 color: #fff;
6597 }
6598
6599 .hero.is-primary .subtitle {
6600 color: rgba(255, 255, 255, 0.9);
6601 }
6602
6603 .hero.is-primary .subtitle a:not(.button),
6604 .hero.is-primary .subtitle strong {
6605 color: #fff;
6606 }
6607
6608 .hero.is-primary .nav {
6609 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
6610 }
6611
6612 @media screen and (max-width: 768px) {
6613 .hero.is-primary .nav-menu {
6614 background-color: #00d1b2;
6615 }
6616 }
6617
6618 .hero.is-primary a.nav-item,
6619 .hero.is-primary .nav-item a:not(.button) {
6620 color: rgba(255, 255, 255, 0.7);
6621 }
6622
6623 .hero.is-primary a.nav-item:hover, .hero.is-primary a.nav-item.is-active,
6624 .hero.is-primary .nav-item a:not(.button):hover,
6625 .hero.is-primary .nav-item a:not(.button).is-active {
6626 color: #fff;
6627 }
6628
6629 .hero.is-primary .tabs a {
6630 color: #fff;
6631 opacity: 0.9;
6632 }
6633
6634 .hero.is-primary .tabs a:hover {
6635 opacity: 1;
6636 }
6637
6638 .hero.is-primary .tabs li.is-active a {
6639 opacity: 1;
6640 }
6641
6642 .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
6643 color: #fff;
6644 }
6645
6646 .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hove r {
6647 background-color: rgba(10, 10, 10, 0.1);
6648 }
6649
6650 .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is- primary .tabs.is-toggle li.is-active a:hover {
6651 background-color: #fff;
6652 border-color: #fff;
6653 color: #00d1b2;
6654 }
6655
6656 .hero.is-primary.is-bold {
6657 background-image: -webkit-linear-gradient(309deg, #009e6c 0%, #00d1b2 71%, #00 e7eb 100%);
6658 background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100 %);
6659 }
6660
6661 @media screen and (max-width: 768px) {
6662 .hero.is-primary.is-bold .nav-menu {
6663 background-image: -webkit-linear-gradient(309deg, #009e6c 0%, #00d1b2 71%, # 00e7eb 100%);
6664 background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 1 00%);
6665 }
6666 }
6667
6668 @media screen and (max-width: 768px) {
6669 .hero.is-primary .nav-toggle span {
6670 background-color: #fff;
6671 }
6672 .hero.is-primary .nav-toggle:hover {
6673 background-color: rgba(10, 10, 10, 0.1);
6674 }
6675 .hero.is-primary .nav-toggle.is-active span {
6676 background-color: #fff;
6677 }
6678 .hero.is-primary .nav-menu .nav-item {
6679 border-top-color: rgba(255, 255, 255, 0.2);
6680 }
6681 }
6682
6683 .hero.is-info {
6684 background-color: #3273dc;
6685 color: #fff;
6686 }
6687
6688 .hero.is-info a:not(.button),
6689 .hero.is-info strong {
6690 color: inherit;
6691 }
6692
6693 .hero.is-info .title {
6694 color: #fff;
6695 }
6696
6697 .hero.is-info .subtitle {
6698 color: rgba(255, 255, 255, 0.9);
6699 }
6700
6701 .hero.is-info .subtitle a:not(.button),
6702 .hero.is-info .subtitle strong {
6703 color: #fff;
6704 }
6705
6706 .hero.is-info .nav {
6707 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
6708 }
6709
6710 @media screen and (max-width: 768px) {
6711 .hero.is-info .nav-menu {
6712 background-color: #3273dc;
6713 }
6714 }
6715
6716 .hero.is-info a.nav-item,
6717 .hero.is-info .nav-item a:not(.button) {
6718 color: rgba(255, 255, 255, 0.7);
6719 }
6720
6721 .hero.is-info a.nav-item:hover, .hero.is-info a.nav-item.is-active,
6722 .hero.is-info .nav-item a:not(.button):hover,
6723 .hero.is-info .nav-item a:not(.button).is-active {
6724 color: #fff;
6725 }
6726
6727 .hero.is-info .tabs a {
6728 color: #fff;
6729 opacity: 0.9;
6730 }
6731
6732 .hero.is-info .tabs a:hover {
6733 opacity: 1;
6734 }
6735
6736 .hero.is-info .tabs li.is-active a {
6737 opacity: 1;
6738 }
6739
6740 .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
6741 color: #fff;
6742 }
6743
6744 .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
6745 background-color: rgba(10, 10, 10, 0.1);
6746 }
6747
6748 .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is- active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tab s.is-toggle li.is-active a:hover {
6749 background-color: #fff;
6750 border-color: #fff;
6751 color: #3273dc;
6752 }
6753
6754 .hero.is-info.is-bold {
6755 background-image: -webkit-linear-gradient(309deg, #1577c6 0%, #3273dc 71%, #43 66e5 100%);
6756 background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100 %);
6757 }
6758
6759 @media screen and (max-width: 768px) {
6760 .hero.is-info.is-bold .nav-menu {
6761 background-image: -webkit-linear-gradient(309deg, #1577c6 0%, #3273dc 71%, # 4366e5 100%);
6762 background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 1 00%);
6763 }
6764 }
6765
6766 @media screen and (max-width: 768px) {
6767 .hero.is-info .nav-toggle span {
6768 background-color: #fff;
6769 }
6770 .hero.is-info .nav-toggle:hover {
6771 background-color: rgba(10, 10, 10, 0.1);
6772 }
6773 .hero.is-info .nav-toggle.is-active span {
6774 background-color: #fff;
6775 }
6776 .hero.is-info .nav-menu .nav-item {
6777 border-top-color: rgba(255, 255, 255, 0.2);
6778 }
6779 }
6780
6781 .hero.is-success {
6782 background-color: #23d160;
6783 color: #fff;
6784 }
6785
6786 .hero.is-success a:not(.button),
6787 .hero.is-success strong {
6788 color: inherit;
6789 }
6790
6791 .hero.is-success .title {
6792 color: #fff;
6793 }
6794
6795 .hero.is-success .subtitle {
6796 color: rgba(255, 255, 255, 0.9);
6797 }
6798
6799 .hero.is-success .subtitle a:not(.button),
6800 .hero.is-success .subtitle strong {
6801 color: #fff;
6802 }
6803
6804 .hero.is-success .nav {
6805 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
6806 }
6807
6808 @media screen and (max-width: 768px) {
6809 .hero.is-success .nav-menu {
6810 background-color: #23d160;
6811 }
6812 }
6813
6814 .hero.is-success a.nav-item,
6815 .hero.is-success .nav-item a:not(.button) {
6816 color: rgba(255, 255, 255, 0.7);
6817 }
6818
6819 .hero.is-success a.nav-item:hover, .hero.is-success a.nav-item.is-active,
6820 .hero.is-success .nav-item a:not(.button):hover,
6821 .hero.is-success .nav-item a:not(.button).is-active {
6822 color: #fff;
6823 }
6824
6825 .hero.is-success .tabs a {
6826 color: #fff;
6827 opacity: 0.9;
6828 }
6829
6830 .hero.is-success .tabs a:hover {
6831 opacity: 1;
6832 }
6833
6834 .hero.is-success .tabs li.is-active a {
6835 opacity: 1;
6836 }
6837
6838 .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
6839 color: #fff;
6840 }
6841
6842 .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hove r {
6843 background-color: rgba(10, 10, 10, 0.1);
6844 }
6845
6846 .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is- success .tabs.is-toggle li.is-active a:hover {
6847 background-color: #fff;
6848 border-color: #fff;
6849 color: #23d160;
6850 }
6851
6852 .hero.is-success.is-bold {
6853 background-image: -webkit-linear-gradient(309deg, #12af2f 0%, #23d160 71%, #2c e28a 100%);
6854 background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100 %);
6855 }
6856
6857 @media screen and (max-width: 768px) {
6858 .hero.is-success.is-bold .nav-menu {
6859 background-image: -webkit-linear-gradient(309deg, #12af2f 0%, #23d160 71%, # 2ce28a 100%);
6860 background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 1 00%);
6861 }
6862 }
6863
6864 @media screen and (max-width: 768px) {
6865 .hero.is-success .nav-toggle span {
6866 background-color: #fff;
6867 }
6868 .hero.is-success .nav-toggle:hover {
6869 background-color: rgba(10, 10, 10, 0.1);
6870 }
6871 .hero.is-success .nav-toggle.is-active span {
6872 background-color: #fff;
6873 }
6874 .hero.is-success .nav-menu .nav-item {
6875 border-top-color: rgba(255, 255, 255, 0.2);
6876 }
6877 }
6878
6879 .hero.is-warning {
6880 background-color: #ffdd57;
6881 color: rgba(0, 0, 0, 0.7);
6882 }
6883
6884 .hero.is-warning a:not(.button),
6885 .hero.is-warning strong {
6886 color: inherit;
6887 }
6888
6889 .hero.is-warning .title {
6890 color: rgba(0, 0, 0, 0.7);
6891 }
6892
6893 .hero.is-warning .subtitle {
6894 color: rgba(0, 0, 0, 0.9);
6895 }
6896
6897 .hero.is-warning .subtitle a:not(.button),
6898 .hero.is-warning .subtitle strong {
6899 color: rgba(0, 0, 0, 0.7);
6900 }
6901
6902 .hero.is-warning .nav {
6903 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
6904 }
6905
6906 @media screen and (max-width: 768px) {
6907 .hero.is-warning .nav-menu {
6908 background-color: #ffdd57;
6909 }
6910 }
6911
6912 .hero.is-warning a.nav-item,
6913 .hero.is-warning .nav-item a:not(.button) {
6914 color: rgba(0, 0, 0, 0.7);
6915 }
6916
6917 .hero.is-warning a.nav-item:hover, .hero.is-warning a.nav-item.is-active,
6918 .hero.is-warning .nav-item a:not(.button):hover,
6919 .hero.is-warning .nav-item a:not(.button).is-active {
6920 color: rgba(0, 0, 0, 0.7);
6921 }
6922
6923 .hero.is-warning .tabs a {
6924 color: rgba(0, 0, 0, 0.7);
6925 opacity: 0.9;
6926 }
6927
6928 .hero.is-warning .tabs a:hover {
6929 opacity: 1;
6930 }
6931
6932 .hero.is-warning .tabs li.is-active a {
6933 opacity: 1;
6934 }
6935
6936 .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
6937 color: rgba(0, 0, 0, 0.7);
6938 }
6939
6940 .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hove r {
6941 background-color: rgba(10, 10, 10, 0.1);
6942 }
6943
6944 .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is- warning .tabs.is-toggle li.is-active a:hover {
6945 background-color: rgba(0, 0, 0, 0.7);
6946 border-color: rgba(0, 0, 0, 0.7);
6947 color: #ffdd57;
6948 }
6949
6950 .hero.is-warning.is-bold {
6951 background-image: -webkit-linear-gradient(309deg, #ffaf24 0%, #ffdd57 71%, #ff fa70 100%);
6952 background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100 %);
6953 }
6954
6955 @media screen and (max-width: 768px) {
6956 .hero.is-warning.is-bold .nav-menu {
6957 background-image: -webkit-linear-gradient(309deg, #ffaf24 0%, #ffdd57 71%, # fffa70 100%);
6958 background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 1 00%);
6959 }
6960 }
6961
6962 @media screen and (max-width: 768px) {
6963 .hero.is-warning .nav-toggle span {
6964 background-color: rgba(0, 0, 0, 0.7);
6965 }
6966 .hero.is-warning .nav-toggle:hover {
6967 background-color: rgba(10, 10, 10, 0.1);
6968 }
6969 .hero.is-warning .nav-toggle.is-active span {
6970 background-color: rgba(0, 0, 0, 0.7);
6971 }
6972 .hero.is-warning .nav-menu .nav-item {
6973 border-top-color: rgba(0, 0, 0, 0.2);
6974 }
6975 }
6976
6977 .hero.is-danger {
6978 background-color: #ff3860;
6979 color: #fff;
6980 }
6981
6982 .hero.is-danger a:not(.button),
6983 .hero.is-danger strong {
6984 color: inherit;
6985 }
6986
6987 .hero.is-danger .title {
6988 color: #fff;
6989 }
6990
6991 .hero.is-danger .subtitle {
6992 color: rgba(255, 255, 255, 0.9);
6993 }
6994
6995 .hero.is-danger .subtitle a:not(.button),
6996 .hero.is-danger .subtitle strong {
6997 color: #fff;
6998 }
6999
7000 .hero.is-danger .nav {
7001 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
7002 }
7003
7004 @media screen and (max-width: 768px) {
7005 .hero.is-danger .nav-menu {
7006 background-color: #ff3860;
7007 }
7008 }
7009
7010 .hero.is-danger a.nav-item,
7011 .hero.is-danger .nav-item a:not(.button) {
7012 color: rgba(255, 255, 255, 0.7);
7013 }
7014
7015 .hero.is-danger a.nav-item:hover, .hero.is-danger a.nav-item.is-active,
7016 .hero.is-danger .nav-item a:not(.button):hover,
7017 .hero.is-danger .nav-item a:not(.button).is-active {
7018 color: #fff;
7019 }
7020
7021 .hero.is-danger .tabs a {
7022 color: #fff;
7023 opacity: 0.9;
7024 }
7025
7026 .hero.is-danger .tabs a:hover {
7027 opacity: 1;
7028 }
7029
7030 .hero.is-danger .tabs li.is-active a {
7031 opacity: 1;
7032 }
7033
7034 .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
7035 color: #fff;
7036 }
7037
7038 .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
7039 background-color: rgba(10, 10, 10, 0.1);
7040 }
7041
7042 .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li .is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-dan ger .tabs.is-toggle li.is-active a:hover {
7043 background-color: #fff;
7044 border-color: #fff;
7045 color: #ff3860;
7046 }
7047
7048 .hero.is-danger.is-bold {
7049 background-image: -webkit-linear-gradient(309deg, #ff0561 0%, #ff3860 71%, #ff 5257 100%);
7050 background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100 %);
7051 }
7052
7053 @media screen and (max-width: 768px) {
7054 .hero.is-danger.is-bold .nav-menu {
7055 background-image: -webkit-linear-gradient(309deg, #ff0561 0%, #ff3860 71%, # ff5257 100%);
7056 background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 1 00%);
7057 }
7058 }
7059
7060 @media screen and (max-width: 768px) {
7061 .hero.is-danger .nav-toggle span {
7062 background-color: #fff;
7063 }
7064 .hero.is-danger .nav-toggle:hover {
7065 background-color: rgba(10, 10, 10, 0.1);
7066 }
7067 .hero.is-danger .nav-toggle.is-active span {
7068 background-color: #fff;
7069 }
7070 .hero.is-danger .nav-menu .nav-item {
7071 border-top-color: rgba(255, 255, 255, 0.2);
7072 }
7073 }
7074
7075 @media screen and (min-width: 769px), print {
7076 .hero.is-medium .hero-body {
7077 padding-bottom: 9rem;
7078 padding-top: 9rem;
7079 }
7080 }
7081
7082 @media screen and (min-width: 769px), print {
7083 .hero.is-large .hero-body {
7084 padding-bottom: 18rem;
7085 padding-top: 18rem;
7086 }
7087 }
7088
7089 .hero.is-fullheight {
7090 min-height: 100vh;
7091 }
7092
7093 .hero.is-fullheight .hero-body {
7094 -webkit-box-align: center;
7095 -ms-flex-align: center;
7096 align-items: center;
7097 display: -webkit-box;
7098 display: -ms-flexbox;
7099 display: flex;
7100 }
7101
7102 .hero.is-fullheight .hero-body > .container {
7103 -webkit-box-flex: 1;
7104 -ms-flex-positive: 1;
7105 flex-grow: 1;
7106 -ms-flex-negative: 1;
7107 flex-shrink: 1;
7108 }
7109
7110 .section {
7111 background-color: white;
7112 padding: 3rem 1.5rem;
7113 }
7114
7115 @media screen and (min-width: 1000px) {
7116 .section.is-medium {
7117 padding: 9rem 1.5rem;
7118 }
7119 .section.is-large {
7120 padding: 18rem 1.5rem;
7121 }
7122 }
7123
7124 .footer {
7125 background-color: whitesmoke;
7126 padding: 3rem 1.5rem 6rem;
7127 }
7128 /*# sourceMappingURL=bulma.css.map */
OLDNEW
« no previous file with comments | « packages/csslib/test/examples/bootstrap.css ('k') | packages/csslib/test/examples/foundation.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698