bulma.css (225289B)
1 /*! bulma.io v0.7.5 | 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 .delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous, 24 .pagination-next, 25 .pagination-link, 26 .pagination-ellipsis, .tabs { 27 -webkit-touch-callout: none; 28 -webkit-user-select: none; 29 -moz-user-select: none; 30 -ms-user-select: none; 31 user-select: none; 32 } 33 34 .select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after { 35 border: 3px solid transparent; 36 border-radius: 2px; 37 border-right: 0; 38 border-top: 0; 39 content: " "; 40 display: block; 41 height: 0.625em; 42 margin-top: -0.4375em; 43 pointer-events: none; 44 position: absolute; 45 top: 50%; 46 -webkit-transform: rotate(-45deg); 47 transform: rotate(-45deg); 48 -webkit-transform-origin: center; 49 transform-origin: center; 50 width: 0.625em; 51 } 52 53 .box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child), 54 .subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .list:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { 55 margin-bottom: 1.5rem; 56 } 57 58 .delete, .modal-close { 59 -moz-appearance: none; 60 -webkit-appearance: none; 61 background-color: rgba(10, 10, 10, 0.2); 62 border: none; 63 border-radius: 290486px; 64 cursor: pointer; 65 pointer-events: auto; 66 display: inline-block; 67 flex-grow: 0; 68 flex-shrink: 0; 69 font-size: 0; 70 height: 20px; 71 max-height: 20px; 72 max-width: 20px; 73 min-height: 20px; 74 min-width: 20px; 75 outline: none; 76 position: relative; 77 vertical-align: top; 78 width: 20px; 79 } 80 81 .delete::before, .modal-close::before, .delete::after, .modal-close::after { 82 background-color: white; 83 content: ""; 84 display: block; 85 left: 50%; 86 position: absolute; 87 top: 50%; 88 -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); 89 transform: translateX(-50%) translateY(-50%) rotate(45deg); 90 -webkit-transform-origin: center center; 91 transform-origin: center center; 92 } 93 94 .delete::before, .modal-close::before { 95 height: 2px; 96 width: 50%; 97 } 98 99 .delete::after, .modal-close::after { 100 height: 50%; 101 width: 2px; 102 } 103 104 .delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus { 105 background-color: rgba(10, 10, 10, 0.3); 106 } 107 108 .delete:active, .modal-close:active { 109 background-color: rgba(10, 10, 10, 0.4); 110 } 111 112 .is-small.delete, .is-small.modal-close { 113 height: 16px; 114 max-height: 16px; 115 max-width: 16px; 116 min-height: 16px; 117 min-width: 16px; 118 width: 16px; 119 } 120 121 .is-medium.delete, .is-medium.modal-close { 122 height: 24px; 123 max-height: 24px; 124 max-width: 24px; 125 min-height: 24px; 126 min-width: 24px; 127 width: 24px; 128 } 129 130 .is-large.delete, .is-large.modal-close { 131 height: 32px; 132 max-height: 32px; 133 max-width: 32px; 134 min-height: 32px; 135 min-width: 32px; 136 width: 32px; 137 } 138 139 .button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after { 140 -webkit-animation: spinAround 500ms infinite linear; 141 animation: spinAround 500ms infinite linear; 142 border: 2px solid #dbdbdb; 143 border-radius: 290486px; 144 border-right-color: transparent; 145 border-top-color: transparent; 146 content: ""; 147 display: block; 148 height: 1em; 149 position: relative; 150 width: 1em; 151 } 152 153 .is-overlay, .image.is-square img, 154 .image.is-square .has-ratio, .image.is-1by1 img, 155 .image.is-1by1 .has-ratio, .image.is-5by4 img, 156 .image.is-5by4 .has-ratio, .image.is-4by3 img, 157 .image.is-4by3 .has-ratio, .image.is-3by2 img, 158 .image.is-3by2 .has-ratio, .image.is-5by3 img, 159 .image.is-5by3 .has-ratio, .image.is-16by9 img, 160 .image.is-16by9 .has-ratio, .image.is-2by1 img, 161 .image.is-2by1 .has-ratio, .image.is-3by1 img, 162 .image.is-3by1 .has-ratio, .image.is-4by5 img, 163 .image.is-4by5 .has-ratio, .image.is-3by4 img, 164 .image.is-3by4 .has-ratio, .image.is-2by3 img, 165 .image.is-2by3 .has-ratio, .image.is-3by5 img, 166 .image.is-3by5 .has-ratio, .image.is-9by16 img, 167 .image.is-9by16 .has-ratio, .image.is-1by2 img, 168 .image.is-1by2 .has-ratio, .image.is-1by3 img, 169 .image.is-1by3 .has-ratio, .modal, .modal-background, .hero-video { 170 bottom: 0; 171 left: 0; 172 position: absolute; 173 right: 0; 174 top: 0; 175 } 176 177 .button, .input, .textarea, .select select, .file-cta, 178 .file-name, .pagination-previous, 179 .pagination-next, 180 .pagination-link, 181 .pagination-ellipsis { 182 -moz-appearance: none; 183 -webkit-appearance: none; 184 align-items: center; 185 border: 1px solid transparent; 186 border-radius: 4px; 187 box-shadow: none; 188 display: inline-flex; 189 font-size: 1rem; 190 height: 2.25em; 191 justify-content: flex-start; 192 line-height: 1.5; 193 padding-bottom: calc(0.375em - 1px); 194 padding-left: calc(0.625em - 1px); 195 padding-right: calc(0.625em - 1px); 196 padding-top: calc(0.375em - 1px); 197 position: relative; 198 vertical-align: top; 199 } 200 201 .button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus, 202 .file-name:focus, .pagination-previous:focus, 203 .pagination-next:focus, 204 .pagination-link:focus, 205 .pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, 206 .is-focused.file-name, .is-focused.pagination-previous, 207 .is-focused.pagination-next, 208 .is-focused.pagination-link, 209 .is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active, 210 .file-name:active, .pagination-previous:active, 211 .pagination-next:active, 212 .pagination-link:active, 213 .pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta, 214 .is-active.file-name, .is-active.pagination-previous, 215 .is-active.pagination-next, 216 .is-active.pagination-link, 217 .is-active.pagination-ellipsis { 218 outline: none; 219 } 220 221 .button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled], 222 .file-name[disabled], .pagination-previous[disabled], 223 .pagination-next[disabled], 224 .pagination-link[disabled], 225 .pagination-ellipsis[disabled], 226 fieldset[disabled] .button, 227 fieldset[disabled] .input, 228 fieldset[disabled] .textarea, 229 fieldset[disabled] .select select, 230 .select fieldset[disabled] select, 231 fieldset[disabled] .file-cta, 232 fieldset[disabled] .file-name, 233 fieldset[disabled] .pagination-previous, 234 fieldset[disabled] .pagination-next, 235 fieldset[disabled] .pagination-link, 236 fieldset[disabled] .pagination-ellipsis { 237 cursor: not-allowed; 238 } 239 240 /*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */ 241 html, 242 body, 243 p, 244 ol, 245 ul, 246 li, 247 dl, 248 dt, 249 dd, 250 blockquote, 251 figure, 252 fieldset, 253 legend, 254 textarea, 255 pre, 256 iframe, 257 hr, 258 h1, 259 h2, 260 h3, 261 h4, 262 h5, 263 h6 { 264 margin: 0; 265 padding: 0; 266 } 267 268 h1, 269 h2, 270 h3, 271 h4, 272 h5, 273 h6 { 274 font-size: 100%; 275 font-weight: normal; 276 } 277 278 ul { 279 list-style: none; 280 } 281 282 button, 283 input, 284 select, 285 textarea { 286 margin: 0; 287 } 288 289 html { 290 box-sizing: border-box; 291 } 292 293 *, *::before, *::after { 294 box-sizing: inherit; 295 } 296 297 img, 298 embed, 299 iframe, 300 object, 301 video { 302 height: auto; 303 max-width: 100%; 304 } 305 306 audio { 307 max-width: 100%; 308 } 309 310 iframe { 311 border: 0; 312 } 313 314 table { 315 border-collapse: collapse; 316 border-spacing: 0; 317 } 318 319 td, 320 th { 321 padding: 0; 322 } 323 324 td:not([align]), 325 th:not([align]) { 326 text-align: left; 327 } 328 329 html { 330 background-color: white; 331 font-size: 16px; 332 -moz-osx-font-smoothing: grayscale; 333 -webkit-font-smoothing: antialiased; 334 min-width: 300px; 335 overflow-x: hidden; 336 overflow-y: scroll; 337 text-rendering: optimizeLegibility; 338 -webkit-text-size-adjust: 100%; 339 -moz-text-size-adjust: 100%; 340 -ms-text-size-adjust: 100%; 341 text-size-adjust: 100%; 342 } 343 344 article, 345 aside, 346 figure, 347 footer, 348 header, 349 hgroup, 350 section { 351 display: block; 352 } 353 354 body, 355 button, 356 input, 357 select, 358 textarea { 359 font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; 360 } 361 362 code, 363 pre { 364 -moz-osx-font-smoothing: auto; 365 -webkit-font-smoothing: auto; 366 font-family: monospace; 367 } 368 369 body { 370 color: #4a4a4a; 371 font-size: 1em; 372 font-weight: 400; 373 line-height: 1.5; 374 } 375 376 a { 377 color: #3273dc; 378 cursor: pointer; 379 text-decoration: none; 380 } 381 382 a strong { 383 color: currentColor; 384 } 385 386 a:hover { 387 color: #363636; 388 } 389 390 code { 391 background-color: whitesmoke; 392 color: #ff3860; 393 font-size: 0.875em; 394 font-weight: normal; 395 padding: 0.25em 0.5em 0.25em; 396 } 397 398 hr { 399 background-color: whitesmoke; 400 border: none; 401 display: block; 402 height: 2px; 403 margin: 1.5rem 0; 404 } 405 406 img { 407 height: auto; 408 max-width: 100%; 409 } 410 411 input[type="checkbox"], 412 input[type="radio"] { 413 vertical-align: baseline; 414 } 415 416 small { 417 font-size: 0.875em; 418 } 419 420 span { 421 font-style: inherit; 422 font-weight: inherit; 423 } 424 425 strong { 426 color: #363636; 427 font-weight: 700; 428 } 429 430 fieldset { 431 border: none; 432 } 433 434 pre { 435 -webkit-overflow-scrolling: touch; 436 background-color: whitesmoke; 437 color: #4a4a4a; 438 font-size: 0.875em; 439 overflow-x: auto; 440 padding: 1.25rem 1.5rem; 441 white-space: pre; 442 word-wrap: normal; 443 } 444 445 pre code { 446 background-color: transparent; 447 color: currentColor; 448 font-size: 1em; 449 padding: 0; 450 } 451 452 table td, 453 table th { 454 vertical-align: top; 455 } 456 457 table td:not([align]), 458 table th:not([align]) { 459 text-align: left; 460 } 461 462 table th { 463 color: #363636; 464 } 465 466 .is-clearfix::after { 467 clear: both; 468 content: " "; 469 display: table; 470 } 471 472 .is-pulled-left { 473 float: left !important; 474 } 475 476 .is-pulled-right { 477 float: right !important; 478 } 479 480 .is-clipped { 481 overflow: hidden !important; 482 } 483 484 .is-size-1 { 485 font-size: 3rem !important; 486 } 487 488 .is-size-2 { 489 font-size: 2.5rem !important; 490 } 491 492 .is-size-3 { 493 font-size: 2rem !important; 494 } 495 496 .is-size-4 { 497 font-size: 1.5rem !important; 498 } 499 500 .is-size-5 { 501 font-size: 1.25rem !important; 502 } 503 504 .is-size-6 { 505 font-size: 1rem !important; 506 } 507 508 .is-size-7 { 509 font-size: 0.75rem !important; 510 } 511 512 @media screen and (max-width: 768px) { 513 .is-size-1-mobile { 514 font-size: 3rem !important; 515 } 516 .is-size-2-mobile { 517 font-size: 2.5rem !important; 518 } 519 .is-size-3-mobile { 520 font-size: 2rem !important; 521 } 522 .is-size-4-mobile { 523 font-size: 1.5rem !important; 524 } 525 .is-size-5-mobile { 526 font-size: 1.25rem !important; 527 } 528 .is-size-6-mobile { 529 font-size: 1rem !important; 530 } 531 .is-size-7-mobile { 532 font-size: 0.75rem !important; 533 } 534 } 535 536 @media screen and (min-width: 769px), print { 537 .is-size-1-tablet { 538 font-size: 3rem !important; 539 } 540 .is-size-2-tablet { 541 font-size: 2.5rem !important; 542 } 543 .is-size-3-tablet { 544 font-size: 2rem !important; 545 } 546 .is-size-4-tablet { 547 font-size: 1.5rem !important; 548 } 549 .is-size-5-tablet { 550 font-size: 1.25rem !important; 551 } 552 .is-size-6-tablet { 553 font-size: 1rem !important; 554 } 555 .is-size-7-tablet { 556 font-size: 0.75rem !important; 557 } 558 } 559 560 @media screen and (max-width: 1023px) { 561 .is-size-1-touch { 562 font-size: 3rem !important; 563 } 564 .is-size-2-touch { 565 font-size: 2.5rem !important; 566 } 567 .is-size-3-touch { 568 font-size: 2rem !important; 569 } 570 .is-size-4-touch { 571 font-size: 1.5rem !important; 572 } 573 .is-size-5-touch { 574 font-size: 1.25rem !important; 575 } 576 .is-size-6-touch { 577 font-size: 1rem !important; 578 } 579 .is-size-7-touch { 580 font-size: 0.75rem !important; 581 } 582 } 583 584 @media screen and (min-width: 1024px) { 585 .is-size-1-desktop { 586 font-size: 3rem !important; 587 } 588 .is-size-2-desktop { 589 font-size: 2.5rem !important; 590 } 591 .is-size-3-desktop { 592 font-size: 2rem !important; 593 } 594 .is-size-4-desktop { 595 font-size: 1.5rem !important; 596 } 597 .is-size-5-desktop { 598 font-size: 1.25rem !important; 599 } 600 .is-size-6-desktop { 601 font-size: 1rem !important; 602 } 603 .is-size-7-desktop { 604 font-size: 0.75rem !important; 605 } 606 } 607 608 @media screen and (min-width: 1216px) { 609 .is-size-1-widescreen { 610 font-size: 3rem !important; 611 } 612 .is-size-2-widescreen { 613 font-size: 2.5rem !important; 614 } 615 .is-size-3-widescreen { 616 font-size: 2rem !important; 617 } 618 .is-size-4-widescreen { 619 font-size: 1.5rem !important; 620 } 621 .is-size-5-widescreen { 622 font-size: 1.25rem !important; 623 } 624 .is-size-6-widescreen { 625 font-size: 1rem !important; 626 } 627 .is-size-7-widescreen { 628 font-size: 0.75rem !important; 629 } 630 } 631 632 @media screen and (min-width: 1408px) { 633 .is-size-1-fullhd { 634 font-size: 3rem !important; 635 } 636 .is-size-2-fullhd { 637 font-size: 2.5rem !important; 638 } 639 .is-size-3-fullhd { 640 font-size: 2rem !important; 641 } 642 .is-size-4-fullhd { 643 font-size: 1.5rem !important; 644 } 645 .is-size-5-fullhd { 646 font-size: 1.25rem !important; 647 } 648 .is-size-6-fullhd { 649 font-size: 1rem !important; 650 } 651 .is-size-7-fullhd { 652 font-size: 0.75rem !important; 653 } 654 } 655 656 .has-text-centered { 657 text-align: center !important; 658 } 659 660 .has-text-justified { 661 text-align: justify !important; 662 } 663 664 .has-text-left { 665 text-align: left !important; 666 } 667 668 .has-text-right { 669 text-align: right !important; 670 } 671 672 @media screen and (max-width: 768px) { 673 .has-text-centered-mobile { 674 text-align: center !important; 675 } 676 } 677 678 @media screen and (min-width: 769px), print { 679 .has-text-centered-tablet { 680 text-align: center !important; 681 } 682 } 683 684 @media screen and (min-width: 769px) and (max-width: 1023px) { 685 .has-text-centered-tablet-only { 686 text-align: center !important; 687 } 688 } 689 690 @media screen and (max-width: 1023px) { 691 .has-text-centered-touch { 692 text-align: center !important; 693 } 694 } 695 696 @media screen and (min-width: 1024px) { 697 .has-text-centered-desktop { 698 text-align: center !important; 699 } 700 } 701 702 @media screen and (min-width: 1024px) and (max-width: 1215px) { 703 .has-text-centered-desktop-only { 704 text-align: center !important; 705 } 706 } 707 708 @media screen and (min-width: 1216px) { 709 .has-text-centered-widescreen { 710 text-align: center !important; 711 } 712 } 713 714 @media screen and (min-width: 1216px) and (max-width: 1407px) { 715 .has-text-centered-widescreen-only { 716 text-align: center !important; 717 } 718 } 719 720 @media screen and (min-width: 1408px) { 721 .has-text-centered-fullhd { 722 text-align: center !important; 723 } 724 } 725 726 @media screen and (max-width: 768px) { 727 .has-text-justified-mobile { 728 text-align: justify !important; 729 } 730 } 731 732 @media screen and (min-width: 769px), print { 733 .has-text-justified-tablet { 734 text-align: justify !important; 735 } 736 } 737 738 @media screen and (min-width: 769px) and (max-width: 1023px) { 739 .has-text-justified-tablet-only { 740 text-align: justify !important; 741 } 742 } 743 744 @media screen and (max-width: 1023px) { 745 .has-text-justified-touch { 746 text-align: justify !important; 747 } 748 } 749 750 @media screen and (min-width: 1024px) { 751 .has-text-justified-desktop { 752 text-align: justify !important; 753 } 754 } 755 756 @media screen and (min-width: 1024px) and (max-width: 1215px) { 757 .has-text-justified-desktop-only { 758 text-align: justify !important; 759 } 760 } 761 762 @media screen and (min-width: 1216px) { 763 .has-text-justified-widescreen { 764 text-align: justify !important; 765 } 766 } 767 768 @media screen and (min-width: 1216px) and (max-width: 1407px) { 769 .has-text-justified-widescreen-only { 770 text-align: justify !important; 771 } 772 } 773 774 @media screen and (min-width: 1408px) { 775 .has-text-justified-fullhd { 776 text-align: justify !important; 777 } 778 } 779 780 @media screen and (max-width: 768px) { 781 .has-text-left-mobile { 782 text-align: left !important; 783 } 784 } 785 786 @media screen and (min-width: 769px), print { 787 .has-text-left-tablet { 788 text-align: left !important; 789 } 790 } 791 792 @media screen and (min-width: 769px) and (max-width: 1023px) { 793 .has-text-left-tablet-only { 794 text-align: left !important; 795 } 796 } 797 798 @media screen and (max-width: 1023px) { 799 .has-text-left-touch { 800 text-align: left !important; 801 } 802 } 803 804 @media screen and (min-width: 1024px) { 805 .has-text-left-desktop { 806 text-align: left !important; 807 } 808 } 809 810 @media screen and (min-width: 1024px) and (max-width: 1215px) { 811 .has-text-left-desktop-only { 812 text-align: left !important; 813 } 814 } 815 816 @media screen and (min-width: 1216px) { 817 .has-text-left-widescreen { 818 text-align: left !important; 819 } 820 } 821 822 @media screen and (min-width: 1216px) and (max-width: 1407px) { 823 .has-text-left-widescreen-only { 824 text-align: left !important; 825 } 826 } 827 828 @media screen and (min-width: 1408px) { 829 .has-text-left-fullhd { 830 text-align: left !important; 831 } 832 } 833 834 @media screen and (max-width: 768px) { 835 .has-text-right-mobile { 836 text-align: right !important; 837 } 838 } 839 840 @media screen and (min-width: 769px), print { 841 .has-text-right-tablet { 842 text-align: right !important; 843 } 844 } 845 846 @media screen and (min-width: 769px) and (max-width: 1023px) { 847 .has-text-right-tablet-only { 848 text-align: right !important; 849 } 850 } 851 852 @media screen and (max-width: 1023px) { 853 .has-text-right-touch { 854 text-align: right !important; 855 } 856 } 857 858 @media screen and (min-width: 1024px) { 859 .has-text-right-desktop { 860 text-align: right !important; 861 } 862 } 863 864 @media screen and (min-width: 1024px) and (max-width: 1215px) { 865 .has-text-right-desktop-only { 866 text-align: right !important; 867 } 868 } 869 870 @media screen and (min-width: 1216px) { 871 .has-text-right-widescreen { 872 text-align: right !important; 873 } 874 } 875 876 @media screen and (min-width: 1216px) and (max-width: 1407px) { 877 .has-text-right-widescreen-only { 878 text-align: right !important; 879 } 880 } 881 882 @media screen and (min-width: 1408px) { 883 .has-text-right-fullhd { 884 text-align: right !important; 885 } 886 } 887 888 .is-capitalized { 889 text-transform: capitalize !important; 890 } 891 892 .is-lowercase { 893 text-transform: lowercase !important; 894 } 895 896 .is-uppercase { 897 text-transform: uppercase !important; 898 } 899 900 .is-italic { 901 font-style: italic !important; 902 } 903 904 .has-text-white { 905 color: white !important; 906 } 907 908 a.has-text-white:hover, a.has-text-white:focus { 909 color: #e6e6e6 !important; 910 } 911 912 .has-background-white { 913 background-color: white !important; 914 } 915 916 .has-text-black { 917 color: #0a0a0a !important; 918 } 919 920 a.has-text-black:hover, a.has-text-black:focus { 921 color: black !important; 922 } 923 924 .has-background-black { 925 background-color: #0a0a0a !important; 926 } 927 928 .has-text-light { 929 color: whitesmoke !important; 930 } 931 932 a.has-text-light:hover, a.has-text-light:focus { 933 color: #dbdbdb !important; 934 } 935 936 .has-background-light { 937 background-color: whitesmoke !important; 938 } 939 940 .has-text-dark { 941 color: #363636 !important; 942 } 943 944 a.has-text-dark:hover, a.has-text-dark:focus { 945 color: #1c1c1c !important; 946 } 947 948 .has-background-dark { 949 background-color: #363636 !important; 950 } 951 952 .has-text-primary { 953 color: #00d1b2 !important; 954 } 955 956 a.has-text-primary:hover, a.has-text-primary:focus { 957 color: #009e86 !important; 958 } 959 960 .has-background-primary { 961 background-color: #00d1b2 !important; 962 } 963 964 .has-text-link { 965 color: #3273dc !important; 966 } 967 968 a.has-text-link:hover, a.has-text-link:focus { 969 color: #205bbc !important; 970 } 971 972 .has-background-link { 973 background-color: #3273dc !important; 974 } 975 976 .has-text-info { 977 color: #209cee !important; 978 } 979 980 a.has-text-info:hover, a.has-text-info:focus { 981 color: #0f81cc !important; 982 } 983 984 .has-background-info { 985 background-color: #209cee !important; 986 } 987 988 .has-text-success { 989 color: #23d160 !important; 990 } 991 992 a.has-text-success:hover, a.has-text-success:focus { 993 color: #1ca64c !important; 994 } 995 996 .has-background-success { 997 background-color: #23d160 !important; 998 } 999 1000 .has-text-warning { 1001 color: #ffdd57 !important; 1002 } 1003 1004 a.has-text-warning:hover, a.has-text-warning:focus { 1005 color: #ffd324 !important; 1006 } 1007 1008 .has-background-warning { 1009 background-color: #ffdd57 !important; 1010 } 1011 1012 .has-text-danger { 1013 color: #ff3860 !important; 1014 } 1015 1016 a.has-text-danger:hover, a.has-text-danger:focus { 1017 color: #ff0537 !important; 1018 } 1019 1020 .has-background-danger { 1021 background-color: #ff3860 !important; 1022 } 1023 1024 .has-text-black-bis { 1025 color: #121212 !important; 1026 } 1027 1028 .has-background-black-bis { 1029 background-color: #121212 !important; 1030 } 1031 1032 .has-text-black-ter { 1033 color: #242424 !important; 1034 } 1035 1036 .has-background-black-ter { 1037 background-color: #242424 !important; 1038 } 1039 1040 .has-text-grey-darker { 1041 color: #363636 !important; 1042 } 1043 1044 .has-background-grey-darker { 1045 background-color: #363636 !important; 1046 } 1047 1048 .has-text-grey-dark { 1049 color: #4a4a4a !important; 1050 } 1051 1052 .has-background-grey-dark { 1053 background-color: #4a4a4a !important; 1054 } 1055 1056 .has-text-grey { 1057 color: #7a7a7a !important; 1058 } 1059 1060 .has-background-grey { 1061 background-color: #7a7a7a !important; 1062 } 1063 1064 .has-text-grey-light { 1065 color: #b5b5b5 !important; 1066 } 1067 1068 .has-background-grey-light { 1069 background-color: #b5b5b5 !important; 1070 } 1071 1072 .has-text-grey-lighter { 1073 color: #dbdbdb !important; 1074 } 1075 1076 .has-background-grey-lighter { 1077 background-color: #dbdbdb !important; 1078 } 1079 1080 .has-text-white-ter { 1081 color: whitesmoke !important; 1082 } 1083 1084 .has-background-white-ter { 1085 background-color: whitesmoke !important; 1086 } 1087 1088 .has-text-white-bis { 1089 color: #fafafa !important; 1090 } 1091 1092 .has-background-white-bis { 1093 background-color: #fafafa !important; 1094 } 1095 1096 .has-text-weight-light { 1097 font-weight: 300 !important; 1098 } 1099 1100 .has-text-weight-normal { 1101 font-weight: 400 !important; 1102 } 1103 1104 .has-text-weight-medium { 1105 font-weight: 500 !important; 1106 } 1107 1108 .has-text-weight-semibold { 1109 font-weight: 600 !important; 1110 } 1111 1112 .has-text-weight-bold { 1113 font-weight: 700 !important; 1114 } 1115 1116 .is-family-primary { 1117 font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; 1118 } 1119 1120 .is-family-secondary { 1121 font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; 1122 } 1123 1124 .is-family-sans-serif { 1125 font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; 1126 } 1127 1128 .is-family-monospace { 1129 font-family: monospace !important; 1130 } 1131 1132 .is-family-code { 1133 font-family: monospace !important; 1134 } 1135 1136 .is-block { 1137 display: block !important; 1138 } 1139 1140 @media screen and (max-width: 768px) { 1141 .is-block-mobile { 1142 display: block !important; 1143 } 1144 } 1145 1146 @media screen and (min-width: 769px), print { 1147 .is-block-tablet { 1148 display: block !important; 1149 } 1150 } 1151 1152 @media screen and (min-width: 769px) and (max-width: 1023px) { 1153 .is-block-tablet-only { 1154 display: block !important; 1155 } 1156 } 1157 1158 @media screen and (max-width: 1023px) { 1159 .is-block-touch { 1160 display: block !important; 1161 } 1162 } 1163 1164 @media screen and (min-width: 1024px) { 1165 .is-block-desktop { 1166 display: block !important; 1167 } 1168 } 1169 1170 @media screen and (min-width: 1024px) and (max-width: 1215px) { 1171 .is-block-desktop-only { 1172 display: block !important; 1173 } 1174 } 1175 1176 @media screen and (min-width: 1216px) { 1177 .is-block-widescreen { 1178 display: block !important; 1179 } 1180 } 1181 1182 @media screen and (min-width: 1216px) and (max-width: 1407px) { 1183 .is-block-widescreen-only { 1184 display: block !important; 1185 } 1186 } 1187 1188 @media screen and (min-width: 1408px) { 1189 .is-block-fullhd { 1190 display: block !important; 1191 } 1192 } 1193 1194 .is-flex { 1195 display: flex !important; 1196 } 1197 1198 @media screen and (max-width: 768px) { 1199 .is-flex-mobile { 1200 display: flex !important; 1201 } 1202 } 1203 1204 @media screen and (min-width: 769px), print { 1205 .is-flex-tablet { 1206 display: flex !important; 1207 } 1208 } 1209 1210 @media screen and (min-width: 769px) and (max-width: 1023px) { 1211 .is-flex-tablet-only { 1212 display: flex !important; 1213 } 1214 } 1215 1216 @media screen and (max-width: 1023px) { 1217 .is-flex-touch { 1218 display: flex !important; 1219 } 1220 } 1221 1222 @media screen and (min-width: 1024px) { 1223 .is-flex-desktop { 1224 display: flex !important; 1225 } 1226 } 1227 1228 @media screen and (min-width: 1024px) and (max-width: 1215px) { 1229 .is-flex-desktop-only { 1230 display: flex !important; 1231 } 1232 } 1233 1234 @media screen and (min-width: 1216px) { 1235 .is-flex-widescreen { 1236 display: flex !important; 1237 } 1238 } 1239 1240 @media screen and (min-width: 1216px) and (max-width: 1407px) { 1241 .is-flex-widescreen-only { 1242 display: flex !important; 1243 } 1244 } 1245 1246 @media screen and (min-width: 1408px) { 1247 .is-flex-fullhd { 1248 display: flex !important; 1249 } 1250 } 1251 1252 .is-inline { 1253 display: inline !important; 1254 } 1255 1256 @media screen and (max-width: 768px) { 1257 .is-inline-mobile { 1258 display: inline !important; 1259 } 1260 } 1261 1262 @media screen and (min-width: 769px), print { 1263 .is-inline-tablet { 1264 display: inline !important; 1265 } 1266 } 1267 1268 @media screen and (min-width: 769px) and (max-width: 1023px) { 1269 .is-inline-tablet-only { 1270 display: inline !important; 1271 } 1272 } 1273 1274 @media screen and (max-width: 1023px) { 1275 .is-inline-touch { 1276 display: inline !important; 1277 } 1278 } 1279 1280 @media screen and (min-width: 1024px) { 1281 .is-inline-desktop { 1282 display: inline !important; 1283 } 1284 } 1285 1286 @media screen and (min-width: 1024px) and (max-width: 1215px) { 1287 .is-inline-desktop-only { 1288 display: inline !important; 1289 } 1290 } 1291 1292 @media screen and (min-width: 1216px) { 1293 .is-inline-widescreen { 1294 display: inline !important; 1295 } 1296 } 1297 1298 @media screen and (min-width: 1216px) and (max-width: 1407px) { 1299 .is-inline-widescreen-only { 1300 display: inline !important; 1301 } 1302 } 1303 1304 @media screen and (min-width: 1408px) { 1305 .is-inline-fullhd { 1306 display: inline !important; 1307 } 1308 } 1309 1310 .is-inline-block { 1311 display: inline-block !important; 1312 } 1313 1314 @media screen and (max-width: 768px) { 1315 .is-inline-block-mobile { 1316 display: inline-block !important; 1317 } 1318 } 1319 1320 @media screen and (min-width: 769px), print { 1321 .is-inline-block-tablet { 1322 display: inline-block !important; 1323 } 1324 } 1325 1326 @media screen and (min-width: 769px) and (max-width: 1023px) { 1327 .is-inline-block-tablet-only { 1328 display: inline-block !important; 1329 } 1330 } 1331 1332 @media screen and (max-width: 1023px) { 1333 .is-inline-block-touch { 1334 display: inline-block !important; 1335 } 1336 } 1337 1338 @media screen and (min-width: 1024px) { 1339 .is-inline-block-desktop { 1340 display: inline-block !important; 1341 } 1342 } 1343 1344 @media screen and (min-width: 1024px) and (max-width: 1215px) { 1345 .is-inline-block-desktop-only { 1346 display: inline-block !important; 1347 } 1348 } 1349 1350 @media screen and (min-width: 1216px) { 1351 .is-inline-block-widescreen { 1352 display: inline-block !important; 1353 } 1354 } 1355 1356 @media screen and (min-width: 1216px) and (max-width: 1407px) { 1357 .is-inline-block-widescreen-only { 1358 display: inline-block !important; 1359 } 1360 } 1361 1362 @media screen and (min-width: 1408px) { 1363 .is-inline-block-fullhd { 1364 display: inline-block !important; 1365 } 1366 } 1367 1368 .is-inline-flex { 1369 display: inline-flex !important; 1370 } 1371 1372 @media screen and (max-width: 768px) { 1373 .is-inline-flex-mobile { 1374 display: inline-flex !important; 1375 } 1376 } 1377 1378 @media screen and (min-width: 769px), print { 1379 .is-inline-flex-tablet { 1380 display: inline-flex !important; 1381 } 1382 } 1383 1384 @media screen and (min-width: 769px) and (max-width: 1023px) { 1385 .is-inline-flex-tablet-only { 1386 display: inline-flex !important; 1387 } 1388 } 1389 1390 @media screen and (max-width: 1023px) { 1391 .is-inline-flex-touch { 1392 display: inline-flex !important; 1393 } 1394 } 1395 1396 @media screen and (min-width: 1024px) { 1397 .is-inline-flex-desktop { 1398 display: inline-flex !important; 1399 } 1400 } 1401 1402 @media screen and (min-width: 1024px) and (max-width: 1215px) { 1403 .is-inline-flex-desktop-only { 1404 display: inline-flex !important; 1405 } 1406 } 1407 1408 @media screen and (min-width: 1216px) { 1409 .is-inline-flex-widescreen { 1410 display: inline-flex !important; 1411 } 1412 } 1413 1414 @media screen and (min-width: 1216px) and (max-width: 1407px) { 1415 .is-inline-flex-widescreen-only { 1416 display: inline-flex !important; 1417 } 1418 } 1419 1420 @media screen and (min-width: 1408px) { 1421 .is-inline-flex-fullhd { 1422 display: inline-flex !important; 1423 } 1424 } 1425 1426 .is-hidden { 1427 display: none !important; 1428 } 1429 1430 .is-sr-only { 1431 border: none !important; 1432 clip: rect(0, 0, 0, 0) !important; 1433 height: 0.01em !important; 1434 overflow: hidden !important; 1435 padding: 0 !important; 1436 position: absolute !important; 1437 white-space: nowrap !important; 1438 width: 0.01em !important; 1439 } 1440 1441 @media screen and (max-width: 768px) { 1442 .is-hidden-mobile { 1443 display: none !important; 1444 } 1445 } 1446 1447 @media screen and (min-width: 769px), print { 1448 .is-hidden-tablet { 1449 display: none !important; 1450 } 1451 } 1452 1453 @media screen and (min-width: 769px) and (max-width: 1023px) { 1454 .is-hidden-tablet-only { 1455 display: none !important; 1456 } 1457 } 1458 1459 @media screen and (max-width: 1023px) { 1460 .is-hidden-touch { 1461 display: none !important; 1462 } 1463 } 1464 1465 @media screen and (min-width: 1024px) { 1466 .is-hidden-desktop { 1467 display: none !important; 1468 } 1469 } 1470 1471 @media screen and (min-width: 1024px) and (max-width: 1215px) { 1472 .is-hidden-desktop-only { 1473 display: none !important; 1474 } 1475 } 1476 1477 @media screen and (min-width: 1216px) { 1478 .is-hidden-widescreen { 1479 display: none !important; 1480 } 1481 } 1482 1483 @media screen and (min-width: 1216px) and (max-width: 1407px) { 1484 .is-hidden-widescreen-only { 1485 display: none !important; 1486 } 1487 } 1488 1489 @media screen and (min-width: 1408px) { 1490 .is-hidden-fullhd { 1491 display: none !important; 1492 } 1493 } 1494 1495 .is-invisible { 1496 visibility: hidden !important; 1497 } 1498 1499 @media screen and (max-width: 768px) { 1500 .is-invisible-mobile { 1501 visibility: hidden !important; 1502 } 1503 } 1504 1505 @media screen and (min-width: 769px), print { 1506 .is-invisible-tablet { 1507 visibility: hidden !important; 1508 } 1509 } 1510 1511 @media screen and (min-width: 769px) and (max-width: 1023px) { 1512 .is-invisible-tablet-only { 1513 visibility: hidden !important; 1514 } 1515 } 1516 1517 @media screen and (max-width: 1023px) { 1518 .is-invisible-touch { 1519 visibility: hidden !important; 1520 } 1521 } 1522 1523 @media screen and (min-width: 1024px) { 1524 .is-invisible-desktop { 1525 visibility: hidden !important; 1526 } 1527 } 1528 1529 @media screen and (min-width: 1024px) and (max-width: 1215px) { 1530 .is-invisible-desktop-only { 1531 visibility: hidden !important; 1532 } 1533 } 1534 1535 @media screen and (min-width: 1216px) { 1536 .is-invisible-widescreen { 1537 visibility: hidden !important; 1538 } 1539 } 1540 1541 @media screen and (min-width: 1216px) and (max-width: 1407px) { 1542 .is-invisible-widescreen-only { 1543 visibility: hidden !important; 1544 } 1545 } 1546 1547 @media screen and (min-width: 1408px) { 1548 .is-invisible-fullhd { 1549 visibility: hidden !important; 1550 } 1551 } 1552 1553 .is-marginless { 1554 margin: 0 !important; 1555 } 1556 1557 .is-paddingless { 1558 padding: 0 !important; 1559 } 1560 1561 .is-radiusless { 1562 border-radius: 0 !important; 1563 } 1564 1565 .is-shadowless { 1566 box-shadow: none !important; 1567 } 1568 1569 .is-relative { 1570 position: relative !important; 1571 } 1572 1573 .box { 1574 background-color: white; 1575 border-radius: 6px; 1576 box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); 1577 color: #4a4a4a; 1578 display: block; 1579 padding: 1.25rem; 1580 } 1581 1582 a.box:hover, a.box:focus { 1583 box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; 1584 } 1585 1586 a.box:active { 1587 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; 1588 } 1589 1590 .button { 1591 background-color: white; 1592 border-color: #dbdbdb; 1593 border-width: 1px; 1594 color: #363636; 1595 cursor: pointer; 1596 justify-content: center; 1597 padding-bottom: calc(0.375em - 1px); 1598 padding-left: 0.75em; 1599 padding-right: 0.75em; 1600 padding-top: calc(0.375em - 1px); 1601 text-align: center; 1602 white-space: nowrap; 1603 } 1604 1605 .button strong { 1606 color: inherit; 1607 } 1608 1609 .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { 1610 height: 1.5em; 1611 width: 1.5em; 1612 } 1613 1614 .button .icon:first-child:not(:last-child) { 1615 margin-left: calc(-0.375em - 1px); 1616 margin-right: 0.1875em; 1617 } 1618 1619 .button .icon:last-child:not(:first-child) { 1620 margin-left: 0.1875em; 1621 margin-right: calc(-0.375em - 1px); 1622 } 1623 1624 .button .icon:first-child:last-child { 1625 margin-left: calc(-0.375em - 1px); 1626 margin-right: calc(-0.375em - 1px); 1627 } 1628 1629 .button:hover, .button.is-hovered { 1630 border-color: #b5b5b5; 1631 color: #363636; 1632 } 1633 1634 .button:focus, .button.is-focused { 1635 border-color: #3273dc; 1636 color: #363636; 1637 } 1638 1639 .button:focus:not(:active), .button.is-focused:not(:active) { 1640 box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); 1641 } 1642 1643 .button:active, .button.is-active { 1644 border-color: #4a4a4a; 1645 color: #363636; 1646 } 1647 1648 .button.is-text { 1649 background-color: transparent; 1650 border-color: transparent; 1651 color: #4a4a4a; 1652 text-decoration: underline; 1653 } 1654 1655 .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { 1656 background-color: whitesmoke; 1657 color: #363636; 1658 } 1659 1660 .button.is-text:active, .button.is-text.is-active { 1661 background-color: #e8e8e8; 1662 color: #363636; 1663 } 1664 1665 .button.is-text[disabled], 1666 fieldset[disabled] .button.is-text { 1667 background-color: transparent; 1668 border-color: transparent; 1669 box-shadow: none; 1670 } 1671 1672 .button.is-white { 1673 background-color: white; 1674 border-color: transparent; 1675 color: #0a0a0a; 1676 } 1677 1678 .button.is-white:hover, .button.is-white.is-hovered { 1679 background-color: #f9f9f9; 1680 border-color: transparent; 1681 color: #0a0a0a; 1682 } 1683 1684 .button.is-white:focus, .button.is-white.is-focused { 1685 border-color: transparent; 1686 color: #0a0a0a; 1687 } 1688 1689 .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { 1690 box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); 1691 } 1692 1693 .button.is-white:active, .button.is-white.is-active { 1694 background-color: #f2f2f2; 1695 border-color: transparent; 1696 color: #0a0a0a; 1697 } 1698 1699 .button.is-white[disabled], 1700 fieldset[disabled] .button.is-white { 1701 background-color: white; 1702 border-color: transparent; 1703 box-shadow: none; 1704 } 1705 1706 .button.is-white.is-inverted { 1707 background-color: #0a0a0a; 1708 color: white; 1709 } 1710 1711 .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { 1712 background-color: black; 1713 } 1714 1715 .button.is-white.is-inverted[disabled], 1716 fieldset[disabled] .button.is-white.is-inverted { 1717 background-color: #0a0a0a; 1718 border-color: transparent; 1719 box-shadow: none; 1720 color: white; 1721 } 1722 1723 .button.is-white.is-loading::after { 1724 border-color: transparent transparent #0a0a0a #0a0a0a !important; 1725 } 1726 1727 .button.is-white.is-outlined { 1728 background-color: transparent; 1729 border-color: white; 1730 color: white; 1731 } 1732 1733 .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused { 1734 background-color: white; 1735 border-color: white; 1736 color: #0a0a0a; 1737 } 1738 1739 .button.is-white.is-outlined.is-loading::after { 1740 border-color: transparent transparent white white !important; 1741 } 1742 1743 .button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after { 1744 border-color: transparent transparent #0a0a0a #0a0a0a !important; 1745 } 1746 1747 .button.is-white.is-outlined[disabled], 1748 fieldset[disabled] .button.is-white.is-outlined { 1749 background-color: transparent; 1750 border-color: white; 1751 box-shadow: none; 1752 color: white; 1753 } 1754 1755 .button.is-white.is-inverted.is-outlined { 1756 background-color: transparent; 1757 border-color: #0a0a0a; 1758 color: #0a0a0a; 1759 } 1760 1761 .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused { 1762 background-color: #0a0a0a; 1763 color: white; 1764 } 1765 1766 .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after { 1767 border-color: transparent transparent white white !important; 1768 } 1769 1770 .button.is-white.is-inverted.is-outlined[disabled], 1771 fieldset[disabled] .button.is-white.is-inverted.is-outlined { 1772 background-color: transparent; 1773 border-color: #0a0a0a; 1774 box-shadow: none; 1775 color: #0a0a0a; 1776 } 1777 1778 .button.is-black { 1779 background-color: #0a0a0a; 1780 border-color: transparent; 1781 color: white; 1782 } 1783 1784 .button.is-black:hover, .button.is-black.is-hovered { 1785 background-color: #040404; 1786 border-color: transparent; 1787 color: white; 1788 } 1789 1790 .button.is-black:focus, .button.is-black.is-focused { 1791 border-color: transparent; 1792 color: white; 1793 } 1794 1795 .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { 1796 box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); 1797 } 1798 1799 .button.is-black:active, .button.is-black.is-active { 1800 background-color: black; 1801 border-color: transparent; 1802 color: white; 1803 } 1804 1805 .button.is-black[disabled], 1806 fieldset[disabled] .button.is-black { 1807 background-color: #0a0a0a; 1808 border-color: transparent; 1809 box-shadow: none; 1810 } 1811 1812 .button.is-black.is-inverted { 1813 background-color: white; 1814 color: #0a0a0a; 1815 } 1816 1817 .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { 1818 background-color: #f2f2f2; 1819 } 1820 1821 .button.is-black.is-inverted[disabled], 1822 fieldset[disabled] .button.is-black.is-inverted { 1823 background-color: white; 1824 border-color: transparent; 1825 box-shadow: none; 1826 color: #0a0a0a; 1827 } 1828 1829 .button.is-black.is-loading::after { 1830 border-color: transparent transparent white white !important; 1831 } 1832 1833 .button.is-black.is-outlined { 1834 background-color: transparent; 1835 border-color: #0a0a0a; 1836 color: #0a0a0a; 1837 } 1838 1839 .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused { 1840 background-color: #0a0a0a; 1841 border-color: #0a0a0a; 1842 color: white; 1843 } 1844 1845 .button.is-black.is-outlined.is-loading::after { 1846 border-color: transparent transparent #0a0a0a #0a0a0a !important; 1847 } 1848 1849 .button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after { 1850 border-color: transparent transparent white white !important; 1851 } 1852 1853 .button.is-black.is-outlined[disabled], 1854 fieldset[disabled] .button.is-black.is-outlined { 1855 background-color: transparent; 1856 border-color: #0a0a0a; 1857 box-shadow: none; 1858 color: #0a0a0a; 1859 } 1860 1861 .button.is-black.is-inverted.is-outlined { 1862 background-color: transparent; 1863 border-color: white; 1864 color: white; 1865 } 1866 1867 .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused { 1868 background-color: white; 1869 color: #0a0a0a; 1870 } 1871 1872 .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after { 1873 border-color: transparent transparent #0a0a0a #0a0a0a !important; 1874 } 1875 1876 .button.is-black.is-inverted.is-outlined[disabled], 1877 fieldset[disabled] .button.is-black.is-inverted.is-outlined { 1878 background-color: transparent; 1879 border-color: white; 1880 box-shadow: none; 1881 color: white; 1882 } 1883 1884 .button.is-light { 1885 background-color: whitesmoke; 1886 border-color: transparent; 1887 color: #363636; 1888 } 1889 1890 .button.is-light:hover, .button.is-light.is-hovered { 1891 background-color: #eeeeee; 1892 border-color: transparent; 1893 color: #363636; 1894 } 1895 1896 .button.is-light:focus, .button.is-light.is-focused { 1897 border-color: transparent; 1898 color: #363636; 1899 } 1900 1901 .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { 1902 box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); 1903 } 1904 1905 .button.is-light:active, .button.is-light.is-active { 1906 background-color: #e8e8e8; 1907 border-color: transparent; 1908 color: #363636; 1909 } 1910 1911 .button.is-light[disabled], 1912 fieldset[disabled] .button.is-light { 1913 background-color: whitesmoke; 1914 border-color: transparent; 1915 box-shadow: none; 1916 } 1917 1918 .button.is-light.is-inverted { 1919 background-color: #363636; 1920 color: whitesmoke; 1921 } 1922 1923 .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { 1924 background-color: #292929; 1925 } 1926 1927 .button.is-light.is-inverted[disabled], 1928 fieldset[disabled] .button.is-light.is-inverted { 1929 background-color: #363636; 1930 border-color: transparent; 1931 box-shadow: none; 1932 color: whitesmoke; 1933 } 1934 1935 .button.is-light.is-loading::after { 1936 border-color: transparent transparent #363636 #363636 !important; 1937 } 1938 1939 .button.is-light.is-outlined { 1940 background-color: transparent; 1941 border-color: whitesmoke; 1942 color: whitesmoke; 1943 } 1944 1945 .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused { 1946 background-color: whitesmoke; 1947 border-color: whitesmoke; 1948 color: #363636; 1949 } 1950 1951 .button.is-light.is-outlined.is-loading::after { 1952 border-color: transparent transparent whitesmoke whitesmoke !important; 1953 } 1954 1955 .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after { 1956 border-color: transparent transparent #363636 #363636 !important; 1957 } 1958 1959 .button.is-light.is-outlined[disabled], 1960 fieldset[disabled] .button.is-light.is-outlined { 1961 background-color: transparent; 1962 border-color: whitesmoke; 1963 box-shadow: none; 1964 color: whitesmoke; 1965 } 1966 1967 .button.is-light.is-inverted.is-outlined { 1968 background-color: transparent; 1969 border-color: #363636; 1970 color: #363636; 1971 } 1972 1973 .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused { 1974 background-color: #363636; 1975 color: whitesmoke; 1976 } 1977 1978 .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after { 1979 border-color: transparent transparent whitesmoke whitesmoke !important; 1980 } 1981 1982 .button.is-light.is-inverted.is-outlined[disabled], 1983 fieldset[disabled] .button.is-light.is-inverted.is-outlined { 1984 background-color: transparent; 1985 border-color: #363636; 1986 box-shadow: none; 1987 color: #363636; 1988 } 1989 1990 .button.is-dark { 1991 background-color: #363636; 1992 border-color: transparent; 1993 color: whitesmoke; 1994 } 1995 1996 .button.is-dark:hover, .button.is-dark.is-hovered { 1997 background-color: #2f2f2f; 1998 border-color: transparent; 1999 color: whitesmoke; 2000 } 2001 2002 .button.is-dark:focus, .button.is-dark.is-focused { 2003 border-color: transparent; 2004 color: whitesmoke; 2005 } 2006 2007 .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { 2008 box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); 2009 } 2010 2011 .button.is-dark:active, .button.is-dark.is-active { 2012 background-color: #292929; 2013 border-color: transparent; 2014 color: whitesmoke; 2015 } 2016 2017 .button.is-dark[disabled], 2018 fieldset[disabled] .button.is-dark { 2019 background-color: #363636; 2020 border-color: transparent; 2021 box-shadow: none; 2022 } 2023 2024 .button.is-dark.is-inverted { 2025 background-color: whitesmoke; 2026 color: #363636; 2027 } 2028 2029 .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { 2030 background-color: #e8e8e8; 2031 } 2032 2033 .button.is-dark.is-inverted[disabled], 2034 fieldset[disabled] .button.is-dark.is-inverted { 2035 background-color: whitesmoke; 2036 border-color: transparent; 2037 box-shadow: none; 2038 color: #363636; 2039 } 2040 2041 .button.is-dark.is-loading::after { 2042 border-color: transparent transparent whitesmoke whitesmoke !important; 2043 } 2044 2045 .button.is-dark.is-outlined { 2046 background-color: transparent; 2047 border-color: #363636; 2048 color: #363636; 2049 } 2050 2051 .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused { 2052 background-color: #363636; 2053 border-color: #363636; 2054 color: whitesmoke; 2055 } 2056 2057 .button.is-dark.is-outlined.is-loading::after { 2058 border-color: transparent transparent #363636 #363636 !important; 2059 } 2060 2061 .button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after { 2062 border-color: transparent transparent whitesmoke whitesmoke !important; 2063 } 2064 2065 .button.is-dark.is-outlined[disabled], 2066 fieldset[disabled] .button.is-dark.is-outlined { 2067 background-color: transparent; 2068 border-color: #363636; 2069 box-shadow: none; 2070 color: #363636; 2071 } 2072 2073 .button.is-dark.is-inverted.is-outlined { 2074 background-color: transparent; 2075 border-color: whitesmoke; 2076 color: whitesmoke; 2077 } 2078 2079 .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused { 2080 background-color: whitesmoke; 2081 color: #363636; 2082 } 2083 2084 .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after { 2085 border-color: transparent transparent #363636 #363636 !important; 2086 } 2087 2088 .button.is-dark.is-inverted.is-outlined[disabled], 2089 fieldset[disabled] .button.is-dark.is-inverted.is-outlined { 2090 background-color: transparent; 2091 border-color: whitesmoke; 2092 box-shadow: none; 2093 color: whitesmoke; 2094 } 2095 2096 .button.is-primary { 2097 background-color: #00d1b2; 2098 border-color: transparent; 2099 color: #fff; 2100 } 2101 2102 .button.is-primary:hover, .button.is-primary.is-hovered { 2103 background-color: #00c4a7; 2104 border-color: transparent; 2105 color: #fff; 2106 } 2107 2108 .button.is-primary:focus, .button.is-primary.is-focused { 2109 border-color: transparent; 2110 color: #fff; 2111 } 2112 2113 .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { 2114 box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); 2115 } 2116 2117 .button.is-primary:active, .button.is-primary.is-active { 2118 background-color: #00b89c; 2119 border-color: transparent; 2120 color: #fff; 2121 } 2122 2123 .button.is-primary[disabled], 2124 fieldset[disabled] .button.is-primary { 2125 background-color: #00d1b2; 2126 border-color: transparent; 2127 box-shadow: none; 2128 } 2129 2130 .button.is-primary.is-inverted { 2131 background-color: #fff; 2132 color: #00d1b2; 2133 } 2134 2135 .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { 2136 background-color: #f2f2f2; 2137 } 2138 2139 .button.is-primary.is-inverted[disabled], 2140 fieldset[disabled] .button.is-primary.is-inverted { 2141 background-color: #fff; 2142 border-color: transparent; 2143 box-shadow: none; 2144 color: #00d1b2; 2145 } 2146 2147 .button.is-primary.is-loading::after { 2148 border-color: transparent transparent #fff #fff !important; 2149 } 2150 2151 .button.is-primary.is-outlined { 2152 background-color: transparent; 2153 border-color: #00d1b2; 2154 color: #00d1b2; 2155 } 2156 2157 .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused { 2158 background-color: #00d1b2; 2159 border-color: #00d1b2; 2160 color: #fff; 2161 } 2162 2163 .button.is-primary.is-outlined.is-loading::after { 2164 border-color: transparent transparent #00d1b2 #00d1b2 !important; 2165 } 2166 2167 .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after { 2168 border-color: transparent transparent #fff #fff !important; 2169 } 2170 2171 .button.is-primary.is-outlined[disabled], 2172 fieldset[disabled] .button.is-primary.is-outlined { 2173 background-color: transparent; 2174 border-color: #00d1b2; 2175 box-shadow: none; 2176 color: #00d1b2; 2177 } 2178 2179 .button.is-primary.is-inverted.is-outlined { 2180 background-color: transparent; 2181 border-color: #fff; 2182 color: #fff; 2183 } 2184 2185 .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused { 2186 background-color: #fff; 2187 color: #00d1b2; 2188 } 2189 2190 .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after { 2191 border-color: transparent transparent #00d1b2 #00d1b2 !important; 2192 } 2193 2194 .button.is-primary.is-inverted.is-outlined[disabled], 2195 fieldset[disabled] .button.is-primary.is-inverted.is-outlined { 2196 background-color: transparent; 2197 border-color: #fff; 2198 box-shadow: none; 2199 color: #fff; 2200 } 2201 2202 .button.is-link { 2203 background-color: #3273dc; 2204 border-color: transparent; 2205 color: #fff; 2206 } 2207 2208 .button.is-link:hover, .button.is-link.is-hovered { 2209 background-color: #276cda; 2210 border-color: transparent; 2211 color: #fff; 2212 } 2213 2214 .button.is-link:focus, .button.is-link.is-focused { 2215 border-color: transparent; 2216 color: #fff; 2217 } 2218 2219 .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { 2220 box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); 2221 } 2222 2223 .button.is-link:active, .button.is-link.is-active { 2224 background-color: #2366d1; 2225 border-color: transparent; 2226 color: #fff; 2227 } 2228 2229 .button.is-link[disabled], 2230 fieldset[disabled] .button.is-link { 2231 background-color: #3273dc; 2232 border-color: transparent; 2233 box-shadow: none; 2234 } 2235 2236 .button.is-link.is-inverted { 2237 background-color: #fff; 2238 color: #3273dc; 2239 } 2240 2241 .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { 2242 background-color: #f2f2f2; 2243 } 2244 2245 .button.is-link.is-inverted[disabled], 2246 fieldset[disabled] .button.is-link.is-inverted { 2247 background-color: #fff; 2248 border-color: transparent; 2249 box-shadow: none; 2250 color: #3273dc; 2251 } 2252 2253 .button.is-link.is-loading::after { 2254 border-color: transparent transparent #fff #fff !important; 2255 } 2256 2257 .button.is-link.is-outlined { 2258 background-color: transparent; 2259 border-color: #3273dc; 2260 color: #3273dc; 2261 } 2262 2263 .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused { 2264 background-color: #3273dc; 2265 border-color: #3273dc; 2266 color: #fff; 2267 } 2268 2269 .button.is-link.is-outlined.is-loading::after { 2270 border-color: transparent transparent #3273dc #3273dc !important; 2271 } 2272 2273 .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after { 2274 border-color: transparent transparent #fff #fff !important; 2275 } 2276 2277 .button.is-link.is-outlined[disabled], 2278 fieldset[disabled] .button.is-link.is-outlined { 2279 background-color: transparent; 2280 border-color: #3273dc; 2281 box-shadow: none; 2282 color: #3273dc; 2283 } 2284 2285 .button.is-link.is-inverted.is-outlined { 2286 background-color: transparent; 2287 border-color: #fff; 2288 color: #fff; 2289 } 2290 2291 .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused { 2292 background-color: #fff; 2293 color: #3273dc; 2294 } 2295 2296 .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { 2297 border-color: transparent transparent #3273dc #3273dc !important; 2298 } 2299 2300 .button.is-link.is-inverted.is-outlined[disabled], 2301 fieldset[disabled] .button.is-link.is-inverted.is-outlined { 2302 background-color: transparent; 2303 border-color: #fff; 2304 box-shadow: none; 2305 color: #fff; 2306 } 2307 2308 .button.is-info { 2309 background-color: #209cee; 2310 border-color: transparent; 2311 color: #fff; 2312 } 2313 2314 .button.is-info:hover, .button.is-info.is-hovered { 2315 background-color: #1496ed; 2316 border-color: transparent; 2317 color: #fff; 2318 } 2319 2320 .button.is-info:focus, .button.is-info.is-focused { 2321 border-color: transparent; 2322 color: #fff; 2323 } 2324 2325 .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { 2326 box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); 2327 } 2328 2329 .button.is-info:active, .button.is-info.is-active { 2330 background-color: #118fe4; 2331 border-color: transparent; 2332 color: #fff; 2333 } 2334 2335 .button.is-info[disabled], 2336 fieldset[disabled] .button.is-info { 2337 background-color: #209cee; 2338 border-color: transparent; 2339 box-shadow: none; 2340 } 2341 2342 .button.is-info.is-inverted { 2343 background-color: #fff; 2344 color: #209cee; 2345 } 2346 2347 .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { 2348 background-color: #f2f2f2; 2349 } 2350 2351 .button.is-info.is-inverted[disabled], 2352 fieldset[disabled] .button.is-info.is-inverted { 2353 background-color: #fff; 2354 border-color: transparent; 2355 box-shadow: none; 2356 color: #209cee; 2357 } 2358 2359 .button.is-info.is-loading::after { 2360 border-color: transparent transparent #fff #fff !important; 2361 } 2362 2363 .button.is-info.is-outlined { 2364 background-color: transparent; 2365 border-color: #209cee; 2366 color: #209cee; 2367 } 2368 2369 .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused { 2370 background-color: #209cee; 2371 border-color: #209cee; 2372 color: #fff; 2373 } 2374 2375 .button.is-info.is-outlined.is-loading::after { 2376 border-color: transparent transparent #209cee #209cee !important; 2377 } 2378 2379 .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after { 2380 border-color: transparent transparent #fff #fff !important; 2381 } 2382 2383 .button.is-info.is-outlined[disabled], 2384 fieldset[disabled] .button.is-info.is-outlined { 2385 background-color: transparent; 2386 border-color: #209cee; 2387 box-shadow: none; 2388 color: #209cee; 2389 } 2390 2391 .button.is-info.is-inverted.is-outlined { 2392 background-color: transparent; 2393 border-color: #fff; 2394 color: #fff; 2395 } 2396 2397 .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused { 2398 background-color: #fff; 2399 color: #209cee; 2400 } 2401 2402 .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after { 2403 border-color: transparent transparent #209cee #209cee !important; 2404 } 2405 2406 .button.is-info.is-inverted.is-outlined[disabled], 2407 fieldset[disabled] .button.is-info.is-inverted.is-outlined { 2408 background-color: transparent; 2409 border-color: #fff; 2410 box-shadow: none; 2411 color: #fff; 2412 } 2413 2414 .button.is-success { 2415 background-color: #23d160; 2416 border-color: transparent; 2417 color: #fff; 2418 } 2419 2420 .button.is-success:hover, .button.is-success.is-hovered { 2421 background-color: #22c65b; 2422 border-color: transparent; 2423 color: #fff; 2424 } 2425 2426 .button.is-success:focus, .button.is-success.is-focused { 2427 border-color: transparent; 2428 color: #fff; 2429 } 2430 2431 .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { 2432 box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); 2433 } 2434 2435 .button.is-success:active, .button.is-success.is-active { 2436 background-color: #20bc56; 2437 border-color: transparent; 2438 color: #fff; 2439 } 2440 2441 .button.is-success[disabled], 2442 fieldset[disabled] .button.is-success { 2443 background-color: #23d160; 2444 border-color: transparent; 2445 box-shadow: none; 2446 } 2447 2448 .button.is-success.is-inverted { 2449 background-color: #fff; 2450 color: #23d160; 2451 } 2452 2453 .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { 2454 background-color: #f2f2f2; 2455 } 2456 2457 .button.is-success.is-inverted[disabled], 2458 fieldset[disabled] .button.is-success.is-inverted { 2459 background-color: #fff; 2460 border-color: transparent; 2461 box-shadow: none; 2462 color: #23d160; 2463 } 2464 2465 .button.is-success.is-loading::after { 2466 border-color: transparent transparent #fff #fff !important; 2467 } 2468 2469 .button.is-success.is-outlined { 2470 background-color: transparent; 2471 border-color: #23d160; 2472 color: #23d160; 2473 } 2474 2475 .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused { 2476 background-color: #23d160; 2477 border-color: #23d160; 2478 color: #fff; 2479 } 2480 2481 .button.is-success.is-outlined.is-loading::after { 2482 border-color: transparent transparent #23d160 #23d160 !important; 2483 } 2484 2485 .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after { 2486 border-color: transparent transparent #fff #fff !important; 2487 } 2488 2489 .button.is-success.is-outlined[disabled], 2490 fieldset[disabled] .button.is-success.is-outlined { 2491 background-color: transparent; 2492 border-color: #23d160; 2493 box-shadow: none; 2494 color: #23d160; 2495 } 2496 2497 .button.is-success.is-inverted.is-outlined { 2498 background-color: transparent; 2499 border-color: #fff; 2500 color: #fff; 2501 } 2502 2503 .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused { 2504 background-color: #fff; 2505 color: #23d160; 2506 } 2507 2508 .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after { 2509 border-color: transparent transparent #23d160 #23d160 !important; 2510 } 2511 2512 .button.is-success.is-inverted.is-outlined[disabled], 2513 fieldset[disabled] .button.is-success.is-inverted.is-outlined { 2514 background-color: transparent; 2515 border-color: #fff; 2516 box-shadow: none; 2517 color: #fff; 2518 } 2519 2520 .button.is-warning { 2521 background-color: #ffdd57; 2522 border-color: transparent; 2523 color: rgba(0, 0, 0, 0.7); 2524 } 2525 2526 .button.is-warning:hover, .button.is-warning.is-hovered { 2527 background-color: #ffdb4a; 2528 border-color: transparent; 2529 color: rgba(0, 0, 0, 0.7); 2530 } 2531 2532 .button.is-warning:focus, .button.is-warning.is-focused { 2533 border-color: transparent; 2534 color: rgba(0, 0, 0, 0.7); 2535 } 2536 2537 .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { 2538 box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); 2539 } 2540 2541 .button.is-warning:active, .button.is-warning.is-active { 2542 background-color: #ffd83d; 2543 border-color: transparent; 2544 color: rgba(0, 0, 0, 0.7); 2545 } 2546 2547 .button.is-warning[disabled], 2548 fieldset[disabled] .button.is-warning { 2549 background-color: #ffdd57; 2550 border-color: transparent; 2551 box-shadow: none; 2552 } 2553 2554 .button.is-warning.is-inverted { 2555 background-color: rgba(0, 0, 0, 0.7); 2556 color: #ffdd57; 2557 } 2558 2559 .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { 2560 background-color: rgba(0, 0, 0, 0.7); 2561 } 2562 2563 .button.is-warning.is-inverted[disabled], 2564 fieldset[disabled] .button.is-warning.is-inverted { 2565 background-color: rgba(0, 0, 0, 0.7); 2566 border-color: transparent; 2567 box-shadow: none; 2568 color: #ffdd57; 2569 } 2570 2571 .button.is-warning.is-loading::after { 2572 border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; 2573 } 2574 2575 .button.is-warning.is-outlined { 2576 background-color: transparent; 2577 border-color: #ffdd57; 2578 color: #ffdd57; 2579 } 2580 2581 .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused { 2582 background-color: #ffdd57; 2583 border-color: #ffdd57; 2584 color: rgba(0, 0, 0, 0.7); 2585 } 2586 2587 .button.is-warning.is-outlined.is-loading::after { 2588 border-color: transparent transparent #ffdd57 #ffdd57 !important; 2589 } 2590 2591 .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after { 2592 border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; 2593 } 2594 2595 .button.is-warning.is-outlined[disabled], 2596 fieldset[disabled] .button.is-warning.is-outlined { 2597 background-color: transparent; 2598 border-color: #ffdd57; 2599 box-shadow: none; 2600 color: #ffdd57; 2601 } 2602 2603 .button.is-warning.is-inverted.is-outlined { 2604 background-color: transparent; 2605 border-color: rgba(0, 0, 0, 0.7); 2606 color: rgba(0, 0, 0, 0.7); 2607 } 2608 2609 .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused { 2610 background-color: rgba(0, 0, 0, 0.7); 2611 color: #ffdd57; 2612 } 2613 2614 .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after { 2615 border-color: transparent transparent #ffdd57 #ffdd57 !important; 2616 } 2617 2618 .button.is-warning.is-inverted.is-outlined[disabled], 2619 fieldset[disabled] .button.is-warning.is-inverted.is-outlined { 2620 background-color: transparent; 2621 border-color: rgba(0, 0, 0, 0.7); 2622 box-shadow: none; 2623 color: rgba(0, 0, 0, 0.7); 2624 } 2625 2626 .button.is-danger { 2627 background-color: #ff3860; 2628 border-color: transparent; 2629 color: #fff; 2630 } 2631 2632 .button.is-danger:hover, .button.is-danger.is-hovered { 2633 background-color: #ff2b56; 2634 border-color: transparent; 2635 color: #fff; 2636 } 2637 2638 .button.is-danger:focus, .button.is-danger.is-focused { 2639 border-color: transparent; 2640 color: #fff; 2641 } 2642 2643 .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { 2644 box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); 2645 } 2646 2647 .button.is-danger:active, .button.is-danger.is-active { 2648 background-color: #ff1f4b; 2649 border-color: transparent; 2650 color: #fff; 2651 } 2652 2653 .button.is-danger[disabled], 2654 fieldset[disabled] .button.is-danger { 2655 background-color: #ff3860; 2656 border-color: transparent; 2657 box-shadow: none; 2658 } 2659 2660 .button.is-danger.is-inverted { 2661 background-color: #fff; 2662 color: #ff3860; 2663 } 2664 2665 .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { 2666 background-color: #f2f2f2; 2667 } 2668 2669 .button.is-danger.is-inverted[disabled], 2670 fieldset[disabled] .button.is-danger.is-inverted { 2671 background-color: #fff; 2672 border-color: transparent; 2673 box-shadow: none; 2674 color: #ff3860; 2675 } 2676 2677 .button.is-danger.is-loading::after { 2678 border-color: transparent transparent #fff #fff !important; 2679 } 2680 2681 .button.is-danger.is-outlined { 2682 background-color: transparent; 2683 border-color: #ff3860; 2684 color: #ff3860; 2685 } 2686 2687 .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused { 2688 background-color: #ff3860; 2689 border-color: #ff3860; 2690 color: #fff; 2691 } 2692 2693 .button.is-danger.is-outlined.is-loading::after { 2694 border-color: transparent transparent #ff3860 #ff3860 !important; 2695 } 2696 2697 .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after { 2698 border-color: transparent transparent #fff #fff !important; 2699 } 2700 2701 .button.is-danger.is-outlined[disabled], 2702 fieldset[disabled] .button.is-danger.is-outlined { 2703 background-color: transparent; 2704 border-color: #ff3860; 2705 box-shadow: none; 2706 color: #ff3860; 2707 } 2708 2709 .button.is-danger.is-inverted.is-outlined { 2710 background-color: transparent; 2711 border-color: #fff; 2712 color: #fff; 2713 } 2714 2715 .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused { 2716 background-color: #fff; 2717 color: #ff3860; 2718 } 2719 2720 .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after { 2721 border-color: transparent transparent #ff3860 #ff3860 !important; 2722 } 2723 2724 .button.is-danger.is-inverted.is-outlined[disabled], 2725 fieldset[disabled] .button.is-danger.is-inverted.is-outlined { 2726 background-color: transparent; 2727 border-color: #fff; 2728 box-shadow: none; 2729 color: #fff; 2730 } 2731 2732 .button.is-small { 2733 border-radius: 2px; 2734 font-size: 0.75rem; 2735 } 2736 2737 .button.is-normal { 2738 font-size: 1rem; 2739 } 2740 2741 .button.is-medium { 2742 font-size: 1.25rem; 2743 } 2744 2745 .button.is-large { 2746 font-size: 1.5rem; 2747 } 2748 2749 .button[disabled], 2750 fieldset[disabled] .button { 2751 background-color: white; 2752 border-color: #dbdbdb; 2753 box-shadow: none; 2754 opacity: 0.5; 2755 } 2756 2757 .button.is-fullwidth { 2758 display: flex; 2759 width: 100%; 2760 } 2761 2762 .button.is-loading { 2763 color: transparent !important; 2764 pointer-events: none; 2765 } 2766 2767 .button.is-loading::after { 2768 position: absolute; 2769 left: calc(50% - (1em / 2)); 2770 top: calc(50% - (1em / 2)); 2771 position: absolute !important; 2772 } 2773 2774 .button.is-static { 2775 background-color: whitesmoke; 2776 border-color: #dbdbdb; 2777 color: #7a7a7a; 2778 box-shadow: none; 2779 pointer-events: none; 2780 } 2781 2782 .button.is-rounded { 2783 border-radius: 290486px; 2784 padding-left: 1em; 2785 padding-right: 1em; 2786 } 2787 2788 .buttons { 2789 align-items: center; 2790 display: flex; 2791 flex-wrap: wrap; 2792 justify-content: flex-start; 2793 } 2794 2795 .buttons .button { 2796 margin-bottom: 0.5rem; 2797 } 2798 2799 .buttons .button:not(:last-child):not(.is-fullwidth) { 2800 margin-right: 0.5rem; 2801 } 2802 2803 .buttons:last-child { 2804 margin-bottom: -0.5rem; 2805 } 2806 2807 .buttons:not(:last-child) { 2808 margin-bottom: 1rem; 2809 } 2810 2811 .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { 2812 border-radius: 2px; 2813 font-size: 0.75rem; 2814 } 2815 2816 .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { 2817 font-size: 1.25rem; 2818 } 2819 2820 .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { 2821 font-size: 1.5rem; 2822 } 2823 2824 .buttons.has-addons .button:not(:first-child) { 2825 border-bottom-left-radius: 0; 2826 border-top-left-radius: 0; 2827 } 2828 2829 .buttons.has-addons .button:not(:last-child) { 2830 border-bottom-right-radius: 0; 2831 border-top-right-radius: 0; 2832 margin-right: -1px; 2833 } 2834 2835 .buttons.has-addons .button:last-child { 2836 margin-right: 0; 2837 } 2838 2839 .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { 2840 z-index: 2; 2841 } 2842 2843 .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { 2844 z-index: 3; 2845 } 2846 2847 .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { 2848 z-index: 4; 2849 } 2850 2851 .buttons.has-addons .button.is-expanded { 2852 flex-grow: 1; 2853 flex-shrink: 1; 2854 } 2855 2856 .buttons.is-centered { 2857 justify-content: center; 2858 } 2859 2860 .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { 2861 margin-left: 0.25rem; 2862 margin-right: 0.25rem; 2863 } 2864 2865 .buttons.is-right { 2866 justify-content: flex-end; 2867 } 2868 2869 .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { 2870 margin-left: 0.25rem; 2871 margin-right: 0.25rem; 2872 } 2873 2874 .container { 2875 flex-grow: 1; 2876 margin: 0 auto; 2877 position: relative; 2878 width: auto; 2879 } 2880 2881 @media screen and (min-width: 1024px) { 2882 .container { 2883 max-width: 960px; 2884 } 2885 .container.is-fluid { 2886 margin-left: 32px; 2887 margin-right: 32px; 2888 max-width: none; 2889 } 2890 } 2891 2892 @media screen and (max-width: 1215px) { 2893 .container.is-widescreen { 2894 max-width: 1152px; 2895 } 2896 } 2897 2898 @media screen and (max-width: 1407px) { 2899 .container.is-fullhd { 2900 max-width: 1344px; 2901 } 2902 } 2903 2904 @media screen and (min-width: 1216px) { 2905 .container { 2906 max-width: 1152px; 2907 } 2908 } 2909 2910 @media screen and (min-width: 1408px) { 2911 .container { 2912 max-width: 1344px; 2913 } 2914 } 2915 2916 .content li + li { 2917 margin-top: 0.25em; 2918 } 2919 2920 .content p:not(:last-child), 2921 .content dl:not(:last-child), 2922 .content ol:not(:last-child), 2923 .content ul:not(:last-child), 2924 .content blockquote:not(:last-child), 2925 .content pre:not(:last-child), 2926 .content table:not(:last-child) { 2927 margin-bottom: 1em; 2928 } 2929 2930 .content h1, 2931 .content h2, 2932 .content h3, 2933 .content h4, 2934 .content h5, 2935 .content h6 { 2936 color: #363636; 2937 font-weight: 600; 2938 line-height: 1.125; 2939 } 2940 2941 .content h1 { 2942 font-size: 2em; 2943 margin-bottom: 0.5em; 2944 } 2945 2946 .content h1:not(:first-child) { 2947 margin-top: 1em; 2948 } 2949 2950 .content h2 { 2951 font-size: 1.75em; 2952 margin-bottom: 0.5714em; 2953 } 2954 2955 .content h2:not(:first-child) { 2956 margin-top: 1.1428em; 2957 } 2958 2959 .content h3 { 2960 font-size: 1.5em; 2961 margin-bottom: 0.6666em; 2962 } 2963 2964 .content h3:not(:first-child) { 2965 margin-top: 1.3333em; 2966 } 2967 2968 .content h4 { 2969 font-size: 1.25em; 2970 margin-bottom: 0.8em; 2971 } 2972 2973 .content h5 { 2974 font-size: 1.125em; 2975 margin-bottom: 0.8888em; 2976 } 2977 2978 .content h6 { 2979 font-size: 1em; 2980 margin-bottom: 1em; 2981 } 2982 2983 .content blockquote { 2984 background-color: whitesmoke; 2985 border-left: 5px solid #dbdbdb; 2986 padding: 1.25em 1.5em; 2987 } 2988 2989 .content ol { 2990 list-style-position: outside; 2991 margin-left: 2em; 2992 margin-top: 1em; 2993 } 2994 2995 .content ol:not([type]) { 2996 list-style-type: decimal; 2997 } 2998 2999 .content ol:not([type]).is-lower-alpha { 3000 list-style-type: lower-alpha; 3001 } 3002 3003 .content ol:not([type]).is-lower-roman { 3004 list-style-type: lower-roman; 3005 } 3006 3007 .content ol:not([type]).is-upper-alpha { 3008 list-style-type: upper-alpha; 3009 } 3010 3011 .content ol:not([type]).is-upper-roman { 3012 list-style-type: upper-roman; 3013 } 3014 3015 .content ul { 3016 list-style: disc outside; 3017 margin-left: 2em; 3018 margin-top: 1em; 3019 } 3020 3021 .content ul ul { 3022 list-style-type: circle; 3023 margin-top: 0.5em; 3024 } 3025 3026 .content ul ul ul { 3027 list-style-type: square; 3028 } 3029 3030 .content dd { 3031 margin-left: 2em; 3032 } 3033 3034 .content figure { 3035 margin-left: 2em; 3036 margin-right: 2em; 3037 text-align: center; 3038 } 3039 3040 .content figure:not(:first-child) { 3041 margin-top: 2em; 3042 } 3043 3044 .content figure:not(:last-child) { 3045 margin-bottom: 2em; 3046 } 3047 3048 .content figure img { 3049 display: inline-block; 3050 } 3051 3052 .content figure figcaption { 3053 font-style: italic; 3054 } 3055 3056 .content pre { 3057 -webkit-overflow-scrolling: touch; 3058 overflow-x: auto; 3059 padding: 1.25em 1.5em; 3060 white-space: pre; 3061 word-wrap: normal; 3062 } 3063 3064 .content sup, 3065 .content sub { 3066 font-size: 75%; 3067 } 3068 3069 .content table { 3070 width: 100%; 3071 } 3072 3073 .content table td, 3074 .content table th { 3075 border: 1px solid #dbdbdb; 3076 border-width: 0 0 1px; 3077 padding: 0.5em 0.75em; 3078 vertical-align: top; 3079 } 3080 3081 .content table th { 3082 color: #363636; 3083 } 3084 3085 .content table th:not([align]) { 3086 text-align: left; 3087 } 3088 3089 .content table thead td, 3090 .content table thead th { 3091 border-width: 0 0 2px; 3092 color: #363636; 3093 } 3094 3095 .content table tfoot td, 3096 .content table tfoot th { 3097 border-width: 2px 0 0; 3098 color: #363636; 3099 } 3100 3101 .content table tbody tr:last-child td, 3102 .content table tbody tr:last-child th { 3103 border-bottom-width: 0; 3104 } 3105 3106 .content .tabs li + li { 3107 margin-top: 0; 3108 } 3109 3110 .content.is-small { 3111 font-size: 0.75rem; 3112 } 3113 3114 .content.is-medium { 3115 font-size: 1.25rem; 3116 } 3117 3118 .content.is-large { 3119 font-size: 1.5rem; 3120 } 3121 3122 .icon { 3123 align-items: center; 3124 display: inline-flex; 3125 justify-content: center; 3126 height: 1.5rem; 3127 width: 1.5rem; 3128 } 3129 3130 .icon.is-small { 3131 height: 1rem; 3132 width: 1rem; 3133 } 3134 3135 .icon.is-medium { 3136 height: 2rem; 3137 width: 2rem; 3138 } 3139 3140 .icon.is-large { 3141 height: 3rem; 3142 width: 3rem; 3143 } 3144 3145 .image { 3146 display: block; 3147 position: relative; 3148 } 3149 3150 .image img { 3151 display: block; 3152 height: auto; 3153 width: 100%; 3154 } 3155 3156 .image img.is-rounded { 3157 border-radius: 290486px; 3158 } 3159 3160 .image.is-square img, 3161 .image.is-square .has-ratio, .image.is-1by1 img, 3162 .image.is-1by1 .has-ratio, .image.is-5by4 img, 3163 .image.is-5by4 .has-ratio, .image.is-4by3 img, 3164 .image.is-4by3 .has-ratio, .image.is-3by2 img, 3165 .image.is-3by2 .has-ratio, .image.is-5by3 img, 3166 .image.is-5by3 .has-ratio, .image.is-16by9 img, 3167 .image.is-16by9 .has-ratio, .image.is-2by1 img, 3168 .image.is-2by1 .has-ratio, .image.is-3by1 img, 3169 .image.is-3by1 .has-ratio, .image.is-4by5 img, 3170 .image.is-4by5 .has-ratio, .image.is-3by4 img, 3171 .image.is-3by4 .has-ratio, .image.is-2by3 img, 3172 .image.is-2by3 .has-ratio, .image.is-3by5 img, 3173 .image.is-3by5 .has-ratio, .image.is-9by16 img, 3174 .image.is-9by16 .has-ratio, .image.is-1by2 img, 3175 .image.is-1by2 .has-ratio, .image.is-1by3 img, 3176 .image.is-1by3 .has-ratio { 3177 height: 100%; 3178 width: 100%; 3179 } 3180 3181 .image.is-square, .image.is-1by1 { 3182 padding-top: 100%; 3183 } 3184 3185 .image.is-5by4 { 3186 padding-top: 80%; 3187 } 3188 3189 .image.is-4by3 { 3190 padding-top: 75%; 3191 } 3192 3193 .image.is-3by2 { 3194 padding-top: 66.6666%; 3195 } 3196 3197 .image.is-5by3 { 3198 padding-top: 60%; 3199 } 3200 3201 .image.is-16by9 { 3202 padding-top: 56.25%; 3203 } 3204 3205 .image.is-2by1 { 3206 padding-top: 50%; 3207 } 3208 3209 .image.is-3by1 { 3210 padding-top: 33.3333%; 3211 } 3212 3213 .image.is-4by5 { 3214 padding-top: 125%; 3215 } 3216 3217 .image.is-3by4 { 3218 padding-top: 133.3333%; 3219 } 3220 3221 .image.is-2by3 { 3222 padding-top: 150%; 3223 } 3224 3225 .image.is-3by5 { 3226 padding-top: 166.6666%; 3227 } 3228 3229 .image.is-9by16 { 3230 padding-top: 177.7777%; 3231 } 3232 3233 .image.is-1by2 { 3234 padding-top: 200%; 3235 } 3236 3237 .image.is-1by3 { 3238 padding-top: 300%; 3239 } 3240 3241 .image.is-16x16 { 3242 height: 16px; 3243 width: 16px; 3244 } 3245 3246 .image.is-24x24 { 3247 height: 24px; 3248 width: 24px; 3249 } 3250 3251 .image.is-32x32 { 3252 height: 32px; 3253 width: 32px; 3254 } 3255 3256 .image.is-48x48 { 3257 height: 48px; 3258 width: 48px; 3259 } 3260 3261 .image.is-64x64 { 3262 height: 64px; 3263 width: 64px; 3264 } 3265 3266 .image.is-96x96 { 3267 height: 96px; 3268 width: 96px; 3269 } 3270 3271 .image.is-128x128 { 3272 height: 128px; 3273 width: 128px; 3274 } 3275 3276 .notification { 3277 background-color: whitesmoke; 3278 border-radius: 4px; 3279 padding: 1.25rem 2.5rem 1.25rem 1.5rem; 3280 position: relative; 3281 } 3282 3283 .notification a:not(.button):not(.dropdown-item) { 3284 color: currentColor; 3285 text-decoration: underline; 3286 } 3287 3288 .notification strong { 3289 color: currentColor; 3290 } 3291 3292 .notification code, 3293 .notification pre { 3294 background: white; 3295 } 3296 3297 .notification pre code { 3298 background: transparent; 3299 } 3300 3301 .notification > .delete { 3302 position: absolute; 3303 right: 0.5rem; 3304 top: 0.5rem; 3305 } 3306 3307 .notification .title, 3308 .notification .subtitle, 3309 .notification .content { 3310 color: currentColor; 3311 } 3312 3313 .notification.is-white { 3314 background-color: white; 3315 color: #0a0a0a; 3316 } 3317 3318 .notification.is-black { 3319 background-color: #0a0a0a; 3320 color: white; 3321 } 3322 3323 .notification.is-light { 3324 background-color: whitesmoke; 3325 color: #363636; 3326 } 3327 3328 .notification.is-dark { 3329 background-color: #363636; 3330 color: whitesmoke; 3331 } 3332 3333 .notification.is-primary { 3334 background-color: #00d1b2; 3335 color: #fff; 3336 } 3337 3338 .notification.is-link { 3339 background-color: #3273dc; 3340 color: #fff; 3341 } 3342 3343 .notification.is-info { 3344 background-color: #209cee; 3345 color: #fff; 3346 } 3347 3348 .notification.is-success { 3349 background-color: #23d160; 3350 color: #fff; 3351 } 3352 3353 .notification.is-warning { 3354 background-color: #ffdd57; 3355 color: rgba(0, 0, 0, 0.7); 3356 } 3357 3358 .notification.is-danger { 3359 background-color: #ff3860; 3360 color: #fff; 3361 } 3362 3363 .progress { 3364 -moz-appearance: none; 3365 -webkit-appearance: none; 3366 border: none; 3367 border-radius: 290486px; 3368 display: block; 3369 height: 1rem; 3370 overflow: hidden; 3371 padding: 0; 3372 width: 100%; 3373 } 3374 3375 .progress::-webkit-progress-bar { 3376 background-color: #dbdbdb; 3377 } 3378 3379 .progress::-webkit-progress-value { 3380 background-color: #4a4a4a; 3381 } 3382 3383 .progress::-moz-progress-bar { 3384 background-color: #4a4a4a; 3385 } 3386 3387 .progress::-ms-fill { 3388 background-color: #4a4a4a; 3389 border: none; 3390 } 3391 3392 .progress.is-white::-webkit-progress-value { 3393 background-color: white; 3394 } 3395 3396 .progress.is-white::-moz-progress-bar { 3397 background-color: white; 3398 } 3399 3400 .progress.is-white::-ms-fill { 3401 background-color: white; 3402 } 3403 3404 .progress.is-white:indeterminate { 3405 background-image: linear-gradient(to right, white 30%, #dbdbdb 30%); 3406 } 3407 3408 .progress.is-black::-webkit-progress-value { 3409 background-color: #0a0a0a; 3410 } 3411 3412 .progress.is-black::-moz-progress-bar { 3413 background-color: #0a0a0a; 3414 } 3415 3416 .progress.is-black::-ms-fill { 3417 background-color: #0a0a0a; 3418 } 3419 3420 .progress.is-black:indeterminate { 3421 background-image: linear-gradient(to right, #0a0a0a 30%, #dbdbdb 30%); 3422 } 3423 3424 .progress.is-light::-webkit-progress-value { 3425 background-color: whitesmoke; 3426 } 3427 3428 .progress.is-light::-moz-progress-bar { 3429 background-color: whitesmoke; 3430 } 3431 3432 .progress.is-light::-ms-fill { 3433 background-color: whitesmoke; 3434 } 3435 3436 .progress.is-light:indeterminate { 3437 background-image: linear-gradient(to right, whitesmoke 30%, #dbdbdb 30%); 3438 } 3439 3440 .progress.is-dark::-webkit-progress-value { 3441 background-color: #363636; 3442 } 3443 3444 .progress.is-dark::-moz-progress-bar { 3445 background-color: #363636; 3446 } 3447 3448 .progress.is-dark::-ms-fill { 3449 background-color: #363636; 3450 } 3451 3452 .progress.is-dark:indeterminate { 3453 background-image: linear-gradient(to right, #363636 30%, #dbdbdb 30%); 3454 } 3455 3456 .progress.is-primary::-webkit-progress-value { 3457 background-color: #00d1b2; 3458 } 3459 3460 .progress.is-primary::-moz-progress-bar { 3461 background-color: #00d1b2; 3462 } 3463 3464 .progress.is-primary::-ms-fill { 3465 background-color: #00d1b2; 3466 } 3467 3468 .progress.is-primary:indeterminate { 3469 background-image: linear-gradient(to right, #00d1b2 30%, #dbdbdb 30%); 3470 } 3471 3472 .progress.is-link::-webkit-progress-value { 3473 background-color: #3273dc; 3474 } 3475 3476 .progress.is-link::-moz-progress-bar { 3477 background-color: #3273dc; 3478 } 3479 3480 .progress.is-link::-ms-fill { 3481 background-color: #3273dc; 3482 } 3483 3484 .progress.is-link:indeterminate { 3485 background-image: linear-gradient(to right, #3273dc 30%, #dbdbdb 30%); 3486 } 3487 3488 .progress.is-info::-webkit-progress-value { 3489 background-color: #209cee; 3490 } 3491 3492 .progress.is-info::-moz-progress-bar { 3493 background-color: #209cee; 3494 } 3495 3496 .progress.is-info::-ms-fill { 3497 background-color: #209cee; 3498 } 3499 3500 .progress.is-info:indeterminate { 3501 background-image: linear-gradient(to right, #209cee 30%, #dbdbdb 30%); 3502 } 3503 3504 .progress.is-success::-webkit-progress-value { 3505 background-color: #23d160; 3506 } 3507 3508 .progress.is-success::-moz-progress-bar { 3509 background-color: #23d160; 3510 } 3511 3512 .progress.is-success::-ms-fill { 3513 background-color: #23d160; 3514 } 3515 3516 .progress.is-success:indeterminate { 3517 background-image: linear-gradient(to right, #23d160 30%, #dbdbdb 30%); 3518 } 3519 3520 .progress.is-warning::-webkit-progress-value { 3521 background-color: #ffdd57; 3522 } 3523 3524 .progress.is-warning::-moz-progress-bar { 3525 background-color: #ffdd57; 3526 } 3527 3528 .progress.is-warning::-ms-fill { 3529 background-color: #ffdd57; 3530 } 3531 3532 .progress.is-warning:indeterminate { 3533 background-image: linear-gradient(to right, #ffdd57 30%, #dbdbdb 30%); 3534 } 3535 3536 .progress.is-danger::-webkit-progress-value { 3537 background-color: #ff3860; 3538 } 3539 3540 .progress.is-danger::-moz-progress-bar { 3541 background-color: #ff3860; 3542 } 3543 3544 .progress.is-danger::-ms-fill { 3545 background-color: #ff3860; 3546 } 3547 3548 .progress.is-danger:indeterminate { 3549 background-image: linear-gradient(to right, #ff3860 30%, #dbdbdb 30%); 3550 } 3551 3552 .progress:indeterminate { 3553 -webkit-animation-duration: 1.5s; 3554 animation-duration: 1.5s; 3555 -webkit-animation-iteration-count: infinite; 3556 animation-iteration-count: infinite; 3557 -webkit-animation-name: moveIndeterminate; 3558 animation-name: moveIndeterminate; 3559 -webkit-animation-timing-function: linear; 3560 animation-timing-function: linear; 3561 background-color: #dbdbdb; 3562 background-image: linear-gradient(to right, #4a4a4a 30%, #dbdbdb 30%); 3563 background-position: top left; 3564 background-repeat: no-repeat; 3565 background-size: 150% 150%; 3566 } 3567 3568 .progress:indeterminate::-webkit-progress-bar { 3569 background-color: transparent; 3570 } 3571 3572 .progress:indeterminate::-moz-progress-bar { 3573 background-color: transparent; 3574 } 3575 3576 .progress.is-small { 3577 height: 0.75rem; 3578 } 3579 3580 .progress.is-medium { 3581 height: 1.25rem; 3582 } 3583 3584 .progress.is-large { 3585 height: 1.5rem; 3586 } 3587 3588 @-webkit-keyframes moveIndeterminate { 3589 from { 3590 background-position: 200% 0; 3591 } 3592 to { 3593 background-position: -200% 0; 3594 } 3595 } 3596 3597 @keyframes moveIndeterminate { 3598 from { 3599 background-position: 200% 0; 3600 } 3601 to { 3602 background-position: -200% 0; 3603 } 3604 } 3605 3606 .table { 3607 background-color: white; 3608 color: #363636; 3609 } 3610 3611 .table td, 3612 .table th { 3613 border: 1px solid #dbdbdb; 3614 border-width: 0 0 1px; 3615 padding: 0.5em 0.75em; 3616 vertical-align: top; 3617 } 3618 3619 .table td.is-white, 3620 .table th.is-white { 3621 background-color: white; 3622 border-color: white; 3623 color: #0a0a0a; 3624 } 3625 3626 .table td.is-black, 3627 .table th.is-black { 3628 background-color: #0a0a0a; 3629 border-color: #0a0a0a; 3630 color: white; 3631 } 3632 3633 .table td.is-light, 3634 .table th.is-light { 3635 background-color: whitesmoke; 3636 border-color: whitesmoke; 3637 color: #363636; 3638 } 3639 3640 .table td.is-dark, 3641 .table th.is-dark { 3642 background-color: #363636; 3643 border-color: #363636; 3644 color: whitesmoke; 3645 } 3646 3647 .table td.is-primary, 3648 .table th.is-primary { 3649 background-color: #00d1b2; 3650 border-color: #00d1b2; 3651 color: #fff; 3652 } 3653 3654 .table td.is-link, 3655 .table th.is-link { 3656 background-color: #3273dc; 3657 border-color: #3273dc; 3658 color: #fff; 3659 } 3660 3661 .table td.is-info, 3662 .table th.is-info { 3663 background-color: #209cee; 3664 border-color: #209cee; 3665 color: #fff; 3666 } 3667 3668 .table td.is-success, 3669 .table th.is-success { 3670 background-color: #23d160; 3671 border-color: #23d160; 3672 color: #fff; 3673 } 3674 3675 .table td.is-warning, 3676 .table th.is-warning { 3677 background-color: #ffdd57; 3678 border-color: #ffdd57; 3679 color: rgba(0, 0, 0, 0.7); 3680 } 3681 3682 .table td.is-danger, 3683 .table th.is-danger { 3684 background-color: #ff3860; 3685 border-color: #ff3860; 3686 color: #fff; 3687 } 3688 3689 .table td.is-narrow, 3690 .table th.is-narrow { 3691 white-space: nowrap; 3692 width: 1%; 3693 } 3694 3695 .table td.is-selected, 3696 .table th.is-selected { 3697 background-color: #00d1b2; 3698 color: #fff; 3699 } 3700 3701 .table td.is-selected a, 3702 .table td.is-selected strong, 3703 .table th.is-selected a, 3704 .table th.is-selected strong { 3705 color: currentColor; 3706 } 3707 3708 .table th { 3709 color: #363636; 3710 } 3711 3712 .table th:not([align]) { 3713 text-align: left; 3714 } 3715 3716 .table tr.is-selected { 3717 background-color: #00d1b2; 3718 color: #fff; 3719 } 3720 3721 .table tr.is-selected a, 3722 .table tr.is-selected strong { 3723 color: currentColor; 3724 } 3725 3726 .table tr.is-selected td, 3727 .table tr.is-selected th { 3728 border-color: #fff; 3729 color: currentColor; 3730 } 3731 3732 .table thead { 3733 background-color: transparent; 3734 } 3735 3736 .table thead td, 3737 .table thead th { 3738 border-width: 0 0 2px; 3739 color: #363636; 3740 } 3741 3742 .table tfoot { 3743 background-color: transparent; 3744 } 3745 3746 .table tfoot td, 3747 .table tfoot th { 3748 border-width: 2px 0 0; 3749 color: #363636; 3750 } 3751 3752 .table tbody { 3753 background-color: transparent; 3754 } 3755 3756 .table tbody tr:last-child td, 3757 .table tbody tr:last-child th { 3758 border-bottom-width: 0; 3759 } 3760 3761 .table.is-bordered td, 3762 .table.is-bordered th { 3763 border-width: 1px; 3764 } 3765 3766 .table.is-bordered tr:last-child td, 3767 .table.is-bordered tr:last-child th { 3768 border-bottom-width: 1px; 3769 } 3770 3771 .table.is-fullwidth { 3772 width: 100%; 3773 } 3774 3775 .table.is-hoverable tbody tr:not(.is-selected):hover { 3776 background-color: #fafafa; 3777 } 3778 3779 .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { 3780 background-color: #fafafa; 3781 } 3782 3783 .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { 3784 background-color: whitesmoke; 3785 } 3786 3787 .table.is-narrow td, 3788 .table.is-narrow th { 3789 padding: 0.25em 0.5em; 3790 } 3791 3792 .table.is-striped tbody tr:not(.is-selected):nth-child(even) { 3793 background-color: #fafafa; 3794 } 3795 3796 .table-container { 3797 -webkit-overflow-scrolling: touch; 3798 overflow: auto; 3799 overflow-y: hidden; 3800 max-width: 100%; 3801 } 3802 3803 .tags { 3804 align-items: center; 3805 display: flex; 3806 flex-wrap: wrap; 3807 justify-content: flex-start; 3808 } 3809 3810 .tags .tag { 3811 margin-bottom: 0.5rem; 3812 } 3813 3814 .tags .tag:not(:last-child) { 3815 margin-right: 0.5rem; 3816 } 3817 3818 .tags:last-child { 3819 margin-bottom: -0.5rem; 3820 } 3821 3822 .tags:not(:last-child) { 3823 margin-bottom: 1rem; 3824 } 3825 3826 .tags.are-medium .tag:not(.is-normal):not(.is-large) { 3827 font-size: 1rem; 3828 } 3829 3830 .tags.are-large .tag:not(.is-normal):not(.is-medium) { 3831 font-size: 1.25rem; 3832 } 3833 3834 .tags.is-centered { 3835 justify-content: center; 3836 } 3837 3838 .tags.is-centered .tag { 3839 margin-right: 0.25rem; 3840 margin-left: 0.25rem; 3841 } 3842 3843 .tags.is-right { 3844 justify-content: flex-end; 3845 } 3846 3847 .tags.is-right .tag:not(:first-child) { 3848 margin-left: 0.5rem; 3849 } 3850 3851 .tags.is-right .tag:not(:last-child) { 3852 margin-right: 0; 3853 } 3854 3855 .tags.has-addons .tag { 3856 margin-right: 0; 3857 } 3858 3859 .tags.has-addons .tag:not(:first-child) { 3860 margin-left: 0; 3861 border-bottom-left-radius: 0; 3862 border-top-left-radius: 0; 3863 } 3864 3865 .tags.has-addons .tag:not(:last-child) { 3866 border-bottom-right-radius: 0; 3867 border-top-right-radius: 0; 3868 } 3869 3870 .tag:not(body) { 3871 align-items: center; 3872 background-color: whitesmoke; 3873 border-radius: 4px; 3874 color: #4a4a4a; 3875 display: inline-flex; 3876 font-size: 0.75rem; 3877 height: 2em; 3878 justify-content: center; 3879 line-height: 1.5; 3880 padding-left: 0.75em; 3881 padding-right: 0.75em; 3882 white-space: nowrap; 3883 } 3884 3885 .tag:not(body) .delete { 3886 margin-left: 0.25rem; 3887 margin-right: -0.375rem; 3888 } 3889 3890 .tag:not(body).is-white { 3891 background-color: white; 3892 color: #0a0a0a; 3893 } 3894 3895 .tag:not(body).is-black { 3896 background-color: #0a0a0a; 3897 color: white; 3898 } 3899 3900 .tag:not(body).is-light { 3901 background-color: whitesmoke; 3902 color: #363636; 3903 } 3904 3905 .tag:not(body).is-dark { 3906 background-color: #363636; 3907 color: whitesmoke; 3908 } 3909 3910 .tag:not(body).is-primary { 3911 background-color: #00d1b2; 3912 color: #fff; 3913 } 3914 3915 .tag:not(body).is-link { 3916 background-color: #3273dc; 3917 color: #fff; 3918 } 3919 3920 .tag:not(body).is-info { 3921 background-color: #209cee; 3922 color: #fff; 3923 } 3924 3925 .tag:not(body).is-success { 3926 background-color: #23d160; 3927 color: #fff; 3928 } 3929 3930 .tag:not(body).is-warning { 3931 background-color: #ffdd57; 3932 color: rgba(0, 0, 0, 0.7); 3933 } 3934 3935 .tag:not(body).is-danger { 3936 background-color: #ff3860; 3937 color: #fff; 3938 } 3939 3940 .tag:not(body).is-normal { 3941 font-size: 0.75rem; 3942 } 3943 3944 .tag:not(body).is-medium { 3945 font-size: 1rem; 3946 } 3947 3948 .tag:not(body).is-large { 3949 font-size: 1.25rem; 3950 } 3951 3952 .tag:not(body) .icon:first-child:not(:last-child) { 3953 margin-left: -0.375em; 3954 margin-right: 0.1875em; 3955 } 3956 3957 .tag:not(body) .icon:last-child:not(:first-child) { 3958 margin-left: 0.1875em; 3959 margin-right: -0.375em; 3960 } 3961 3962 .tag:not(body) .icon:first-child:last-child { 3963 margin-left: -0.375em; 3964 margin-right: -0.375em; 3965 } 3966 3967 .tag:not(body).is-delete { 3968 margin-left: 1px; 3969 padding: 0; 3970 position: relative; 3971 width: 2em; 3972 } 3973 3974 .tag:not(body).is-delete::before, .tag:not(body).is-delete::after { 3975 background-color: currentColor; 3976 content: ""; 3977 display: block; 3978 left: 50%; 3979 position: absolute; 3980 top: 50%; 3981 -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); 3982 transform: translateX(-50%) translateY(-50%) rotate(45deg); 3983 -webkit-transform-origin: center center; 3984 transform-origin: center center; 3985 } 3986 3987 .tag:not(body).is-delete::before { 3988 height: 1px; 3989 width: 50%; 3990 } 3991 3992 .tag:not(body).is-delete::after { 3993 height: 50%; 3994 width: 1px; 3995 } 3996 3997 .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { 3998 background-color: #e8e8e8; 3999 } 4000 4001 .tag:not(body).is-delete:active { 4002 background-color: #dbdbdb; 4003 } 4004 4005 .tag:not(body).is-rounded { 4006 border-radius: 290486px; 4007 } 4008 4009 a.tag:hover { 4010 text-decoration: underline; 4011 } 4012 4013 .title, 4014 .subtitle { 4015 word-break: break-word; 4016 } 4017 4018 .title em, 4019 .title span, 4020 .subtitle em, 4021 .subtitle span { 4022 font-weight: inherit; 4023 } 4024 4025 .title sub, 4026 .subtitle sub { 4027 font-size: 0.75em; 4028 } 4029 4030 .title sup, 4031 .subtitle sup { 4032 font-size: 0.75em; 4033 } 4034 4035 .title .tag, 4036 .subtitle .tag { 4037 vertical-align: middle; 4038 } 4039 4040 .title { 4041 color: #363636; 4042 font-size: 2rem; 4043 font-weight: 600; 4044 line-height: 1.125; 4045 } 4046 4047 .title strong { 4048 color: inherit; 4049 font-weight: inherit; 4050 } 4051 4052 .title + .highlight { 4053 margin-top: -0.75rem; 4054 } 4055 4056 .title:not(.is-spaced) + .subtitle { 4057 margin-top: -1.25rem; 4058 } 4059 4060 .title.is-1 { 4061 font-size: 3rem; 4062 } 4063 4064 .title.is-2 { 4065 font-size: 2.5rem; 4066 } 4067 4068 .title.is-3 { 4069 font-size: 2rem; 4070 } 4071 4072 .title.is-4 { 4073 font-size: 1.5rem; 4074 } 4075 4076 .title.is-5 { 4077 font-size: 1.25rem; 4078 } 4079 4080 .title.is-6 { 4081 font-size: 1rem; 4082 } 4083 4084 .title.is-7 { 4085 font-size: 0.75rem; 4086 } 4087 4088 .subtitle { 4089 color: #4a4a4a; 4090 font-size: 1.25rem; 4091 font-weight: 400; 4092 line-height: 1.25; 4093 } 4094 4095 .subtitle strong { 4096 color: #363636; 4097 font-weight: 600; 4098 } 4099 4100 .subtitle:not(.is-spaced) + .title { 4101 margin-top: -1.25rem; 4102 } 4103 4104 .subtitle.is-1 { 4105 font-size: 3rem; 4106 } 4107 4108 .subtitle.is-2 { 4109 font-size: 2.5rem; 4110 } 4111 4112 .subtitle.is-3 { 4113 font-size: 2rem; 4114 } 4115 4116 .subtitle.is-4 { 4117 font-size: 1.5rem; 4118 } 4119 4120 .subtitle.is-5 { 4121 font-size: 1.25rem; 4122 } 4123 4124 .subtitle.is-6 { 4125 font-size: 1rem; 4126 } 4127 4128 .subtitle.is-7 { 4129 font-size: 0.75rem; 4130 } 4131 4132 .heading { 4133 display: block; 4134 font-size: 11px; 4135 letter-spacing: 1px; 4136 margin-bottom: 5px; 4137 text-transform: uppercase; 4138 } 4139 4140 .highlight { 4141 font-weight: 400; 4142 max-width: 100%; 4143 overflow: hidden; 4144 padding: 0; 4145 } 4146 4147 .highlight pre { 4148 overflow: auto; 4149 max-width: 100%; 4150 } 4151 4152 .number { 4153 align-items: center; 4154 background-color: whitesmoke; 4155 border-radius: 290486px; 4156 display: inline-flex; 4157 font-size: 1.25rem; 4158 height: 2em; 4159 justify-content: center; 4160 margin-right: 1.5rem; 4161 min-width: 2.5em; 4162 padding: 0.25rem 0.5rem; 4163 text-align: center; 4164 vertical-align: top; 4165 } 4166 4167 .input, .textarea, .select select { 4168 background-color: white; 4169 border-color: #dbdbdb; 4170 border-radius: 4px; 4171 color: #363636; 4172 } 4173 4174 .input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder { 4175 color: rgba(54, 54, 54, 0.3); 4176 } 4177 4178 .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder { 4179 color: rgba(54, 54, 54, 0.3); 4180 } 4181 4182 .input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder { 4183 color: rgba(54, 54, 54, 0.3); 4184 } 4185 4186 .input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder { 4187 color: rgba(54, 54, 54, 0.3); 4188 } 4189 4190 .input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered { 4191 border-color: #b5b5b5; 4192 } 4193 4194 .input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active { 4195 border-color: #3273dc; 4196 box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); 4197 } 4198 4199 .input[disabled], .textarea[disabled], .select select[disabled], 4200 fieldset[disabled] .input, 4201 fieldset[disabled] .textarea, 4202 fieldset[disabled] .select select, 4203 .select fieldset[disabled] select { 4204 background-color: whitesmoke; 4205 border-color: whitesmoke; 4206 box-shadow: none; 4207 color: #7a7a7a; 4208 } 4209 4210 .input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder, 4211 fieldset[disabled] .input::-moz-placeholder, 4212 fieldset[disabled] .textarea::-moz-placeholder, 4213 fieldset[disabled] .select select::-moz-placeholder, 4214 .select fieldset[disabled] select::-moz-placeholder { 4215 color: rgba(122, 122, 122, 0.3); 4216 } 4217 4218 .input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, 4219 fieldset[disabled] .input::-webkit-input-placeholder, 4220 fieldset[disabled] .textarea::-webkit-input-placeholder, 4221 fieldset[disabled] .select select::-webkit-input-placeholder, 4222 .select fieldset[disabled] select::-webkit-input-placeholder { 4223 color: rgba(122, 122, 122, 0.3); 4224 } 4225 4226 .input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder, 4227 fieldset[disabled] .input:-moz-placeholder, 4228 fieldset[disabled] .textarea:-moz-placeholder, 4229 fieldset[disabled] .select select:-moz-placeholder, 4230 .select fieldset[disabled] select:-moz-placeholder { 4231 color: rgba(122, 122, 122, 0.3); 4232 } 4233 4234 .input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, 4235 fieldset[disabled] .input:-ms-input-placeholder, 4236 fieldset[disabled] .textarea:-ms-input-placeholder, 4237 fieldset[disabled] .select select:-ms-input-placeholder, 4238 .select fieldset[disabled] select:-ms-input-placeholder { 4239 color: rgba(122, 122, 122, 0.3); 4240 } 4241 4242 .input, .textarea { 4243 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); 4244 max-width: 100%; 4245 width: 100%; 4246 } 4247 4248 .input[readonly], .textarea[readonly] { 4249 box-shadow: none; 4250 } 4251 4252 .is-white.input, .is-white.textarea { 4253 border-color: white; 4254 } 4255 4256 .is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea { 4257 box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); 4258 } 4259 4260 .is-black.input, .is-black.textarea { 4261 border-color: #0a0a0a; 4262 } 4263 4264 .is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea { 4265 box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); 4266 } 4267 4268 .is-light.input, .is-light.textarea { 4269 border-color: whitesmoke; 4270 } 4271 4272 .is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea { 4273 box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); 4274 } 4275 4276 .is-dark.input, .is-dark.textarea { 4277 border-color: #363636; 4278 } 4279 4280 .is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea { 4281 box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); 4282 } 4283 4284 .is-primary.input, .is-primary.textarea { 4285 border-color: #00d1b2; 4286 } 4287 4288 .is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea { 4289 box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); 4290 } 4291 4292 .is-link.input, .is-link.textarea { 4293 border-color: #3273dc; 4294 } 4295 4296 .is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea { 4297 box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); 4298 } 4299 4300 .is-info.input, .is-info.textarea { 4301 border-color: #209cee; 4302 } 4303 4304 .is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea { 4305 box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); 4306 } 4307 4308 .is-success.input, .is-success.textarea { 4309 border-color: #23d160; 4310 } 4311 4312 .is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea { 4313 box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); 4314 } 4315 4316 .is-warning.input, .is-warning.textarea { 4317 border-color: #ffdd57; 4318 } 4319 4320 .is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea { 4321 box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); 4322 } 4323 4324 .is-danger.input, .is-danger.textarea { 4325 border-color: #ff3860; 4326 } 4327 4328 .is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea { 4329 box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); 4330 } 4331 4332 .is-small.input, .is-small.textarea { 4333 border-radius: 2px; 4334 font-size: 0.75rem; 4335 } 4336 4337 .is-medium.input, .is-medium.textarea { 4338 font-size: 1.25rem; 4339 } 4340 4341 .is-large.input, .is-large.textarea { 4342 font-size: 1.5rem; 4343 } 4344 4345 .is-fullwidth.input, .is-fullwidth.textarea { 4346 display: block; 4347 width: 100%; 4348 } 4349 4350 .is-inline.input, .is-inline.textarea { 4351 display: inline; 4352 width: auto; 4353 } 4354 4355 .input.is-rounded { 4356 border-radius: 290486px; 4357 padding-left: 1em; 4358 padding-right: 1em; 4359 } 4360 4361 .input.is-static { 4362 background-color: transparent; 4363 border-color: transparent; 4364 box-shadow: none; 4365 padding-left: 0; 4366 padding-right: 0; 4367 } 4368 4369 .textarea { 4370 display: block; 4371 max-width: 100%; 4372 min-width: 100%; 4373 padding: 0.625em; 4374 resize: vertical; 4375 } 4376 4377 .textarea:not([rows]) { 4378 max-height: 600px; 4379 min-height: 120px; 4380 } 4381 4382 .textarea[rows] { 4383 height: initial; 4384 } 4385 4386 .textarea.has-fixed-size { 4387 resize: none; 4388 } 4389 4390 .checkbox, .radio { 4391 cursor: pointer; 4392 display: inline-block; 4393 line-height: 1.25; 4394 position: relative; 4395 } 4396 4397 .checkbox input, .radio input { 4398 cursor: pointer; 4399 } 4400 4401 .checkbox:hover, .radio:hover { 4402 color: #363636; 4403 } 4404 4405 .checkbox[disabled], .radio[disabled], 4406 fieldset[disabled] .checkbox, 4407 fieldset[disabled] .radio { 4408 color: #7a7a7a; 4409 cursor: not-allowed; 4410 } 4411 4412 .radio + .radio { 4413 margin-left: 0.5em; 4414 } 4415 4416 .select { 4417 display: inline-block; 4418 max-width: 100%; 4419 position: relative; 4420 vertical-align: top; 4421 } 4422 4423 .select:not(.is-multiple) { 4424 height: 2.25em; 4425 } 4426 4427 .select:not(.is-multiple):not(.is-loading)::after { 4428 border-color: #3273dc; 4429 right: 1.125em; 4430 z-index: 4; 4431 } 4432 4433 .select.is-rounded select { 4434 border-radius: 290486px; 4435 padding-left: 1em; 4436 } 4437 4438 .select select { 4439 cursor: pointer; 4440 display: block; 4441 font-size: 1em; 4442 max-width: 100%; 4443 outline: none; 4444 } 4445 4446 .select select::-ms-expand { 4447 display: none; 4448 } 4449 4450 .select select[disabled]:hover, 4451 fieldset[disabled] .select select:hover { 4452 border-color: whitesmoke; 4453 } 4454 4455 .select select:not([multiple]) { 4456 padding-right: 2.5em; 4457 } 4458 4459 .select select[multiple] { 4460 height: auto; 4461 padding: 0; 4462 } 4463 4464 .select select[multiple] option { 4465 padding: 0.5em 1em; 4466 } 4467 4468 .select:not(.is-multiple):not(.is-loading):hover::after { 4469 border-color: #363636; 4470 } 4471 4472 .select.is-white:not(:hover)::after { 4473 border-color: white; 4474 } 4475 4476 .select.is-white select { 4477 border-color: white; 4478 } 4479 4480 .select.is-white select:hover, .select.is-white select.is-hovered { 4481 border-color: #f2f2f2; 4482 } 4483 4484 .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { 4485 box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); 4486 } 4487 4488 .select.is-black:not(:hover)::after { 4489 border-color: #0a0a0a; 4490 } 4491 4492 .select.is-black select { 4493 border-color: #0a0a0a; 4494 } 4495 4496 .select.is-black select:hover, .select.is-black select.is-hovered { 4497 border-color: black; 4498 } 4499 4500 .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { 4501 box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); 4502 } 4503 4504 .select.is-light:not(:hover)::after { 4505 border-color: whitesmoke; 4506 } 4507 4508 .select.is-light select { 4509 border-color: whitesmoke; 4510 } 4511 4512 .select.is-light select:hover, .select.is-light select.is-hovered { 4513 border-color: #e8e8e8; 4514 } 4515 4516 .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { 4517 box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); 4518 } 4519 4520 .select.is-dark:not(:hover)::after { 4521 border-color: #363636; 4522 } 4523 4524 .select.is-dark select { 4525 border-color: #363636; 4526 } 4527 4528 .select.is-dark select:hover, .select.is-dark select.is-hovered { 4529 border-color: #292929; 4530 } 4531 4532 .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { 4533 box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); 4534 } 4535 4536 .select.is-primary:not(:hover)::after { 4537 border-color: #00d1b2; 4538 } 4539 4540 .select.is-primary select { 4541 border-color: #00d1b2; 4542 } 4543 4544 .select.is-primary select:hover, .select.is-primary select.is-hovered { 4545 border-color: #00b89c; 4546 } 4547 4548 .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { 4549 box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); 4550 } 4551 4552 .select.is-link:not(:hover)::after { 4553 border-color: #3273dc; 4554 } 4555 4556 .select.is-link select { 4557 border-color: #3273dc; 4558 } 4559 4560 .select.is-link select:hover, .select.is-link select.is-hovered { 4561 border-color: #2366d1; 4562 } 4563 4564 .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { 4565 box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); 4566 } 4567 4568 .select.is-info:not(:hover)::after { 4569 border-color: #209cee; 4570 } 4571 4572 .select.is-info select { 4573 border-color: #209cee; 4574 } 4575 4576 .select.is-info select:hover, .select.is-info select.is-hovered { 4577 border-color: #118fe4; 4578 } 4579 4580 .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { 4581 box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); 4582 } 4583 4584 .select.is-success:not(:hover)::after { 4585 border-color: #23d160; 4586 } 4587 4588 .select.is-success select { 4589 border-color: #23d160; 4590 } 4591 4592 .select.is-success select:hover, .select.is-success select.is-hovered { 4593 border-color: #20bc56; 4594 } 4595 4596 .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { 4597 box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); 4598 } 4599 4600 .select.is-warning:not(:hover)::after { 4601 border-color: #ffdd57; 4602 } 4603 4604 .select.is-warning select { 4605 border-color: #ffdd57; 4606 } 4607 4608 .select.is-warning select:hover, .select.is-warning select.is-hovered { 4609 border-color: #ffd83d; 4610 } 4611 4612 .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { 4613 box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); 4614 } 4615 4616 .select.is-danger:not(:hover)::after { 4617 border-color: #ff3860; 4618 } 4619 4620 .select.is-danger select { 4621 border-color: #ff3860; 4622 } 4623 4624 .select.is-danger select:hover, .select.is-danger select.is-hovered { 4625 border-color: #ff1f4b; 4626 } 4627 4628 .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { 4629 box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); 4630 } 4631 4632 .select.is-small { 4633 border-radius: 2px; 4634 font-size: 0.75rem; 4635 } 4636 4637 .select.is-medium { 4638 font-size: 1.25rem; 4639 } 4640 4641 .select.is-large { 4642 font-size: 1.5rem; 4643 } 4644 4645 .select.is-disabled::after { 4646 border-color: #7a7a7a; 4647 } 4648 4649 .select.is-fullwidth { 4650 width: 100%; 4651 } 4652 4653 .select.is-fullwidth select { 4654 width: 100%; 4655 } 4656 4657 .select.is-loading::after { 4658 margin-top: 0; 4659 position: absolute; 4660 right: 0.625em; 4661 top: 0.625em; 4662 -webkit-transform: none; 4663 transform: none; 4664 } 4665 4666 .select.is-loading.is-small:after { 4667 font-size: 0.75rem; 4668 } 4669 4670 .select.is-loading.is-medium:after { 4671 font-size: 1.25rem; 4672 } 4673 4674 .select.is-loading.is-large:after { 4675 font-size: 1.5rem; 4676 } 4677 4678 .file { 4679 align-items: stretch; 4680 display: flex; 4681 justify-content: flex-start; 4682 position: relative; 4683 } 4684 4685 .file.is-white .file-cta { 4686 background-color: white; 4687 border-color: transparent; 4688 color: #0a0a0a; 4689 } 4690 4691 .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { 4692 background-color: #f9f9f9; 4693 border-color: transparent; 4694 color: #0a0a0a; 4695 } 4696 4697 .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { 4698 border-color: transparent; 4699 box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); 4700 color: #0a0a0a; 4701 } 4702 4703 .file.is-white:active .file-cta, .file.is-white.is-active .file-cta { 4704 background-color: #f2f2f2; 4705 border-color: transparent; 4706 color: #0a0a0a; 4707 } 4708 4709 .file.is-black .file-cta { 4710 background-color: #0a0a0a; 4711 border-color: transparent; 4712 color: white; 4713 } 4714 4715 .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { 4716 background-color: #040404; 4717 border-color: transparent; 4718 color: white; 4719 } 4720 4721 .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { 4722 border-color: transparent; 4723 box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); 4724 color: white; 4725 } 4726 4727 .file.is-black:active .file-cta, .file.is-black.is-active .file-cta { 4728 background-color: black; 4729 border-color: transparent; 4730 color: white; 4731 } 4732 4733 .file.is-light .file-cta { 4734 background-color: whitesmoke; 4735 border-color: transparent; 4736 color: #363636; 4737 } 4738 4739 .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { 4740 background-color: #eeeeee; 4741 border-color: transparent; 4742 color: #363636; 4743 } 4744 4745 .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { 4746 border-color: transparent; 4747 box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); 4748 color: #363636; 4749 } 4750 4751 .file.is-light:active .file-cta, .file.is-light.is-active .file-cta { 4752 background-color: #e8e8e8; 4753 border-color: transparent; 4754 color: #363636; 4755 } 4756 4757 .file.is-dark .file-cta { 4758 background-color: #363636; 4759 border-color: transparent; 4760 color: whitesmoke; 4761 } 4762 4763 .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { 4764 background-color: #2f2f2f; 4765 border-color: transparent; 4766 color: whitesmoke; 4767 } 4768 4769 .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { 4770 border-color: transparent; 4771 box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); 4772 color: whitesmoke; 4773 } 4774 4775 .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { 4776 background-color: #292929; 4777 border-color: transparent; 4778 color: whitesmoke; 4779 } 4780 4781 .file.is-primary .file-cta { 4782 background-color: #00d1b2; 4783 border-color: transparent; 4784 color: #fff; 4785 } 4786 4787 .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { 4788 background-color: #00c4a7; 4789 border-color: transparent; 4790 color: #fff; 4791 } 4792 4793 .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { 4794 border-color: transparent; 4795 box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); 4796 color: #fff; 4797 } 4798 4799 .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { 4800 background-color: #00b89c; 4801 border-color: transparent; 4802 color: #fff; 4803 } 4804 4805 .file.is-link .file-cta { 4806 background-color: #3273dc; 4807 border-color: transparent; 4808 color: #fff; 4809 } 4810 4811 .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { 4812 background-color: #276cda; 4813 border-color: transparent; 4814 color: #fff; 4815 } 4816 4817 .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { 4818 border-color: transparent; 4819 box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); 4820 color: #fff; 4821 } 4822 4823 .file.is-link:active .file-cta, .file.is-link.is-active .file-cta { 4824 background-color: #2366d1; 4825 border-color: transparent; 4826 color: #fff; 4827 } 4828 4829 .file.is-info .file-cta { 4830 background-color: #209cee; 4831 border-color: transparent; 4832 color: #fff; 4833 } 4834 4835 .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { 4836 background-color: #1496ed; 4837 border-color: transparent; 4838 color: #fff; 4839 } 4840 4841 .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { 4842 border-color: transparent; 4843 box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); 4844 color: #fff; 4845 } 4846 4847 .file.is-info:active .file-cta, .file.is-info.is-active .file-cta { 4848 background-color: #118fe4; 4849 border-color: transparent; 4850 color: #fff; 4851 } 4852 4853 .file.is-success .file-cta { 4854 background-color: #23d160; 4855 border-color: transparent; 4856 color: #fff; 4857 } 4858 4859 .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { 4860 background-color: #22c65b; 4861 border-color: transparent; 4862 color: #fff; 4863 } 4864 4865 .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { 4866 border-color: transparent; 4867 box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); 4868 color: #fff; 4869 } 4870 4871 .file.is-success:active .file-cta, .file.is-success.is-active .file-cta { 4872 background-color: #20bc56; 4873 border-color: transparent; 4874 color: #fff; 4875 } 4876 4877 .file.is-warning .file-cta { 4878 background-color: #ffdd57; 4879 border-color: transparent; 4880 color: rgba(0, 0, 0, 0.7); 4881 } 4882 4883 .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { 4884 background-color: #ffdb4a; 4885 border-color: transparent; 4886 color: rgba(0, 0, 0, 0.7); 4887 } 4888 4889 .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { 4890 border-color: transparent; 4891 box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); 4892 color: rgba(0, 0, 0, 0.7); 4893 } 4894 4895 .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { 4896 background-color: #ffd83d; 4897 border-color: transparent; 4898 color: rgba(0, 0, 0, 0.7); 4899 } 4900 4901 .file.is-danger .file-cta { 4902 background-color: #ff3860; 4903 border-color: transparent; 4904 color: #fff; 4905 } 4906 4907 .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { 4908 background-color: #ff2b56; 4909 border-color: transparent; 4910 color: #fff; 4911 } 4912 4913 .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { 4914 border-color: transparent; 4915 box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); 4916 color: #fff; 4917 } 4918 4919 .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { 4920 background-color: #ff1f4b; 4921 border-color: transparent; 4922 color: #fff; 4923 } 4924 4925 .file.is-small { 4926 font-size: 0.75rem; 4927 } 4928 4929 .file.is-medium { 4930 font-size: 1.25rem; 4931 } 4932 4933 .file.is-medium .file-icon .fa { 4934 font-size: 21px; 4935 } 4936 4937 .file.is-large { 4938 font-size: 1.5rem; 4939 } 4940 4941 .file.is-large .file-icon .fa { 4942 font-size: 28px; 4943 } 4944 4945 .file.has-name .file-cta { 4946 border-bottom-right-radius: 0; 4947 border-top-right-radius: 0; 4948 } 4949 4950 .file.has-name .file-name { 4951 border-bottom-left-radius: 0; 4952 border-top-left-radius: 0; 4953 } 4954 4955 .file.has-name.is-empty .file-cta { 4956 border-radius: 4px; 4957 } 4958 4959 .file.has-name.is-empty .file-name { 4960 display: none; 4961 } 4962 4963 .file.is-boxed .file-label { 4964 flex-direction: column; 4965 } 4966 4967 .file.is-boxed .file-cta { 4968 flex-direction: column; 4969 height: auto; 4970 padding: 1em 3em; 4971 } 4972 4973 .file.is-boxed .file-name { 4974 border-width: 0 1px 1px; 4975 } 4976 4977 .file.is-boxed .file-icon { 4978 height: 1.5em; 4979 width: 1.5em; 4980 } 4981 4982 .file.is-boxed .file-icon .fa { 4983 font-size: 21px; 4984 } 4985 4986 .file.is-boxed.is-small .file-icon .fa { 4987 font-size: 14px; 4988 } 4989 4990 .file.is-boxed.is-medium .file-icon .fa { 4991 font-size: 28px; 4992 } 4993 4994 .file.is-boxed.is-large .file-icon .fa { 4995 font-size: 35px; 4996 } 4997 4998 .file.is-boxed.has-name .file-cta { 4999 border-radius: 4px 4px 0 0; 5000 } 5001 5002 .file.is-boxed.has-name .file-name { 5003 border-radius: 0 0 4px 4px; 5004 border-width: 0 1px 1px; 5005 } 5006 5007 .file.is-centered { 5008 justify-content: center; 5009 } 5010 5011 .file.is-fullwidth .file-label { 5012 width: 100%; 5013 } 5014 5015 .file.is-fullwidth .file-name { 5016 flex-grow: 1; 5017 max-width: none; 5018 } 5019 5020 .file.is-right { 5021 justify-content: flex-end; 5022 } 5023 5024 .file.is-right .file-cta { 5025 border-radius: 0 4px 4px 0; 5026 } 5027 5028 .file.is-right .file-name { 5029 border-radius: 4px 0 0 4px; 5030 border-width: 1px 0 1px 1px; 5031 order: -1; 5032 } 5033 5034 .file-label { 5035 align-items: stretch; 5036 display: flex; 5037 cursor: pointer; 5038 justify-content: flex-start; 5039 overflow: hidden; 5040 position: relative; 5041 } 5042 5043 .file-label:hover .file-cta { 5044 background-color: #eeeeee; 5045 color: #363636; 5046 } 5047 5048 .file-label:hover .file-name { 5049 border-color: #d5d5d5; 5050 } 5051 5052 .file-label:active .file-cta { 5053 background-color: #e8e8e8; 5054 color: #363636; 5055 } 5056 5057 .file-label:active .file-name { 5058 border-color: #cfcfcf; 5059 } 5060 5061 .file-input { 5062 height: 100%; 5063 left: 0; 5064 opacity: 0; 5065 outline: none; 5066 position: absolute; 5067 top: 0; 5068 width: 100%; 5069 } 5070 5071 .file-cta, 5072 .file-name { 5073 border-color: #dbdbdb; 5074 border-radius: 4px; 5075 font-size: 1em; 5076 padding-left: 1em; 5077 padding-right: 1em; 5078 white-space: nowrap; 5079 } 5080 5081 .file-cta { 5082 background-color: whitesmoke; 5083 color: #4a4a4a; 5084 } 5085 5086 .file-name { 5087 border-color: #dbdbdb; 5088 border-style: solid; 5089 border-width: 1px 1px 1px 0; 5090 display: block; 5091 max-width: 16em; 5092 overflow: hidden; 5093 text-align: left; 5094 text-overflow: ellipsis; 5095 } 5096 5097 .file-icon { 5098 align-items: center; 5099 display: flex; 5100 height: 1em; 5101 justify-content: center; 5102 margin-right: 0.5em; 5103 width: 1em; 5104 } 5105 5106 .file-icon .fa { 5107 font-size: 14px; 5108 } 5109 5110 .label { 5111 color: #363636; 5112 display: block; 5113 font-size: 1rem; 5114 font-weight: 700; 5115 } 5116 5117 .label:not(:last-child) { 5118 margin-bottom: 0.5em; 5119 } 5120 5121 .label.is-small { 5122 font-size: 0.75rem; 5123 } 5124 5125 .label.is-medium { 5126 font-size: 1.25rem; 5127 } 5128 5129 .label.is-large { 5130 font-size: 1.5rem; 5131 } 5132 5133 .help { 5134 display: block; 5135 font-size: 0.75rem; 5136 margin-top: 0.25rem; 5137 } 5138 5139 .help.is-white { 5140 color: white; 5141 } 5142 5143 .help.is-black { 5144 color: #0a0a0a; 5145 } 5146 5147 .help.is-light { 5148 color: whitesmoke; 5149 } 5150 5151 .help.is-dark { 5152 color: #363636; 5153 } 5154 5155 .help.is-primary { 5156 color: #00d1b2; 5157 } 5158 5159 .help.is-link { 5160 color: #3273dc; 5161 } 5162 5163 .help.is-info { 5164 color: #209cee; 5165 } 5166 5167 .help.is-success { 5168 color: #23d160; 5169 } 5170 5171 .help.is-warning { 5172 color: #ffdd57; 5173 } 5174 5175 .help.is-danger { 5176 color: #ff3860; 5177 } 5178 5179 .field:not(:last-child) { 5180 margin-bottom: 0.75rem; 5181 } 5182 5183 .field.has-addons { 5184 display: flex; 5185 justify-content: flex-start; 5186 } 5187 5188 .field.has-addons .control:not(:last-child) { 5189 margin-right: -1px; 5190 } 5191 5192 .field.has-addons .control:not(:first-child):not(:last-child) .button, 5193 .field.has-addons .control:not(:first-child):not(:last-child) .input, 5194 .field.has-addons .control:not(:first-child):not(:last-child) .select select { 5195 border-radius: 0; 5196 } 5197 5198 .field.has-addons .control:first-child:not(:only-child) .button, 5199 .field.has-addons .control:first-child:not(:only-child) .input, 5200 .field.has-addons .control:first-child:not(:only-child) .select select { 5201 border-bottom-right-radius: 0; 5202 border-top-right-radius: 0; 5203 } 5204 5205 .field.has-addons .control:last-child:not(:only-child) .button, 5206 .field.has-addons .control:last-child:not(:only-child) .input, 5207 .field.has-addons .control:last-child:not(:only-child) .select select { 5208 border-bottom-left-radius: 0; 5209 border-top-left-radius: 0; 5210 } 5211 5212 .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, 5213 .field.has-addons .control .input:not([disabled]):hover, 5214 .field.has-addons .control .input:not([disabled]).is-hovered, 5215 .field.has-addons .control .select select:not([disabled]):hover, 5216 .field.has-addons .control .select select:not([disabled]).is-hovered { 5217 z-index: 2; 5218 } 5219 5220 .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, 5221 .field.has-addons .control .input:not([disabled]):focus, 5222 .field.has-addons .control .input:not([disabled]).is-focused, 5223 .field.has-addons .control .input:not([disabled]):active, 5224 .field.has-addons .control .input:not([disabled]).is-active, 5225 .field.has-addons .control .select select:not([disabled]):focus, 5226 .field.has-addons .control .select select:not([disabled]).is-focused, 5227 .field.has-addons .control .select select:not([disabled]):active, 5228 .field.has-addons .control .select select:not([disabled]).is-active { 5229 z-index: 3; 5230 } 5231 5232 .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover, 5233 .field.has-addons .control .input:not([disabled]):focus:hover, 5234 .field.has-addons .control .input:not([disabled]).is-focused:hover, 5235 .field.has-addons .control .input:not([disabled]):active:hover, 5236 .field.has-addons .control .input:not([disabled]).is-active:hover, 5237 .field.has-addons .control .select select:not([disabled]):focus:hover, 5238 .field.has-addons .control .select select:not([disabled]).is-focused:hover, 5239 .field.has-addons .control .select select:not([disabled]):active:hover, 5240 .field.has-addons .control .select select:not([disabled]).is-active:hover { 5241 z-index: 4; 5242 } 5243 5244 .field.has-addons .control.is-expanded { 5245 flex-grow: 1; 5246 flex-shrink: 1; 5247 } 5248 5249 .field.has-addons.has-addons-centered { 5250 justify-content: center; 5251 } 5252 5253 .field.has-addons.has-addons-right { 5254 justify-content: flex-end; 5255 } 5256 5257 .field.has-addons.has-addons-fullwidth .control { 5258 flex-grow: 1; 5259 flex-shrink: 0; 5260 } 5261 5262 .field.is-grouped { 5263 display: flex; 5264 justify-content: flex-start; 5265 } 5266 5267 .field.is-grouped > .control { 5268 flex-shrink: 0; 5269 } 5270 5271 .field.is-grouped > .control:not(:last-child) { 5272 margin-bottom: 0; 5273 margin-right: 0.75rem; 5274 } 5275 5276 .field.is-grouped > .control.is-expanded { 5277 flex-grow: 1; 5278 flex-shrink: 1; 5279 } 5280 5281 .field.is-grouped.is-grouped-centered { 5282 justify-content: center; 5283 } 5284 5285 .field.is-grouped.is-grouped-right { 5286 justify-content: flex-end; 5287 } 5288 5289 .field.is-grouped.is-grouped-multiline { 5290 flex-wrap: wrap; 5291 } 5292 5293 .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { 5294 margin-bottom: 0.75rem; 5295 } 5296 5297 .field.is-grouped.is-grouped-multiline:last-child { 5298 margin-bottom: -0.75rem; 5299 } 5300 5301 .field.is-grouped.is-grouped-multiline:not(:last-child) { 5302 margin-bottom: 0; 5303 } 5304 5305 @media screen and (min-width: 769px), print { 5306 .field.is-horizontal { 5307 display: flex; 5308 } 5309 } 5310 5311 .field-label .label { 5312 font-size: inherit; 5313 } 5314 5315 @media screen and (max-width: 768px) { 5316 .field-label { 5317 margin-bottom: 0.5rem; 5318 } 5319 } 5320 5321 @media screen and (min-width: 769px), print { 5322 .field-label { 5323 flex-basis: 0; 5324 flex-grow: 1; 5325 flex-shrink: 0; 5326 margin-right: 1.5rem; 5327 text-align: right; 5328 } 5329 .field-label.is-small { 5330 font-size: 0.75rem; 5331 padding-top: 0.375em; 5332 } 5333 .field-label.is-normal { 5334 padding-top: 0.375em; 5335 } 5336 .field-label.is-medium { 5337 font-size: 1.25rem; 5338 padding-top: 0.375em; 5339 } 5340 .field-label.is-large { 5341 font-size: 1.5rem; 5342 padding-top: 0.375em; 5343 } 5344 } 5345 5346 .field-body .field .field { 5347 margin-bottom: 0; 5348 } 5349 5350 @media screen and (min-width: 769px), print { 5351 .field-body { 5352 display: flex; 5353 flex-basis: 0; 5354 flex-grow: 5; 5355 flex-shrink: 1; 5356 } 5357 .field-body .field { 5358 margin-bottom: 0; 5359 } 5360 .field-body > .field { 5361 flex-shrink: 1; 5362 } 5363 .field-body > .field:not(.is-narrow) { 5364 flex-grow: 1; 5365 } 5366 .field-body > .field:not(:last-child) { 5367 margin-right: 0.75rem; 5368 } 5369 } 5370 5371 .control { 5372 box-sizing: border-box; 5373 clear: both; 5374 font-size: 1rem; 5375 position: relative; 5376 text-align: left; 5377 } 5378 5379 .control.has-icons-left .input:focus ~ .icon, 5380 .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, 5381 .control.has-icons-right .select:focus ~ .icon { 5382 color: #7a7a7a; 5383 } 5384 5385 .control.has-icons-left .input.is-small ~ .icon, 5386 .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, 5387 .control.has-icons-right .select.is-small ~ .icon { 5388 font-size: 0.75rem; 5389 } 5390 5391 .control.has-icons-left .input.is-medium ~ .icon, 5392 .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, 5393 .control.has-icons-right .select.is-medium ~ .icon { 5394 font-size: 1.25rem; 5395 } 5396 5397 .control.has-icons-left .input.is-large ~ .icon, 5398 .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, 5399 .control.has-icons-right .select.is-large ~ .icon { 5400 font-size: 1.5rem; 5401 } 5402 5403 .control.has-icons-left .icon, .control.has-icons-right .icon { 5404 color: #dbdbdb; 5405 height: 2.25em; 5406 pointer-events: none; 5407 position: absolute; 5408 top: 0; 5409 width: 2.25em; 5410 z-index: 4; 5411 } 5412 5413 .control.has-icons-left .input, 5414 .control.has-icons-left .select select { 5415 padding-left: 2.25em; 5416 } 5417 5418 .control.has-icons-left .icon.is-left { 5419 left: 0; 5420 } 5421 5422 .control.has-icons-right .input, 5423 .control.has-icons-right .select select { 5424 padding-right: 2.25em; 5425 } 5426 5427 .control.has-icons-right .icon.is-right { 5428 right: 0; 5429 } 5430 5431 .control.is-loading::after { 5432 position: absolute !important; 5433 right: 0.625em; 5434 top: 0.625em; 5435 z-index: 4; 5436 } 5437 5438 .control.is-loading.is-small:after { 5439 font-size: 0.75rem; 5440 } 5441 5442 .control.is-loading.is-medium:after { 5443 font-size: 1.25rem; 5444 } 5445 5446 .control.is-loading.is-large:after { 5447 font-size: 1.5rem; 5448 } 5449 5450 .breadcrumb { 5451 font-size: 1rem; 5452 white-space: nowrap; 5453 } 5454 5455 .breadcrumb a { 5456 align-items: center; 5457 color: #3273dc; 5458 display: flex; 5459 justify-content: center; 5460 padding: 0 0.75em; 5461 } 5462 5463 .breadcrumb a:hover { 5464 color: #363636; 5465 } 5466 5467 .breadcrumb li { 5468 align-items: center; 5469 display: flex; 5470 } 5471 5472 .breadcrumb li:first-child a { 5473 padding-left: 0; 5474 } 5475 5476 .breadcrumb li.is-active a { 5477 color: #363636; 5478 cursor: default; 5479 pointer-events: none; 5480 } 5481 5482 .breadcrumb li + li::before { 5483 color: #b5b5b5; 5484 content: "\0002f"; 5485 } 5486 5487 .breadcrumb ul, 5488 .breadcrumb ol { 5489 align-items: flex-start; 5490 display: flex; 5491 flex-wrap: wrap; 5492 justify-content: flex-start; 5493 } 5494 5495 .breadcrumb .icon:first-child { 5496 margin-right: 0.5em; 5497 } 5498 5499 .breadcrumb .icon:last-child { 5500 margin-left: 0.5em; 5501 } 5502 5503 .breadcrumb.is-centered ol, 5504 .breadcrumb.is-centered ul { 5505 justify-content: center; 5506 } 5507 5508 .breadcrumb.is-right ol, 5509 .breadcrumb.is-right ul { 5510 justify-content: flex-end; 5511 } 5512 5513 .breadcrumb.is-small { 5514 font-size: 0.75rem; 5515 } 5516 5517 .breadcrumb.is-medium { 5518 font-size: 1.25rem; 5519 } 5520 5521 .breadcrumb.is-large { 5522 font-size: 1.5rem; 5523 } 5524 5525 .breadcrumb.has-arrow-separator li + li::before { 5526 content: "\02192"; 5527 } 5528 5529 .breadcrumb.has-bullet-separator li + li::before { 5530 content: "\02022"; 5531 } 5532 5533 .breadcrumb.has-dot-separator li + li::before { 5534 content: "\000b7"; 5535 } 5536 5537 .breadcrumb.has-succeeds-separator li + li::before { 5538 content: "\0227B"; 5539 } 5540 5541 .card { 5542 background-color: white; 5543 box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); 5544 color: #4a4a4a; 5545 max-width: 100%; 5546 position: relative; 5547 } 5548 5549 .card-header { 5550 background-color: transparent; 5551 align-items: stretch; 5552 box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); 5553 display: flex; 5554 } 5555 5556 .card-header-title { 5557 align-items: center; 5558 color: #363636; 5559 display: flex; 5560 flex-grow: 1; 5561 font-weight: 700; 5562 padding: 0.75rem; 5563 } 5564 5565 .card-header-title.is-centered { 5566 justify-content: center; 5567 } 5568 5569 .card-header-icon { 5570 align-items: center; 5571 cursor: pointer; 5572 display: flex; 5573 justify-content: center; 5574 padding: 0.75rem; 5575 } 5576 5577 .card-image { 5578 display: block; 5579 position: relative; 5580 } 5581 5582 .card-content { 5583 background-color: transparent; 5584 padding: 1.5rem; 5585 } 5586 5587 .card-footer { 5588 background-color: transparent; 5589 border-top: 1px solid #dbdbdb; 5590 align-items: stretch; 5591 display: flex; 5592 } 5593 5594 .card-footer-item { 5595 align-items: center; 5596 display: flex; 5597 flex-basis: 0; 5598 flex-grow: 1; 5599 flex-shrink: 0; 5600 justify-content: center; 5601 padding: 0.75rem; 5602 } 5603 5604 .card-footer-item:not(:last-child) { 5605 border-right: 1px solid #dbdbdb; 5606 } 5607 5608 .card .media:not(:last-child) { 5609 margin-bottom: 1.5rem; 5610 } 5611 5612 .dropdown { 5613 display: inline-flex; 5614 position: relative; 5615 vertical-align: top; 5616 } 5617 5618 .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { 5619 display: block; 5620 } 5621 5622 .dropdown.is-right .dropdown-menu { 5623 left: auto; 5624 right: 0; 5625 } 5626 5627 .dropdown.is-up .dropdown-menu { 5628 bottom: 100%; 5629 padding-bottom: 4px; 5630 padding-top: initial; 5631 top: auto; 5632 } 5633 5634 .dropdown-menu { 5635 display: none; 5636 left: 0; 5637 min-width: 12rem; 5638 padding-top: 4px; 5639 position: absolute; 5640 top: 100%; 5641 z-index: 20; 5642 } 5643 5644 .dropdown-content { 5645 background-color: white; 5646 border-radius: 4px; 5647 box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); 5648 padding-bottom: 0.5rem; 5649 padding-top: 0.5rem; 5650 } 5651 5652 .dropdown-item { 5653 color: #4a4a4a; 5654 display: block; 5655 font-size: 0.875rem; 5656 line-height: 1.5; 5657 padding: 0.375rem 1rem; 5658 position: relative; 5659 } 5660 5661 a.dropdown-item, 5662 button.dropdown-item { 5663 padding-right: 3rem; 5664 text-align: left; 5665 white-space: nowrap; 5666 width: 100%; 5667 } 5668 5669 a.dropdown-item:hover, 5670 button.dropdown-item:hover { 5671 background-color: whitesmoke; 5672 color: #0a0a0a; 5673 } 5674 5675 a.dropdown-item.is-active, 5676 button.dropdown-item.is-active { 5677 background-color: #3273dc; 5678 color: #fff; 5679 } 5680 5681 .dropdown-divider { 5682 background-color: #dbdbdb; 5683 border: none; 5684 display: block; 5685 height: 1px; 5686 margin: 0.5rem 0; 5687 } 5688 5689 .level { 5690 align-items: center; 5691 justify-content: space-between; 5692 } 5693 5694 .level code { 5695 border-radius: 4px; 5696 } 5697 5698 .level img { 5699 display: inline-block; 5700 vertical-align: top; 5701 } 5702 5703 .level.is-mobile { 5704 display: flex; 5705 } 5706 5707 .level.is-mobile .level-left, 5708 .level.is-mobile .level-right { 5709 display: flex; 5710 } 5711 5712 .level.is-mobile .level-left + .level-right { 5713 margin-top: 0; 5714 } 5715 5716 .level.is-mobile .level-item:not(:last-child) { 5717 margin-bottom: 0; 5718 margin-right: 0.75rem; 5719 } 5720 5721 .level.is-mobile .level-item:not(.is-narrow) { 5722 flex-grow: 1; 5723 } 5724 5725 @media screen and (min-width: 769px), print { 5726 .level { 5727 display: flex; 5728 } 5729 .level > .level-item:not(.is-narrow) { 5730 flex-grow: 1; 5731 } 5732 } 5733 5734 .level-item { 5735 align-items: center; 5736 display: flex; 5737 flex-basis: auto; 5738 flex-grow: 0; 5739 flex-shrink: 0; 5740 justify-content: center; 5741 } 5742 5743 .level-item .title, 5744 .level-item .subtitle { 5745 margin-bottom: 0; 5746 } 5747 5748 @media screen and (max-width: 768px) { 5749 .level-item:not(:last-child) { 5750 margin-bottom: 0.75rem; 5751 } 5752 } 5753 5754 .level-left, 5755 .level-right { 5756 flex-basis: auto; 5757 flex-grow: 0; 5758 flex-shrink: 0; 5759 } 5760 5761 .level-left .level-item.is-flexible, 5762 .level-right .level-item.is-flexible { 5763 flex-grow: 1; 5764 } 5765 5766 @media screen and (min-width: 769px), print { 5767 .level-left .level-item:not(:last-child), 5768 .level-right .level-item:not(:last-child) { 5769 margin-right: 0.75rem; 5770 } 5771 } 5772 5773 .level-left { 5774 align-items: center; 5775 justify-content: flex-start; 5776 } 5777 5778 @media screen and (max-width: 768px) { 5779 .level-left + .level-right { 5780 margin-top: 1.5rem; 5781 } 5782 } 5783 5784 @media screen and (min-width: 769px), print { 5785 .level-left { 5786 display: flex; 5787 } 5788 } 5789 5790 .level-right { 5791 align-items: center; 5792 justify-content: flex-end; 5793 } 5794 5795 @media screen and (min-width: 769px), print { 5796 .level-right { 5797 display: flex; 5798 } 5799 } 5800 5801 .list { 5802 background-color: white; 5803 border-radius: 4px; 5804 box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); 5805 } 5806 5807 .list-item { 5808 display: block; 5809 padding: 0.5em 1em; 5810 } 5811 5812 .list-item:not(a) { 5813 color: #4a4a4a; 5814 } 5815 5816 .list-item:first-child { 5817 border-top-left-radius: 4px; 5818 border-top-right-radius: 4px; 5819 } 5820 5821 .list-item:last-child { 5822 border-bottom-left-radius: 4px; 5823 border-bottom-right-radius: 4px; 5824 } 5825 5826 .list-item:not(:last-child) { 5827 border-bottom: 1px solid #dbdbdb; 5828 } 5829 5830 .list-item.is-active { 5831 background-color: #3273dc; 5832 color: #fff; 5833 } 5834 5835 a.list-item { 5836 background-color: whitesmoke; 5837 cursor: pointer; 5838 } 5839 5840 .media { 5841 align-items: flex-start; 5842 display: flex; 5843 text-align: left; 5844 } 5845 5846 .media .content:not(:last-child) { 5847 margin-bottom: 0.75rem; 5848 } 5849 5850 .media .media { 5851 border-top: 1px solid rgba(219, 219, 219, 0.5); 5852 display: flex; 5853 padding-top: 0.75rem; 5854 } 5855 5856 .media .media .content:not(:last-child), 5857 .media .media .control:not(:last-child) { 5858 margin-bottom: 0.5rem; 5859 } 5860 5861 .media .media .media { 5862 padding-top: 0.5rem; 5863 } 5864 5865 .media .media .media + .media { 5866 margin-top: 0.5rem; 5867 } 5868 5869 .media + .media { 5870 border-top: 1px solid rgba(219, 219, 219, 0.5); 5871 margin-top: 1rem; 5872 padding-top: 1rem; 5873 } 5874 5875 .media.is-large + .media { 5876 margin-top: 1.5rem; 5877 padding-top: 1.5rem; 5878 } 5879 5880 .media-left, 5881 .media-right { 5882 flex-basis: auto; 5883 flex-grow: 0; 5884 flex-shrink: 0; 5885 } 5886 5887 .media-left { 5888 margin-right: 1rem; 5889 } 5890 5891 .media-right { 5892 margin-left: 1rem; 5893 } 5894 5895 .media-content { 5896 flex-basis: auto; 5897 flex-grow: 1; 5898 flex-shrink: 1; 5899 text-align: left; 5900 } 5901 5902 @media screen and (max-width: 768px) { 5903 .media-content { 5904 overflow-x: auto; 5905 } 5906 } 5907 5908 .menu { 5909 font-size: 1rem; 5910 } 5911 5912 .menu.is-small { 5913 font-size: 0.75rem; 5914 } 5915 5916 .menu.is-medium { 5917 font-size: 1.25rem; 5918 } 5919 5920 .menu.is-large { 5921 font-size: 1.5rem; 5922 } 5923 5924 .menu-list { 5925 line-height: 1.25; 5926 } 5927 5928 .menu-list a { 5929 border-radius: 2px; 5930 color: #4a4a4a; 5931 display: block; 5932 padding: 0.5em 0.75em; 5933 } 5934 5935 .menu-list a:hover { 5936 background-color: whitesmoke; 5937 color: #363636; 5938 } 5939 5940 .menu-list a.is-active { 5941 background-color: #3273dc; 5942 color: #fff; 5943 } 5944 5945 .menu-list li ul { 5946 border-left: 1px solid #dbdbdb; 5947 margin: 0.75em; 5948 padding-left: 0.75em; 5949 } 5950 5951 .menu-label { 5952 color: #7a7a7a; 5953 font-size: 0.75em; 5954 letter-spacing: 0.1em; 5955 text-transform: uppercase; 5956 } 5957 5958 .menu-label:not(:first-child) { 5959 margin-top: 1em; 5960 } 5961 5962 .menu-label:not(:last-child) { 5963 margin-bottom: 1em; 5964 } 5965 5966 .message { 5967 background-color: whitesmoke; 5968 border-radius: 4px; 5969 font-size: 1rem; 5970 } 5971 5972 .message strong { 5973 color: currentColor; 5974 } 5975 5976 .message a:not(.button):not(.tag):not(.dropdown-item) { 5977 color: currentColor; 5978 text-decoration: underline; 5979 } 5980 5981 .message.is-small { 5982 font-size: 0.75rem; 5983 } 5984 5985 .message.is-medium { 5986 font-size: 1.25rem; 5987 } 5988 5989 .message.is-large { 5990 font-size: 1.5rem; 5991 } 5992 5993 .message.is-white { 5994 background-color: white; 5995 } 5996 5997 .message.is-white .message-header { 5998 background-color: white; 5999 color: #0a0a0a; 6000 } 6001 6002 .message.is-white .message-body { 6003 border-color: white; 6004 color: #4d4d4d; 6005 } 6006 6007 .message.is-black { 6008 background-color: #fafafa; 6009 } 6010 6011 .message.is-black .message-header { 6012 background-color: #0a0a0a; 6013 color: white; 6014 } 6015 6016 .message.is-black .message-body { 6017 border-color: #0a0a0a; 6018 color: #090909; 6019 } 6020 6021 .message.is-light { 6022 background-color: #fafafa; 6023 } 6024 6025 .message.is-light .message-header { 6026 background-color: whitesmoke; 6027 color: #363636; 6028 } 6029 6030 .message.is-light .message-body { 6031 border-color: whitesmoke; 6032 color: #505050; 6033 } 6034 6035 .message.is-dark { 6036 background-color: #fafafa; 6037 } 6038 6039 .message.is-dark .message-header { 6040 background-color: #363636; 6041 color: whitesmoke; 6042 } 6043 6044 .message.is-dark .message-body { 6045 border-color: #363636; 6046 color: #2a2a2a; 6047 } 6048 6049 .message.is-primary { 6050 background-color: #f5fffd; 6051 } 6052 6053 .message.is-primary .message-header { 6054 background-color: #00d1b2; 6055 color: #fff; 6056 } 6057 6058 .message.is-primary .message-body { 6059 border-color: #00d1b2; 6060 color: #021310; 6061 } 6062 6063 .message.is-link { 6064 background-color: #f6f9fe; 6065 } 6066 6067 .message.is-link .message-header { 6068 background-color: #3273dc; 6069 color: #fff; 6070 } 6071 6072 .message.is-link .message-body { 6073 border-color: #3273dc; 6074 color: #22509a; 6075 } 6076 6077 .message.is-info { 6078 background-color: #f6fbfe; 6079 } 6080 6081 .message.is-info .message-header { 6082 background-color: #209cee; 6083 color: #fff; 6084 } 6085 6086 .message.is-info .message-body { 6087 border-color: #209cee; 6088 color: #12537e; 6089 } 6090 6091 .message.is-success { 6092 background-color: #f6fef9; 6093 } 6094 6095 .message.is-success .message-header { 6096 background-color: #23d160; 6097 color: #fff; 6098 } 6099 6100 .message.is-success .message-body { 6101 border-color: #23d160; 6102 color: #0e301a; 6103 } 6104 6105 .message.is-warning { 6106 background-color: #fffdf5; 6107 } 6108 6109 .message.is-warning .message-header { 6110 background-color: #ffdd57; 6111 color: rgba(0, 0, 0, 0.7); 6112 } 6113 6114 .message.is-warning .message-body { 6115 border-color: #ffdd57; 6116 color: #3b3108; 6117 } 6118 6119 .message.is-danger { 6120 background-color: #fff5f7; 6121 } 6122 6123 .message.is-danger .message-header { 6124 background-color: #ff3860; 6125 color: #fff; 6126 } 6127 6128 .message.is-danger .message-body { 6129 border-color: #ff3860; 6130 color: #cd0930; 6131 } 6132 6133 .message-header { 6134 align-items: center; 6135 background-color: #4a4a4a; 6136 border-radius: 4px 4px 0 0; 6137 color: #fff; 6138 display: flex; 6139 font-weight: 700; 6140 justify-content: space-between; 6141 line-height: 1.25; 6142 padding: 0.75em 1em; 6143 position: relative; 6144 } 6145 6146 .message-header .delete { 6147 flex-grow: 0; 6148 flex-shrink: 0; 6149 margin-left: 0.75em; 6150 } 6151 6152 .message-header + .message-body { 6153 border-width: 0; 6154 border-top-left-radius: 0; 6155 border-top-right-radius: 0; 6156 } 6157 6158 .message-body { 6159 border-color: #dbdbdb; 6160 border-radius: 4px; 6161 border-style: solid; 6162 border-width: 0 0 0 4px; 6163 color: #4a4a4a; 6164 padding: 1.25em 1.5em; 6165 } 6166 6167 .message-body code, 6168 .message-body pre { 6169 background-color: white; 6170 } 6171 6172 .message-body pre code { 6173 background-color: transparent; 6174 } 6175 6176 .modal { 6177 align-items: center; 6178 display: none; 6179 flex-direction: column; 6180 justify-content: center; 6181 overflow: hidden; 6182 position: fixed; 6183 z-index: 40; 6184 } 6185 6186 .modal.is-active { 6187 display: flex; 6188 } 6189 6190 .modal-background { 6191 background-color: rgba(10, 10, 10, 0.86); 6192 } 6193 6194 .modal-content, 6195 .modal-card { 6196 margin: 0 20px; 6197 max-height: calc(100vh - 160px); 6198 overflow: auto; 6199 position: relative; 6200 width: 100%; 6201 } 6202 6203 @media screen and (min-width: 769px), print { 6204 .modal-content, 6205 .modal-card { 6206 margin: 0 auto; 6207 max-height: calc(100vh - 40px); 6208 width: 640px; 6209 } 6210 } 6211 6212 .modal-close { 6213 background: none; 6214 height: 40px; 6215 position: fixed; 6216 right: 20px; 6217 top: 20px; 6218 width: 40px; 6219 } 6220 6221 .modal-card { 6222 display: flex; 6223 flex-direction: column; 6224 max-height: calc(100vh - 40px); 6225 overflow: hidden; 6226 -ms-overflow-y: visible; 6227 } 6228 6229 .modal-card-head, 6230 .modal-card-foot { 6231 align-items: center; 6232 background-color: whitesmoke; 6233 display: flex; 6234 flex-shrink: 0; 6235 justify-content: flex-start; 6236 padding: 20px; 6237 position: relative; 6238 } 6239 6240 .modal-card-head { 6241 border-bottom: 1px solid #dbdbdb; 6242 border-top-left-radius: 6px; 6243 border-top-right-radius: 6px; 6244 } 6245 6246 .modal-card-title { 6247 color: #363636; 6248 flex-grow: 1; 6249 flex-shrink: 0; 6250 font-size: 1.5rem; 6251 line-height: 1; 6252 } 6253 6254 .modal-card-foot { 6255 border-bottom-left-radius: 6px; 6256 border-bottom-right-radius: 6px; 6257 border-top: 1px solid #dbdbdb; 6258 } 6259 6260 .modal-card-foot .button:not(:last-child) { 6261 margin-right: 0.5em; 6262 } 6263 6264 .modal-card-body { 6265 -webkit-overflow-scrolling: touch; 6266 background-color: white; 6267 flex-grow: 1; 6268 flex-shrink: 1; 6269 overflow: auto; 6270 padding: 20px; 6271 } 6272 6273 .navbar { 6274 background-color: white; 6275 min-height: 3.25rem; 6276 position: relative; 6277 z-index: 30; 6278 } 6279 6280 .navbar.is-white { 6281 background-color: white; 6282 color: #0a0a0a; 6283 } 6284 6285 .navbar.is-white .navbar-brand > .navbar-item, 6286 .navbar.is-white .navbar-brand .navbar-link { 6287 color: #0a0a0a; 6288 } 6289 6290 .navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, 6291 .navbar.is-white .navbar-brand .navbar-link:focus, 6292 .navbar.is-white .navbar-brand .navbar-link:hover, 6293 .navbar.is-white .navbar-brand .navbar-link.is-active { 6294 background-color: #f2f2f2; 6295 color: #0a0a0a; 6296 } 6297 6298 .navbar.is-white .navbar-brand .navbar-link::after { 6299 border-color: #0a0a0a; 6300 } 6301 6302 .navbar.is-white .navbar-burger { 6303 color: #0a0a0a; 6304 } 6305 6306 @media screen and (min-width: 1024px) { 6307 .navbar.is-white .navbar-start > .navbar-item, 6308 .navbar.is-white .navbar-start .navbar-link, 6309 .navbar.is-white .navbar-end > .navbar-item, 6310 .navbar.is-white .navbar-end .navbar-link { 6311 color: #0a0a0a; 6312 } 6313 .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, 6314 .navbar.is-white .navbar-start .navbar-link:focus, 6315 .navbar.is-white .navbar-start .navbar-link:hover, 6316 .navbar.is-white .navbar-start .navbar-link.is-active, 6317 .navbar.is-white .navbar-end > a.navbar-item:focus, 6318 .navbar.is-white .navbar-end > a.navbar-item:hover, 6319 .navbar.is-white .navbar-end > a.navbar-item.is-active, 6320 .navbar.is-white .navbar-end .navbar-link:focus, 6321 .navbar.is-white .navbar-end .navbar-link:hover, 6322 .navbar.is-white .navbar-end .navbar-link.is-active { 6323 background-color: #f2f2f2; 6324 color: #0a0a0a; 6325 } 6326 .navbar.is-white .navbar-start .navbar-link::after, 6327 .navbar.is-white .navbar-end .navbar-link::after { 6328 border-color: #0a0a0a; 6329 } 6330 .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, 6331 .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, 6332 .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { 6333 background-color: #f2f2f2; 6334 color: #0a0a0a; 6335 } 6336 .navbar.is-white .navbar-dropdown a.navbar-item.is-active { 6337 background-color: white; 6338 color: #0a0a0a; 6339 } 6340 } 6341 6342 .navbar.is-black { 6343 background-color: #0a0a0a; 6344 color: white; 6345 } 6346 6347 .navbar.is-black .navbar-brand > .navbar-item, 6348 .navbar.is-black .navbar-brand .navbar-link { 6349 color: white; 6350 } 6351 6352 .navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, 6353 .navbar.is-black .navbar-brand .navbar-link:focus, 6354 .navbar.is-black .navbar-brand .navbar-link:hover, 6355 .navbar.is-black .navbar-brand .navbar-link.is-active { 6356 background-color: black; 6357 color: white; 6358 } 6359 6360 .navbar.is-black .navbar-brand .navbar-link::after { 6361 border-color: white; 6362 } 6363 6364 .navbar.is-black .navbar-burger { 6365 color: white; 6366 } 6367 6368 @media screen and (min-width: 1024px) { 6369 .navbar.is-black .navbar-start > .navbar-item, 6370 .navbar.is-black .navbar-start .navbar-link, 6371 .navbar.is-black .navbar-end > .navbar-item, 6372 .navbar.is-black .navbar-end .navbar-link { 6373 color: white; 6374 } 6375 .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, 6376 .navbar.is-black .navbar-start .navbar-link:focus, 6377 .navbar.is-black .navbar-start .navbar-link:hover, 6378 .navbar.is-black .navbar-start .navbar-link.is-active, 6379 .navbar.is-black .navbar-end > a.navbar-item:focus, 6380 .navbar.is-black .navbar-end > a.navbar-item:hover, 6381 .navbar.is-black .navbar-end > a.navbar-item.is-active, 6382 .navbar.is-black .navbar-end .navbar-link:focus, 6383 .navbar.is-black .navbar-end .navbar-link:hover, 6384 .navbar.is-black .navbar-end .navbar-link.is-active { 6385 background-color: black; 6386 color: white; 6387 } 6388 .navbar.is-black .navbar-start .navbar-link::after, 6389 .navbar.is-black .navbar-end .navbar-link::after { 6390 border-color: white; 6391 } 6392 .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, 6393 .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, 6394 .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { 6395 background-color: black; 6396 color: white; 6397 } 6398 .navbar.is-black .navbar-dropdown a.navbar-item.is-active { 6399 background-color: #0a0a0a; 6400 color: white; 6401 } 6402 } 6403 6404 .navbar.is-light { 6405 background-color: whitesmoke; 6406 color: #363636; 6407 } 6408 6409 .navbar.is-light .navbar-brand > .navbar-item, 6410 .navbar.is-light .navbar-brand .navbar-link { 6411 color: #363636; 6412 } 6413 6414 .navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, 6415 .navbar.is-light .navbar-brand .navbar-link:focus, 6416 .navbar.is-light .navbar-brand .navbar-link:hover, 6417 .navbar.is-light .navbar-brand .navbar-link.is-active { 6418 background-color: #e8e8e8; 6419 color: #363636; 6420 } 6421 6422 .navbar.is-light .navbar-brand .navbar-link::after { 6423 border-color: #363636; 6424 } 6425 6426 .navbar.is-light .navbar-burger { 6427 color: #363636; 6428 } 6429 6430 @media screen and (min-width: 1024px) { 6431 .navbar.is-light .navbar-start > .navbar-item, 6432 .navbar.is-light .navbar-start .navbar-link, 6433 .navbar.is-light .navbar-end > .navbar-item, 6434 .navbar.is-light .navbar-end .navbar-link { 6435 color: #363636; 6436 } 6437 .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, 6438 .navbar.is-light .navbar-start .navbar-link:focus, 6439 .navbar.is-light .navbar-start .navbar-link:hover, 6440 .navbar.is-light .navbar-start .navbar-link.is-active, 6441 .navbar.is-light .navbar-end > a.navbar-item:focus, 6442 .navbar.is-light .navbar-end > a.navbar-item:hover, 6443 .navbar.is-light .navbar-end > a.navbar-item.is-active, 6444 .navbar.is-light .navbar-end .navbar-link:focus, 6445 .navbar.is-light .navbar-end .navbar-link:hover, 6446 .navbar.is-light .navbar-end .navbar-link.is-active { 6447 background-color: #e8e8e8; 6448 color: #363636; 6449 } 6450 .navbar.is-light .navbar-start .navbar-link::after, 6451 .navbar.is-light .navbar-end .navbar-link::after { 6452 border-color: #363636; 6453 } 6454 .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, 6455 .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, 6456 .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { 6457 background-color: #e8e8e8; 6458 color: #363636; 6459 } 6460 .navbar.is-light .navbar-dropdown a.navbar-item.is-active { 6461 background-color: whitesmoke; 6462 color: #363636; 6463 } 6464 } 6465 6466 .navbar.is-dark { 6467 background-color: #363636; 6468 color: whitesmoke; 6469 } 6470 6471 .navbar.is-dark .navbar-brand > .navbar-item, 6472 .navbar.is-dark .navbar-brand .navbar-link { 6473 color: whitesmoke; 6474 } 6475 6476 .navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, 6477 .navbar.is-dark .navbar-brand .navbar-link:focus, 6478 .navbar.is-dark .navbar-brand .navbar-link:hover, 6479 .navbar.is-dark .navbar-brand .navbar-link.is-active { 6480 background-color: #292929; 6481 color: whitesmoke; 6482 } 6483 6484 .navbar.is-dark .navbar-brand .navbar-link::after { 6485 border-color: whitesmoke; 6486 } 6487 6488 .navbar.is-dark .navbar-burger { 6489 color: whitesmoke; 6490 } 6491 6492 @media screen and (min-width: 1024px) { 6493 .navbar.is-dark .navbar-start > .navbar-item, 6494 .navbar.is-dark .navbar-start .navbar-link, 6495 .navbar.is-dark .navbar-end > .navbar-item, 6496 .navbar.is-dark .navbar-end .navbar-link { 6497 color: whitesmoke; 6498 } 6499 .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, 6500 .navbar.is-dark .navbar-start .navbar-link:focus, 6501 .navbar.is-dark .navbar-start .navbar-link:hover, 6502 .navbar.is-dark .navbar-start .navbar-link.is-active, 6503 .navbar.is-dark .navbar-end > a.navbar-item:focus, 6504 .navbar.is-dark .navbar-end > a.navbar-item:hover, 6505 .navbar.is-dark .navbar-end > a.navbar-item.is-active, 6506 .navbar.is-dark .navbar-end .navbar-link:focus, 6507 .navbar.is-dark .navbar-end .navbar-link:hover, 6508 .navbar.is-dark .navbar-end .navbar-link.is-active { 6509 background-color: #292929; 6510 color: whitesmoke; 6511 } 6512 .navbar.is-dark .navbar-start .navbar-link::after, 6513 .navbar.is-dark .navbar-end .navbar-link::after { 6514 border-color: whitesmoke; 6515 } 6516 .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, 6517 .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, 6518 .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { 6519 background-color: #292929; 6520 color: whitesmoke; 6521 } 6522 .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { 6523 background-color: #363636; 6524 color: whitesmoke; 6525 } 6526 } 6527 6528 .navbar.is-primary { 6529 background-color: #00d1b2; 6530 color: #fff; 6531 } 6532 6533 .navbar.is-primary .navbar-brand > .navbar-item, 6534 .navbar.is-primary .navbar-brand .navbar-link { 6535 color: #fff; 6536 } 6537 6538 .navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, 6539 .navbar.is-primary .navbar-brand .navbar-link:focus, 6540 .navbar.is-primary .navbar-brand .navbar-link:hover, 6541 .navbar.is-primary .navbar-brand .navbar-link.is-active { 6542 background-color: #00b89c; 6543 color: #fff; 6544 } 6545 6546 .navbar.is-primary .navbar-brand .navbar-link::after { 6547 border-color: #fff; 6548 } 6549 6550 .navbar.is-primary .navbar-burger { 6551 color: #fff; 6552 } 6553 6554 @media screen and (min-width: 1024px) { 6555 .navbar.is-primary .navbar-start > .navbar-item, 6556 .navbar.is-primary .navbar-start .navbar-link, 6557 .navbar.is-primary .navbar-end > .navbar-item, 6558 .navbar.is-primary .navbar-end .navbar-link { 6559 color: #fff; 6560 } 6561 .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, 6562 .navbar.is-primary .navbar-start .navbar-link:focus, 6563 .navbar.is-primary .navbar-start .navbar-link:hover, 6564 .navbar.is-primary .navbar-start .navbar-link.is-active, 6565 .navbar.is-primary .navbar-end > a.navbar-item:focus, 6566 .navbar.is-primary .navbar-end > a.navbar-item:hover, 6567 .navbar.is-primary .navbar-end > a.navbar-item.is-active, 6568 .navbar.is-primary .navbar-end .navbar-link:focus, 6569 .navbar.is-primary .navbar-end .navbar-link:hover, 6570 .navbar.is-primary .navbar-end .navbar-link.is-active { 6571 background-color: #00b89c; 6572 color: #fff; 6573 } 6574 .navbar.is-primary .navbar-start .navbar-link::after, 6575 .navbar.is-primary .navbar-end .navbar-link::after { 6576 border-color: #fff; 6577 } 6578 .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, 6579 .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, 6580 .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { 6581 background-color: #00b89c; 6582 color: #fff; 6583 } 6584 .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { 6585 background-color: #00d1b2; 6586 color: #fff; 6587 } 6588 } 6589 6590 .navbar.is-link { 6591 background-color: #3273dc; 6592 color: #fff; 6593 } 6594 6595 .navbar.is-link .navbar-brand > .navbar-item, 6596 .navbar.is-link .navbar-brand .navbar-link { 6597 color: #fff; 6598 } 6599 6600 .navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, 6601 .navbar.is-link .navbar-brand .navbar-link:focus, 6602 .navbar.is-link .navbar-brand .navbar-link:hover, 6603 .navbar.is-link .navbar-brand .navbar-link.is-active { 6604 background-color: #2366d1; 6605 color: #fff; 6606 } 6607 6608 .navbar.is-link .navbar-brand .navbar-link::after { 6609 border-color: #fff; 6610 } 6611 6612 .navbar.is-link .navbar-burger { 6613 color: #fff; 6614 } 6615 6616 @media screen and (min-width: 1024px) { 6617 .navbar.is-link .navbar-start > .navbar-item, 6618 .navbar.is-link .navbar-start .navbar-link, 6619 .navbar.is-link .navbar-end > .navbar-item, 6620 .navbar.is-link .navbar-end .navbar-link { 6621 color: #fff; 6622 } 6623 .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, 6624 .navbar.is-link .navbar-start .navbar-link:focus, 6625 .navbar.is-link .navbar-start .navbar-link:hover, 6626 .navbar.is-link .navbar-start .navbar-link.is-active, 6627 .navbar.is-link .navbar-end > a.navbar-item:focus, 6628 .navbar.is-link .navbar-end > a.navbar-item:hover, 6629 .navbar.is-link .navbar-end > a.navbar-item.is-active, 6630 .navbar.is-link .navbar-end .navbar-link:focus, 6631 .navbar.is-link .navbar-end .navbar-link:hover, 6632 .navbar.is-link .navbar-end .navbar-link.is-active { 6633 background-color: #2366d1; 6634 color: #fff; 6635 } 6636 .navbar.is-link .navbar-start .navbar-link::after, 6637 .navbar.is-link .navbar-end .navbar-link::after { 6638 border-color: #fff; 6639 } 6640 .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, 6641 .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, 6642 .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { 6643 background-color: #2366d1; 6644 color: #fff; 6645 } 6646 .navbar.is-link .navbar-dropdown a.navbar-item.is-active { 6647 background-color: #3273dc; 6648 color: #fff; 6649 } 6650 } 6651 6652 .navbar.is-info { 6653 background-color: #209cee; 6654 color: #fff; 6655 } 6656 6657 .navbar.is-info .navbar-brand > .navbar-item, 6658 .navbar.is-info .navbar-brand .navbar-link { 6659 color: #fff; 6660 } 6661 6662 .navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, 6663 .navbar.is-info .navbar-brand .navbar-link:focus, 6664 .navbar.is-info .navbar-brand .navbar-link:hover, 6665 .navbar.is-info .navbar-brand .navbar-link.is-active { 6666 background-color: #118fe4; 6667 color: #fff; 6668 } 6669 6670 .navbar.is-info .navbar-brand .navbar-link::after { 6671 border-color: #fff; 6672 } 6673 6674 .navbar.is-info .navbar-burger { 6675 color: #fff; 6676 } 6677 6678 @media screen and (min-width: 1024px) { 6679 .navbar.is-info .navbar-start > .navbar-item, 6680 .navbar.is-info .navbar-start .navbar-link, 6681 .navbar.is-info .navbar-end > .navbar-item, 6682 .navbar.is-info .navbar-end .navbar-link { 6683 color: #fff; 6684 } 6685 .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, 6686 .navbar.is-info .navbar-start .navbar-link:focus, 6687 .navbar.is-info .navbar-start .navbar-link:hover, 6688 .navbar.is-info .navbar-start .navbar-link.is-active, 6689 .navbar.is-info .navbar-end > a.navbar-item:focus, 6690 .navbar.is-info .navbar-end > a.navbar-item:hover, 6691 .navbar.is-info .navbar-end > a.navbar-item.is-active, 6692 .navbar.is-info .navbar-end .navbar-link:focus, 6693 .navbar.is-info .navbar-end .navbar-link:hover, 6694 .navbar.is-info .navbar-end .navbar-link.is-active { 6695 background-color: #118fe4; 6696 color: #fff; 6697 } 6698 .navbar.is-info .navbar-start .navbar-link::after, 6699 .navbar.is-info .navbar-end .navbar-link::after { 6700 border-color: #fff; 6701 } 6702 .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, 6703 .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, 6704 .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { 6705 background-color: #118fe4; 6706 color: #fff; 6707 } 6708 .navbar.is-info .navbar-dropdown a.navbar-item.is-active { 6709 background-color: #209cee; 6710 color: #fff; 6711 } 6712 } 6713 6714 .navbar.is-success { 6715 background-color: #23d160; 6716 color: #fff; 6717 } 6718 6719 .navbar.is-success .navbar-brand > .navbar-item, 6720 .navbar.is-success .navbar-brand .navbar-link { 6721 color: #fff; 6722 } 6723 6724 .navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, 6725 .navbar.is-success .navbar-brand .navbar-link:focus, 6726 .navbar.is-success .navbar-brand .navbar-link:hover, 6727 .navbar.is-success .navbar-brand .navbar-link.is-active { 6728 background-color: #20bc56; 6729 color: #fff; 6730 } 6731 6732 .navbar.is-success .navbar-brand .navbar-link::after { 6733 border-color: #fff; 6734 } 6735 6736 .navbar.is-success .navbar-burger { 6737 color: #fff; 6738 } 6739 6740 @media screen and (min-width: 1024px) { 6741 .navbar.is-success .navbar-start > .navbar-item, 6742 .navbar.is-success .navbar-start .navbar-link, 6743 .navbar.is-success .navbar-end > .navbar-item, 6744 .navbar.is-success .navbar-end .navbar-link { 6745 color: #fff; 6746 } 6747 .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, 6748 .navbar.is-success .navbar-start .navbar-link:focus, 6749 .navbar.is-success .navbar-start .navbar-link:hover, 6750 .navbar.is-success .navbar-start .navbar-link.is-active, 6751 .navbar.is-success .navbar-end > a.navbar-item:focus, 6752 .navbar.is-success .navbar-end > a.navbar-item:hover, 6753 .navbar.is-success .navbar-end > a.navbar-item.is-active, 6754 .navbar.is-success .navbar-end .navbar-link:focus, 6755 .navbar.is-success .navbar-end .navbar-link:hover, 6756 .navbar.is-success .navbar-end .navbar-link.is-active { 6757 background-color: #20bc56; 6758 color: #fff; 6759 } 6760 .navbar.is-success .navbar-start .navbar-link::after, 6761 .navbar.is-success .navbar-end .navbar-link::after { 6762 border-color: #fff; 6763 } 6764 .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, 6765 .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, 6766 .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { 6767 background-color: #20bc56; 6768 color: #fff; 6769 } 6770 .navbar.is-success .navbar-dropdown a.navbar-item.is-active { 6771 background-color: #23d160; 6772 color: #fff; 6773 } 6774 } 6775 6776 .navbar.is-warning { 6777 background-color: #ffdd57; 6778 color: rgba(0, 0, 0, 0.7); 6779 } 6780 6781 .navbar.is-warning .navbar-brand > .navbar-item, 6782 .navbar.is-warning .navbar-brand .navbar-link { 6783 color: rgba(0, 0, 0, 0.7); 6784 } 6785 6786 .navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, 6787 .navbar.is-warning .navbar-brand .navbar-link:focus, 6788 .navbar.is-warning .navbar-brand .navbar-link:hover, 6789 .navbar.is-warning .navbar-brand .navbar-link.is-active { 6790 background-color: #ffd83d; 6791 color: rgba(0, 0, 0, 0.7); 6792 } 6793 6794 .navbar.is-warning .navbar-brand .navbar-link::after { 6795 border-color: rgba(0, 0, 0, 0.7); 6796 } 6797 6798 .navbar.is-warning .navbar-burger { 6799 color: rgba(0, 0, 0, 0.7); 6800 } 6801 6802 @media screen and (min-width: 1024px) { 6803 .navbar.is-warning .navbar-start > .navbar-item, 6804 .navbar.is-warning .navbar-start .navbar-link, 6805 .navbar.is-warning .navbar-end > .navbar-item, 6806 .navbar.is-warning .navbar-end .navbar-link { 6807 color: rgba(0, 0, 0, 0.7); 6808 } 6809 .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, 6810 .navbar.is-warning .navbar-start .navbar-link:focus, 6811 .navbar.is-warning .navbar-start .navbar-link:hover, 6812 .navbar.is-warning .navbar-start .navbar-link.is-active, 6813 .navbar.is-warning .navbar-end > a.navbar-item:focus, 6814 .navbar.is-warning .navbar-end > a.navbar-item:hover, 6815 .navbar.is-warning .navbar-end > a.navbar-item.is-active, 6816 .navbar.is-warning .navbar-end .navbar-link:focus, 6817 .navbar.is-warning .navbar-end .navbar-link:hover, 6818 .navbar.is-warning .navbar-end .navbar-link.is-active { 6819 background-color: #ffd83d; 6820 color: rgba(0, 0, 0, 0.7); 6821 } 6822 .navbar.is-warning .navbar-start .navbar-link::after, 6823 .navbar.is-warning .navbar-end .navbar-link::after { 6824 border-color: rgba(0, 0, 0, 0.7); 6825 } 6826 .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, 6827 .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, 6828 .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { 6829 background-color: #ffd83d; 6830 color: rgba(0, 0, 0, 0.7); 6831 } 6832 .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { 6833 background-color: #ffdd57; 6834 color: rgba(0, 0, 0, 0.7); 6835 } 6836 } 6837 6838 .navbar.is-danger { 6839 background-color: #ff3860; 6840 color: #fff; 6841 } 6842 6843 .navbar.is-danger .navbar-brand > .navbar-item, 6844 .navbar.is-danger .navbar-brand .navbar-link { 6845 color: #fff; 6846 } 6847 6848 .navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, 6849 .navbar.is-danger .navbar-brand .navbar-link:focus, 6850 .navbar.is-danger .navbar-brand .navbar-link:hover, 6851 .navbar.is-danger .navbar-brand .navbar-link.is-active { 6852 background-color: #ff1f4b; 6853 color: #fff; 6854 } 6855 6856 .navbar.is-danger .navbar-brand .navbar-link::after { 6857 border-color: #fff; 6858 } 6859 6860 .navbar.is-danger .navbar-burger { 6861 color: #fff; 6862 } 6863 6864 @media screen and (min-width: 1024px) { 6865 .navbar.is-danger .navbar-start > .navbar-item, 6866 .navbar.is-danger .navbar-start .navbar-link, 6867 .navbar.is-danger .navbar-end > .navbar-item, 6868 .navbar.is-danger .navbar-end .navbar-link { 6869 color: #fff; 6870 } 6871 .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, 6872 .navbar.is-danger .navbar-start .navbar-link:focus, 6873 .navbar.is-danger .navbar-start .navbar-link:hover, 6874 .navbar.is-danger .navbar-start .navbar-link.is-active, 6875 .navbar.is-danger .navbar-end > a.navbar-item:focus, 6876 .navbar.is-danger .navbar-end > a.navbar-item:hover, 6877 .navbar.is-danger .navbar-end > a.navbar-item.is-active, 6878 .navbar.is-danger .navbar-end .navbar-link:focus, 6879 .navbar.is-danger .navbar-end .navbar-link:hover, 6880 .navbar.is-danger .navbar-end .navbar-link.is-active { 6881 background-color: #ff1f4b; 6882 color: #fff; 6883 } 6884 .navbar.is-danger .navbar-start .navbar-link::after, 6885 .navbar.is-danger .navbar-end .navbar-link::after { 6886 border-color: #fff; 6887 } 6888 .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, 6889 .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, 6890 .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { 6891 background-color: #ff1f4b; 6892 color: #fff; 6893 } 6894 .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { 6895 background-color: #ff3860; 6896 color: #fff; 6897 } 6898 } 6899 6900 .navbar > .container { 6901 align-items: stretch; 6902 display: flex; 6903 min-height: 3.25rem; 6904 width: 100%; 6905 } 6906 6907 .navbar.has-shadow { 6908 box-shadow: 0 2px 0 0 whitesmoke; 6909 } 6910 6911 .navbar.is-fixed-bottom, .navbar.is-fixed-top { 6912 left: 0; 6913 position: fixed; 6914 right: 0; 6915 z-index: 30; 6916 } 6917 6918 .navbar.is-fixed-bottom { 6919 bottom: 0; 6920 } 6921 6922 .navbar.is-fixed-bottom.has-shadow { 6923 box-shadow: 0 -2px 0 0 whitesmoke; 6924 } 6925 6926 .navbar.is-fixed-top { 6927 top: 0; 6928 } 6929 6930 html.has-navbar-fixed-top, 6931 body.has-navbar-fixed-top { 6932 padding-top: 3.25rem; 6933 } 6934 6935 html.has-navbar-fixed-bottom, 6936 body.has-navbar-fixed-bottom { 6937 padding-bottom: 3.25rem; 6938 } 6939 6940 .navbar-brand, 6941 .navbar-tabs { 6942 align-items: stretch; 6943 display: flex; 6944 flex-shrink: 0; 6945 min-height: 3.25rem; 6946 } 6947 6948 .navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { 6949 background-color: transparent; 6950 } 6951 6952 .navbar-tabs { 6953 -webkit-overflow-scrolling: touch; 6954 max-width: 100vw; 6955 overflow-x: auto; 6956 overflow-y: hidden; 6957 } 6958 6959 .navbar-burger { 6960 color: #4a4a4a; 6961 cursor: pointer; 6962 display: block; 6963 height: 3.25rem; 6964 position: relative; 6965 width: 3.25rem; 6966 margin-left: auto; 6967 } 6968 6969 .navbar-burger span { 6970 background-color: currentColor; 6971 display: block; 6972 height: 1px; 6973 left: calc(50% - 8px); 6974 position: absolute; 6975 -webkit-transform-origin: center; 6976 transform-origin: center; 6977 transition-duration: 86ms; 6978 transition-property: background-color, opacity, -webkit-transform; 6979 transition-property: background-color, opacity, transform; 6980 transition-property: background-color, opacity, transform, -webkit-transform; 6981 transition-timing-function: ease-out; 6982 width: 16px; 6983 } 6984 6985 .navbar-burger span:nth-child(1) { 6986 top: calc(50% - 6px); 6987 } 6988 6989 .navbar-burger span:nth-child(2) { 6990 top: calc(50% - 1px); 6991 } 6992 6993 .navbar-burger span:nth-child(3) { 6994 top: calc(50% + 4px); 6995 } 6996 6997 .navbar-burger:hover { 6998 background-color: rgba(0, 0, 0, 0.05); 6999 } 7000 7001 .navbar-burger.is-active span:nth-child(1) { 7002 -webkit-transform: translateY(5px) rotate(45deg); 7003 transform: translateY(5px) rotate(45deg); 7004 } 7005 7006 .navbar-burger.is-active span:nth-child(2) { 7007 opacity: 0; 7008 } 7009 7010 .navbar-burger.is-active span:nth-child(3) { 7011 -webkit-transform: translateY(-5px) rotate(-45deg); 7012 transform: translateY(-5px) rotate(-45deg); 7013 } 7014 7015 .navbar-menu { 7016 display: none; 7017 } 7018 7019 .navbar-item, 7020 .navbar-link { 7021 color: #4a4a4a; 7022 display: block; 7023 line-height: 1.5; 7024 padding: 0.5rem 0.75rem; 7025 position: relative; 7026 } 7027 7028 .navbar-item .icon:only-child, 7029 .navbar-link .icon:only-child { 7030 margin-left: -0.25rem; 7031 margin-right: -0.25rem; 7032 } 7033 7034 a.navbar-item, 7035 .navbar-link { 7036 cursor: pointer; 7037 } 7038 7039 a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, 7040 .navbar-link:focus, 7041 .navbar-link:focus-within, 7042 .navbar-link:hover, 7043 .navbar-link.is-active { 7044 background-color: #fafafa; 7045 color: #3273dc; 7046 } 7047 7048 .navbar-item { 7049 display: block; 7050 flex-grow: 0; 7051 flex-shrink: 0; 7052 } 7053 7054 .navbar-item img { 7055 max-height: 1.75rem; 7056 } 7057 7058 .navbar-item.has-dropdown { 7059 padding: 0; 7060 } 7061 7062 .navbar-item.is-expanded { 7063 flex-grow: 1; 7064 flex-shrink: 1; 7065 } 7066 7067 .navbar-item.is-tab { 7068 border-bottom: 1px solid transparent; 7069 min-height: 3.25rem; 7070 padding-bottom: calc(0.5rem - 1px); 7071 } 7072 7073 .navbar-item.is-tab:focus, .navbar-item.is-tab:hover { 7074 background-color: transparent; 7075 border-bottom-color: #3273dc; 7076 } 7077 7078 .navbar-item.is-tab.is-active { 7079 background-color: transparent; 7080 border-bottom-color: #3273dc; 7081 border-bottom-style: solid; 7082 border-bottom-width: 3px; 7083 color: #3273dc; 7084 padding-bottom: calc(0.5rem - 3px); 7085 } 7086 7087 .navbar-content { 7088 flex-grow: 1; 7089 flex-shrink: 1; 7090 } 7091 7092 .navbar-link:not(.is-arrowless) { 7093 padding-right: 2.5em; 7094 } 7095 7096 .navbar-link:not(.is-arrowless)::after { 7097 border-color: #3273dc; 7098 margin-top: -0.375em; 7099 right: 1.125em; 7100 } 7101 7102 .navbar-dropdown { 7103 font-size: 0.875rem; 7104 padding-bottom: 0.5rem; 7105 padding-top: 0.5rem; 7106 } 7107 7108 .navbar-dropdown .navbar-item { 7109 padding-left: 1.5rem; 7110 padding-right: 1.5rem; 7111 } 7112 7113 .navbar-divider { 7114 background-color: whitesmoke; 7115 border: none; 7116 display: none; 7117 height: 2px; 7118 margin: 0.5rem 0; 7119 } 7120 7121 @media screen and (max-width: 1023px) { 7122 .navbar > .container { 7123 display: block; 7124 } 7125 .navbar-brand .navbar-item, 7126 .navbar-tabs .navbar-item { 7127 align-items: center; 7128 display: flex; 7129 } 7130 .navbar-link::after { 7131 display: none; 7132 } 7133 .navbar-menu { 7134 background-color: white; 7135 box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); 7136 padding: 0.5rem 0; 7137 } 7138 .navbar-menu.is-active { 7139 display: block; 7140 } 7141 .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { 7142 left: 0; 7143 position: fixed; 7144 right: 0; 7145 z-index: 30; 7146 } 7147 .navbar.is-fixed-bottom-touch { 7148 bottom: 0; 7149 } 7150 .navbar.is-fixed-bottom-touch.has-shadow { 7151 box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); 7152 } 7153 .navbar.is-fixed-top-touch { 7154 top: 0; 7155 } 7156 .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { 7157 -webkit-overflow-scrolling: touch; 7158 max-height: calc(100vh - 3.25rem); 7159 overflow: auto; 7160 } 7161 html.has-navbar-fixed-top-touch, 7162 body.has-navbar-fixed-top-touch { 7163 padding-top: 3.25rem; 7164 } 7165 html.has-navbar-fixed-bottom-touch, 7166 body.has-navbar-fixed-bottom-touch { 7167 padding-bottom: 3.25rem; 7168 } 7169 } 7170 7171 @media screen and (min-width: 1024px) { 7172 .navbar, 7173 .navbar-menu, 7174 .navbar-start, 7175 .navbar-end { 7176 align-items: stretch; 7177 display: flex; 7178 } 7179 .navbar { 7180 min-height: 3.25rem; 7181 } 7182 .navbar.is-spaced { 7183 padding: 1rem 2rem; 7184 } 7185 .navbar.is-spaced .navbar-start, 7186 .navbar.is-spaced .navbar-end { 7187 align-items: center; 7188 } 7189 .navbar.is-spaced a.navbar-item, 7190 .navbar.is-spaced .navbar-link { 7191 border-radius: 4px; 7192 } 7193 .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, 7194 .navbar.is-transparent .navbar-link:focus, 7195 .navbar.is-transparent .navbar-link:hover, 7196 .navbar.is-transparent .navbar-link.is-active { 7197 background-color: transparent !important; 7198 } 7199 .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { 7200 background-color: transparent !important; 7201 } 7202 .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { 7203 background-color: whitesmoke; 7204 color: #0a0a0a; 7205 } 7206 .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { 7207 background-color: whitesmoke; 7208 color: #3273dc; 7209 } 7210 .navbar-burger { 7211 display: none; 7212 } 7213 .navbar-item, 7214 .navbar-link { 7215 align-items: center; 7216 display: flex; 7217 } 7218 .navbar-item { 7219 display: flex; 7220 } 7221 .navbar-item.has-dropdown { 7222 align-items: stretch; 7223 } 7224 .navbar-item.has-dropdown-up .navbar-link::after { 7225 -webkit-transform: rotate(135deg) translate(0.25em, -0.25em); 7226 transform: rotate(135deg) translate(0.25em, -0.25em); 7227 } 7228 .navbar-item.has-dropdown-up .navbar-dropdown { 7229 border-bottom: 2px solid #dbdbdb; 7230 border-radius: 6px 6px 0 0; 7231 border-top: none; 7232 bottom: 100%; 7233 box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); 7234 top: auto; 7235 } 7236 .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { 7237 display: block; 7238 } 7239 .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { 7240 opacity: 1; 7241 pointer-events: auto; 7242 -webkit-transform: translateY(0); 7243 transform: translateY(0); 7244 } 7245 .navbar-menu { 7246 flex-grow: 1; 7247 flex-shrink: 0; 7248 } 7249 .navbar-start { 7250 justify-content: flex-start; 7251 margin-right: auto; 7252 } 7253 .navbar-end { 7254 justify-content: flex-end; 7255 margin-left: auto; 7256 } 7257 .navbar-dropdown { 7258 background-color: white; 7259 border-bottom-left-radius: 6px; 7260 border-bottom-right-radius: 6px; 7261 border-top: 2px solid #dbdbdb; 7262 box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); 7263 display: none; 7264 font-size: 0.875rem; 7265 left: 0; 7266 min-width: 100%; 7267 position: absolute; 7268 top: 100%; 7269 z-index: 20; 7270 } 7271 .navbar-dropdown .navbar-item { 7272 padding: 0.375rem 1rem; 7273 white-space: nowrap; 7274 } 7275 .navbar-dropdown a.navbar-item { 7276 padding-right: 3rem; 7277 } 7278 .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { 7279 background-color: whitesmoke; 7280 color: #0a0a0a; 7281 } 7282 .navbar-dropdown a.navbar-item.is-active { 7283 background-color: whitesmoke; 7284 color: #3273dc; 7285 } 7286 .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { 7287 border-radius: 6px; 7288 border-top: none; 7289 box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); 7290 display: block; 7291 opacity: 0; 7292 pointer-events: none; 7293 top: calc(100% + (-4px)); 7294 -webkit-transform: translateY(-5px); 7295 transform: translateY(-5px); 7296 transition-duration: 86ms; 7297 transition-property: opacity, -webkit-transform; 7298 transition-property: opacity, transform; 7299 transition-property: opacity, transform, -webkit-transform; 7300 } 7301 .navbar-dropdown.is-right { 7302 left: auto; 7303 right: 0; 7304 } 7305 .navbar-divider { 7306 display: block; 7307 } 7308 .navbar > .container .navbar-brand, 7309 .container > .navbar .navbar-brand { 7310 margin-left: -.75rem; 7311 } 7312 .navbar > .container .navbar-menu, 7313 .container > .navbar .navbar-menu { 7314 margin-right: -.75rem; 7315 } 7316 .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { 7317 left: 0; 7318 position: fixed; 7319 right: 0; 7320 z-index: 30; 7321 } 7322 .navbar.is-fixed-bottom-desktop { 7323 bottom: 0; 7324 } 7325 .navbar.is-fixed-bottom-desktop.has-shadow { 7326 box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); 7327 } 7328 .navbar.is-fixed-top-desktop { 7329 top: 0; 7330 } 7331 html.has-navbar-fixed-top-desktop, 7332 body.has-navbar-fixed-top-desktop { 7333 padding-top: 3.25rem; 7334 } 7335 html.has-navbar-fixed-bottom-desktop, 7336 body.has-navbar-fixed-bottom-desktop { 7337 padding-bottom: 3.25rem; 7338 } 7339 html.has-spaced-navbar-fixed-top, 7340 body.has-spaced-navbar-fixed-top { 7341 padding-top: 5.25rem; 7342 } 7343 html.has-spaced-navbar-fixed-bottom, 7344 body.has-spaced-navbar-fixed-bottom { 7345 padding-bottom: 5.25rem; 7346 } 7347 a.navbar-item.is-active, 7348 .navbar-link.is-active { 7349 color: #0a0a0a; 7350 } 7351 a.navbar-item.is-active:not(:focus):not(:hover), 7352 .navbar-link.is-active:not(:focus):not(:hover) { 7353 background-color: transparent; 7354 } 7355 .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { 7356 background-color: #fafafa; 7357 } 7358 } 7359 7360 .hero.is-fullheight-with-navbar { 7361 min-height: calc(100vh - 3.25rem); 7362 } 7363 7364 .pagination { 7365 font-size: 1rem; 7366 margin: -0.25rem; 7367 } 7368 7369 .pagination.is-small { 7370 font-size: 0.75rem; 7371 } 7372 7373 .pagination.is-medium { 7374 font-size: 1.25rem; 7375 } 7376 7377 .pagination.is-large { 7378 font-size: 1.5rem; 7379 } 7380 7381 .pagination.is-rounded .pagination-previous, 7382 .pagination.is-rounded .pagination-next { 7383 padding-left: 1em; 7384 padding-right: 1em; 7385 border-radius: 290486px; 7386 } 7387 7388 .pagination.is-rounded .pagination-link { 7389 border-radius: 290486px; 7390 } 7391 7392 .pagination, 7393 .pagination-list { 7394 align-items: center; 7395 display: flex; 7396 justify-content: center; 7397 text-align: center; 7398 } 7399 7400 .pagination-previous, 7401 .pagination-next, 7402 .pagination-link, 7403 .pagination-ellipsis { 7404 font-size: 1em; 7405 justify-content: center; 7406 margin: 0.25rem; 7407 padding-left: 0.5em; 7408 padding-right: 0.5em; 7409 text-align: center; 7410 } 7411 7412 .pagination-previous, 7413 .pagination-next, 7414 .pagination-link { 7415 border-color: #dbdbdb; 7416 color: #363636; 7417 min-width: 2.25em; 7418 } 7419 7420 .pagination-previous:hover, 7421 .pagination-next:hover, 7422 .pagination-link:hover { 7423 border-color: #b5b5b5; 7424 color: #363636; 7425 } 7426 7427 .pagination-previous:focus, 7428 .pagination-next:focus, 7429 .pagination-link:focus { 7430 border-color: #3273dc; 7431 } 7432 7433 .pagination-previous:active, 7434 .pagination-next:active, 7435 .pagination-link:active { 7436 box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); 7437 } 7438 7439 .pagination-previous[disabled], 7440 .pagination-next[disabled], 7441 .pagination-link[disabled] { 7442 background-color: #dbdbdb; 7443 border-color: #dbdbdb; 7444 box-shadow: none; 7445 color: #7a7a7a; 7446 opacity: 0.5; 7447 } 7448 7449 .pagination-previous, 7450 .pagination-next { 7451 padding-left: 0.75em; 7452 padding-right: 0.75em; 7453 white-space: nowrap; 7454 } 7455 7456 .pagination-link.is-current { 7457 background-color: #3273dc; 7458 border-color: #3273dc; 7459 color: #fff; 7460 } 7461 7462 .pagination-ellipsis { 7463 color: #b5b5b5; 7464 pointer-events: none; 7465 } 7466 7467 .pagination-list { 7468 flex-wrap: wrap; 7469 } 7470 7471 @media screen and (max-width: 768px) { 7472 .pagination { 7473 flex-wrap: wrap; 7474 } 7475 .pagination-previous, 7476 .pagination-next { 7477 flex-grow: 1; 7478 flex-shrink: 1; 7479 } 7480 .pagination-list li { 7481 flex-grow: 1; 7482 flex-shrink: 1; 7483 } 7484 } 7485 7486 @media screen and (min-width: 769px), print { 7487 .pagination-list { 7488 flex-grow: 1; 7489 flex-shrink: 1; 7490 justify-content: flex-start; 7491 order: 1; 7492 } 7493 .pagination-previous { 7494 order: 2; 7495 } 7496 .pagination-next { 7497 order: 3; 7498 } 7499 .pagination { 7500 justify-content: space-between; 7501 } 7502 .pagination.is-centered .pagination-previous { 7503 order: 1; 7504 } 7505 .pagination.is-centered .pagination-list { 7506 justify-content: center; 7507 order: 2; 7508 } 7509 .pagination.is-centered .pagination-next { 7510 order: 3; 7511 } 7512 .pagination.is-right .pagination-previous { 7513 order: 1; 7514 } 7515 .pagination.is-right .pagination-next { 7516 order: 2; 7517 } 7518 .pagination.is-right .pagination-list { 7519 justify-content: flex-end; 7520 order: 3; 7521 } 7522 } 7523 7524 .panel { 7525 font-size: 1rem; 7526 } 7527 7528 .panel:not(:last-child) { 7529 margin-bottom: 1.5rem; 7530 } 7531 7532 .panel-heading, 7533 .panel-tabs, 7534 .panel-block { 7535 border-bottom: 1px solid #dbdbdb; 7536 border-left: 1px solid #dbdbdb; 7537 border-right: 1px solid #dbdbdb; 7538 } 7539 7540 .panel-heading:first-child, 7541 .panel-tabs:first-child, 7542 .panel-block:first-child { 7543 border-top: 1px solid #dbdbdb; 7544 } 7545 7546 .panel-heading { 7547 background-color: whitesmoke; 7548 border-radius: 4px 4px 0 0; 7549 color: #363636; 7550 font-size: 1.25em; 7551 font-weight: 300; 7552 line-height: 1.25; 7553 padding: 0.5em 0.75em; 7554 } 7555 7556 .panel-tabs { 7557 align-items: flex-end; 7558 display: flex; 7559 font-size: 0.875em; 7560 justify-content: center; 7561 } 7562 7563 .panel-tabs a { 7564 border-bottom: 1px solid #dbdbdb; 7565 margin-bottom: -1px; 7566 padding: 0.5em; 7567 } 7568 7569 .panel-tabs a.is-active { 7570 border-bottom-color: #4a4a4a; 7571 color: #363636; 7572 } 7573 7574 .panel-list a { 7575 color: #4a4a4a; 7576 } 7577 7578 .panel-list a:hover { 7579 color: #3273dc; 7580 } 7581 7582 .panel-block { 7583 align-items: center; 7584 color: #363636; 7585 display: flex; 7586 justify-content: flex-start; 7587 padding: 0.5em 0.75em; 7588 } 7589 7590 .panel-block input[type="checkbox"] { 7591 margin-right: 0.75em; 7592 } 7593 7594 .panel-block > .control { 7595 flex-grow: 1; 7596 flex-shrink: 1; 7597 width: 100%; 7598 } 7599 7600 .panel-block.is-wrapped { 7601 flex-wrap: wrap; 7602 } 7603 7604 .panel-block.is-active { 7605 border-left-color: #3273dc; 7606 color: #363636; 7607 } 7608 7609 .panel-block.is-active .panel-icon { 7610 color: #3273dc; 7611 } 7612 7613 a.panel-block, 7614 label.panel-block { 7615 cursor: pointer; 7616 } 7617 7618 a.panel-block:hover, 7619 label.panel-block:hover { 7620 background-color: whitesmoke; 7621 } 7622 7623 .panel-icon { 7624 display: inline-block; 7625 font-size: 14px; 7626 height: 1em; 7627 line-height: 1em; 7628 text-align: center; 7629 vertical-align: top; 7630 width: 1em; 7631 color: #7a7a7a; 7632 margin-right: 0.75em; 7633 } 7634 7635 .panel-icon .fa { 7636 font-size: inherit; 7637 line-height: inherit; 7638 } 7639 7640 .tabs { 7641 -webkit-overflow-scrolling: touch; 7642 align-items: stretch; 7643 display: flex; 7644 font-size: 1rem; 7645 justify-content: space-between; 7646 overflow: hidden; 7647 overflow-x: auto; 7648 white-space: nowrap; 7649 } 7650 7651 .tabs a { 7652 align-items: center; 7653 border-bottom-color: #dbdbdb; 7654 border-bottom-style: solid; 7655 border-bottom-width: 1px; 7656 color: #4a4a4a; 7657 display: flex; 7658 justify-content: center; 7659 margin-bottom: -1px; 7660 padding: 0.5em 1em; 7661 vertical-align: top; 7662 } 7663 7664 .tabs a:hover { 7665 border-bottom-color: #363636; 7666 color: #363636; 7667 } 7668 7669 .tabs li { 7670 display: block; 7671 } 7672 7673 .tabs li.is-active a { 7674 border-bottom-color: #3273dc; 7675 color: #3273dc; 7676 } 7677 7678 .tabs ul { 7679 align-items: center; 7680 border-bottom-color: #dbdbdb; 7681 border-bottom-style: solid; 7682 border-bottom-width: 1px; 7683 display: flex; 7684 flex-grow: 1; 7685 flex-shrink: 0; 7686 justify-content: flex-start; 7687 } 7688 7689 .tabs ul.is-left { 7690 padding-right: 0.75em; 7691 } 7692 7693 .tabs ul.is-center { 7694 flex: none; 7695 justify-content: center; 7696 padding-left: 0.75em; 7697 padding-right: 0.75em; 7698 } 7699 7700 .tabs ul.is-right { 7701 justify-content: flex-end; 7702 padding-left: 0.75em; 7703 } 7704 7705 .tabs .icon:first-child { 7706 margin-right: 0.5em; 7707 } 7708 7709 .tabs .icon:last-child { 7710 margin-left: 0.5em; 7711 } 7712 7713 .tabs.is-centered ul { 7714 justify-content: center; 7715 } 7716 7717 .tabs.is-right ul { 7718 justify-content: flex-end; 7719 } 7720 7721 .tabs.is-boxed a { 7722 border: 1px solid transparent; 7723 border-radius: 4px 4px 0 0; 7724 } 7725 7726 .tabs.is-boxed a:hover { 7727 background-color: whitesmoke; 7728 border-bottom-color: #dbdbdb; 7729 } 7730 7731 .tabs.is-boxed li.is-active a { 7732 background-color: white; 7733 border-color: #dbdbdb; 7734 border-bottom-color: transparent !important; 7735 } 7736 7737 .tabs.is-fullwidth li { 7738 flex-grow: 1; 7739 flex-shrink: 0; 7740 } 7741 7742 .tabs.is-toggle a { 7743 border-color: #dbdbdb; 7744 border-style: solid; 7745 border-width: 1px; 7746 margin-bottom: 0; 7747 position: relative; 7748 } 7749 7750 .tabs.is-toggle a:hover { 7751 background-color: whitesmoke; 7752 border-color: #b5b5b5; 7753 z-index: 2; 7754 } 7755 7756 .tabs.is-toggle li + li { 7757 margin-left: -1px; 7758 } 7759 7760 .tabs.is-toggle li:first-child a { 7761 border-radius: 4px 0 0 4px; 7762 } 7763 7764 .tabs.is-toggle li:last-child a { 7765 border-radius: 0 4px 4px 0; 7766 } 7767 7768 .tabs.is-toggle li.is-active a { 7769 background-color: #3273dc; 7770 border-color: #3273dc; 7771 color: #fff; 7772 z-index: 1; 7773 } 7774 7775 .tabs.is-toggle ul { 7776 border-bottom: none; 7777 } 7778 7779 .tabs.is-toggle.is-toggle-rounded li:first-child a { 7780 border-bottom-left-radius: 290486px; 7781 border-top-left-radius: 290486px; 7782 padding-left: 1.25em; 7783 } 7784 7785 .tabs.is-toggle.is-toggle-rounded li:last-child a { 7786 border-bottom-right-radius: 290486px; 7787 border-top-right-radius: 290486px; 7788 padding-right: 1.25em; 7789 } 7790 7791 .tabs.is-small { 7792 font-size: 0.75rem; 7793 } 7794 7795 .tabs.is-medium { 7796 font-size: 1.25rem; 7797 } 7798 7799 .tabs.is-large { 7800 font-size: 1.5rem; 7801 } 7802 7803 .column { 7804 display: block; 7805 flex-basis: 0; 7806 flex-grow: 1; 7807 flex-shrink: 1; 7808 padding: 0.75rem; 7809 } 7810 7811 .columns.is-mobile > .column.is-narrow { 7812 flex: none; 7813 } 7814 7815 .columns.is-mobile > .column.is-full { 7816 flex: none; 7817 width: 100%; 7818 } 7819 7820 .columns.is-mobile > .column.is-three-quarters { 7821 flex: none; 7822 width: 75%; 7823 } 7824 7825 .columns.is-mobile > .column.is-two-thirds { 7826 flex: none; 7827 width: 66.6666%; 7828 } 7829 7830 .columns.is-mobile > .column.is-half { 7831 flex: none; 7832 width: 50%; 7833 } 7834 7835 .columns.is-mobile > .column.is-one-third { 7836 flex: none; 7837 width: 33.3333%; 7838 } 7839 7840 .columns.is-mobile > .column.is-one-quarter { 7841 flex: none; 7842 width: 25%; 7843 } 7844 7845 .columns.is-mobile > .column.is-one-fifth { 7846 flex: none; 7847 width: 20%; 7848 } 7849 7850 .columns.is-mobile > .column.is-two-fifths { 7851 flex: none; 7852 width: 40%; 7853 } 7854 7855 .columns.is-mobile > .column.is-three-fifths { 7856 flex: none; 7857 width: 60%; 7858 } 7859 7860 .columns.is-mobile > .column.is-four-fifths { 7861 flex: none; 7862 width: 80%; 7863 } 7864 7865 .columns.is-mobile > .column.is-offset-three-quarters { 7866 margin-left: 75%; 7867 } 7868 7869 .columns.is-mobile > .column.is-offset-two-thirds { 7870 margin-left: 66.6666%; 7871 } 7872 7873 .columns.is-mobile > .column.is-offset-half { 7874 margin-left: 50%; 7875 } 7876 7877 .columns.is-mobile > .column.is-offset-one-third { 7878 margin-left: 33.3333%; 7879 } 7880 7881 .columns.is-mobile > .column.is-offset-one-quarter { 7882 margin-left: 25%; 7883 } 7884 7885 .columns.is-mobile > .column.is-offset-one-fifth { 7886 margin-left: 20%; 7887 } 7888 7889 .columns.is-mobile > .column.is-offset-two-fifths { 7890 margin-left: 40%; 7891 } 7892 7893 .columns.is-mobile > .column.is-offset-three-fifths { 7894 margin-left: 60%; 7895 } 7896 7897 .columns.is-mobile > .column.is-offset-four-fifths { 7898 margin-left: 80%; 7899 } 7900 7901 .columns.is-mobile > .column.is-0 { 7902 flex: none; 7903 width: 0%; 7904 } 7905 7906 .columns.is-mobile > .column.is-offset-0 { 7907 margin-left: 0%; 7908 } 7909 7910 .columns.is-mobile > .column.is-1 { 7911 flex: none; 7912 width: 8.33333%; 7913 } 7914 7915 .columns.is-mobile > .column.is-offset-1 { 7916 margin-left: 8.33333%; 7917 } 7918 7919 .columns.is-mobile > .column.is-2 { 7920 flex: none; 7921 width: 16.66667%; 7922 } 7923 7924 .columns.is-mobile > .column.is-offset-2 { 7925 margin-left: 16.66667%; 7926 } 7927 7928 .columns.is-mobile > .column.is-3 { 7929 flex: none; 7930 width: 25%; 7931 } 7932 7933 .columns.is-mobile > .column.is-offset-3 { 7934 margin-left: 25%; 7935 } 7936 7937 .columns.is-mobile > .column.is-4 { 7938 flex: none; 7939 width: 33.33333%; 7940 } 7941 7942 .columns.is-mobile > .column.is-offset-4 { 7943 margin-left: 33.33333%; 7944 } 7945 7946 .columns.is-mobile > .column.is-5 { 7947 flex: none; 7948 width: 41.66667%; 7949 } 7950 7951 .columns.is-mobile > .column.is-offset-5 { 7952 margin-left: 41.66667%; 7953 } 7954 7955 .columns.is-mobile > .column.is-6 { 7956 flex: none; 7957 width: 50%; 7958 } 7959 7960 .columns.is-mobile > .column.is-offset-6 { 7961 margin-left: 50%; 7962 } 7963 7964 .columns.is-mobile > .column.is-7 { 7965 flex: none; 7966 width: 58.33333%; 7967 } 7968 7969 .columns.is-mobile > .column.is-offset-7 { 7970 margin-left: 58.33333%; 7971 } 7972 7973 .columns.is-mobile > .column.is-8 { 7974 flex: none; 7975 width: 66.66667%; 7976 } 7977 7978 .columns.is-mobile > .column.is-offset-8 { 7979 margin-left: 66.66667%; 7980 } 7981 7982 .columns.is-mobile > .column.is-9 { 7983 flex: none; 7984 width: 75%; 7985 } 7986 7987 .columns.is-mobile > .column.is-offset-9 { 7988 margin-left: 75%; 7989 } 7990 7991 .columns.is-mobile > .column.is-10 { 7992 flex: none; 7993 width: 83.33333%; 7994 } 7995 7996 .columns.is-mobile > .column.is-offset-10 { 7997 margin-left: 83.33333%; 7998 } 7999 8000 .columns.is-mobile > .column.is-11 { 8001 flex: none; 8002 width: 91.66667%; 8003 } 8004 8005 .columns.is-mobile > .column.is-offset-11 { 8006 margin-left: 91.66667%; 8007 } 8008 8009 .columns.is-mobile > .column.is-12 { 8010 flex: none; 8011 width: 100%; 8012 } 8013 8014 .columns.is-mobile > .column.is-offset-12 { 8015 margin-left: 100%; 8016 } 8017 8018 @media screen and (max-width: 768px) { 8019 .column.is-narrow-mobile { 8020 flex: none; 8021 } 8022 .column.is-full-mobile { 8023 flex: none; 8024 width: 100%; 8025 } 8026 .column.is-three-quarters-mobile { 8027 flex: none; 8028 width: 75%; 8029 } 8030 .column.is-two-thirds-mobile { 8031 flex: none; 8032 width: 66.6666%; 8033 } 8034 .column.is-half-mobile { 8035 flex: none; 8036 width: 50%; 8037 } 8038 .column.is-one-third-mobile { 8039 flex: none; 8040 width: 33.3333%; 8041 } 8042 .column.is-one-quarter-mobile { 8043 flex: none; 8044 width: 25%; 8045 } 8046 .column.is-one-fifth-mobile { 8047 flex: none; 8048 width: 20%; 8049 } 8050 .column.is-two-fifths-mobile { 8051 flex: none; 8052 width: 40%; 8053 } 8054 .column.is-three-fifths-mobile { 8055 flex: none; 8056 width: 60%; 8057 } 8058 .column.is-four-fifths-mobile { 8059 flex: none; 8060 width: 80%; 8061 } 8062 .column.is-offset-three-quarters-mobile { 8063 margin-left: 75%; 8064 } 8065 .column.is-offset-two-thirds-mobile { 8066 margin-left: 66.6666%; 8067 } 8068 .column.is-offset-half-mobile { 8069 margin-left: 50%; 8070 } 8071 .column.is-offset-one-third-mobile { 8072 margin-left: 33.3333%; 8073 } 8074 .column.is-offset-one-quarter-mobile { 8075 margin-left: 25%; 8076 } 8077 .column.is-offset-one-fifth-mobile { 8078 margin-left: 20%; 8079 } 8080 .column.is-offset-two-fifths-mobile { 8081 margin-left: 40%; 8082 } 8083 .column.is-offset-three-fifths-mobile { 8084 margin-left: 60%; 8085 } 8086 .column.is-offset-four-fifths-mobile { 8087 margin-left: 80%; 8088 } 8089 .column.is-0-mobile { 8090 flex: none; 8091 width: 0%; 8092 } 8093 .column.is-offset-0-mobile { 8094 margin-left: 0%; 8095 } 8096 .column.is-1-mobile { 8097 flex: none; 8098 width: 8.33333%; 8099 } 8100 .column.is-offset-1-mobile { 8101 margin-left: 8.33333%; 8102 } 8103 .column.is-2-mobile { 8104 flex: none; 8105 width: 16.66667%; 8106 } 8107 .column.is-offset-2-mobile { 8108 margin-left: 16.66667%; 8109 } 8110 .column.is-3-mobile { 8111 flex: none; 8112 width: 25%; 8113 } 8114 .column.is-offset-3-mobile { 8115 margin-left: 25%; 8116 } 8117 .column.is-4-mobile { 8118 flex: none; 8119 width: 33.33333%; 8120 } 8121 .column.is-offset-4-mobile { 8122 margin-left: 33.33333%; 8123 } 8124 .column.is-5-mobile { 8125 flex: none; 8126 width: 41.66667%; 8127 } 8128 .column.is-offset-5-mobile { 8129 margin-left: 41.66667%; 8130 } 8131 .column.is-6-mobile { 8132 flex: none; 8133 width: 50%; 8134 } 8135 .column.is-offset-6-mobile { 8136 margin-left: 50%; 8137 } 8138 .column.is-7-mobile { 8139 flex: none; 8140 width: 58.33333%; 8141 } 8142 .column.is-offset-7-mobile { 8143 margin-left: 58.33333%; 8144 } 8145 .column.is-8-mobile { 8146 flex: none; 8147 width: 66.66667%; 8148 } 8149 .column.is-offset-8-mobile { 8150 margin-left: 66.66667%; 8151 } 8152 .column.is-9-mobile { 8153 flex: none; 8154 width: 75%; 8155 } 8156 .column.is-offset-9-mobile { 8157 margin-left: 75%; 8158 } 8159 .column.is-10-mobile { 8160 flex: none; 8161 width: 83.33333%; 8162 } 8163 .column.is-offset-10-mobile { 8164 margin-left: 83.33333%; 8165 } 8166 .column.is-11-mobile { 8167 flex: none; 8168 width: 91.66667%; 8169 } 8170 .column.is-offset-11-mobile { 8171 margin-left: 91.66667%; 8172 } 8173 .column.is-12-mobile { 8174 flex: none; 8175 width: 100%; 8176 } 8177 .column.is-offset-12-mobile { 8178 margin-left: 100%; 8179 } 8180 } 8181 8182 @media screen and (min-width: 769px), print { 8183 .column.is-narrow, .column.is-narrow-tablet { 8184 flex: none; 8185 } 8186 .column.is-full, .column.is-full-tablet { 8187 flex: none; 8188 width: 100%; 8189 } 8190 .column.is-three-quarters, .column.is-three-quarters-tablet { 8191 flex: none; 8192 width: 75%; 8193 } 8194 .column.is-two-thirds, .column.is-two-thirds-tablet { 8195 flex: none; 8196 width: 66.6666%; 8197 } 8198 .column.is-half, .column.is-half-tablet { 8199 flex: none; 8200 width: 50%; 8201 } 8202 .column.is-one-third, .column.is-one-third-tablet { 8203 flex: none; 8204 width: 33.3333%; 8205 } 8206 .column.is-one-quarter, .column.is-one-quarter-tablet { 8207 flex: none; 8208 width: 25%; 8209 } 8210 .column.is-one-fifth, .column.is-one-fifth-tablet { 8211 flex: none; 8212 width: 20%; 8213 } 8214 .column.is-two-fifths, .column.is-two-fifths-tablet { 8215 flex: none; 8216 width: 40%; 8217 } 8218 .column.is-three-fifths, .column.is-three-fifths-tablet { 8219 flex: none; 8220 width: 60%; 8221 } 8222 .column.is-four-fifths, .column.is-four-fifths-tablet { 8223 flex: none; 8224 width: 80%; 8225 } 8226 .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { 8227 margin-left: 75%; 8228 } 8229 .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { 8230 margin-left: 66.6666%; 8231 } 8232 .column.is-offset-half, .column.is-offset-half-tablet { 8233 margin-left: 50%; 8234 } 8235 .column.is-offset-one-third, .column.is-offset-one-third-tablet { 8236 margin-left: 33.3333%; 8237 } 8238 .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { 8239 margin-left: 25%; 8240 } 8241 .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { 8242 margin-left: 20%; 8243 } 8244 .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { 8245 margin-left: 40%; 8246 } 8247 .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { 8248 margin-left: 60%; 8249 } 8250 .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { 8251 margin-left: 80%; 8252 } 8253 .column.is-0, .column.is-0-tablet { 8254 flex: none; 8255 width: 0%; 8256 } 8257 .column.is-offset-0, .column.is-offset-0-tablet { 8258 margin-left: 0%; 8259 } 8260 .column.is-1, .column.is-1-tablet { 8261 flex: none; 8262 width: 8.33333%; 8263 } 8264 .column.is-offset-1, .column.is-offset-1-tablet { 8265 margin-left: 8.33333%; 8266 } 8267 .column.is-2, .column.is-2-tablet { 8268 flex: none; 8269 width: 16.66667%; 8270 } 8271 .column.is-offset-2, .column.is-offset-2-tablet { 8272 margin-left: 16.66667%; 8273 } 8274 .column.is-3, .column.is-3-tablet { 8275 flex: none; 8276 width: 25%; 8277 } 8278 .column.is-offset-3, .column.is-offset-3-tablet { 8279 margin-left: 25%; 8280 } 8281 .column.is-4, .column.is-4-tablet { 8282 flex: none; 8283 width: 33.33333%; 8284 } 8285 .column.is-offset-4, .column.is-offset-4-tablet { 8286 margin-left: 33.33333%; 8287 } 8288 .column.is-5, .column.is-5-tablet { 8289 flex: none; 8290 width: 41.66667%; 8291 } 8292 .column.is-offset-5, .column.is-offset-5-tablet { 8293 margin-left: 41.66667%; 8294 } 8295 .column.is-6, .column.is-6-tablet { 8296 flex: none; 8297 width: 50%; 8298 } 8299 .column.is-offset-6, .column.is-offset-6-tablet { 8300 margin-left: 50%; 8301 } 8302 .column.is-7, .column.is-7-tablet { 8303 flex: none; 8304 width: 58.33333%; 8305 } 8306 .column.is-offset-7, .column.is-offset-7-tablet { 8307 margin-left: 58.33333%; 8308 } 8309 .column.is-8, .column.is-8-tablet { 8310 flex: none; 8311 width: 66.66667%; 8312 } 8313 .column.is-offset-8, .column.is-offset-8-tablet { 8314 margin-left: 66.66667%; 8315 } 8316 .column.is-9, .column.is-9-tablet { 8317 flex: none; 8318 width: 75%; 8319 } 8320 .column.is-offset-9, .column.is-offset-9-tablet { 8321 margin-left: 75%; 8322 } 8323 .column.is-10, .column.is-10-tablet { 8324 flex: none; 8325 width: 83.33333%; 8326 } 8327 .column.is-offset-10, .column.is-offset-10-tablet { 8328 margin-left: 83.33333%; 8329 } 8330 .column.is-11, .column.is-11-tablet { 8331 flex: none; 8332 width: 91.66667%; 8333 } 8334 .column.is-offset-11, .column.is-offset-11-tablet { 8335 margin-left: 91.66667%; 8336 } 8337 .column.is-12, .column.is-12-tablet { 8338 flex: none; 8339 width: 100%; 8340 } 8341 .column.is-offset-12, .column.is-offset-12-tablet { 8342 margin-left: 100%; 8343 } 8344 } 8345 8346 @media screen and (max-width: 1023px) { 8347 .column.is-narrow-touch { 8348 flex: none; 8349 } 8350 .column.is-full-touch { 8351 flex: none; 8352 width: 100%; 8353 } 8354 .column.is-three-quarters-touch { 8355 flex: none; 8356 width: 75%; 8357 } 8358 .column.is-two-thirds-touch { 8359 flex: none; 8360 width: 66.6666%; 8361 } 8362 .column.is-half-touch { 8363 flex: none; 8364 width: 50%; 8365 } 8366 .column.is-one-third-touch { 8367 flex: none; 8368 width: 33.3333%; 8369 } 8370 .column.is-one-quarter-touch { 8371 flex: none; 8372 width: 25%; 8373 } 8374 .column.is-one-fifth-touch { 8375 flex: none; 8376 width: 20%; 8377 } 8378 .column.is-two-fifths-touch { 8379 flex: none; 8380 width: 40%; 8381 } 8382 .column.is-three-fifths-touch { 8383 flex: none; 8384 width: 60%; 8385 } 8386 .column.is-four-fifths-touch { 8387 flex: none; 8388 width: 80%; 8389 } 8390 .column.is-offset-three-quarters-touch { 8391 margin-left: 75%; 8392 } 8393 .column.is-offset-two-thirds-touch { 8394 margin-left: 66.6666%; 8395 } 8396 .column.is-offset-half-touch { 8397 margin-left: 50%; 8398 } 8399 .column.is-offset-one-third-touch { 8400 margin-left: 33.3333%; 8401 } 8402 .column.is-offset-one-quarter-touch { 8403 margin-left: 25%; 8404 } 8405 .column.is-offset-one-fifth-touch { 8406 margin-left: 20%; 8407 } 8408 .column.is-offset-two-fifths-touch { 8409 margin-left: 40%; 8410 } 8411 .column.is-offset-three-fifths-touch { 8412 margin-left: 60%; 8413 } 8414 .column.is-offset-four-fifths-touch { 8415 margin-left: 80%; 8416 } 8417 .column.is-0-touch { 8418 flex: none; 8419 width: 0%; 8420 } 8421 .column.is-offset-0-touch { 8422 margin-left: 0%; 8423 } 8424 .column.is-1-touch { 8425 flex: none; 8426 width: 8.33333%; 8427 } 8428 .column.is-offset-1-touch { 8429 margin-left: 8.33333%; 8430 } 8431 .column.is-2-touch { 8432 flex: none; 8433 width: 16.66667%; 8434 } 8435 .column.is-offset-2-touch { 8436 margin-left: 16.66667%; 8437 } 8438 .column.is-3-touch { 8439 flex: none; 8440 width: 25%; 8441 } 8442 .column.is-offset-3-touch { 8443 margin-left: 25%; 8444 } 8445 .column.is-4-touch { 8446 flex: none; 8447 width: 33.33333%; 8448 } 8449 .column.is-offset-4-touch { 8450 margin-left: 33.33333%; 8451 } 8452 .column.is-5-touch { 8453 flex: none; 8454 width: 41.66667%; 8455 } 8456 .column.is-offset-5-touch { 8457 margin-left: 41.66667%; 8458 } 8459 .column.is-6-touch { 8460 flex: none; 8461 width: 50%; 8462 } 8463 .column.is-offset-6-touch { 8464 margin-left: 50%; 8465 } 8466 .column.is-7-touch { 8467 flex: none; 8468 width: 58.33333%; 8469 } 8470 .column.is-offset-7-touch { 8471 margin-left: 58.33333%; 8472 } 8473 .column.is-8-touch { 8474 flex: none; 8475 width: 66.66667%; 8476 } 8477 .column.is-offset-8-touch { 8478 margin-left: 66.66667%; 8479 } 8480 .column.is-9-touch { 8481 flex: none; 8482 width: 75%; 8483 } 8484 .column.is-offset-9-touch { 8485 margin-left: 75%; 8486 } 8487 .column.is-10-touch { 8488 flex: none; 8489 width: 83.33333%; 8490 } 8491 .column.is-offset-10-touch { 8492 margin-left: 83.33333%; 8493 } 8494 .column.is-11-touch { 8495 flex: none; 8496 width: 91.66667%; 8497 } 8498 .column.is-offset-11-touch { 8499 margin-left: 91.66667%; 8500 } 8501 .column.is-12-touch { 8502 flex: none; 8503 width: 100%; 8504 } 8505 .column.is-offset-12-touch { 8506 margin-left: 100%; 8507 } 8508 } 8509 8510 @media screen and (min-width: 1024px) { 8511 .column.is-narrow-desktop { 8512 flex: none; 8513 } 8514 .column.is-full-desktop { 8515 flex: none; 8516 width: 100%; 8517 } 8518 .column.is-three-quarters-desktop { 8519 flex: none; 8520 width: 75%; 8521 } 8522 .column.is-two-thirds-desktop { 8523 flex: none; 8524 width: 66.6666%; 8525 } 8526 .column.is-half-desktop { 8527 flex: none; 8528 width: 50%; 8529 } 8530 .column.is-one-third-desktop { 8531 flex: none; 8532 width: 33.3333%; 8533 } 8534 .column.is-one-quarter-desktop { 8535 flex: none; 8536 width: 25%; 8537 } 8538 .column.is-one-fifth-desktop { 8539 flex: none; 8540 width: 20%; 8541 } 8542 .column.is-two-fifths-desktop { 8543 flex: none; 8544 width: 40%; 8545 } 8546 .column.is-three-fifths-desktop { 8547 flex: none; 8548 width: 60%; 8549 } 8550 .column.is-four-fifths-desktop { 8551 flex: none; 8552 width: 80%; 8553 } 8554 .column.is-offset-three-quarters-desktop { 8555 margin-left: 75%; 8556 } 8557 .column.is-offset-two-thirds-desktop { 8558 margin-left: 66.6666%; 8559 } 8560 .column.is-offset-half-desktop { 8561 margin-left: 50%; 8562 } 8563 .column.is-offset-one-third-desktop { 8564 margin-left: 33.3333%; 8565 } 8566 .column.is-offset-one-quarter-desktop { 8567 margin-left: 25%; 8568 } 8569 .column.is-offset-one-fifth-desktop { 8570 margin-left: 20%; 8571 } 8572 .column.is-offset-two-fifths-desktop { 8573 margin-left: 40%; 8574 } 8575 .column.is-offset-three-fifths-desktop { 8576 margin-left: 60%; 8577 } 8578 .column.is-offset-four-fifths-desktop { 8579 margin-left: 80%; 8580 } 8581 .column.is-0-desktop { 8582 flex: none; 8583 width: 0%; 8584 } 8585 .column.is-offset-0-desktop { 8586 margin-left: 0%; 8587 } 8588 .column.is-1-desktop { 8589 flex: none; 8590 width: 8.33333%; 8591 } 8592 .column.is-offset-1-desktop { 8593 margin-left: 8.33333%; 8594 } 8595 .column.is-2-desktop { 8596 flex: none; 8597 width: 16.66667%; 8598 } 8599 .column.is-offset-2-desktop { 8600 margin-left: 16.66667%; 8601 } 8602 .column.is-3-desktop { 8603 flex: none; 8604 width: 25%; 8605 } 8606 .column.is-offset-3-desktop { 8607 margin-left: 25%; 8608 } 8609 .column.is-4-desktop { 8610 flex: none; 8611 width: 33.33333%; 8612 } 8613 .column.is-offset-4-desktop { 8614 margin-left: 33.33333%; 8615 } 8616 .column.is-5-desktop { 8617 flex: none; 8618 width: 41.66667%; 8619 } 8620 .column.is-offset-5-desktop { 8621 margin-left: 41.66667%; 8622 } 8623 .column.is-6-desktop { 8624 flex: none; 8625 width: 50%; 8626 } 8627 .column.is-offset-6-desktop { 8628 margin-left: 50%; 8629 } 8630 .column.is-7-desktop { 8631 flex: none; 8632 width: 58.33333%; 8633 } 8634 .column.is-offset-7-desktop { 8635 margin-left: 58.33333%; 8636 } 8637 .column.is-8-desktop { 8638 flex: none; 8639 width: 66.66667%; 8640 } 8641 .column.is-offset-8-desktop { 8642 margin-left: 66.66667%; 8643 } 8644 .column.is-9-desktop { 8645 flex: none; 8646 width: 75%; 8647 } 8648 .column.is-offset-9-desktop { 8649 margin-left: 75%; 8650 } 8651 .column.is-10-desktop { 8652 flex: none; 8653 width: 83.33333%; 8654 } 8655 .column.is-offset-10-desktop { 8656 margin-left: 83.33333%; 8657 } 8658 .column.is-11-desktop { 8659 flex: none; 8660 width: 91.66667%; 8661 } 8662 .column.is-offset-11-desktop { 8663 margin-left: 91.66667%; 8664 } 8665 .column.is-12-desktop { 8666 flex: none; 8667 width: 100%; 8668 } 8669 .column.is-offset-12-desktop { 8670 margin-left: 100%; 8671 } 8672 } 8673 8674 @media screen and (min-width: 1216px) { 8675 .column.is-narrow-widescreen { 8676 flex: none; 8677 } 8678 .column.is-full-widescreen { 8679 flex: none; 8680 width: 100%; 8681 } 8682 .column.is-three-quarters-widescreen { 8683 flex: none; 8684 width: 75%; 8685 } 8686 .column.is-two-thirds-widescreen { 8687 flex: none; 8688 width: 66.6666%; 8689 } 8690 .column.is-half-widescreen { 8691 flex: none; 8692 width: 50%; 8693 } 8694 .column.is-one-third-widescreen { 8695 flex: none; 8696 width: 33.3333%; 8697 } 8698 .column.is-one-quarter-widescreen { 8699 flex: none; 8700 width: 25%; 8701 } 8702 .column.is-one-fifth-widescreen { 8703 flex: none; 8704 width: 20%; 8705 } 8706 .column.is-two-fifths-widescreen { 8707 flex: none; 8708 width: 40%; 8709 } 8710 .column.is-three-fifths-widescreen { 8711 flex: none; 8712 width: 60%; 8713 } 8714 .column.is-four-fifths-widescreen { 8715 flex: none; 8716 width: 80%; 8717 } 8718 .column.is-offset-three-quarters-widescreen { 8719 margin-left: 75%; 8720 } 8721 .column.is-offset-two-thirds-widescreen { 8722 margin-left: 66.6666%; 8723 } 8724 .column.is-offset-half-widescreen { 8725 margin-left: 50%; 8726 } 8727 .column.is-offset-one-third-widescreen { 8728 margin-left: 33.3333%; 8729 } 8730 .column.is-offset-one-quarter-widescreen { 8731 margin-left: 25%; 8732 } 8733 .column.is-offset-one-fifth-widescreen { 8734 margin-left: 20%; 8735 } 8736 .column.is-offset-two-fifths-widescreen { 8737 margin-left: 40%; 8738 } 8739 .column.is-offset-three-fifths-widescreen { 8740 margin-left: 60%; 8741 } 8742 .column.is-offset-four-fifths-widescreen { 8743 margin-left: 80%; 8744 } 8745 .column.is-0-widescreen { 8746 flex: none; 8747 width: 0%; 8748 } 8749 .column.is-offset-0-widescreen { 8750 margin-left: 0%; 8751 } 8752 .column.is-1-widescreen { 8753 flex: none; 8754 width: 8.33333%; 8755 } 8756 .column.is-offset-1-widescreen { 8757 margin-left: 8.33333%; 8758 } 8759 .column.is-2-widescreen { 8760 flex: none; 8761 width: 16.66667%; 8762 } 8763 .column.is-offset-2-widescreen { 8764 margin-left: 16.66667%; 8765 } 8766 .column.is-3-widescreen { 8767 flex: none; 8768 width: 25%; 8769 } 8770 .column.is-offset-3-widescreen { 8771 margin-left: 25%; 8772 } 8773 .column.is-4-widescreen { 8774 flex: none; 8775 width: 33.33333%; 8776 } 8777 .column.is-offset-4-widescreen { 8778 margin-left: 33.33333%; 8779 } 8780 .column.is-5-widescreen { 8781 flex: none; 8782 width: 41.66667%; 8783 } 8784 .column.is-offset-5-widescreen { 8785 margin-left: 41.66667%; 8786 } 8787 .column.is-6-widescreen { 8788 flex: none; 8789 width: 50%; 8790 } 8791 .column.is-offset-6-widescreen { 8792 margin-left: 50%; 8793 } 8794 .column.is-7-widescreen { 8795 flex: none; 8796 width: 58.33333%; 8797 } 8798 .column.is-offset-7-widescreen { 8799 margin-left: 58.33333%; 8800 } 8801 .column.is-8-widescreen { 8802 flex: none; 8803 width: 66.66667%; 8804 } 8805 .column.is-offset-8-widescreen { 8806 margin-left: 66.66667%; 8807 } 8808 .column.is-9-widescreen { 8809 flex: none; 8810 width: 75%; 8811 } 8812 .column.is-offset-9-widescreen { 8813 margin-left: 75%; 8814 } 8815 .column.is-10-widescreen { 8816 flex: none; 8817 width: 83.33333%; 8818 } 8819 .column.is-offset-10-widescreen { 8820 margin-left: 83.33333%; 8821 } 8822 .column.is-11-widescreen { 8823 flex: none; 8824 width: 91.66667%; 8825 } 8826 .column.is-offset-11-widescreen { 8827 margin-left: 91.66667%; 8828 } 8829 .column.is-12-widescreen { 8830 flex: none; 8831 width: 100%; 8832 } 8833 .column.is-offset-12-widescreen { 8834 margin-left: 100%; 8835 } 8836 } 8837 8838 @media screen and (min-width: 1408px) { 8839 .column.is-narrow-fullhd { 8840 flex: none; 8841 } 8842 .column.is-full-fullhd { 8843 flex: none; 8844 width: 100%; 8845 } 8846 .column.is-three-quarters-fullhd { 8847 flex: none; 8848 width: 75%; 8849 } 8850 .column.is-two-thirds-fullhd { 8851 flex: none; 8852 width: 66.6666%; 8853 } 8854 .column.is-half-fullhd { 8855 flex: none; 8856 width: 50%; 8857 } 8858 .column.is-one-third-fullhd { 8859 flex: none; 8860 width: 33.3333%; 8861 } 8862 .column.is-one-quarter-fullhd { 8863 flex: none; 8864 width: 25%; 8865 } 8866 .column.is-one-fifth-fullhd { 8867 flex: none; 8868 width: 20%; 8869 } 8870 .column.is-two-fifths-fullhd { 8871 flex: none; 8872 width: 40%; 8873 } 8874 .column.is-three-fifths-fullhd { 8875 flex: none; 8876 width: 60%; 8877 } 8878 .column.is-four-fifths-fullhd { 8879 flex: none; 8880 width: 80%; 8881 } 8882 .column.is-offset-three-quarters-fullhd { 8883 margin-left: 75%; 8884 } 8885 .column.is-offset-two-thirds-fullhd { 8886 margin-left: 66.6666%; 8887 } 8888 .column.is-offset-half-fullhd { 8889 margin-left: 50%; 8890 } 8891 .column.is-offset-one-third-fullhd { 8892 margin-left: 33.3333%; 8893 } 8894 .column.is-offset-one-quarter-fullhd { 8895 margin-left: 25%; 8896 } 8897 .column.is-offset-one-fifth-fullhd { 8898 margin-left: 20%; 8899 } 8900 .column.is-offset-two-fifths-fullhd { 8901 margin-left: 40%; 8902 } 8903 .column.is-offset-three-fifths-fullhd { 8904 margin-left: 60%; 8905 } 8906 .column.is-offset-four-fifths-fullhd { 8907 margin-left: 80%; 8908 } 8909 .column.is-0-fullhd { 8910 flex: none; 8911 width: 0%; 8912 } 8913 .column.is-offset-0-fullhd { 8914 margin-left: 0%; 8915 } 8916 .column.is-1-fullhd { 8917 flex: none; 8918 width: 8.33333%; 8919 } 8920 .column.is-offset-1-fullhd { 8921 margin-left: 8.33333%; 8922 } 8923 .column.is-2-fullhd { 8924 flex: none; 8925 width: 16.66667%; 8926 } 8927 .column.is-offset-2-fullhd { 8928 margin-left: 16.66667%; 8929 } 8930 .column.is-3-fullhd { 8931 flex: none; 8932 width: 25%; 8933 } 8934 .column.is-offset-3-fullhd { 8935 margin-left: 25%; 8936 } 8937 .column.is-4-fullhd { 8938 flex: none; 8939 width: 33.33333%; 8940 } 8941 .column.is-offset-4-fullhd { 8942 margin-left: 33.33333%; 8943 } 8944 .column.is-5-fullhd { 8945 flex: none; 8946 width: 41.66667%; 8947 } 8948 .column.is-offset-5-fullhd { 8949 margin-left: 41.66667%; 8950 } 8951 .column.is-6-fullhd { 8952 flex: none; 8953 width: 50%; 8954 } 8955 .column.is-offset-6-fullhd { 8956 margin-left: 50%; 8957 } 8958 .column.is-7-fullhd { 8959 flex: none; 8960 width: 58.33333%; 8961 } 8962 .column.is-offset-7-fullhd { 8963 margin-left: 58.33333%; 8964 } 8965 .column.is-8-fullhd { 8966 flex: none; 8967 width: 66.66667%; 8968 } 8969 .column.is-offset-8-fullhd { 8970 margin-left: 66.66667%; 8971 } 8972 .column.is-9-fullhd { 8973 flex: none; 8974 width: 75%; 8975 } 8976 .column.is-offset-9-fullhd { 8977 margin-left: 75%; 8978 } 8979 .column.is-10-fullhd { 8980 flex: none; 8981 width: 83.33333%; 8982 } 8983 .column.is-offset-10-fullhd { 8984 margin-left: 83.33333%; 8985 } 8986 .column.is-11-fullhd { 8987 flex: none; 8988 width: 91.66667%; 8989 } 8990 .column.is-offset-11-fullhd { 8991 margin-left: 91.66667%; 8992 } 8993 .column.is-12-fullhd { 8994 flex: none; 8995 width: 100%; 8996 } 8997 .column.is-offset-12-fullhd { 8998 margin-left: 100%; 8999 } 9000 } 9001 9002 .columns { 9003 margin-left: -0.75rem; 9004 margin-right: -0.75rem; 9005 margin-top: -0.75rem; 9006 } 9007 9008 .columns:last-child { 9009 margin-bottom: -0.75rem; 9010 } 9011 9012 .columns:not(:last-child) { 9013 margin-bottom: calc(1.5rem - 0.75rem); 9014 } 9015 9016 .columns.is-centered { 9017 justify-content: center; 9018 } 9019 9020 .columns.is-gapless { 9021 margin-left: 0; 9022 margin-right: 0; 9023 margin-top: 0; 9024 } 9025 9026 .columns.is-gapless > .column { 9027 margin: 0; 9028 padding: 0 !important; 9029 } 9030 9031 .columns.is-gapless:not(:last-child) { 9032 margin-bottom: 1.5rem; 9033 } 9034 9035 .columns.is-gapless:last-child { 9036 margin-bottom: 0; 9037 } 9038 9039 .columns.is-mobile { 9040 display: flex; 9041 } 9042 9043 .columns.is-multiline { 9044 flex-wrap: wrap; 9045 } 9046 9047 .columns.is-vcentered { 9048 align-items: center; 9049 } 9050 9051 @media screen and (min-width: 769px), print { 9052 .columns:not(.is-desktop) { 9053 display: flex; 9054 } 9055 } 9056 9057 @media screen and (min-width: 1024px) { 9058 .columns.is-desktop { 9059 display: flex; 9060 } 9061 } 9062 9063 .columns.is-variable { 9064 --columnGap: 0.75rem; 9065 margin-left: calc(-1 * var(--columnGap)); 9066 margin-right: calc(-1 * var(--columnGap)); 9067 } 9068 9069 .columns.is-variable .column { 9070 padding-left: var(--columnGap); 9071 padding-right: var(--columnGap); 9072 } 9073 9074 .columns.is-variable.is-0 { 9075 --columnGap: 0rem; 9076 } 9077 9078 @media screen and (max-width: 768px) { 9079 .columns.is-variable.is-0-mobile { 9080 --columnGap: 0rem; 9081 } 9082 } 9083 9084 @media screen and (min-width: 769px), print { 9085 .columns.is-variable.is-0-tablet { 9086 --columnGap: 0rem; 9087 } 9088 } 9089 9090 @media screen and (min-width: 769px) and (max-width: 1023px) { 9091 .columns.is-variable.is-0-tablet-only { 9092 --columnGap: 0rem; 9093 } 9094 } 9095 9096 @media screen and (max-width: 1023px) { 9097 .columns.is-variable.is-0-touch { 9098 --columnGap: 0rem; 9099 } 9100 } 9101 9102 @media screen and (min-width: 1024px) { 9103 .columns.is-variable.is-0-desktop { 9104 --columnGap: 0rem; 9105 } 9106 } 9107 9108 @media screen and (min-width: 1024px) and (max-width: 1215px) { 9109 .columns.is-variable.is-0-desktop-only { 9110 --columnGap: 0rem; 9111 } 9112 } 9113 9114 @media screen and (min-width: 1216px) { 9115 .columns.is-variable.is-0-widescreen { 9116 --columnGap: 0rem; 9117 } 9118 } 9119 9120 @media screen and (min-width: 1216px) and (max-width: 1407px) { 9121 .columns.is-variable.is-0-widescreen-only { 9122 --columnGap: 0rem; 9123 } 9124 } 9125 9126 @media screen and (min-width: 1408px) { 9127 .columns.is-variable.is-0-fullhd { 9128 --columnGap: 0rem; 9129 } 9130 } 9131 9132 .columns.is-variable.is-1 { 9133 --columnGap: 0.25rem; 9134 } 9135 9136 @media screen and (max-width: 768px) { 9137 .columns.is-variable.is-1-mobile { 9138 --columnGap: 0.25rem; 9139 } 9140 } 9141 9142 @media screen and (min-width: 769px), print { 9143 .columns.is-variable.is-1-tablet { 9144 --columnGap: 0.25rem; 9145 } 9146 } 9147 9148 @media screen and (min-width: 769px) and (max-width: 1023px) { 9149 .columns.is-variable.is-1-tablet-only { 9150 --columnGap: 0.25rem; 9151 } 9152 } 9153 9154 @media screen and (max-width: 1023px) { 9155 .columns.is-variable.is-1-touch { 9156 --columnGap: 0.25rem; 9157 } 9158 } 9159 9160 @media screen and (min-width: 1024px) { 9161 .columns.is-variable.is-1-desktop { 9162 --columnGap: 0.25rem; 9163 } 9164 } 9165 9166 @media screen and (min-width: 1024px) and (max-width: 1215px) { 9167 .columns.is-variable.is-1-desktop-only { 9168 --columnGap: 0.25rem; 9169 } 9170 } 9171 9172 @media screen and (min-width: 1216px) { 9173 .columns.is-variable.is-1-widescreen { 9174 --columnGap: 0.25rem; 9175 } 9176 } 9177 9178 @media screen and (min-width: 1216px) and (max-width: 1407px) { 9179 .columns.is-variable.is-1-widescreen-only { 9180 --columnGap: 0.25rem; 9181 } 9182 } 9183 9184 @media screen and (min-width: 1408px) { 9185 .columns.is-variable.is-1-fullhd { 9186 --columnGap: 0.25rem; 9187 } 9188 } 9189 9190 .columns.is-variable.is-2 { 9191 --columnGap: 0.5rem; 9192 } 9193 9194 @media screen and (max-width: 768px) { 9195 .columns.is-variable.is-2-mobile { 9196 --columnGap: 0.5rem; 9197 } 9198 } 9199 9200 @media screen and (min-width: 769px), print { 9201 .columns.is-variable.is-2-tablet { 9202 --columnGap: 0.5rem; 9203 } 9204 } 9205 9206 @media screen and (min-width: 769px) and (max-width: 1023px) { 9207 .columns.is-variable.is-2-tablet-only { 9208 --columnGap: 0.5rem; 9209 } 9210 } 9211 9212 @media screen and (max-width: 1023px) { 9213 .columns.is-variable.is-2-touch { 9214 --columnGap: 0.5rem; 9215 } 9216 } 9217 9218 @media screen and (min-width: 1024px) { 9219 .columns.is-variable.is-2-desktop { 9220 --columnGap: 0.5rem; 9221 } 9222 } 9223 9224 @media screen and (min-width: 1024px) and (max-width: 1215px) { 9225 .columns.is-variable.is-2-desktop-only { 9226 --columnGap: 0.5rem; 9227 } 9228 } 9229 9230 @media screen and (min-width: 1216px) { 9231 .columns.is-variable.is-2-widescreen { 9232 --columnGap: 0.5rem; 9233 } 9234 } 9235 9236 @media screen and (min-width: 1216px) and (max-width: 1407px) { 9237 .columns.is-variable.is-2-widescreen-only { 9238 --columnGap: 0.5rem; 9239 } 9240 } 9241 9242 @media screen and (min-width: 1408px) { 9243 .columns.is-variable.is-2-fullhd { 9244 --columnGap: 0.5rem; 9245 } 9246 } 9247 9248 .columns.is-variable.is-3 { 9249 --columnGap: 0.75rem; 9250 } 9251 9252 @media screen and (max-width: 768px) { 9253 .columns.is-variable.is-3-mobile { 9254 --columnGap: 0.75rem; 9255 } 9256 } 9257 9258 @media screen and (min-width: 769px), print { 9259 .columns.is-variable.is-3-tablet { 9260 --columnGap: 0.75rem; 9261 } 9262 } 9263 9264 @media screen and (min-width: 769px) and (max-width: 1023px) { 9265 .columns.is-variable.is-3-tablet-only { 9266 --columnGap: 0.75rem; 9267 } 9268 } 9269 9270 @media screen and (max-width: 1023px) { 9271 .columns.is-variable.is-3-touch { 9272 --columnGap: 0.75rem; 9273 } 9274 } 9275 9276 @media screen and (min-width: 1024px) { 9277 .columns.is-variable.is-3-desktop { 9278 --columnGap: 0.75rem; 9279 } 9280 } 9281 9282 @media screen and (min-width: 1024px) and (max-width: 1215px) { 9283 .columns.is-variable.is-3-desktop-only { 9284 --columnGap: 0.75rem; 9285 } 9286 } 9287 9288 @media screen and (min-width: 1216px) { 9289 .columns.is-variable.is-3-widescreen { 9290 --columnGap: 0.75rem; 9291 } 9292 } 9293 9294 @media screen and (min-width: 1216px) and (max-width: 1407px) { 9295 .columns.is-variable.is-3-widescreen-only { 9296 --columnGap: 0.75rem; 9297 } 9298 } 9299 9300 @media screen and (min-width: 1408px) { 9301 .columns.is-variable.is-3-fullhd { 9302 --columnGap: 0.75rem; 9303 } 9304 } 9305 9306 .columns.is-variable.is-4 { 9307 --columnGap: 1rem; 9308 } 9309 9310 @media screen and (max-width: 768px) { 9311 .columns.is-variable.is-4-mobile { 9312 --columnGap: 1rem; 9313 } 9314 } 9315 9316 @media screen and (min-width: 769px), print { 9317 .columns.is-variable.is-4-tablet { 9318 --columnGap: 1rem; 9319 } 9320 } 9321 9322 @media screen and (min-width: 769px) and (max-width: 1023px) { 9323 .columns.is-variable.is-4-tablet-only { 9324 --columnGap: 1rem; 9325 } 9326 } 9327 9328 @media screen and (max-width: 1023px) { 9329 .columns.is-variable.is-4-touch { 9330 --columnGap: 1rem; 9331 } 9332 } 9333 9334 @media screen and (min-width: 1024px) { 9335 .columns.is-variable.is-4-desktop { 9336 --columnGap: 1rem; 9337 } 9338 } 9339 9340 @media screen and (min-width: 1024px) and (max-width: 1215px) { 9341 .columns.is-variable.is-4-desktop-only { 9342 --columnGap: 1rem; 9343 } 9344 } 9345 9346 @media screen and (min-width: 1216px) { 9347 .columns.is-variable.is-4-widescreen { 9348 --columnGap: 1rem; 9349 } 9350 } 9351 9352 @media screen and (min-width: 1216px) and (max-width: 1407px) { 9353 .columns.is-variable.is-4-widescreen-only { 9354 --columnGap: 1rem; 9355 } 9356 } 9357 9358 @media screen and (min-width: 1408px) { 9359 .columns.is-variable.is-4-fullhd { 9360 --columnGap: 1rem; 9361 } 9362 } 9363 9364 .columns.is-variable.is-5 { 9365 --columnGap: 1.25rem; 9366 } 9367 9368 @media screen and (max-width: 768px) { 9369 .columns.is-variable.is-5-mobile { 9370 --columnGap: 1.25rem; 9371 } 9372 } 9373 9374 @media screen and (min-width: 769px), print { 9375 .columns.is-variable.is-5-tablet { 9376 --columnGap: 1.25rem; 9377 } 9378 } 9379 9380 @media screen and (min-width: 769px) and (max-width: 1023px) { 9381 .columns.is-variable.is-5-tablet-only { 9382 --columnGap: 1.25rem; 9383 } 9384 } 9385 9386 @media screen and (max-width: 1023px) { 9387 .columns.is-variable.is-5-touch { 9388 --columnGap: 1.25rem; 9389 } 9390 } 9391 9392 @media screen and (min-width: 1024px) { 9393 .columns.is-variable.is-5-desktop { 9394 --columnGap: 1.25rem; 9395 } 9396 } 9397 9398 @media screen and (min-width: 1024px) and (max-width: 1215px) { 9399 .columns.is-variable.is-5-desktop-only { 9400 --columnGap: 1.25rem; 9401 } 9402 } 9403 9404 @media screen and (min-width: 1216px) { 9405 .columns.is-variable.is-5-widescreen { 9406 --columnGap: 1.25rem; 9407 } 9408 } 9409 9410 @media screen and (min-width: 1216px) and (max-width: 1407px) { 9411 .columns.is-variable.is-5-widescreen-only { 9412 --columnGap: 1.25rem; 9413 } 9414 } 9415 9416 @media screen and (min-width: 1408px) { 9417 .columns.is-variable.is-5-fullhd { 9418 --columnGap: 1.25rem; 9419 } 9420 } 9421 9422 .columns.is-variable.is-6 { 9423 --columnGap: 1.5rem; 9424 } 9425 9426 @media screen and (max-width: 768px) { 9427 .columns.is-variable.is-6-mobile { 9428 --columnGap: 1.5rem; 9429 } 9430 } 9431 9432 @media screen and (min-width: 769px), print { 9433 .columns.is-variable.is-6-tablet { 9434 --columnGap: 1.5rem; 9435 } 9436 } 9437 9438 @media screen and (min-width: 769px) and (max-width: 1023px) { 9439 .columns.is-variable.is-6-tablet-only { 9440 --columnGap: 1.5rem; 9441 } 9442 } 9443 9444 @media screen and (max-width: 1023px) { 9445 .columns.is-variable.is-6-touch { 9446 --columnGap: 1.5rem; 9447 } 9448 } 9449 9450 @media screen and (min-width: 1024px) { 9451 .columns.is-variable.is-6-desktop { 9452 --columnGap: 1.5rem; 9453 } 9454 } 9455 9456 @media screen and (min-width: 1024px) and (max-width: 1215px) { 9457 .columns.is-variable.is-6-desktop-only { 9458 --columnGap: 1.5rem; 9459 } 9460 } 9461 9462 @media screen and (min-width: 1216px) { 9463 .columns.is-variable.is-6-widescreen { 9464 --columnGap: 1.5rem; 9465 } 9466 } 9467 9468 @media screen and (min-width: 1216px) and (max-width: 1407px) { 9469 .columns.is-variable.is-6-widescreen-only { 9470 --columnGap: 1.5rem; 9471 } 9472 } 9473 9474 @media screen and (min-width: 1408px) { 9475 .columns.is-variable.is-6-fullhd { 9476 --columnGap: 1.5rem; 9477 } 9478 } 9479 9480 .columns.is-variable.is-7 { 9481 --columnGap: 1.75rem; 9482 } 9483 9484 @media screen and (max-width: 768px) { 9485 .columns.is-variable.is-7-mobile { 9486 --columnGap: 1.75rem; 9487 } 9488 } 9489 9490 @media screen and (min-width: 769px), print { 9491 .columns.is-variable.is-7-tablet { 9492 --columnGap: 1.75rem; 9493 } 9494 } 9495 9496 @media screen and (min-width: 769px) and (max-width: 1023px) { 9497 .columns.is-variable.is-7-tablet-only { 9498 --columnGap: 1.75rem; 9499 } 9500 } 9501 9502 @media screen and (max-width: 1023px) { 9503 .columns.is-variable.is-7-touch { 9504 --columnGap: 1.75rem; 9505 } 9506 } 9507 9508 @media screen and (min-width: 1024px) { 9509 .columns.is-variable.is-7-desktop { 9510 --columnGap: 1.75rem; 9511 } 9512 } 9513 9514 @media screen and (min-width: 1024px) and (max-width: 1215px) { 9515 .columns.is-variable.is-7-desktop-only { 9516 --columnGap: 1.75rem; 9517 } 9518 } 9519 9520 @media screen and (min-width: 1216px) { 9521 .columns.is-variable.is-7-widescreen { 9522 --columnGap: 1.75rem; 9523 } 9524 } 9525 9526 @media screen and (min-width: 1216px) and (max-width: 1407px) { 9527 .columns.is-variable.is-7-widescreen-only { 9528 --columnGap: 1.75rem; 9529 } 9530 } 9531 9532 @media screen and (min-width: 1408px) { 9533 .columns.is-variable.is-7-fullhd { 9534 --columnGap: 1.75rem; 9535 } 9536 } 9537 9538 .columns.is-variable.is-8 { 9539 --columnGap: 2rem; 9540 } 9541 9542 @media screen and (max-width: 768px) { 9543 .columns.is-variable.is-8-mobile { 9544 --columnGap: 2rem; 9545 } 9546 } 9547 9548 @media screen and (min-width: 769px), print { 9549 .columns.is-variable.is-8-tablet { 9550 --columnGap: 2rem; 9551 } 9552 } 9553 9554 @media screen and (min-width: 769px) and (max-width: 1023px) { 9555 .columns.is-variable.is-8-tablet-only { 9556 --columnGap: 2rem; 9557 } 9558 } 9559 9560 @media screen and (max-width: 1023px) { 9561 .columns.is-variable.is-8-touch { 9562 --columnGap: 2rem; 9563 } 9564 } 9565 9566 @media screen and (min-width: 1024px) { 9567 .columns.is-variable.is-8-desktop { 9568 --columnGap: 2rem; 9569 } 9570 } 9571 9572 @media screen and (min-width: 1024px) and (max-width: 1215px) { 9573 .columns.is-variable.is-8-desktop-only { 9574 --columnGap: 2rem; 9575 } 9576 } 9577 9578 @media screen and (min-width: 1216px) { 9579 .columns.is-variable.is-8-widescreen { 9580 --columnGap: 2rem; 9581 } 9582 } 9583 9584 @media screen and (min-width: 1216px) and (max-width: 1407px) { 9585 .columns.is-variable.is-8-widescreen-only { 9586 --columnGap: 2rem; 9587 } 9588 } 9589 9590 @media screen and (min-width: 1408px) { 9591 .columns.is-variable.is-8-fullhd { 9592 --columnGap: 2rem; 9593 } 9594 } 9595 9596 .tile { 9597 align-items: stretch; 9598 display: block; 9599 flex-basis: 0; 9600 flex-grow: 1; 9601 flex-shrink: 1; 9602 min-height: -webkit-min-content; 9603 min-height: -moz-min-content; 9604 min-height: min-content; 9605 } 9606 9607 .tile.is-ancestor { 9608 margin-left: -0.75rem; 9609 margin-right: -0.75rem; 9610 margin-top: -0.75rem; 9611 } 9612 9613 .tile.is-ancestor:last-child { 9614 margin-bottom: -0.75rem; 9615 } 9616 9617 .tile.is-ancestor:not(:last-child) { 9618 margin-bottom: 0.75rem; 9619 } 9620 9621 .tile.is-child { 9622 margin: 0 !important; 9623 } 9624 9625 .tile.is-parent { 9626 padding: 0.75rem; 9627 } 9628 9629 .tile.is-vertical { 9630 flex-direction: column; 9631 } 9632 9633 .tile.is-vertical > .tile.is-child:not(:last-child) { 9634 margin-bottom: 1.5rem !important; 9635 } 9636 9637 @media screen and (min-width: 769px), print { 9638 .tile:not(.is-child) { 9639 display: flex; 9640 } 9641 .tile.is-1 { 9642 flex: none; 9643 width: 8.33333%; 9644 } 9645 .tile.is-2 { 9646 flex: none; 9647 width: 16.66667%; 9648 } 9649 .tile.is-3 { 9650 flex: none; 9651 width: 25%; 9652 } 9653 .tile.is-4 { 9654 flex: none; 9655 width: 33.33333%; 9656 } 9657 .tile.is-5 { 9658 flex: none; 9659 width: 41.66667%; 9660 } 9661 .tile.is-6 { 9662 flex: none; 9663 width: 50%; 9664 } 9665 .tile.is-7 { 9666 flex: none; 9667 width: 58.33333%; 9668 } 9669 .tile.is-8 { 9670 flex: none; 9671 width: 66.66667%; 9672 } 9673 .tile.is-9 { 9674 flex: none; 9675 width: 75%; 9676 } 9677 .tile.is-10 { 9678 flex: none; 9679 width: 83.33333%; 9680 } 9681 .tile.is-11 { 9682 flex: none; 9683 width: 91.66667%; 9684 } 9685 .tile.is-12 { 9686 flex: none; 9687 width: 100%; 9688 } 9689 } 9690 9691 .hero { 9692 align-items: stretch; 9693 display: flex; 9694 flex-direction: column; 9695 justify-content: space-between; 9696 } 9697 9698 .hero .navbar { 9699 background: none; 9700 } 9701 9702 .hero .tabs ul { 9703 border-bottom: none; 9704 } 9705 9706 .hero.is-white { 9707 background-color: white; 9708 color: #0a0a0a; 9709 } 9710 9711 .hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), 9712 .hero.is-white strong { 9713 color: inherit; 9714 } 9715 9716 .hero.is-white .title { 9717 color: #0a0a0a; 9718 } 9719 9720 .hero.is-white .subtitle { 9721 color: rgba(10, 10, 10, 0.9); 9722 } 9723 9724 .hero.is-white .subtitle a:not(.button), 9725 .hero.is-white .subtitle strong { 9726 color: #0a0a0a; 9727 } 9728 9729 @media screen and (max-width: 1023px) { 9730 .hero.is-white .navbar-menu { 9731 background-color: white; 9732 } 9733 } 9734 9735 .hero.is-white .navbar-item, 9736 .hero.is-white .navbar-link { 9737 color: rgba(10, 10, 10, 0.7); 9738 } 9739 9740 .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, 9741 .hero.is-white .navbar-link:hover, 9742 .hero.is-white .navbar-link.is-active { 9743 background-color: #f2f2f2; 9744 color: #0a0a0a; 9745 } 9746 9747 .hero.is-white .tabs a { 9748 color: #0a0a0a; 9749 opacity: 0.9; 9750 } 9751 9752 .hero.is-white .tabs a:hover { 9753 opacity: 1; 9754 } 9755 9756 .hero.is-white .tabs li.is-active a { 9757 opacity: 1; 9758 } 9759 9760 .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { 9761 color: #0a0a0a; 9762 } 9763 9764 .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { 9765 background-color: rgba(10, 10, 10, 0.1); 9766 } 9767 9768 .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { 9769 background-color: #0a0a0a; 9770 border-color: #0a0a0a; 9771 color: white; 9772 } 9773 9774 .hero.is-white.is-bold { 9775 background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); 9776 } 9777 9778 @media screen and (max-width: 768px) { 9779 .hero.is-white.is-bold .navbar-menu { 9780 background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); 9781 } 9782 } 9783 9784 .hero.is-black { 9785 background-color: #0a0a0a; 9786 color: white; 9787 } 9788 9789 .hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), 9790 .hero.is-black strong { 9791 color: inherit; 9792 } 9793 9794 .hero.is-black .title { 9795 color: white; 9796 } 9797 9798 .hero.is-black .subtitle { 9799 color: rgba(255, 255, 255, 0.9); 9800 } 9801 9802 .hero.is-black .subtitle a:not(.button), 9803 .hero.is-black .subtitle strong { 9804 color: white; 9805 } 9806 9807 @media screen and (max-width: 1023px) { 9808 .hero.is-black .navbar-menu { 9809 background-color: #0a0a0a; 9810 } 9811 } 9812 9813 .hero.is-black .navbar-item, 9814 .hero.is-black .navbar-link { 9815 color: rgba(255, 255, 255, 0.7); 9816 } 9817 9818 .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, 9819 .hero.is-black .navbar-link:hover, 9820 .hero.is-black .navbar-link.is-active { 9821 background-color: black; 9822 color: white; 9823 } 9824 9825 .hero.is-black .tabs a { 9826 color: white; 9827 opacity: 0.9; 9828 } 9829 9830 .hero.is-black .tabs a:hover { 9831 opacity: 1; 9832 } 9833 9834 .hero.is-black .tabs li.is-active a { 9835 opacity: 1; 9836 } 9837 9838 .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { 9839 color: white; 9840 } 9841 9842 .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { 9843 background-color: rgba(10, 10, 10, 0.1); 9844 } 9845 9846 .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { 9847 background-color: white; 9848 border-color: white; 9849 color: #0a0a0a; 9850 } 9851 9852 .hero.is-black.is-bold { 9853 background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); 9854 } 9855 9856 @media screen and (max-width: 768px) { 9857 .hero.is-black.is-bold .navbar-menu { 9858 background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); 9859 } 9860 } 9861 9862 .hero.is-light { 9863 background-color: whitesmoke; 9864 color: #363636; 9865 } 9866 9867 .hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), 9868 .hero.is-light strong { 9869 color: inherit; 9870 } 9871 9872 .hero.is-light .title { 9873 color: #363636; 9874 } 9875 9876 .hero.is-light .subtitle { 9877 color: rgba(54, 54, 54, 0.9); 9878 } 9879 9880 .hero.is-light .subtitle a:not(.button), 9881 .hero.is-light .subtitle strong { 9882 color: #363636; 9883 } 9884 9885 @media screen and (max-width: 1023px) { 9886 .hero.is-light .navbar-menu { 9887 background-color: whitesmoke; 9888 } 9889 } 9890 9891 .hero.is-light .navbar-item, 9892 .hero.is-light .navbar-link { 9893 color: rgba(54, 54, 54, 0.7); 9894 } 9895 9896 .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, 9897 .hero.is-light .navbar-link:hover, 9898 .hero.is-light .navbar-link.is-active { 9899 background-color: #e8e8e8; 9900 color: #363636; 9901 } 9902 9903 .hero.is-light .tabs a { 9904 color: #363636; 9905 opacity: 0.9; 9906 } 9907 9908 .hero.is-light .tabs a:hover { 9909 opacity: 1; 9910 } 9911 9912 .hero.is-light .tabs li.is-active a { 9913 opacity: 1; 9914 } 9915 9916 .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { 9917 color: #363636; 9918 } 9919 9920 .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { 9921 background-color: rgba(10, 10, 10, 0.1); 9922 } 9923 9924 .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { 9925 background-color: #363636; 9926 border-color: #363636; 9927 color: whitesmoke; 9928 } 9929 9930 .hero.is-light.is-bold { 9931 background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); 9932 } 9933 9934 @media screen and (max-width: 768px) { 9935 .hero.is-light.is-bold .navbar-menu { 9936 background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); 9937 } 9938 } 9939 9940 .hero.is-dark { 9941 background-color: #363636; 9942 color: whitesmoke; 9943 } 9944 9945 .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), 9946 .hero.is-dark strong { 9947 color: inherit; 9948 } 9949 9950 .hero.is-dark .title { 9951 color: whitesmoke; 9952 } 9953 9954 .hero.is-dark .subtitle { 9955 color: rgba(245, 245, 245, 0.9); 9956 } 9957 9958 .hero.is-dark .subtitle a:not(.button), 9959 .hero.is-dark .subtitle strong { 9960 color: whitesmoke; 9961 } 9962 9963 @media screen and (max-width: 1023px) { 9964 .hero.is-dark .navbar-menu { 9965 background-color: #363636; 9966 } 9967 } 9968 9969 .hero.is-dark .navbar-item, 9970 .hero.is-dark .navbar-link { 9971 color: rgba(245, 245, 245, 0.7); 9972 } 9973 9974 .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, 9975 .hero.is-dark .navbar-link:hover, 9976 .hero.is-dark .navbar-link.is-active { 9977 background-color: #292929; 9978 color: whitesmoke; 9979 } 9980 9981 .hero.is-dark .tabs a { 9982 color: whitesmoke; 9983 opacity: 0.9; 9984 } 9985 9986 .hero.is-dark .tabs a:hover { 9987 opacity: 1; 9988 } 9989 9990 .hero.is-dark .tabs li.is-active a { 9991 opacity: 1; 9992 } 9993 9994 .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { 9995 color: whitesmoke; 9996 } 9997 9998 .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { 9999 background-color: rgba(10, 10, 10, 0.1); 10000 } 10001 10002 .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 .tabs.is-toggle li.is-active a:hover { 10003 background-color: whitesmoke; 10004 border-color: whitesmoke; 10005 color: #363636; 10006 } 10007 10008 .hero.is-dark.is-bold { 10009 background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); 10010 } 10011 10012 @media screen and (max-width: 768px) { 10013 .hero.is-dark.is-bold .navbar-menu { 10014 background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); 10015 } 10016 } 10017 10018 .hero.is-primary { 10019 background-color: #00d1b2; 10020 color: #fff; 10021 } 10022 10023 .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), 10024 .hero.is-primary strong { 10025 color: inherit; 10026 } 10027 10028 .hero.is-primary .title { 10029 color: #fff; 10030 } 10031 10032 .hero.is-primary .subtitle { 10033 color: rgba(255, 255, 255, 0.9); 10034 } 10035 10036 .hero.is-primary .subtitle a:not(.button), 10037 .hero.is-primary .subtitle strong { 10038 color: #fff; 10039 } 10040 10041 @media screen and (max-width: 1023px) { 10042 .hero.is-primary .navbar-menu { 10043 background-color: #00d1b2; 10044 } 10045 } 10046 10047 .hero.is-primary .navbar-item, 10048 .hero.is-primary .navbar-link { 10049 color: rgba(255, 255, 255, 0.7); 10050 } 10051 10052 .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, 10053 .hero.is-primary .navbar-link:hover, 10054 .hero.is-primary .navbar-link.is-active { 10055 background-color: #00b89c; 10056 color: #fff; 10057 } 10058 10059 .hero.is-primary .tabs a { 10060 color: #fff; 10061 opacity: 0.9; 10062 } 10063 10064 .hero.is-primary .tabs a:hover { 10065 opacity: 1; 10066 } 10067 10068 .hero.is-primary .tabs li.is-active a { 10069 opacity: 1; 10070 } 10071 10072 .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { 10073 color: #fff; 10074 } 10075 10076 .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { 10077 background-color: rgba(10, 10, 10, 0.1); 10078 } 10079 10080 .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 { 10081 background-color: #fff; 10082 border-color: #fff; 10083 color: #00d1b2; 10084 } 10085 10086 .hero.is-primary.is-bold { 10087 background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); 10088 } 10089 10090 @media screen and (max-width: 768px) { 10091 .hero.is-primary.is-bold .navbar-menu { 10092 background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); 10093 } 10094 } 10095 10096 .hero.is-link { 10097 background-color: #3273dc; 10098 color: #fff; 10099 } 10100 10101 .hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), 10102 .hero.is-link strong { 10103 color: inherit; 10104 } 10105 10106 .hero.is-link .title { 10107 color: #fff; 10108 } 10109 10110 .hero.is-link .subtitle { 10111 color: rgba(255, 255, 255, 0.9); 10112 } 10113 10114 .hero.is-link .subtitle a:not(.button), 10115 .hero.is-link .subtitle strong { 10116 color: #fff; 10117 } 10118 10119 @media screen and (max-width: 1023px) { 10120 .hero.is-link .navbar-menu { 10121 background-color: #3273dc; 10122 } 10123 } 10124 10125 .hero.is-link .navbar-item, 10126 .hero.is-link .navbar-link { 10127 color: rgba(255, 255, 255, 0.7); 10128 } 10129 10130 .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, 10131 .hero.is-link .navbar-link:hover, 10132 .hero.is-link .navbar-link.is-active { 10133 background-color: #2366d1; 10134 color: #fff; 10135 } 10136 10137 .hero.is-link .tabs a { 10138 color: #fff; 10139 opacity: 0.9; 10140 } 10141 10142 .hero.is-link .tabs a:hover { 10143 opacity: 1; 10144 } 10145 10146 .hero.is-link .tabs li.is-active a { 10147 opacity: 1; 10148 } 10149 10150 .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { 10151 color: #fff; 10152 } 10153 10154 .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { 10155 background-color: rgba(10, 10, 10, 0.1); 10156 } 10157 10158 .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { 10159 background-color: #fff; 10160 border-color: #fff; 10161 color: #3273dc; 10162 } 10163 10164 .hero.is-link.is-bold { 10165 background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); 10166 } 10167 10168 @media screen and (max-width: 768px) { 10169 .hero.is-link.is-bold .navbar-menu { 10170 background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); 10171 } 10172 } 10173 10174 .hero.is-info { 10175 background-color: #209cee; 10176 color: #fff; 10177 } 10178 10179 .hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), 10180 .hero.is-info strong { 10181 color: inherit; 10182 } 10183 10184 .hero.is-info .title { 10185 color: #fff; 10186 } 10187 10188 .hero.is-info .subtitle { 10189 color: rgba(255, 255, 255, 0.9); 10190 } 10191 10192 .hero.is-info .subtitle a:not(.button), 10193 .hero.is-info .subtitle strong { 10194 color: #fff; 10195 } 10196 10197 @media screen and (max-width: 1023px) { 10198 .hero.is-info .navbar-menu { 10199 background-color: #209cee; 10200 } 10201 } 10202 10203 .hero.is-info .navbar-item, 10204 .hero.is-info .navbar-link { 10205 color: rgba(255, 255, 255, 0.7); 10206 } 10207 10208 .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, 10209 .hero.is-info .navbar-link:hover, 10210 .hero.is-info .navbar-link.is-active { 10211 background-color: #118fe4; 10212 color: #fff; 10213 } 10214 10215 .hero.is-info .tabs a { 10216 color: #fff; 10217 opacity: 0.9; 10218 } 10219 10220 .hero.is-info .tabs a:hover { 10221 opacity: 1; 10222 } 10223 10224 .hero.is-info .tabs li.is-active a { 10225 opacity: 1; 10226 } 10227 10228 .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { 10229 color: #fff; 10230 } 10231 10232 .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { 10233 background-color: rgba(10, 10, 10, 0.1); 10234 } 10235 10236 .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 .tabs.is-toggle li.is-active a:hover { 10237 background-color: #fff; 10238 border-color: #fff; 10239 color: #209cee; 10240 } 10241 10242 .hero.is-info.is-bold { 10243 background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); 10244 } 10245 10246 @media screen and (max-width: 768px) { 10247 .hero.is-info.is-bold .navbar-menu { 10248 background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); 10249 } 10250 } 10251 10252 .hero.is-success { 10253 background-color: #23d160; 10254 color: #fff; 10255 } 10256 10257 .hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), 10258 .hero.is-success strong { 10259 color: inherit; 10260 } 10261 10262 .hero.is-success .title { 10263 color: #fff; 10264 } 10265 10266 .hero.is-success .subtitle { 10267 color: rgba(255, 255, 255, 0.9); 10268 } 10269 10270 .hero.is-success .subtitle a:not(.button), 10271 .hero.is-success .subtitle strong { 10272 color: #fff; 10273 } 10274 10275 @media screen and (max-width: 1023px) { 10276 .hero.is-success .navbar-menu { 10277 background-color: #23d160; 10278 } 10279 } 10280 10281 .hero.is-success .navbar-item, 10282 .hero.is-success .navbar-link { 10283 color: rgba(255, 255, 255, 0.7); 10284 } 10285 10286 .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, 10287 .hero.is-success .navbar-link:hover, 10288 .hero.is-success .navbar-link.is-active { 10289 background-color: #20bc56; 10290 color: #fff; 10291 } 10292 10293 .hero.is-success .tabs a { 10294 color: #fff; 10295 opacity: 0.9; 10296 } 10297 10298 .hero.is-success .tabs a:hover { 10299 opacity: 1; 10300 } 10301 10302 .hero.is-success .tabs li.is-active a { 10303 opacity: 1; 10304 } 10305 10306 .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { 10307 color: #fff; 10308 } 10309 10310 .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { 10311 background-color: rgba(10, 10, 10, 0.1); 10312 } 10313 10314 .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 { 10315 background-color: #fff; 10316 border-color: #fff; 10317 color: #23d160; 10318 } 10319 10320 .hero.is-success.is-bold { 10321 background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); 10322 } 10323 10324 @media screen and (max-width: 768px) { 10325 .hero.is-success.is-bold .navbar-menu { 10326 background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); 10327 } 10328 } 10329 10330 .hero.is-warning { 10331 background-color: #ffdd57; 10332 color: rgba(0, 0, 0, 0.7); 10333 } 10334 10335 .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), 10336 .hero.is-warning strong { 10337 color: inherit; 10338 } 10339 10340 .hero.is-warning .title { 10341 color: rgba(0, 0, 0, 0.7); 10342 } 10343 10344 .hero.is-warning .subtitle { 10345 color: rgba(0, 0, 0, 0.9); 10346 } 10347 10348 .hero.is-warning .subtitle a:not(.button), 10349 .hero.is-warning .subtitle strong { 10350 color: rgba(0, 0, 0, 0.7); 10351 } 10352 10353 @media screen and (max-width: 1023px) { 10354 .hero.is-warning .navbar-menu { 10355 background-color: #ffdd57; 10356 } 10357 } 10358 10359 .hero.is-warning .navbar-item, 10360 .hero.is-warning .navbar-link { 10361 color: rgba(0, 0, 0, 0.7); 10362 } 10363 10364 .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, 10365 .hero.is-warning .navbar-link:hover, 10366 .hero.is-warning .navbar-link.is-active { 10367 background-color: #ffd83d; 10368 color: rgba(0, 0, 0, 0.7); 10369 } 10370 10371 .hero.is-warning .tabs a { 10372 color: rgba(0, 0, 0, 0.7); 10373 opacity: 0.9; 10374 } 10375 10376 .hero.is-warning .tabs a:hover { 10377 opacity: 1; 10378 } 10379 10380 .hero.is-warning .tabs li.is-active a { 10381 opacity: 1; 10382 } 10383 10384 .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { 10385 color: rgba(0, 0, 0, 0.7); 10386 } 10387 10388 .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { 10389 background-color: rgba(10, 10, 10, 0.1); 10390 } 10391 10392 .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 { 10393 background-color: rgba(0, 0, 0, 0.7); 10394 border-color: rgba(0, 0, 0, 0.7); 10395 color: #ffdd57; 10396 } 10397 10398 .hero.is-warning.is-bold { 10399 background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); 10400 } 10401 10402 @media screen and (max-width: 768px) { 10403 .hero.is-warning.is-bold .navbar-menu { 10404 background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); 10405 } 10406 } 10407 10408 .hero.is-danger { 10409 background-color: #ff3860; 10410 color: #fff; 10411 } 10412 10413 .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), 10414 .hero.is-danger strong { 10415 color: inherit; 10416 } 10417 10418 .hero.is-danger .title { 10419 color: #fff; 10420 } 10421 10422 .hero.is-danger .subtitle { 10423 color: rgba(255, 255, 255, 0.9); 10424 } 10425 10426 .hero.is-danger .subtitle a:not(.button), 10427 .hero.is-danger .subtitle strong { 10428 color: #fff; 10429 } 10430 10431 @media screen and (max-width: 1023px) { 10432 .hero.is-danger .navbar-menu { 10433 background-color: #ff3860; 10434 } 10435 } 10436 10437 .hero.is-danger .navbar-item, 10438 .hero.is-danger .navbar-link { 10439 color: rgba(255, 255, 255, 0.7); 10440 } 10441 10442 .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, 10443 .hero.is-danger .navbar-link:hover, 10444 .hero.is-danger .navbar-link.is-active { 10445 background-color: #ff1f4b; 10446 color: #fff; 10447 } 10448 10449 .hero.is-danger .tabs a { 10450 color: #fff; 10451 opacity: 0.9; 10452 } 10453 10454 .hero.is-danger .tabs a:hover { 10455 opacity: 1; 10456 } 10457 10458 .hero.is-danger .tabs li.is-active a { 10459 opacity: 1; 10460 } 10461 10462 .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { 10463 color: #fff; 10464 } 10465 10466 .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { 10467 background-color: rgba(10, 10, 10, 0.1); 10468 } 10469 10470 .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-danger .tabs.is-toggle li.is-active a:hover { 10471 background-color: #fff; 10472 border-color: #fff; 10473 color: #ff3860; 10474 } 10475 10476 .hero.is-danger.is-bold { 10477 background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); 10478 } 10479 10480 @media screen and (max-width: 768px) { 10481 .hero.is-danger.is-bold .navbar-menu { 10482 background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); 10483 } 10484 } 10485 10486 .hero.is-small .hero-body { 10487 padding-bottom: 1.5rem; 10488 padding-top: 1.5rem; 10489 } 10490 10491 @media screen and (min-width: 769px), print { 10492 .hero.is-medium .hero-body { 10493 padding-bottom: 9rem; 10494 padding-top: 9rem; 10495 } 10496 } 10497 10498 @media screen and (min-width: 769px), print { 10499 .hero.is-large .hero-body { 10500 padding-bottom: 18rem; 10501 padding-top: 18rem; 10502 } 10503 } 10504 10505 .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body { 10506 align-items: center; 10507 display: flex; 10508 } 10509 10510 .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container { 10511 flex-grow: 1; 10512 flex-shrink: 1; 10513 } 10514 10515 .hero.is-halfheight { 10516 min-height: 50vh; 10517 } 10518 10519 .hero.is-fullheight { 10520 min-height: 100vh; 10521 } 10522 10523 .hero-video { 10524 overflow: hidden; 10525 } 10526 10527 .hero-video video { 10528 left: 50%; 10529 min-height: 100%; 10530 min-width: 100%; 10531 position: absolute; 10532 top: 50%; 10533 -webkit-transform: translate3d(-50%, -50%, 0); 10534 transform: translate3d(-50%, -50%, 0); 10535 } 10536 10537 .hero-video.is-transparent { 10538 opacity: 0.3; 10539 } 10540 10541 @media screen and (max-width: 768px) { 10542 .hero-video { 10543 display: none; 10544 } 10545 } 10546 10547 .hero-buttons { 10548 margin-top: 1.5rem; 10549 } 10550 10551 @media screen and (max-width: 768px) { 10552 .hero-buttons .button { 10553 display: flex; 10554 } 10555 .hero-buttons .button:not(:last-child) { 10556 margin-bottom: 0.75rem; 10557 } 10558 } 10559 10560 @media screen and (min-width: 769px), print { 10561 .hero-buttons { 10562 display: flex; 10563 justify-content: center; 10564 } 10565 .hero-buttons .button:not(:last-child) { 10566 margin-right: 1.5rem; 10567 } 10568 } 10569 10570 .hero-head, 10571 .hero-foot { 10572 flex-grow: 0; 10573 flex-shrink: 0; 10574 } 10575 10576 .hero-body { 10577 flex-grow: 1; 10578 flex-shrink: 0; 10579 padding: 3rem 1.5rem; 10580 } 10581 10582 .section { 10583 padding: 3rem 1.5rem; 10584 } 10585 10586 @media screen and (min-width: 1024px) { 10587 .section.is-medium { 10588 padding: 9rem 1.5rem; 10589 } 10590 .section.is-large { 10591 padding: 18rem 1.5rem; 10592 } 10593 } 10594 10595 .footer { 10596 background-color: #fafafa; 10597 padding: 3rem 1.5rem 6rem; 10598 } 10599 /*# sourceMappingURL=bulma.css.map */