You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

9703 lines
186 KiB

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