You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@aries.apache.org by cs...@apache.org on 2019/07/20 18:33:48 UTC
[aries-site] branch master updated: Initial site template by fpapon
This is an automated email from the ASF dual-hosted git repository.
cschneider pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/aries-site.git
The following commit(s) were added to refs/heads/master by this push:
new 32c9d89 Initial site template by fpapon
32c9d89 is described below
commit 32c9d89d595cdb4409c6c2886c15555f98cb850d
Author: François Papon <fp...@apache.org>
AuthorDate: Sat Jul 20 20:33:44 2019 +0200
Initial site template by fpapon
* Initial Jekyll site template
* Add Bulma theme base
* Add idea files in gitignore
* Clean idea files
* Add README build and installaton instructions
* Add remote theme config for publishing as a github pages site
* Change base url
* Fix base url
* Update menu and footer
---
.gitignore | 7 +
404.html | 24 +
Gemfile | 12 +
Readme.md | 51 +-
_config.yml | 69 +
_data/example_tabs.yml | 16 +
_data/footer_menu.yml | 12 +
_data/menu.yml | 61 +
_data/navigation.yml | 98 +
_data/reviews/ABC123.yml | 14 +
_data/reviews/ABC124.yml | 14 +
_includes/footer-scripts.html | 1 +
_includes/footer.html | 25 +
_includes/google-analytics.html | 8 +
_includes/head-scripts.html | 1 +
_includes/head.html | 12 +
_includes/header.html | 36 +
_includes/hero.html | 8 +
_includes/latest-posts.html | 12 +
_includes/menubar.html | 21 +
_includes/pagination.html | 23 +
_includes/post-card.html | 16 +
_includes/rating.html | 14 +
_includes/review.html | 27 +
_includes/tabs.html | 18 +
_layouts/blog.html | 19 +
_layouts/default.html | 34 +
_layouts/page.html | 7 +
_layouts/post.html | 16 +
_layouts/product-category.html | 42 +
_layouts/product.html | 61 +
_posts/2018-10-11-test3.md | 12 +
_posts/2018-10-12-test2.md | 17 +
_posts/2018-10-13-test.md | 17 +
_products/product1.md | 23 +
_products/product2.md | 22 +
_products/product3.md | 21 +
_sass/_layout.scss | 11 +
_sass/_main.scss | 12 +
_sass/syntax.scss | 209 +
assets/css/app.scss | 5 +
assets/js/app.js | 25 +
blog/index.html | 5 +
bulma-clean-theme.gemspec | 25 +
index.md | 50 +
node_modules/bulma/CHANGELOG.md | 1254 +++
node_modules/bulma/LICENSE | 21 +
node_modules/bulma/README.md | 124 +
node_modules/bulma/bulma.sass | 9 +
node_modules/bulma/css/bulma.css | 10599 +++++++++++++++++++
node_modules/bulma/css/bulma.css.map | 1 +
node_modules/bulma/css/bulma.min.css | 1 +
node_modules/bulma/package.json | 52 +
node_modules/bulma/sass/base/_all.sass | 5 +
node_modules/bulma/sass/base/generic.sass | 142 +
node_modules/bulma/sass/base/helpers.sass | 281 +
node_modules/bulma/sass/base/minireset.sass | 85 +
node_modules/bulma/sass/components/_all.sass | 15 +
node_modules/bulma/sass/components/breadcrumb.sass | 75 +
node_modules/bulma/sass/components/card.sass | 79 +
node_modules/bulma/sass/components/dropdown.sass | 81 +
node_modules/bulma/sass/components/level.sass | 77 +
node_modules/bulma/sass/components/list.sass | 39 +
node_modules/bulma/sass/components/media.sass | 48 +
node_modules/bulma/sass/components/menu.sass | 57 +
node_modules/bulma/sass/components/message.sass | 87 +
node_modules/bulma/sass/components/modal.sass | 113 +
node_modules/bulma/sass/components/navbar.sass | 443 +
node_modules/bulma/sass/components/pagination.sass | 149 +
node_modules/bulma/sass/components/panel.sass | 103 +
node_modules/bulma/sass/components/tabs.sass | 151 +
node_modules/bulma/sass/elements/_all.sass | 15 +
node_modules/bulma/sass/elements/box.sass | 24 +
node_modules/bulma/sass/elements/button.sass | 305 +
node_modules/bulma/sass/elements/container.sass | 23 +
node_modules/bulma/sass/elements/content.sass | 155 +
node_modules/bulma/sass/elements/form.sass | 1 +
node_modules/bulma/sass/elements/icon.sass | 21 +
node_modules/bulma/sass/elements/image.sass | 69 +
node_modules/bulma/sass/elements/notification.sass | 35 +
node_modules/bulma/sass/elements/other.sass | 39 +
node_modules/bulma/sass/elements/progress.sass | 67 +
node_modules/bulma/sass/elements/table.sass | 127 +
node_modules/bulma/sass/elements/tag.sass | 121 +
node_modules/bulma/sass/elements/title.sass | 70 +
node_modules/bulma/sass/form/_all.sass | 8 +
node_modules/bulma/sass/form/checkbox-radio.sass | 21 +
node_modules/bulma/sass/form/file.sass | 180 +
node_modules/bulma/sass/form/input-textarea.sass | 60 +
node_modules/bulma/sass/form/select.sass | 85 +
node_modules/bulma/sass/form/shared.sass | 55 +
node_modules/bulma/sass/form/tools.sass | 205 +
node_modules/bulma/sass/grid/_all.sass | 4 +
node_modules/bulma/sass/grid/columns.sass | 504 +
node_modules/bulma/sass/grid/tiles.sass | 34 +
node_modules/bulma/sass/layout/_all.sass | 5 +
node_modules/bulma/sass/layout/footer.sass | 9 +
node_modules/bulma/sass/layout/hero.sass | 143 +
node_modules/bulma/sass/layout/section.sass | 13 +
node_modules/bulma/sass/utilities/_all.sass | 8 +
node_modules/bulma/sass/utilities/animations.sass | 5 +
node_modules/bulma/sass/utilities/controls.sass | 50 +
.../bulma/sass/utilities/derived-variables.sass | 85 +
node_modules/bulma/sass/utilities/functions.sass | 62 +
.../bulma/sass/utilities/initial-variables.sass | 76 +
node_modules/bulma/sass/utilities/mixins.sass | 261 +
page-1.md | 17 +
page-2.md | 17 +
page-3.md | 69 +
page-4.md | 60 +
page-5.md | 21 +
products.md | 9 +
112 files changed, 18461 insertions(+), 1 deletion(-)
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..8236b64
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,7 @@
+_site
+.sass-cache
+.jekyll-metadata
+*.gem
+.bundle
+Gemfile.lock
+.idea
diff --git a/404.html b/404.html
new file mode 100644
index 0000000..c472b4e
--- /dev/null
+++ b/404.html
@@ -0,0 +1,24 @@
+---
+layout: default
+---
+
+<style type="text/css" media="screen">
+ .container {
+ margin: 10px auto;
+ max-width: 600px;
+ text-align: center;
+ }
+ h1 {
+ margin: 30px 0;
+ font-size: 4em;
+ line-height: 1;
+ letter-spacing: -1px;
+ }
+</style>
+
+<div class="container">
+ <h1>404</h1>
+
+ <p><strong>Page not found :(</strong></p>
+ <p>The requested page could not be found.</p>
+</div>
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..9313e6c
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+source "https://rubygems.org"
+gemspec
+
+group :jekyll_plugins do
+ gem "jekyll-feed", "~> 0.6"
+ gem "jekyll-sitemap"
+ gem "jekyll-paginate"
+ gem "jekyll-seo-tag"
+end
+
diff --git a/Readme.md b/Readme.md
index 3b2b59f..72a3871 100644
--- a/Readme.md
+++ b/Readme.md
@@ -1 +1,50 @@
-# Aries website
+# Apache Aries Website
+
+This project contains the Apache Aries website.
+
+## Contribute
+
+The concrete repository is on the Apache gitbox but if you want to contribute, you have to clone the Github repository which is a mirror and provide a pull request with your changes. You can find more informations about how to contribute on the community page of the project (http://aries.apache.org/community/gettinginvolved.html).
+
+Clone:
+
+```
+git clone https://github.com/apache/aries-site.git
+```
+
+## Prerequisites
+
+The website generator used is [Jekyyl](https://jekyllrb.com).
+
+* Install a fully Ruby environment: https://jekyllrb.com/docs/installation/
+* Install Jekyyl:
+
+```
+gem install jekyll bundler
+```
+
+The website theme used is [Bulma](http://www.csrhymes.com/bulma-clean-theme/).
+
+The first time, you have to install Bulma theme files.
+Go into the project root directory and execute:
+```
+bundle install
+```
+
+## Build
+
+Clean up the project:
+```
+bundle exec jekyll clean
+```
+
+Start a local server in development mode:
+```
+bundle exec jekyll serve
+```
+
+Build for deployment production:
+```
+bundle exec jekyll build
+```
+
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..59a8b9a
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,69 @@
+# Site Settings
+title: Apache Aries
+tagline: Apache Aries Project
+email: dev@aries.apache.org
+description: >
+ The Aries project consists of a set of pluggable Java components enabling an enterprise OSGi application programming model.
+baseurl: "/aries-site"
+url: ""
+permalink: pretty
+
+remote_theme: chrisrhymes/bulma-clean-theme
+
+paginate: 5
+paginate_path: "/blog/page:num"
+
+plugins:
+ - jekyll-sitemap
+ - jekyll-paginate
+ - jekyll-feed
+ - jekyll-seo-tag
+ - kramdown
+ - rouge
+
+exclude:
+ - Gemfile
+ - clean-theme.gemspec
+ - Gemfile.lock
+ - node_modules
+ - vendor/bundle/
+ - vendor/cache/
+ - vendor/gems/
+ - vendor/ruby/
+
+livereload: true
+
+sass:
+ style: compressed
+ source_dir: _sass
+
+#google_analytics: UA-code-here
+
+defaults:
+ -
+ scope:
+ path: ""
+ type: "pages"
+ values:
+ show_sidebar: true
+ -
+ scope:
+ path: ""
+ type: "posts"
+ values:
+ author: "C.S. Rhymes"
+ layout: post
+ image: https://via.placeholder.com/1200x800
+ show_sidebar: false
+
+markdown: kramdown
+highlighter: rouge
+
+footer_menu: footer_menu
+
+collections:
+ products:
+ output: true
+ layout: product
+ image: https://via.placeholder.com/800x600
+ show_sidebar: false
diff --git a/_data/example_tabs.yml b/_data/example_tabs.yml
new file mode 100644
index 0000000..636e8fc
--- /dev/null
+++ b/_data/example_tabs.yml
@@ -0,0 +1,16 @@
+alignment: is-left
+style: is-boxed
+size: is-large
+items:
+ - name: Tabs
+ link: /page-4/
+ icon: fa-smile-wink
+ - name: Sidebar
+ link: /page-1/
+ icon: fa-angle-double-right
+ - name: No Sidebar
+ link: /page-2/
+ icon: fa-ellipsis-v
+ - name: Menubar
+ link: /page-3/
+ icon: fa-bars
\ No newline at end of file
diff --git a/_data/footer_menu.yml b/_data/footer_menu.yml
new file mode 100644
index 0000000..551885a
--- /dev/null
+++ b/_data/footer_menu.yml
@@ -0,0 +1,12 @@
+- name: Privacy Policy
+ link: /privacy-policy/
+- name: Apache Events
+ link: https://www.apache.org/events/current-event.html
+- name: Licenses
+ link: https://www.apache.org/licenses/
+- name: Security
+ link: https://www.apache.org/security/
+- name: Sponsorship
+ link: https://www.apache.org/foundation/sponsorship.html
+- name: Thanks
+ link: https://www.apache.org/foundation/thanks.html
diff --git a/_data/menu.yml b/_data/menu.yml
new file mode 100644
index 0000000..be2922e
--- /dev/null
+++ b/_data/menu.yml
@@ -0,0 +1,61 @@
+- label: Example Menu
+ items:
+ - name: Home
+ link: /
+ - name: Documentation
+ link: #
+ items:
+ - name: Integrators guide
+ link: /documentation/integrators-guide.html
+ - name: Articles
+ link: /documentation/articles.html
+ - name: Slides
+ link: /documentation/slides.html
+ - name: Tutorials
+ link: /documentation/tutorials.html
+ - name: Tools
+ link: /documentation/tools.html
+ - name: Modules
+ link: #
+ items:
+ - name: Samples
+ link: /modules/samples.html
+ - name: Asynchronous Services
+ link: /modules/async-svcs.html
+ - name: Blueprint
+ link: /modules/blueprint.html
+ - name: Blueprint-maven-plugin
+ link: /modules/blueprint-maven-plugin.html
+ - name: Blueprint Annotations
+ link: /modules/blueprintannotation.html
+ - name: Blueprint No-OSGi
+ link: /modules/blueprintnoosgi.html
+ - name: Blueprint Web
+ link: /modules/blueprintweb.html
+ - name: Containers
+ link: /modules/containers.html
+ - name: ESA Ant Task
+ link: /modules/esaanttask.html
+ - name: EBA Maven Plugin
+ link: /modules/ebamavenpluginproject.html
+ - name: ESA Maven Plugin
+ link: /modules/esamavenpluginproject.html
+ - name: JMX
+ link: /modules/jmx.html
+ - name: JNDI
+ link: /modules/jndiproject.html
+ - name: JPA
+ link: /modules/jpaproject.html
+ - name: Transaction Control Service
+ link: /modules/transactioncontrol.html
+ - name: Transactions
+ link: /modules/transactionsproject.html
+ - name: Remote Service Admin (RSA)
+ link: /modules/rsa.html
+ - name: SPI Fly
+ link: /modules/spi-fly.html
+ - name: Subsystems
+ link: /modules/subsystems.html
+ - name: Applications (obsolete)
+ link: /modules/applications.html
+
diff --git a/_data/navigation.yml b/_data/navigation.yml
new file mode 100644
index 0000000..d25f7ca
--- /dev/null
+++ b/_data/navigation.yml
@@ -0,0 +1,98 @@
+- name: Documentation
+ link: #
+ dropdown:
+ - name: Integrators guide
+ link: /documentation/integrators-guide.html
+ - name: Articles
+ link: /documentation/articles.html
+ - name: Slides
+ link: /documentation/slides.html
+ - name: Tutorials
+ link: /documentation/tutorials.html
+ - name: Tools
+ link: /documentation/tools.html
+- name: Modules
+ link: #
+ dropdown:
+ - name: Samples
+ link: /modules/samples.html
+ - name: Asynchronous Services
+ link: /modules/async-svcs.html
+ - name: Blueprint
+ link: /modules/blueprint.html
+ - name: Blueprint-maven-plugin
+ link: /modules/blueprint-maven-plugin.html
+ - name: Blueprint Annotations
+ link: /modules/blueprintannotation.html
+ - name: Blueprint No-OSGi
+ link: /modules/blueprintnoosgi.html
+ - name: Blueprint Web
+ link: /modules/blueprintweb.html
+ - name: Containers
+ link: /modules/containers.html
+ - name: ESA Ant Task
+ link: /modules/esaanttask.html
+ - name: EBA Maven Plugin
+ link: /modules/ebamavenpluginproject.html
+ - name: ESA Maven Plugin
+ link: /modules/esamavenpluginproject.html
+ - name: JMX
+ link: /modules/jmx.html
+ - name: JNDI
+ link: /modules/jndiproject.html
+ - name: JPA
+ link: /modules/jpaproject.html
+ - name: Transaction Control Service
+ link: /modules/transactioncontrol.html
+ - name: Transactions
+ link: /modules/transactionsproject.html
+ - name: Remote Service Admin (RSA)
+ link: /modules/rsa.html
+ - name: SPI Fly
+ link: /modules/spi-fly.html
+ - name: Subsystems
+ link: /modules/subsystems.html
+ - name: Applications (obsolete)
+ link: /modules/applications.html
+- name: Downloads
+ link: #
+ dropdown:
+ - name: Current Releases
+ link: /downloads/currentreleases.html
+ - name: Compliance Tests
+ link: /downloads/testresults.html
+ - name: Archived Releases
+ link: /downloads/archived-releases.html
+- name: Community
+ link: #
+ dropdown:
+ - name: Community Resources
+ link: /community/resources.html
+ - name: Getting Involved
+ link: /community/gettinginvolved.html
+ - name: Board Reports
+ link: /community/boardreports.html
+ - name: Logos for Users
+ link: /community/logos.html
+- name: Development
+ link: #
+ dropdown:
+ - name: Building Aries
+ link: /development/buildingaries.html
+ - name: Coding Guidelines
+ link: /development/guidelines.html
+ - name: Architecture
+ link: /development/architecture.html
+ - name: Releasing Aries
+ link: /development/releasingaries.html
+ - name: OSGi Compliance Tests
+ link: /development/compliancetesting.html
+ - name: Web Site Maintenance
+ link: /development/maintainingthewebpages.html
+- name: Sponsorship
+ link: #
+ dropdown:
+ - name: Thanks
+ link: http://www.apache.org/foundation/thanks.html
+ - name: Sponsoring Apache
+ link: http://www.apache.org/foundation/sponsorship.html
diff --git a/_data/reviews/ABC123.yml b/_data/reviews/ABC123.yml
new file mode 100644
index 0000000..23ed50e
--- /dev/null
+++ b/_data/reviews/ABC123.yml
@@ -0,0 +1,14 @@
+- name: Mr Example
+ rating: 4
+ title: Great product, highly recommended
+ date: 01/01/2019
+ avatar: https://bulma.io/images/placeholders/128x128.png
+ description: >
+ The product worked really well. I would recommend this to most people to use. Delivery was quick and reasonable.
+ Would recommend this to my friends.
+- name: Mrs R E View
+ rating: 5
+ title: Nice, really liked this
+ date: 02/02/2019
+ description: >
+ The product worked exactly as described.
\ No newline at end of file
diff --git a/_data/reviews/ABC124.yml b/_data/reviews/ABC124.yml
new file mode 100644
index 0000000..7371dcd
--- /dev/null
+++ b/_data/reviews/ABC124.yml
@@ -0,0 +1,14 @@
+- name: Mr E Xample
+ rating: 4
+ title: Great product, highly recommended!
+ date: 01/01/2019
+ avatar: https://bulma.io/images/placeholders/128x128.png
+ description: >
+ The product worked really well. I would recommend this to most people to use. Delivery was quick and reasonable.
+ Would recommend this to my friends.
+- name: Mrs R E View
+ rating: 5
+ title: Nice, really liked this
+ date: 02/02/2019
+ description: >
+ The product worked exactly as described.
\ No newline at end of file
diff --git a/_includes/footer-scripts.html b/_includes/footer-scripts.html
new file mode 100644
index 0000000..e2b2d9e
--- /dev/null
+++ b/_includes/footer-scripts.html
@@ -0,0 +1 @@
+<!-- footer scripts -->
\ No newline at end of file
diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..0ba0e3c
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,25 @@
+<footer class="footer">
+ <div class="container">
+
+ {% if site.footer_menu %}
+ <div class="columns is-multiline">
+ {% for item in site.data[site.footer_menu] %}
+ <div class="column has-text-centered">
+ <div>
+ <a href="{{ item.link | prepend: site.baseurl }}" class="link">{{ item.name }}</a>
+ </div>
+ </div>
+ {% endfor %}
+ </div>
+ {% endif %}
+ <div>
+ <a href="http://www.apache.org/events/current-event.html">
+ <img src="http://www.apache.org/events/current-event-125x125.png" width="125" height="125"/>
+ </a>
+ </div>
+ <div class="content is-small has-text-centered">
+ <p class="">Apache Aries, Aries, Apache, the Apache feather logo, and the Apache Aries project logo are trademarks of The Apache Software Foundation.</p>
+ <p class="">Theme built by <a href="https://www.csrhymes.com">C.S. Rhymes</a></p>
+ </div>
+ </div>
+</footer>
diff --git a/_includes/google-analytics.html b/_includes/google-analytics.html
new file mode 100644
index 0000000..5098a8d
--- /dev/null
+++ b/_includes/google-analytics.html
@@ -0,0 +1,8 @@
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+<script>
+ window['ga-disable-{{ site.google_analytics }}'] = window.doNotTrack === "1" || navigator.doNotTrack === "1" || navigator.doNotTrack === "yes" || navigator.msDoNotTrack === "1";
+ window.dataLayer = window.dataLayer || [];
+ function gtag(){dataLayer.push(arguments);}
+ gtag('js', new Date());
+ gtag('config', '{{ site.google_analytics }}');
+</script>
\ No newline at end of file
diff --git a/_includes/head-scripts.html b/_includes/head-scripts.html
new file mode 100644
index 0000000..ddb24e8
--- /dev/null
+++ b/_includes/head-scripts.html
@@ -0,0 +1 @@
+<!-- head scripts -->
\ No newline at end of file
diff --git a/_includes/head.html b/_includes/head.html
new file mode 100644
index 0000000..21196af
--- /dev/null
+++ b/_includes/head.html
@@ -0,0 +1,12 @@
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <title>{{ page.title }} - {{ site.title }}</title>
+ <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/app.css">
+ <script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
+ {% seo %}
+ {%- if site.google_analytics -%}
+ {%- include google-analytics.html -%}
+ {%- endif -%}
+ {%- include head-scripts.html -%}
+</head>
\ No newline at end of file
diff --git a/_includes/header.html b/_includes/header.html
new file mode 100644
index 0000000..bbaa126
--- /dev/null
+++ b/_includes/header.html
@@ -0,0 +1,36 @@
+
+<nav class="navbar is-primary" >
+ <div class="container">
+ <div class="navbar-brand">
+ <a href="{{ site.baseurl }}/" class="navbar-item">
+ {{ site.title }}
+ </a>
+ <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navMenu">
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ <span aria-hidden="true"></span>
+ </a>
+ </div>
+ <div class="navbar-menu" id="navMenu">
+ <div class="navbar-start">
+ <a href="{{ site.baseurl }}/" class="navbar-item {% if page.url == "/" %}is-active{% endif %}">Home</a>
+ {% if site.data.navigation %}
+ {% for item in site.data.navigation %}
+ {% if item.dropdown %}
+ <div class="navbar-item has-dropdown is-hoverable">
+ <a href="{{ item.link | prepend: site.baseurl }}" class="navbar-link {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
+ <div class="navbar-dropdown">
+ {% for subitem in item.dropdown %}
+ <a href="{{ subitem.link | prepend: site.baseurl }}" class="navbar-item {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a>
+ {% endfor %}
+ </div>
+ </div>
+ {% else %}
+ <a href="{{ item.link | prepend: site.baseurl }}" class="navbar-item {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
+ {% endif %}
+ {% endfor %}
+ {% endif %}
+ </div>
+ </div>
+ </div>
+</nav>
diff --git a/_includes/hero.html b/_includes/hero.html
new file mode 100644
index 0000000..d7c93cb
--- /dev/null
+++ b/_includes/hero.html
@@ -0,0 +1,8 @@
+<section class="hero {% if page.hero_height %} {{ page.hero_height }} {% else %} is-medium {% endif %} is-bold is-primary" {% if page.hero_image %} style="background: url('{{ page.hero_image }}') no-repeat center center; background-size: cover;" {% endif %}>
+ <div class="hero-body">
+ <div class="container">
+ <p class="title is-2">{{ page.title }}</p>
+ <p class="subtitle is-3">{{ page.subtitle }}</p>
+ </div>
+ </div>
+</section>
\ No newline at end of file
diff --git a/_includes/latest-posts.html b/_includes/latest-posts.html
new file mode 100644
index 0000000..8fe28c4
--- /dev/null
+++ b/_includes/latest-posts.html
@@ -0,0 +1,12 @@
+<p class="title is-4">Latest News</p>
+
+<div class="columns is-multiline">
+ {% for post in site.posts limit:3 %}
+ <div class="column is-12">
+ {% include post-card.html %}
+ </div>
+ {% endfor %}
+</div>
+
+
+
diff --git a/_includes/menubar.html b/_includes/menubar.html
new file mode 100644
index 0000000..8beb838
--- /dev/null
+++ b/_includes/menubar.html
@@ -0,0 +1,21 @@
+{% assign menus = site.data.[page.menubar] %}
+
+<aside class="menu">
+{% for menu in menus %}
+ <p class="menu-label">{{ menu.label }}</p>
+ <ul class="menu-list">
+ {% for item in menu.items %}
+ <li>
+ <a href="{{ item.link | prepend: site.baseurl }}" class="{% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
+ {% if item.items %}
+ <ul>
+ {% for subitem in item.items %}
+ <li><a href="{{ subitem.link | prepend: site.baseurl }}" class="{% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a></li>
+ {% endfor %}
+ </ul>
+ {% endif %}
+ </li>
+ {% endfor %}
+ </ul>
+{% endfor %}
+</aside>
\ No newline at end of file
diff --git a/_includes/pagination.html b/_includes/pagination.html
new file mode 100644
index 0000000..570fdb7
--- /dev/null
+++ b/_includes/pagination.html
@@ -0,0 +1,23 @@
+<nav class="pagination is-centered">
+ {% if paginator.previous_page %}
+ <a href="{{ site.baseurl }}{{ paginator.previous_page_path }}" class="pagination-previous is-info">Previous</a>
+ {% else %}
+ <p class="pagination-previous" disabled>Previous</p>
+ {% endif %}
+ {% if paginator.next_page %}
+ <a href="{{ site.baseurl }}{{ paginator.next_page_path }}" class="pagination-next is-info">Next</a>
+ {% else %}
+ <p class="pagination-next" disabled >Next</p>
+ {% endif %}
+ <ul class="pagination-list">
+ {% for page in (1..paginator.total_pages) %}
+ {% if page == paginator.page %}
+ <li><a class="pagination-link is-current">{{ page }}</a></li>
+ {% elsif page == 1 %}
+ <li><a href="{{ paginator.previous_page_path | prepend: site.baseurl | replace: '//', '/' }}" class="pagination-link">{{ page }}</a></li>
+ {% else %}
+ <li><a href="{{ site.paginate_path | prepend: site.baseurl | replace: '//', '/' | replace: ':num', page }}" class="pagination-link">{{ page }}</a></li>
+ {% endif %}
+ {% endfor %}
+ </ul>
+</nav>
\ No newline at end of file
diff --git a/_includes/post-card.html b/_includes/post-card.html
new file mode 100644
index 0000000..cb05dd7
--- /dev/null
+++ b/_includes/post-card.html
@@ -0,0 +1,16 @@
+<div class="card">
+ <div class="card-content">
+ <div class="content">
+ {% if post.image %}
+ <a class="title is-4" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
+ {% endif %}
+ <p>{{ post.excerpt }}</p>
+ </div>
+ <div class="has-text-centered">
+ <a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary">Read more</a>
+ </div>
+ </div>
+ <footer class="card-footer">
+ <p class="card-footer-item">Published: {{ post.date | date: "%b %-d, %Y" }}</p>
+ </footer>
+</div>
diff --git a/_includes/rating.html b/_includes/rating.html
new file mode 100644
index 0000000..f3a0e8c
--- /dev/null
+++ b/_includes/rating.html
@@ -0,0 +1,14 @@
+
+ <div class="content {% if include.align %} {{ include.align }} {% else %} has-text-centered {% endif %}">
+ {% for num in (1..include.rating) %}
+ <span class="icon">
+ <i class="fas fa-star"></i>
+ </span>
+ {% endfor %}
+ {% assign remainder = 5 | minus: include.rating %}
+ {% for num in (1..remainder) %}
+ <span class="icon">
+ <i class="far fa-star"></i>
+ </span>
+ {% endfor %}
+ </div>
diff --git a/_includes/review.html b/_includes/review.html
new file mode 100644
index 0000000..dcc33f0
--- /dev/null
+++ b/_includes/review.html
@@ -0,0 +1,27 @@
+<article class="media">
+ <figure class="media-left">
+ {% if review.avatar %}
+ <p class="image is-48x48">
+ <img src="https://bulma.io/images/placeholders/128x128.png">
+ </p>
+ {% else %}
+ <div class="icon is-large">
+ <i class="fas fa-user fa-2x"></i>
+ </div>
+ {% endif %}
+ </figure>
+ <div class="media-content">
+ <div class="content">
+ <p>
+ <strong>{{ review.name }}</strong> <small>{{ review.date }}</small>
+ <br>
+ {{ review.title }}
+ <br>
+ {{ review.description }}
+ </p>
+ </div>
+ {% if review.rating %}
+ {% include rating.html rating=review.rating align="has-text-left" %}
+ {% endif %}
+ </div>
+ </article>
\ No newline at end of file
diff --git a/_includes/tabs.html b/_includes/tabs.html
new file mode 100644
index 0000000..b397696
--- /dev/null
+++ b/_includes/tabs.html
@@ -0,0 +1,18 @@
+{% if page.tabs %}
+{% assign tabs = site.data.[page.tabs] %}
+
+<div class="tabs {% if tabs.size %}{{ tabs.size }}{% endif %} {% if tabs.alignment %}{{ tabs.alignment }}{% endif %} {% if tabs.style %}{{ tabs.style }}{% endif %}">
+ <ul>
+ {% for tab in tabs.items %}
+ <li {% if tab.link == page.url %} class="is-active" {% endif %}>
+ <a href="{{ tab.link | prepend: site.baseurl }}">
+ {% if tab.icon %}
+ <span class="icon is-small"><i class="fas {{ tab.icon }}" aria-hidden="true"></i></span>
+ {% endif %}
+ <span>{{ tab.name }}</span>
+ </a>
+ </li>
+ {% endfor %}
+ </ul>
+ </div>
+ {% endif %}
\ No newline at end of file
diff --git a/_layouts/blog.html b/_layouts/blog.html
new file mode 100644
index 0000000..4496b92
--- /dev/null
+++ b/_layouts/blog.html
@@ -0,0 +1,19 @@
+---
+layout: default
+---
+
+{{ content }}
+
+<div class="columns is-multiline">
+ <div class="column is-12">
+ {% include pagination.html %}
+ </div>
+ {% for post in paginator.posts %}
+ <div class="column is-12">
+ {% include post-card.html %}
+ </div>
+ {% endfor %}
+ <div class="column is-12">
+ {% include pagination.html %}
+ </div>
+</div>
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
new file mode 100644
index 0000000..6415419
--- /dev/null
+++ b/_layouts/default.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+ {% include head.html %}
+ <body>
+ {% include header.html %}
+ {% include hero.html %}
+ <section class="section">
+ <div class="container">
+ <div class="columns is-multiline">
+ {% if page.menubar %}
+ <div class="column is-4-desktop is-4-tablet">
+ {% include menubar.html %}
+ </div>
+ {% endif %}
+ <div class="column">
+ {% include tabs.html %}
+ {{ content }}
+ </div>
+ {% if site.posts and page.show_sidebar %}
+ <div class="column is-4-desktop is-12-tablet">
+ {% include latest-posts.html %}
+ </div>
+ {% endif %}
+ </div>
+ </div>
+ </section>
+ {% unless page.hide_footer %}
+ {% include footer.html %}
+ {% endunless %}
+ <script src="{{ site.baseurl }}/assets/js/app.js" type="text/javascript"></script>
+ {%- include footer-scripts.html -%}
+ </body>
+</html>
+
diff --git a/_layouts/page.html b/_layouts/page.html
new file mode 100644
index 0000000..7d722ac
--- /dev/null
+++ b/_layouts/page.html
@@ -0,0 +1,7 @@
+---
+layout: default
+---
+
+<div class="content">
+ {{ content }}
+</div>
\ No newline at end of file
diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100644
index 0000000..807dd99
--- /dev/null
+++ b/_layouts/post.html
@@ -0,0 +1,16 @@
+---
+layout: default
+---
+
+<div class="content">
+
+ <p>Published: {{ page.date | date: "%b %-d, %Y" }} by {{ page.author }}</p>
+
+ {{ content }}
+</div>
+
+<div class="tags">
+ {% for tag in page.tags %}
+ <span class="tag is-primary">{{ tag }}</span>
+ {% endfor %}
+</div>
diff --git a/_layouts/product-category.html b/_layouts/product-category.html
new file mode 100644
index 0000000..519eaba
--- /dev/null
+++ b/_layouts/product-category.html
@@ -0,0 +1,42 @@
+---
+layout: default
+show_sidebar: false
+---
+
+<div class="columns is-multiline">
+
+ <div class="column is-12">
+ {{ page.content }}
+ </div>
+
+ {% assign sorted_products = site.products | sort:page.sort %}
+
+ {% for product in sorted_products %}
+ <div class="column is-4-desktop is-6-tablet">
+
+ <a href="{{ product.url | prepend: site.baseurl }}">
+
+ <div class="card">
+
+ {% if product.image %}
+ <div class="card-image">
+ <figure class="image is-4by3">
+ <img src="{{ product.image }}" alt="{{ product.title }}" />
+ </figure>
+ </div>
+ {% endif %}
+ <div class="card-content">
+
+ <p class="title is-4">{{ product.title }}</h2>
+ <p class="subtitle is-4">{{ product.subtitle }}</p>
+ <p class="title is-5 has-text-right">{{ product.price }}</p>
+
+ </div>
+ </div>
+
+ </a>
+
+ </div>
+{% endfor %}
+</div>
+
diff --git a/_layouts/product.html b/_layouts/product.html
new file mode 100644
index 0000000..3121b95
--- /dev/null
+++ b/_layouts/product.html
@@ -0,0 +1,61 @@
+---
+layout: default
+---
+
+<div class="columns is-multiline">
+
+ <div class="column is-6">
+ <figure class="image is-4by3">
+ <img src="{{ page.image }}" />
+ </figure>
+ </div>
+
+ <div class="column is-6">
+ <p class="title is-3">{{ page.title }}</p>
+ <p class="subtitle is-3">{{ page.subtitle }}</p>
+ <p class="title is-4 has-text-right">{{ page.price }}</p>
+ {% if page.product_code %}
+ <p class="subtitle is-5 has-text-right">{{ page.product_code }}</p>
+ {% endif %}
+
+ {% if page.rating %}
+ {% include rating.html rating=page.rating %}
+ {% endif %}
+
+ {% if page.features %}
+ <div class="content">
+ {% for feature in page.features %}
+ <p>
+ <span class="icon">
+ {% if feature.icon %}
+ <i class="fas {{ feature.icon }}"></i>
+ {% else %}
+ <i class="fas fa-circle fa-xs"></i>
+ {% endif %}
+ </span>
+ <span>{{ feature.label }}</span></p>
+ {% endfor %}
+ </div>
+ {% endif %}
+ </div>
+
+ <div class="column is-12">
+ <p class="title is-4">Description</p>
+ <div class="content">
+
+
+ {{ content }}
+ </div>
+ </div>
+
+ {% if site.data.reviews[page.product_code] %}
+ <div class="column is-12">
+ <p class="title is-4">Reviews</p>
+ {% for review in site.data.reviews[page.product_code] %}
+ {% include review.html %}
+ {% endfor %}
+ </div>
+ {% endif %}
+
+</div>
+
diff --git a/_posts/2018-10-11-test3.md b/_posts/2018-10-11-test3.md
new file mode 100644
index 0000000..b9314e6
--- /dev/null
+++ b/_posts/2018-10-11-test3.md
@@ -0,0 +1,12 @@
+---
+title: Test Post 1
+subtitle: Test post subtitle
+layout: post
+author: C.S. Rhymes
+---
+
+This is a test post! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin ultrices eros id accumsan. Vestibulum dictum volutpat sapien in molestie. Nunc auctor felis quis nibh tincidunt, vel sodales dolor viverra. Donec elementum dolor nisl, nec imperdiet sapien semper in.
+
+Integer ligula magna, vulputate in arcu vel, auctor aliquet enim. Interdum et malesuada fames ac ante ipsum primis in faucibus. In hendrerit commodo ex, in blandit est iaculis id.
+
+Suspendisse potenti. Vivamus vitae felis placerat, consectetur tellus sed, consequat nulla. Sed id semper nulla. Nunc dui ligula, consequat id eleifend non, iaculis ut ex. Aenean fringilla convallis placerat. Aenean pulvinar accumsan magna, molestie aliquet nunc ornare nec. Sed commodo, turpis eget dapibus auctor, metus tellus eleifend quam, ut aliquet libero ligula id erat. Curabitur quis quam sed nibh efficitur vulputate. Vivamus fringilla quam non augue dictum dictum. Praesent semper [...]
\ No newline at end of file
diff --git a/_posts/2018-10-12-test2.md b/_posts/2018-10-12-test2.md
new file mode 100644
index 0000000..fb20c8e
--- /dev/null
+++ b/_posts/2018-10-12-test2.md
@@ -0,0 +1,17 @@
+---
+title: Test Post 2
+subtitle: Test post subtitle
+layout: post
+author: C.S. Rhymes
+tags: html JavaScript CSS Jekyll
+---
+
+This is a test post! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin ultrices eros id accumsan. Vestibulum dictum volutpat sapien in molestie. Nunc auctor felis quis nibh tincidunt, vel sodales dolor viverra. Donec elementum dolor nisl, nec imperdiet sapien semper in.
+
+## Heading 2
+
+Integer ligula magna, vulputate in arcu vel, auctor aliquet enim. Interdum et malesuada fames ac ante ipsum primis in faucibus. In hendrerit commodo ex, in blandit est iaculis id.
+
+### Heading 3
+
+Suspendisse potenti. Vivamus vitae felis placerat, consectetur tellus sed, consequat nulla. Sed id semper nulla. Nunc dui ligula, consequat id eleifend non, iaculis ut ex. Aenean fringilla convallis placerat. Aenean pulvinar accumsan magna, molestie aliquet nunc ornare nec. Sed commodo, turpis eget dapibus auctor, metus tellus eleifend quam, ut aliquet libero ligula id erat. Curabitur quis quam sed nibh efficitur vulputate. Vivamus fringilla quam non augue dictum dictum. Praesent semper [...]
\ No newline at end of file
diff --git a/_posts/2018-10-13-test.md b/_posts/2018-10-13-test.md
new file mode 100644
index 0000000..69bd448
--- /dev/null
+++ b/_posts/2018-10-13-test.md
@@ -0,0 +1,17 @@
+---
+title: Test Post 3
+subtitle: Test post subtitle
+layout: post
+author: C.S. Rhymes
+tags: html JavaScript CSS Jekyll
+---
+
+This is a test post! Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sollicitudin ultrices eros id accumsan. Vestibulum dictum volutpat sapien in molestie. Nunc auctor felis quis nibh tincidunt, vel sodales dolor viverra. Donec elementum dolor nisl, nec imperdiet sapien semper in.
+
+## Heading 2
+
+Integer ligula magna, vulputate in arcu vel, auctor aliquet enim. Interdum et malesuada fames ac ante ipsum primis in faucibus. In hendrerit commodo ex, in blandit est iaculis id.
+
+### Heading 3
+
+Suspendisse potenti. Vivamus vitae felis placerat, consectetur tellus sed, consequat nulla. Sed id semper nulla. Nunc dui ligula, consequat id eleifend non, iaculis ut ex. Aenean fringilla convallis placerat. Aenean pulvinar accumsan magna, molestie aliquet nunc ornare nec. Sed commodo, turpis eget dapibus auctor, metus tellus eleifend quam, ut aliquet libero ligula id erat. Curabitur quis quam sed nibh efficitur vulputate. Vivamus fringilla quam non augue dictum dictum. Praesent semper [...]
\ No newline at end of file
diff --git a/_products/product1.md b/_products/product1.md
new file mode 100644
index 0000000..4948b45
--- /dev/null
+++ b/_products/product1.md
@@ -0,0 +1,23 @@
+---
+title: Product 1 Name
+subtitle: Product 1 tagline here
+description: This is a product description
+product_code: ABC124
+layout: product
+image: https://via.placeholder.com/640x480
+price: £1.99 + VAT
+features:
+ - label: Great addition to any home
+ icon: fa-location-arrow
+ - label: Comes in a range of styles
+ icon: fa-grin-stars
+ - label: Available in multiple sizes
+ icon: fa-fighter-jet
+rating: 3
+---
+
+This is the content about the product.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mauris lacus, semper vel massa mattis, ullamcorper auctor libero. Maecenas sit amet ultricies erat. Curabitur eleifend est eget sagittis convallis. Mauris sit amet placerat lacus. Pellentesque vehicula quis massa ac lacinia. Vivamus gravida bibendum tincidunt. Sed eget augue vitae ligula ultricies lacinia a eget augue. Donec vulputate metus ut ante scelerisque sollicitudin. Nullam commodo suscipit venenatis. Vestibulum ant [...]
+
+Praesent ut accumsan mauris. Maecenas tempus finibus lectus, in iaculis mauris lobortis ac. Proin ipsum erat, imperdiet at arcu a, egestas hendrerit turpis. Suspendisse in lectus lacinia, sollicitudin felis non, auctor urna. Ut lacinia, ligula a cursus fringilla, diam arcu semper orci, quis sagittis eros quam nec ante.
\ No newline at end of file
diff --git a/_products/product2.md b/_products/product2.md
new file mode 100644
index 0000000..fa22cd8
--- /dev/null
+++ b/_products/product2.md
@@ -0,0 +1,22 @@
+---
+title: Product 2 Name
+subtitle: Product 2 tagline here
+product_code: ABC123
+layout: product
+image: https://via.placeholder.com/640x480
+price: £0.99 + VAT
+features:
+ - label: Great addition to any home
+ icon: fa-location-arrow
+ - label: Comes in a range of styles
+ icon: fa-grin-stars
+ - label: Available in multiple sizes
+ icon: fa-fighter-jet
+rating: 3
+---
+
+This is the content about the product.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mauris lacus, semper vel massa mattis, ullamcorper auctor libero. Maecenas sit amet ultricies erat. Curabitur eleifend est eget sagittis convallis. Mauris sit amet placerat lacus. Pellentesque vehicula quis massa ac lacinia. Vivamus gravida bibendum tincidunt. Sed eget augue vitae ligula ultricies lacinia a eget augue. Donec vulputate metus ut ante scelerisque sollicitudin. Nullam commodo suscipit venenatis. Vestibulum ant [...]
+
+Praesent ut accumsan mauris. Maecenas tempus finibus lectus, in iaculis mauris lobortis ac. Proin ipsum erat, imperdiet at arcu a, egestas hendrerit turpis. Suspendisse in lectus lacinia, sollicitudin felis non, auctor urna. Ut lacinia, ligula a cursus fringilla, diam arcu semper orci, quis sagittis eros quam nec ante.
\ No newline at end of file
diff --git a/_products/product3.md b/_products/product3.md
new file mode 100644
index 0000000..c32a191
--- /dev/null
+++ b/_products/product3.md
@@ -0,0 +1,21 @@
+---
+title: Product 3 Name
+subtitle: Product 3 tagline here
+product_code: ABC125
+layout: product
+image: https://via.placeholder.com/640x480
+price: £2.99 + VAT
+features:
+ - label: Great addition to any home
+ - label: Comes in a range of styles
+ icon: fa-grin-stars
+ - label: Available in multiple sizes
+ icon: fa-fighter-jet
+rating: 3
+---
+
+This is the content about the product.
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mauris lacus, semper vel massa mattis, ullamcorper auctor libero. Maecenas sit amet ultricies erat. Curabitur eleifend est eget sagittis convallis. Mauris sit amet placerat lacus. Pellentesque vehicula quis massa ac lacinia. Vivamus gravida bibendum tincidunt. Sed eget augue vitae ligula ultricies lacinia a eget augue. Donec vulputate metus ut ante scelerisque sollicitudin. Nullam commodo suscipit venenatis. Vestibulum ant [...]
+
+Praesent ut accumsan mauris. Maecenas tempus finibus lectus, in iaculis mauris lobortis ac. Proin ipsum erat, imperdiet at arcu a, egestas hendrerit turpis. Suspendisse in lectus lacinia, sollicitudin felis non, auctor urna. Ut lacinia, ligula a cursus fringilla, diam arcu semper orci, quis sagittis eros quam nec ante.
\ No newline at end of file
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
new file mode 100644
index 0000000..c86dbd4
--- /dev/null
+++ b/_sass/_layout.scss
@@ -0,0 +1,11 @@
+.content {
+ ul.pagination-list {
+ list-style: none;
+ margin-left: 0;
+ margin-top: 0;
+
+ li+li {
+ margin-top: 0;
+ }
+ }
+}
\ No newline at end of file
diff --git a/_sass/_main.scss b/_sass/_main.scss
new file mode 100644
index 0000000..4b47ac4
--- /dev/null
+++ b/_sass/_main.scss
@@ -0,0 +1,12 @@
+@charset "utf-8";
+@import url('https://fonts.googleapis.com/css?family=Montserrat');
+
+$family-sans-serif: 'Montserrat', sans-serif;
+$primary: #188eac !default;
+
+$tabs-link-active-color: $primary;
+$tabs-link-active-border-bottom-color: $primary;
+
+@import "../node_modules/bulma/bulma.sass";
+@import "layout";
+@import "syntax";
diff --git a/_sass/syntax.scss b/_sass/syntax.scss
new file mode 100644
index 0000000..daf76ad
--- /dev/null
+++ b/_sass/syntax.scss
@@ -0,0 +1,209 @@
+.highlight table td { padding: 5px; }
+.highlight table pre { margin: 0; }
+.highlight .cm {
+ color: #999988;
+ font-style: italic;
+}
+.highlight .cp {
+ color: #999999;
+ font-weight: bold;
+}
+.highlight .c1 {
+ color: #999988;
+ font-style: italic;
+}
+.highlight .cs {
+ color: #999999;
+ font-weight: bold;
+ font-style: italic;
+}
+.highlight .c, .highlight .cd {
+ color: #999988;
+ font-style: italic;
+}
+.highlight .err {
+ color: #a61717;
+ background-color: #e3d2d2;
+}
+.highlight .gd {
+ color: #000000;
+ background-color: #ffdddd;
+}
+.highlight .ge {
+ color: #000000;
+ font-style: italic;
+}
+.highlight .gr {
+ color: #aa0000;
+}
+.highlight .gh {
+ color: #999999;
+}
+.highlight .gi {
+ color: #000000;
+ background-color: #ddffdd;
+}
+.highlight .go {
+ color: #888888;
+}
+.highlight .gp {
+ color: #555555;
+}
+.highlight .gs {
+ font-weight: bold;
+}
+.highlight .gu {
+ color: #aaaaaa;
+}
+.highlight .gt {
+ color: #aa0000;
+}
+.highlight .kc {
+ color: #000000;
+ font-weight: bold;
+}
+.highlight .kd {
+ color: #000000;
+ font-weight: bold;
+}
+.highlight .kn {
+ color: #000000;
+ font-weight: bold;
+}
+.highlight .kp {
+ color: #000000;
+ font-weight: bold;
+}
+.highlight .kr {
+ color: #000000;
+ font-weight: bold;
+}
+.highlight .kt {
+ color: #445588;
+ font-weight: bold;
+}
+.highlight .k, .highlight .kv {
+ color: #000000;
+ font-weight: bold;
+}
+.highlight .mf {
+ color: #009999;
+}
+.highlight .mh {
+ color: #009999;
+}
+.highlight .il {
+ color: #009999;
+}
+.highlight .mi {
+ color: #009999;
+}
+.highlight .mo {
+ color: #009999;
+}
+.highlight .m, .highlight .mb, .highlight .mx {
+ color: #009999;
+}
+.highlight .sb {
+ color: #d14;
+}
+.highlight .sc {
+ color: #d14;
+}
+.highlight .sd {
+ color: #d14;
+}
+.highlight .s2 {
+ color: #d14;
+}
+.highlight .se {
+ color: #d14;
+}
+.highlight .sh {
+ color: #d14;
+}
+.highlight .si {
+ color: #d14;
+}
+.highlight .sx {
+ color: #d14;
+}
+.highlight .sr {
+ color: #009926;
+}
+.highlight .s1 {
+ color: #d14;
+}
+.highlight .ss {
+ color: #990073;
+}
+.highlight .s {
+ color: #d14;
+}
+.highlight .na {
+ color: #008080;
+}
+.highlight .bp {
+ color: #999999;
+}
+.highlight .nb {
+ color: #0086B3;
+}
+.highlight .nc {
+ color: #445588;
+ font-weight: bold;
+}
+.highlight .no {
+ color: #008080;
+}
+.highlight .nd {
+ color: #3c5d5d;
+ font-weight: bold;
+}
+.highlight .ni {
+ color: #800080;
+}
+.highlight .ne {
+ color: #990000;
+ font-weight: bold;
+}
+.highlight .nf {
+ color: #990000;
+ font-weight: bold;
+}
+.highlight .nl {
+ color: #990000;
+ font-weight: bold;
+}
+.highlight .nn {
+ color: #555555;
+}
+.highlight .nt {
+ color: #000080;
+}
+.highlight .vc {
+ color: #008080;
+}
+.highlight .vg {
+ color: #008080;
+}
+.highlight .vi {
+ color: #008080;
+}
+.highlight .nv {
+ color: #008080;
+}
+.highlight .ow {
+ color: #000000;
+ font-weight: bold;
+}
+.highlight .o {
+ color: #000000;
+ font-weight: bold;
+}
+.highlight .w {
+ color: #bbbbbb;
+}
+.highlight {
+ background-color: #f8f8f8;
+}
diff --git a/assets/css/app.scss b/assets/css/app.scss
new file mode 100644
index 0000000..8b9dde3
--- /dev/null
+++ b/assets/css/app.scss
@@ -0,0 +1,5 @@
+---
+---
+
+// Import Main CSS file from theme
+@import "main";
\ No newline at end of file
diff --git a/assets/js/app.js b/assets/js/app.js
new file mode 100644
index 0000000..4ad91c9
--- /dev/null
+++ b/assets/js/app.js
@@ -0,0 +1,25 @@
+document.addEventListener('DOMContentLoaded', () => {
+
+ // Get all "navbar-burger" elements
+ const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
+
+ // Check if there are any navbar burgers
+ if ($navbarBurgers.length > 0) {
+
+ // Add a click event on each of them
+ $navbarBurgers.forEach( el => {
+ el.addEventListener('click', () => {
+
+ // Get the target from the "data-target" attribute
+ const target = el.dataset.target;
+ const $target = document.getElementById(target);
+
+ // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
+ el.classList.toggle('is-active');
+ $target.classList.toggle('is-active');
+
+ });
+ });
+ }
+
+});
diff --git a/blog/index.html b/blog/index.html
new file mode 100644
index 0000000..319b81b
--- /dev/null
+++ b/blog/index.html
@@ -0,0 +1,5 @@
+---
+layout: blog
+title: Blog
+subtitle: Blog sub title
+---
diff --git a/bulma-clean-theme.gemspec b/bulma-clean-theme.gemspec
new file mode 100644
index 0000000..e42ac31
--- /dev/null
+++ b/bulma-clean-theme.gemspec
@@ -0,0 +1,25 @@
+# frozen_string_literal: true
+
+Gem::Specification.new do |spec|
+ spec.name = "bulma-clean-theme"
+ spec.version = "0.5.3"
+ spec.authors = ["chrisrhymes"]
+ spec.email = ["csrhymes@gmail.com"]
+
+ spec.summary = "Clean and simple theme using Bulma"
+ spec.homepage = "https://www.github.com/chrisrhymes/bulma-clean-theme"
+ spec.license = "MIT"
+
+ spec.files = `git ls-files -z`.split("\x0").select { |f| f.match(%r!^(assets|_layouts|_includes|_sass|_posts|blog|LICENSE|README|package|node_modules)!i) }
+
+ spec.add_runtime_dependency "jekyll", "~> 3.8"
+ spec.add_runtime_dependency "jekyll-feed", "~> 0.11"
+ spec.add_runtime_dependency "jekyll-sitemap", "~> 1.2"
+ spec.add_runtime_dependency "jekyll-paginate", "~> 1.1"
+ spec.add_runtime_dependency "jekyll-seo-tag", "~> 2.5"
+ spec.add_runtime_dependency "kramdown", "~> 1.17"
+ spec.add_runtime_dependency "rouge", "~> 3.3"
+
+ spec.add_development_dependency "bundler", "~> 2.0"
+ spec.add_development_dependency "rake", "~> 12.0"
+end
diff --git a/index.md b/index.md
new file mode 100644
index 0000000..5b70aa9
--- /dev/null
+++ b/index.md
@@ -0,0 +1,50 @@
+---
+title: Apache Aries
+subtitle: The Aries project consists of a set of pluggable Java components enabling an enterprise OSGi application programming model.
+layout: page
+---
+
+# Apache Aries
+
+The Aries project consists of a set of pluggable Java components enabling
+an enterprise OSGi application programming model. This includes
+implementations (and extensions) of the following Enterprise OSGi specifications:
+
+ - [**Asynchronous Services**](https://osgi.org/specification/osgi.enterprise/7.0.0/service.async.html) and [**Promises Specification**](https://osgi.org/specification/osgi.enterprise/7.0.0/util.promise.html)
+ - [**Blueprint Specification**](https://osgi.org/specification/osgi.cmpn/7.0.0/service.blueprint.html)
+ - [**CDI Integration Specification**](https://osgi.org/specification/osgi.enterprise/7.0.0/service.cdi.html)
+ - [**JAX-RS Whiteboard Specification**](https://osgi.org/specification/osgi.enterprise/7.0.0/service.jaxrs.html)
+ - [**JMX Management Model Specification**](https://osgi.org/specification/osgi.enterprise/7.0.0/service.jmx.html)
+ - [**JNDI Services Specification**](https://osgi.org/specification/osgi.enterprise/7.0.0/service.jndi.html)
+ - [**JPA Service Specification**](https://osgi.org/specification/osgi.enterprise/7.0.0/service.jpa.html)
+ - [**JTA Transaction Services Specification**](https://osgi.org/specification/osgi.enterprise/7.0.0/service.jta.html)
+ - [**Push Stream Specification**](https://osgi.org/specification/osgi.enterprise/7.0.0/util.pushstream.html)
+ - [**Remote Service Admin Service Specification**](https://osgi.org/specification/osgi.enterprise/7.0.0/service.remoteserviceadmin.html)
+ - [**Service Loader Mediator Specification**](https://osgi.org/specification/osgi.enterprise/7.0.0/service.loader.html)
+ - [**Subsystem Service Specification**](https://osgi.org/specification/osgi.enterprise/7.0.0/service.subsystem.html)
+ - [**Transaction Control Service Specification**](https://osgi.org/specification/osgi.enterprise/7.0.0/service.transaction.control.html)
+
+The specifications are defined in the OSGi Alliance Enterprise Expert Group (EEG) for deployment to a variety of OSGi
+based runtimes. The OSGi R7 Enterprise Specification can be found here:
+
+[OSGi Enterprise Release 7](https://osgi.org/specification/osgi.enterprise/7.0.0/)
+
+## Additional projects
+
+Additionally, Apache Aries provides the following projects:
+
+ - **Component DSL** - an embedable, micro, functional-style component DSL for working with OSGi services and configuration
+ - **Container Management** - API and implementations of the Apache Aries Container Management subcomponent
+ - **Proxy** - a library for working with object proxies in OSGi
+ - **Util** - a library containing reusable bits of functionality in OSGi
+
+
+To understand the complete scope of the Aries project, see the Aries
+proposal document on the [incubator wiki](http://wiki.apache.org/incubator/AriesProposal).
+
+<a name="Index-BuildingandUsingAriesComponents"></a>
+
+To understand how to _use_ Aries Blueprint components, take a look at the [BlueprintHelloWorldTutorial](documentation/tutorials/blueprinthelloworldtutorial.html)
+ pages which guides you through how to build the Aries code, provides
+sample applications and describes how to set up an environment in which to
+run the consuming application.
diff --git a/node_modules/bulma/CHANGELOG.md b/node_modules/bulma/CHANGELOG.md
new file mode 100644
index 0000000..fd046d9
--- /dev/null
+++ b/node_modules/bulma/CHANGELOG.md
@@ -0,0 +1,1254 @@
+# Bulma Changelog
+
+## Upcoming release
+
+### Deprecation warning
+
+The `form.sass` file is **deprecated**. It has moved into its own `/form` folder. If you were importing `form.sass`, please import `sass/form/_all.sass` now.
+If you were simply importing the whole of Bulma with `@import "~/bulma/bulma.sass"` or similar, you won't have to change anything, and everything will work as bbefore.
+
+### New features
+
+#### Support for overriding the `font-family`
+
+You can now specify a different `font-family` for the `.title`, `.subtitle` and `.button` by using the variables `$title-family`, `$subtitle-family` and `$button-family` respectively.
+
+Simply set a value when importing Bulma:
+
+```scss
+$title-family: "Georgia", serif;
+```
+
+* #2375 Add `.is-relative` helper
+* #2321 Make `.navbar` focus behave like hover for the navigation
+* #2290 Fix #1186 -> Reset the offset on columns
+* #2231 Add `.has-text-weight-medium` helper
+* #2224 Add customizable border radius to progress bar
+* #2480 Add `$footer-color` variable
+
+### Improvements
+
+* #2396 Update docs with webpack 4 example
+* #2381 Make centered buttons have equal margin
+* Fix #2297 -> Remove `.container` fixed width values, use `flex-grow`
+* #2478 Move form.sass into its own folder
+
+### Bug fixes
+
+* #2420 Fix #2414 -> Fix `align` attribute in `td/th` being ignored
+* #2463 Remove duplicate `.has-addons` in `tag.sass`
+* #2253 Fix `$gap` variable default value
+* #2273 Fix #2258 -> Fix Indeterminate Progress Bar animation in Firefox
+* #2175 Proper aligning for `.tabs` within `.content`
+* #2476 Fix #2441 -> Correct active pagination link text colour on hero
+
+Fix #1979 -> Correct loading spinner color when a button is:
+
+* outlined and hovered/focused
+* outlined, inverted and hovered/focused
+
+### New variables
+
+#### Initial variables
+
+* `$block-spacing`
+
+#### Base
+
+* `$body-font-size`
+* `$small-font-size`
+* `$pre-font-size`
+* `$pre-padding`
+* `$pre-code-font-size`
+
+#### Components
+
+* `$card-header-padding`
+* `$card-content-padding`
+* `$card-media-margin`
+* `$dropdown-menu-min-width`
+* `$dropdown-content-padding-bottom`
+* `$dropdown-content-padding-top`
+* `$level-item-spacing`
+* `$menu-list-line-height`
+* `$menu-list-link-padding`
+* `$menu-nested-list-margin`
+* `$menu-nested-list-padding-left`
+* `$menu-label-font-size`
+* `$menu-label-letter-spacing`
+* `$menu-label-spacing`
+* `$pagination-item-font-size`
+* `$pagination-item-margin`
+* `$pagination-item-padding-left`
+* `$pagination-item-padding-right`
+* `$panel-margin`
+* `$panel-tabs-font-size`
+
+#### Elements
+
+* `$container-offset`
+
+#### Grid
+
+* `$tile-spacing`
+
+## 0.7.3
+
+### New features
+
+* #2145 Fix #372 -> New indeterminate progress bars
+* #2206 Fix #2046 -> New variables `$table-head-background-color`, `$table-body-background-color` and `$table-foot-background-color` for the `.table` element
+* #592 -> Give arbitrary elements access to the image/ratio classes
+* #1682 Fix #1681 -> Adds disabled styles for `<fieldset disabled>`
+* #2201 Fix #1875 -> `.buttons` and `.tags` group sizing (`.are-small`, `.are-medium`, `.are-large`)
+
+### Improvements
+
+* #1978 Fix #1696 -> Force `box-sizing: border-box` on `details` element
+* #2167 Fix #1878 -> New `$footer-padding` variable
+* #2168 -> New `$input-placeholder-color` and `$input-disabled-placeholder-color` variables
+
+### Bug fixes
+
+* #2157 Fix #1656 -> Allow border radius if only one `.control` in `.field`
+* #2091 Fix #2091 -> Remove CSS rule which causes `.tag.has-addons` to not work correctly
+* #2186 Fix #1130 -> Prevent `.dropdown` links underlining in `.message` component
+* Fix #2154 -> Move `.hero.is-fullheight-with-navbar` to `navbar.sass` file
+
+### Deprecation
+
+* `.control.has-icon` deprecated in favor of `.control.has-icons`
+
+## 0.7.2
+
+### New features
+
+* #1884 New `$navbar-burger-color` variable
+* #1679 Add breakpoint based column gaps
+* #1905 Fix `modal` for IE11 #1902
+* #1919 New `is-arrowless` class for navbar items
+* #1949 New `is-fullheight-with-navbar` class for heros
+* #1764 New `.is-sr-only` helper
+* #2109 Add and use `$navbar-breakpoint` variable
+* New variables `$control-height`, `$control-line-height`, `$pagination-min-width`, `$input-height`
+* #1720 Add list element feature
+* #2123 Add `.content ol` types: `.is-lower-roman`, `.is-upper-roman`, `.is-lower-alpha`, `.is-upper-alpha`, and support for the `type=` HTML attribute
+
+### Improvements
+
+* #1964 Allow `.notification` to have a `.dropdown-item`
+* #1999 Change `$border` to `$grey-lighter` in mixins
+* #2085 `.media-content` will allow scrolling horizontally if the content is too wide
+* #1744 Fix #1710 by using `$table-striped-row-even-hover-background-color` only for even rows
+* #2074 Allow `<button>` as `.dropdown-item`
+
+### Bug fixes
+
+* #1749 Fix icons floating out of input area
+* #1993 Fixes #1992 Prevent disabled form elements hover state from overlapping, if control has add-ons elements
+* #1909 Fix Modal card in IE11
+* #1908 Fix IE11 when textarea doesn't listen to `size=""`
+* Fix #1991 The last button in list of full-width buttons has longer width
+* #1982 Fix navbar-burger color when color modifier is used
+* #1819 Fix #1137 error message for required file
+* Fix #1904 and #1969: hide native file input in Chrome
+* #2059 Remove unnecessary right margin from last level-item (level.is-mobile)
+
+## 0.7.1
+
+### Improvements
+
+* #1789 Add all shades to `has-background-*` helpers
+
+### Bug fixes
+
+* #1796 #1806 Remove navbar `box-shadow` by default
+
+## 0.7.0
+
+### New features
+
+* New variables `$widescreen-enabled` and `$fullhd-enabled`: you can set them to `false` to disable each breakpoint
+* New variables `$control-border-width` and `$button-border-width`
+* 🎉 #1624 Add some common photography aspect ratios and portrait ratios
+* 🎉 #1747 New `$custom-colors` and `$custom-shades` variable for adding your own colors and shades to Bulma's `$colors` and `$shades` maps respectively
+
+### Improvements
+
+* #1619 Add `$card-header-background-color`, `$card-content-background-color` and `$card-footer-background-color` to allow different background customization for card elements
+* #1669 Add `.is-expanded` modifier to `.buttons.has-addons`
+* #1628 Add `.has-background` helpers for block background colors, like `.has-text`
+* #1767 Added minified bundle with cleancss
+
+### Bug fixes
+
+* #1778 Fix `is-text-right` precedence over `is-text-left-mobile`
+* #1571 Fix position of delete button on `.tag`
+* #1549 Implementing a simple version of the native sass percentage function
+* #1707 Disable table hover in `.content` by default
+* #1428 Fix `media-content` overflow
+
+### Variable changes
+
+#### Updated default values
+
+<table class="table is-bordered">
+ <tbody>
+ <tr>
+ <th class="is-light" colspan="3">
+ File
+ <code>sass/utilities/initial-variables.sass</code>
+ </th>
+ </tr>
+ <tr>
+ <th>Variable</th>
+ <th>From</th>
+ <th>To</th>
+ </tr>
+ <tr>
+ <td>
+ <code>$gap</code>
+ </td>
+ <td>
+ <code>32px</code>
+ </td>
+ <td>
+ <code>64px</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$radius</code>
+ </td>
+ <td>
+ <code>3px</code>
+ </td>
+ <td>
+ <code>4px</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$radius-large</code>
+ </td>
+ <td>
+ <code>5px</code>
+ </td>
+ <td>
+ <code>6px</code>
+ </td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="table is-bordered">
+ <tbody>
+ <tr>
+ <th class="is-light" colspan="3">
+ File
+ <code>sass/base/generic.sass</code>
+ </th>
+ </tr>
+ <tr>
+ <th>Variable</th>
+ <th>From</th>
+ <th>To</th>
+ </tr>
+ <tr>
+ <td>
+ <code>$hr-background-color</code>
+ </td>
+ <td>
+ <code>$border</code>
+ </td>
+ <td>
+ <code>$background</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$hr-height</code>
+ </td>
+ <td>
+ <code>1px</code>
+ </td>
+ <td>
+ <code>2px</code>
+ </td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="table is-bordered">
+ <tbody>
+ <tr>
+ <th class="is-light" colspan="3">
+ File
+ <code>sass/elements/content.sass</code>
+ </th>
+ </tr>
+ <tr>
+ <th>Variable</th>
+ <th>From</th>
+ <th>To</th>
+ </tr>
+ <tr>
+ <td>
+ <code>$content-heading-weight</code>
+ </td>
+ <td>
+ <code>$weight-normal</code>
+ </td>
+ <td>
+ <code>$weight-semibold</code>
+ </td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="table is-bordered">
+ <tbody>
+ <tr>
+ <th class="is-light" colspan="3">
+ File
+ <code>sass/components/message.sass</code>
+ </th>
+ </tr>
+ <tr>
+ <th>Variable</th>
+ <th>From</th>
+ <th>To</th>
+ </tr>
+ <tr>
+ <td>
+ <code>$message-header-padding</code>
+ </td>
+ <td>
+ <code>0.5em 0.75em</code>
+ </td>
+ <td>
+ <code>0.75em 1em</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$message-body-padding</code>
+ </td>
+ <td>
+ <code>1em 1.25em</code>
+ </td>
+ <td>
+ <code>1.25em 1.5em</code>
+ </td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="table is-bordered">
+ <tbody>
+ <tr>
+ <th class="is-light" colspan="3">
+ File
+ <code>sass/components/navbar.sass</code>
+ </th>
+ </tr>
+ <tr>
+ <th>Variable</th>
+ <th>From</th>
+ <th>To</th>
+ </tr>
+ <tr>
+ <td>
+ <code>$navbar-item-hover-background-color</code>
+ </td>
+ <td>
+ <code>$background</code>
+ </td>
+ <td>
+ <code>$white-bis</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$navbar-dropdown-border-top</code>
+ </td>
+ <td>
+ <code>1px solid $border</code>
+ </td>
+ <td>
+ <code>2px solid $border</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$navbar-divider-background-color</code>
+ </td>
+ <td>
+ <code>$border</code>
+ </td>
+ <td>
+ <code>$background</code>
+ </td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="table is-bordered">
+ <tbody>
+ <tr>
+ <th class="is-light" colspan="3">
+ File
+ <code>sass/layout/footer.sass</code>
+ </th>
+ </tr>
+ <tr>
+ <th>Variable</th>
+ <th>From</th>
+ <th>To</th>
+ </tr>
+ <tr>
+ <td>
+ <code>$footer-background-color</code>
+ </td>
+ <td>
+ <code>$background</code>
+ </td>
+ <td>
+ <code>$white-bis</code>
+ </td>
+ </tr>
+ </tbody>
+</table>
+
+#### New variables
+
+<table class="table is-bordered">
+ <tbody>
+ <tr>
+ <th class="is-light" colspan="2">
+ File
+ <code>sass/components/breadcrumb.sass</code>
+ </th>
+ </tr>
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ </tr>
+ <tr>
+ <td>
+ <code>$breadcrumb-item-padding-vertical</code>
+ </td>
+ <td>
+ <code>0</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$breadcrumb-item-padding-horizontal</code>
+ </td>
+ <td>
+ <code>0.75em</code>
+ </td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="table is-bordered">
+ <tbody>
+ <tr>
+ <th class="is-light" colspan="2">
+ File
+ <code>sass/components/message.sass</code>
+ </th>
+ </tr>
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ </tr>
+ <tr>
+ <td>
+ <code>$message-body-border-color</code>
+ </td>
+ <td>
+ <code>$border</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$message-body-border-width</code>
+ </td>
+ <td>
+ <code>0 0 0 4px</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$message-header-weight</code>
+ </td>
+ <td>
+ <code>$weight-bold</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$message-header-body-border-width</code>
+ </td>
+ <td>
+ <code>0</code>
+ </td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="table is-bordered">
+ <tbody>
+ <tr>
+ <th class="is-light" colspan="2">
+ File
+ <code>sass/components/navbar.sass</code>
+ </th>
+ </tr>
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ </tr>
+ <tr>
+ <td>
+ <code>$navbar-box-shadow-size</code>
+ </td>
+ <td>
+ <code>0 2px 0 0</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$navbar-box-shadow-color</code>
+ </td>
+ <td>
+ <code>$background</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$navbar-padding-vertical</code>
+ </td>
+ <td>
+ <code>1rem</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$navbar-padding-horizontal</code>
+ </td>
+ <td>
+ <code>2rem</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$navbar-z</code>
+ </td>
+ <td>
+ <code>30</code>
+ </td>
+ </tr>
+ </tbody>
+</table>
+
+<table class="table is-bordered">
+ <tbody>
+ <tr>
+ <th class="is-light" colspan="2">
+ File
+ <code>sass/elements/title.sass</code>
+ </th>
+ </tr>
+ <tr>
+ <th>Name</th>
+ <th>Value</th>
+ </tr>
+ <tr>
+ <td>
+ <code>$title-line-height</code>
+ </td>
+ <td>
+ <code>1.125</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$subtitle-line-height</code>
+ </td>
+ <td>
+ <code>1.25</code>
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>$subtitle-negative-margin</code>
+ </td>
+ <td>
+ <code>-1.25rem</code>
+ </td>
+ </tr>
+ </tbody>
+</table>
+
+#### Removed variables
+
+<table class="table is-bordered">
+ <tbody>
+ <tr>
+ <th>File</th>
+ <th>Removed</th>
+ <th>Replaced with</th>
+ </tr>
+ <tr>
+ <td>
+ <code>sass/components/message.sass</code>
+ </td>
+ <td>
+ <code>$message-body-border</code>
+ </td>
+ <td>
+ <code>$message-body-border-color</code>
+ <br>
+ <code>$message-body-border-width</code>
+ </td>
+ </tr>
+ </tbody>
+</table>
+
+## 0.6.2
+
+### New features
+
+* 🎉 Rounded buttons, inputs, pagination and toggle tabs
+
+### Improvements
+
+* #1343 Add `sub` and `sup` title sizes
+* #1452 New `.is-italic` helper
+
+### Bug fixes
+
+* #935 Bug dropdown in `hero` (primary) menu items not visible
+* #1456 Fix customize documentation
+* #1190 Add `$variable-columns` to disable `--columnGap`
+* #1518 Fix spacing of the delete button in notification element
+* #1569 Fix missing use of `$pagination-color` variable
+
+## 0.6.1
+
+### New features
+
+* 🎉 [List of buttons](https://bulma.io/documentation/elements/button/#list-of-buttons)
+* 🎉 #1235 Support for five column grid: `.is-one-fifth, .is-two-fifths, .is-three-fifths, .is-four-fifths`
+* 🎉 #1287 New `.is-invisible` helper
+* 🎉 #1255 New `.is-expanded` modifier for `navbar-item`
+* 🎉 #1384 New `.is-centered` and `.is-right` modifiers for `tags`
+* 🎉 #1383 New `.is-empty` modifier for `file`
+* 🎉 #1380 Allow `.is-selected` class on `<td>` and `<th>` tags
+
+### Improvements
+
+* #987 Improve `tag > icon` spacing
+* Improve `hamburger` alignment
+
+### Bug fixes
+
+* #1358 Fix indentation bug for .is-one-fifth
+* #1356 SASS 3.5+ variable parsing compatibility allows only #{}
+* #1342 Remove black line from progress bar in IE
+* #1334 Fix progress bar colors in IE
+* #1313 Fix Table `is-selected` and `is-hoverable` styling issue
+* #963 Fix Delete Button Bug in iOS Safari
+
+## 0.6.0
+
+### Breaking changes
+
+* The new `$link` color is part of the `$colors` map. As a result, `.button.is-link` is a colored button now. Use `.button.is-text` if you want the underlined button.
+* The deprecated `variables.sass` file has been removed.
+* The deprecated `nav.sass` file has been removed.
+
+### New features
+
+* #1236 `.table` hover effect is opt-in, by using the `.is-hoverable` modifier class
+* #1254 `.dropdown` now supports `.is-up` modifier
+
+### Improvements
+
+* #1257 Include placeholder mixin in `=input`
+
+The `$link` color is used instead of `$primary` in the following components:
+
+<table>
+ <tr>
+ <th>Variable</th>
+ <th>Old value</th>
+ <th>New value</th>
+ </tr>
+ <tr>
+ <td><code>$dropdown-item-active-color</code></td>
+ <td><code>$primary-invert</code></td>
+ <td><code>$link-invert</code></td>
+ </tr>
+ <tr>
+ <td><code>$dropdown-item-active-background-color</code></td>
+ <td><code>$primary</code></td>
+ <td><code>$link</code></td>
+ </tr>
+ <tr>
+ <td><code>$navbar-tab-hover-border-bottom-color</code></td>
+ <td><code>$primary</code></td>
+ <td><code>$link</code></td>
+ </tr>
+ <tr>
+ <td><code>$navbar-tab-active-color</code></td>
+ <td><code>$primary</code></td>
+ <td><code>$link</code></td>
+ </tr>
+ <tr>
+ <td><code>$navbar-tab-active-border-bottom-color</code></td>
+ <td><code>$primary</code></td>
+ <td><code>$link</code></td>
+ </tr>
+ <tr>
+ <td><code>$navbar-dropdown-item-active-color</code></td>
+ <td><code>$primary</code></td>
+ <td><code>$link</code></td>
+ </tr>
+ <tr>
+ <td><code>$tabs-link-active-border-bottom-color</code></td>
+ <td><code>$primary</code></td>
+ <td><code>$link</code></td>
+ </tr>
+ <tr>
+ <td><code>$tabs-link-active-color</code></td>
+ <td><code>$primary</code></td>
+ <td><code>$link</code></td>
+ </tr>
+ <tr>
+ <td><code>$tabs-toggle-link-active-background-color</code></td>
+ <td><code>$primary</code></td>
+ <td><code>$link</code></td>
+ </tr>
+ <tr>
+ <td><code>$tabs-toggle-link-active-border-color</code></td>
+ <td><code>$primary</code></td>
+ <td><code>$link</code></td>
+ </tr>
+ <tr>
+ <td><code>$tabs-toggle-link-active-color</code></td>
+ <td><code>$primary-invert</code></td>
+ <td><code>$link-invert</code></td>
+ </tr>
+</table>
+
+### Issues closed
+
+* #708 Import variables in mixins
+
+## 0.5.3
+
+### New features
+
+* #1101 `.card-header-title` can be centered with `.is-centered`
+* #1189 `.input` readonly and `.is-static`
+* #1189 `.textarea` readonly
+
+### Issues closed
+
+* #1177 Fix `.message .tag` combination
+* #1167 Fix `pre code`
+* #1207 Fix `.breadcrumb` alignment
+
+## 0.5.2
+
+### New features
+
+* #842 `navbar` color modifiers
+* #331 Support for third party icons
+* Added `$button-focus-box-shadow-size` and `$button-focus-box-shadow-color` for customization
+* Added `$input-focus-box-shadow-size` and `$input-focus-box-shadow-color` for customization
+* Navbar tabs
+
+### Issues closed
+
+* #1168 Undefined variable: `$navbar-item`
+* #930 Remove `vertical-align: top` for icons
+* #735 Font awesome custom `font-size`
+* #395 Font awesome stacked icons
+* #1152 Level-items not centered horizontally on mobile
+* #1147 Add `text-size-adjust: 100%` to `html`
+* #1106 `pagination` docs
+* #1063 `$family-primary` customization
+
+## 0.5.1
+
+### New features
+
+* 🎉 #280 [File upload element](https://bulma.io/documentation/form/file/)
+* `$container-offset` variable to determine the `.container` breakpoints
+* #1001 Text case helpers
+
+### Issues closed
+
+* #1030 Add `!important` to non responsive display helpers
+* #1020 Customizing `.navbar-item img` max height
+* #998 `.navbar-dropdown` with **right** alignment
+* #877 `.pagination` isn't using `$pagination-background`
+* #989 `navbar-brand` overflowing on mobile
+* #975 Variable `$table-head-color` isn't used
+* #964 Tabs sass file throwing error with `!important`
+* #949 `.is-size-7` helper is missing
+
+## 0.5.0
+
+### New features
+
+* 🎉 [List of tags](https://bulma.io/documentation/elements/tag/#list-of-tags)
+* New **variable naming system**: `component`-`subcomponent`-`state`-`property`
+* Improved **customization** thanks to new set of variables
+* #934 New `.is-shadowless` helper
+
+Variable name changes (mostly appending `-color`):
+
+<table>
+<tr><th>From</th><th>To</th></tr>
+<tr><td><code>$card</code></td><td><code>$card-color</code></td></tr>
+<tr><td><code>$card-background</code></td><td><code>$card-background-color</code></td></tr>
+<tr><td><code>$card-header</code></td><td><code>$card-header-color</code></td></tr>
+<tr><td><code>$dropdown-item</code></td><td><code>$dropdown-item-color</code></td></tr>
+<tr><td><code>$dropdown-content-background</code></td><td><code>$dropdown-content-background-color</code></td></tr>
+<tr><td><code>$dropdown-item-hover-background</code></td><td><code>$dropdown-item-hover-background-color</code></td></tr>
+<tr><td><code>$dropdown-item-hover</code></td><td><code>$dropdown-item-hover-color</code></td></tr>
+<tr><td><code>$dropdown-item-active-background</code></td><td><code>$dropdown-item-active-background-color</code></td></tr>
+<tr><td><code>$dropdown-item-active</code></td><td><code>$dropdown-item-active-color</code></td></tr>
+<tr><td><code>$dropdown-divider-background</code></td><td><code>$dropdown-divider-background-color</code></td></tr>
+<tr><td><code>$menu-item</code></td><td><code>$menu-item-color</code></td></tr>
+<tr><td><code>$menu-item-hover</code></td><td><code>$menu-item-hover-color</code></td></tr>
+<tr><td><code>$menu-item-hover-background</code></td><td><code>$menu-item-hover-background-color</code></td></tr>
+<tr><td><code>$menu-item-active</code></td><td><code>$menu-item-active-color</code></td></tr>
+<tr><td><code>$menu-item-active-background</code></td><td><code>$menu-item-active-background-color</code></td></tr>
+<tr><td><code>$menu-label</code></td><td><code>$menu-label-color</code></td></tr>
+<tr><td><code>$message-background</code></td><td><code>$message-background-color</code></td></tr>
+<tr><td><code>$message-header-background</code></td><td><code>$message-header-background-color</code></td></tr>
+<tr><td><code>$navbar-background</code></td><td><code>$navbar-background-color</code></td></tr>
+<tr><td><code>$navbar-item</code></td><td><code>$navbar-item-color</code></td></tr>
+<tr><td><code>$navbar-item-hover</code></td><td><code>$navbar-item-hover-color</code></td></tr>
+<tr><td><code>$navbar-item-hover-background</code></td><td><code>$navbar-item-hover-background-color</code></td></tr>
+<tr><td><code>$navbar-item-active</code></td><td><code>$navbar-item-active-color</code></td></tr>
+<tr><td><code>$navbar-item-active-background</code></td><td><code>$navbar-item-active-background-color</code></td></tr>
+<tr><td><code>$navbar-tab-hover-background</code></td><td><code>$navbar-tab-hover-background-color</code></td></tr>
+<tr><td><code>$navbar-tab-hover-border-bottom</code></td><td><code>$navbar-tab-hover-border-bottom-color</code></td></tr>
+<tr><td><code>$navbar-tab-active</code></td><td><code>$navbar-tab-active-color</code></td></tr>
+<tr><td><code>$navbar-tab-active-background</code></td><td><code>$navbar-tab-active-background-color</code></td></tr>
+<tr><td><code>$navbar-divider-background</code></td><td><code>$navbar-divider-background-color</code></td></tr>
+<tr><td><code>$navbar-dropdown-item-hover</code></td><td><code>$navbar-dropdown-item-hover-color</code></td></tr>
+<tr><td><code>$navbar-dropdown-item-hover-background</code></td><td><code>$navbar-dropdown-item-hover-background-color</code></td></tr>
+<tr><td><code>$navbar-dropdown-item-active</code></td><td><code>$navbar-dropdown-item-active-color</code></td></tr>
+<tr><td><code>$navbar-dropdown-item-active-background</code></td><td><code>$navbar-dropdown-item-active-background-color</code></td></tr>
+<tr><td><code>$pagination</code></td><td><code>$pagination-color</code></td></tr>
+<tr><td><code>$pagination-hover</code></td><td><code>$pagination-hover-color</code></td></tr>
+<tr><td><code>$pagination-hover-border</code></td><td><code>$pagination-hover-border-color</code></td></tr>
+<tr><td><code>$pagination-focus</code></td><td><code>$pagination-focus-color</code></td></tr>
+<tr><td><code>$pagination-focus-border</code></td><td><code>$pagination-focus-border-color</code></td></tr>
+<tr><td><code>$pagination-active</code></td><td><code>$pagination-active-color</code></td></tr>
+<tr><td><code>$pagination-active-border</code></td><td><code>$pagination-active-border-color</code></td></tr>
+<tr><td><code>$pagination-disabled</code></td><td><code>$pagination-disabled-color</code></td></tr>
+<tr><td><code>$pagination-disabled-background</code></td><td><code>$pagination-disabled-background-color</code></td></tr>
+<tr><td><code>$pagination-disabled-border</code></td><td><code>$pagination-disabled-border-color</code></td></tr>
+<tr><td><code>$pagination-current</code></td><td><code>$pagination-current-color</code></td></tr>
+<tr><td><code>$pagination-current-background</code></td><td><code>$pagination-current-background-color</code></td></tr>
+<tr><td><code>$pagination-current-border</code></td><td><code>$pagination-current-border-color</code></td></tr>
+<tr><td><code>$pagination-ellipsis</code></td><td><code>$pagination-ellipsis-color</code></td></tr>
+<tr><td><code>$box</code></td><td><code>$box-color</code></td></tr>
+<tr><td><code>$box-background</code></td><td><code>$box-background-color</code></td></tr>
+<tr><td><code>$button</code></td><td><code>$button-color</code></td></tr>
+<tr><td><code>$button-background</code></td><td><code>$button-background-color</code></td></tr>
+<tr><td><code>$button-border</code></td><td><code>$button-border-color</code></td></tr>
+<tr><td><code>$button-link</code></td><td><code>$button-link-color</code></td></tr>
+<tr><td><code>$button-link-hover-background</code></td><td><code>$button-link-hover-background-color</code></td></tr>
+<tr><td><code>$button-link-hover</code></td><td><code>$button-link-hover-color</code></td></tr>
+<tr><td><code>$button-disabled-background</code></td><td><code>$button-disabled-background-color</code></td></tr>
+<tr><td><code>$button-disabled-border</code></td><td><code>$button-disabled-border-color</code></td></tr>
+<tr><td><code>$button-static</code></td><td><code>$button-static-color</code></td></tr>
+<tr><td><code>$button-static-background</code></td><td><code>$button-static-background-color</code></td></tr>
+<tr><td><code>$button-static-border</code></td><td><code>$button-static-border-color</code></td></tr>
+<tr><td><code>$input</code></td><td><code>$input-color</code></td></tr>
+<tr><td><code>$input-background</code></td><td><code>$input-background-color</code></td></tr>
+<tr><td><code>$input-border</code></td><td><code>$input-border-color</code></td></tr>
+<tr><td><code>$input-hover</code></td><td><code>$input-hover-color</code></td></tr>
+<tr><td><code>$input-hover-border</code></td><td><code>$input-hover-border-color</code></td></tr>
+<tr><td><code>$input-focus</code></td><td><code>$input-focus-color</code></td></tr>
+<tr><td><code>$input-focus-border</code></td><td><code>$input-focus-border-color</code></td></tr>
+<tr><td><code>$input-disabled</code></td><td><code>$input-disabled-color</code></td></tr>
+<tr><td><code>$input-disabled-background</code></td><td><code>$input-disabled-background-color</code></td></tr>
+<tr><td><code>$input-disabled-border</code></td><td><code>$input-disabled-border-color</code></td></tr>
+<tr><td><code>$input-icon</code></td><td><code>$input-icon-color</code></td></tr>
+<tr><td><code>$input-icon-active</code></td><td><code>$input-icon-active-color</code></td></tr>
+<tr><td><code>$title</code></td><td><code>$title-color</code></td></tr>
+<tr><td><code>$subtitle</code></td><td><code>$subtitle-color</code></td></tr>
+<tr><td><code>$card-footer-border</code></td><td><code>$card-footer-border-top</code></td></tr>
+<tr><td><code>$menu-list-border</code></td><td><code>$menu-list-border-left</code></td></tr>
+<tr><td><code>$navbar-tab-hover-border</code></td><td><code>$navbar-tab-hover-border-bottom-color</code></td></tr>
+<tr><td><code>$navbar-tab-active-border</code></td><td><code>$navbar-tab-active-border-bottom</code></td></tr>
+<tr><td><code>$table-border</code></td><td><code>$table-cell-border</code></td></tr>
+<tr><td><code>$table-row-even-background</code></td><td><code>$table-striped-row-even-background-color</code></td></tr>
+<tr><td><code>$table-row-even-hover-background</code></td><td><code>$table-striped-row-even-hover-background-color</code></td></tr>
+</table>
+
+### Improved documentation
+
+* [Starter template](https://bulma.io/documentation/overview/start/#starter-template)
+* [Colors page](https://bulma.io/documentation/overview/colors/)
+* [Typography helpers](https://bulma.io/documentation/modifiers/typography-helpers/)
+* **Meta** information for all elements and components
+* **Variables** information for most elements and components
+
+### Issues closed
+
+* #909 `.dropdown` wrapping
+* #938 `.is-fullwidth` removed from docs
+* #900 Variable `.navbar-item` for hover+active background/color
+* #902 `.navbar-item` color overrides
+
+## 0.4.4
+
+### New features
+
+* New [dropdown button](https://bulma.io/documentation/components/dropdown/)!
+* The breakpoints and `.container` **gap** can be customized with the new `$gap` variable
+* The `.container` has 2 new modifiers: `.is-widescreen` and `.is-fullhd`
+
+### Issues closed
+
+* Fix #26 `.textarea` element will honors `[rows]` attribute
+* Fix #887 `body` scrollbar
+* Fix #715 `.help` class behaviour in horizontal form `is-grouped` field
+* Fix #842 Adding modifiers in `navbar`
+* Fix #841 `.container` as direct child of `.navbar` moves `.navbar-menu` below `.navbar-brand`
+* Fix #861 Box in hero as text and background white
+* Fix #852 charset and version number
+* Fix #856 JavaScript `.nav-burger` example
+* Fix #821 Notification strong color
+
+## 0.4.3
+
+### New features
+
+* New navbar with dropdown support
+* Add new feature: Breadcrumb component (#632) @vinialbano
+* Add Bloomer to README.md (#787) @AlgusDark
+* Add responsive is-*-touch tags for .column sizes (#780) @tom-rb
+* Adding 'is-hidden' to helpers in docs (#798) @aheuermann
+* Add figure/figcaption as content element (#807) @werthen
+* Add <sup> and <sub> support to content (#808) @werthen
+* Add re-bulma and react-bulma (#809) @kulakowka
+* Add is-halfheight to hero (#783) @felipeas
+* Added a related project with Golang backend (#784) @Caiyeon
+
+### Issues closed
+
+* Fix #827 Breadcrumb and Navbar in docs
+* Fix #824 Code examples broken because of `text-align: center`
+* Fix #820 Loading spinner resizes with controls
+* Fix #819 Remove `height: auto` from media elements
+* Fix #790 Documentation typo
+* Fix #814 Make use of +fullhd mixin for columns @Saboteur777
+* Fix #781 Add min/max height/width to delete class size modifiers @ZackWard
+* Fix #391 Section docs update
+
+## 0.4.2
+
+* Fix #728 selected row on striped table
+* Fix #747 remove flex-shrink for is-expanded
+* Fix #702 add icons support for select dropdown
+* Fix #712 delete button as flexbox item
+* Fix #759 static button
+
+## 0.4.1
+
+* Fix #568 max-width container
+* Fix #589 notification delete
+* Fix #272 nav-right without nav-menu
+* Fix #616 hero and notification buttons
+* Fix #607 has-addons z-index
+* Feature #586 select color modifiers
+* Fix #537 -ms-expand
+* Fix #578 better `+center` mixin
+* Fix #565 `dl` styles
+* Fix #389 `pre` `margin-bottom`
+* Fix #484 icon alignment
+* Fix #506 bold nav menu
+* Fix #581 nav container
+* Fix #512 nav grouped buttons
+* Fix #605 container example
+* Fix #458 select expanded
+* Fix #403 separate animations
+* Fix #637 customize Bulma
+* Fix #584 loading select
+* Fix #571 control height
+* Fix #634 is-grouped control
+* Fix #676 checkbox/radio wrapping
+* Feature #479 has-icons placement
+* Fix #442 selected table row
+* Fix #187 add customize page
+* Fix #449 columns negative horizontal margin
+* Fix #399 pagination wrapping
+* Fix #227 color keys as strings
+
+## 0.4.0
+
+* **Default font-size is 16px**
+* **New `.field` element ; `.control` repurposed**
+* **New `.pagination` sizes**
+* **New `$fullhd` breakpoint (1344px)**
+
+* Remove monospace named fonts
+* Remove icon spacing logic
+* Split icon container dimensions and icon size
+* Fix delete button by using pixels instead of (r)em
+* Fix level on mobile
+* Add new `.is-spaced` modifier for titles and subtitles
+
+* Fix #487
+* Fix #489
+* Fix #502
+* Fix #514
+* Fix #524
+* Fix #536
+
+## 0.3.2
+
+* Fix #478
+
+## 0.3.1
+
+* Fix #441
+* Fix #443
+
+## 0.3.0
+
+* Use `rem` and `em` (!)
+* Fix Font Awesome icons in buttons (!)
+* Fix message colors (!)
+* Use `{% capture %}` to ensure same display as code snippet (!)
+
+* Move variables to their own file
+* Remove small tag
+* Add `:focus` state
+* Fix table
+* Remove table `.is-icon` and `.is-link`
+* Add `.content` table
+* Fix inputs with icons
+* Input icons require the `.icon` container
+* Deprecate `.media-number`
+* Fix `.level-item` height
+* Fix `.menu` spacing
+* Deprecate `.menu-nav`
+* Add invert outlined buttons
+* Fix `.nav`
+* Fix `.pagination`
+* Fix `.tabs`
+* Fix `.panel`
+* Fix `.delete`
+* Add mixins documentation
+* Add functions documentation
+
+## 0.2.2
+
+* Fix: remove multiple imports
+
+## 0.2.1
+
+* Fix: container flex
+* Fix: nav-item flex
+* Fix: media-number flex
+* Fix: new brand colors
+
+## 0.2.0
+
+* Added: new branding
+* Added: modularity
+* Added: grid folder
+* Added: .github folder
+
+## 0.1.1
+
+* Remove `flex: 1` shorthand
+
+## 0.1.0
+
+* Fix #227
+* Fix #232
+* Fix #242
+* Fix #243
+* Fix #228
+* Fix #245
+* Fix #246
+
+## 0.0.28
+
+* BREAKING: `.control.is-grouped` now uses `.control` elements as direct children
+* Fix #220
+* Fix #214
+* Fix #210
+* Fix #206
+* Fix #122
+
+## 0.0.27
+
+* Fix: #217
+* Fix: #213
+* Fix: #209
+* Fix: #205
+* Fix: #204
+* Fix: #81
+
+## 0.0.26
+
+* Added: `.modal-card`
+* Added: display responsive utilities
+* Added: `.nav-center`
+* Added: `.tabs ul` left center right
+* Changed: `.navbar` renamed to `.level`
+* Changed: `.header` renamed to `.nav`
+* Deprecated: `.header`
+* Deprecated: `.navbar`
+* Fixed: `.hero` layout
+
+## 0.0.25
+
+* Added: `utilities/controls.sass` and `elements/form.sass`
+* Added: new responsive classes
+* Added: white/black and light/dark colors
+* Changed: `.tabs` need `.icon` now
+* Changed: cdnjs link doesn't include version
+
+## 0.0.24
+
+### Added
+
+* `is-mobile` for the navbar
+
+### Removed
+
+* removed border between sections. Use `<hr class="is-marginless">` now
+
+### Updated
+
+* restructured files
+* added back `inline-flex` for controls and tags
+
+### Removed
+
+* test tiles
+
+## 0.0.23
+
+### BREAKING
+
+* `bulma` folder renamed to `sass` to avoid the redundant `bulma/bulma` path
+* `variables.sass` moved to `/utilities`
+* almost everything is singular now
+* **elements** only have one class
+* **components** have at least one sub-class
+* `.content` moved to elements
+* `.table` moved to elements
+* `.message` moved to components
+* `.table-icon`, `.table-link`, `.table-narrow` are now called `.is-icon`, `.is-link`, `.is-narrow`
+
+### Added
+
+* all variables are now `!default` so you can set your custom variables before importing Bulma
+
+## 0.0.22
+
+### Fixed
+
+* links in hero subtitle
+
+## 0.0.21
+
+### Added
+
+* `.column.is-narrow` to make a column `flex: none`
+
+## 0.0.20
+
+### Added
+
+* `.has-icon` support for different `.input` sizes
+
+## 0.0.19
+
+### NEW!!!
+
+* `.tile`
+
+### BREAKING
+
+* `.is-third` renamed to `.is-one-third`
+* `.is-quarter` renamed to `.is-one-quarter`
+
+### Added
+
+* `.is-two-thirds`
+* `.is-three-quarters`
+
+### Changed
+
+* `.delete` in `.tag` has no red
+
+## 0.0.18
+
+### BREAKING
+
+* `.is-text-*` renamed to `.has-text-*`
+* removed `.is-fullwidth` helper
+
+### Added
+
+* **small tag**: `.tag.is-small`
+* 12th column classes
+* `*-full` column classes
+* `$family-code`
+
+### Fixed
+
+* disabled input with element
+* `.table` last row with `th`
+* `.card` color in `.hero`
+* `.columns.is-gapless`
+
+### Removed
+
+* removed `box-shadow` from `.tag`
+* custom checkboxes and radio buttons
+
+### Updated
+
+* `.tag` uses `display: inline-flex` now
+
+## 0.0.17
+
+### Added
+
+* **pagination**: `.pagination`
+* **horizontal forms**: `.control.is-horizontal`
+* **help** text for form controls: `.help`
+* **progress bars**: `.progress`
+
+### Updated
+
+* `.button` uses `display: inline-flex` now
+* `.button` needs an `.icon` now
+* `.control.is-grouped` renamed to `.control.has-addons`
+* `.control.is-inline` renamed to `.control.is-grouped`
+
+### Removed
+
+* **helpers** `.is-inline` and `.is-block`
diff --git a/node_modules/bulma/LICENSE b/node_modules/bulma/LICENSE
new file mode 100644
index 0000000..e3cb0a9
--- /dev/null
+++ b/node_modules/bulma/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 Jeremy Thomas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
diff --git a/node_modules/bulma/README.md b/node_modules/bulma/README.md
new file mode 100644
index 0000000..b55426e
--- /dev/null
+++ b/node_modules/bulma/README.md
@@ -0,0 +1,124 @@
+# [Bulma](https://bulma.io)
+
+Bulma is a **modern CSS framework** based on [Flexbox](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes).
+
+[][npm-link]
+[][npm-link]
+[![Awesome][awesome-badge]][awesome-link]
+[](https://gitter.im/jgthms/bulma)
+[](https://travis-ci.org/jgthms/bulma)
+
+<a href="https://bulma.io"><img src="https://raw.githubusercontent.com/jgthms/bulma/master/docs/images/bulma-banner.png" alt="Bulma: a Flexbox CSS framework" style="max-width:100%;" width="600" height="315"></a>
+
+## Quick install
+
+Bulma is constantly in development! Try it out now:
+
+### NPM
+
+```sh
+npm install bulma
+```
+
+**or**
+
+### Yarn
+
+```sh
+yarn add bulma
+```
+
+### Bower
+
+```sh
+bower install bulma
+```
+
+### Import
+After installation, you can import the CSS file into your project using this snippet:
+
+```sh
+import 'bulma/css/bulma.css'
+```
+
+### CDN
+
+[https://cdnjs.com/libraries/bulma](https://cdnjs.com/libraries/bulma)
+
+Feel free to raise an issue or submit a pull request.
+
+## CSS only
+
+Bulma is a **CSS** framework. As such, the sole output is a single CSS file: [bulma.css](https://github.com/jgthms/bulma/blob/master/css/bulma.css)
+
+You can either use that file, "out of the box", or download the Sass source files to customize the [variables](https://bulma.io/documentation/overview/variables/).
+
+There is **no** JavaScript included. People generally want to use their own JS implementation (and usually already have one). Bulma can be considered "environment agnostic": it's just the style layer on top of the logic.
+
+## Browser Support
+
+Bulma uses [autoprefixer](https://github.com/postcss/autoprefixer) to make (most) Flexbox features compatible with earlier browser versions. According to [Can I use](https://caniuse.com/#feat=flexbox), Bulma is compatible with **recent** versions of:
+
+* Chrome
+* Edge
+* Firefox
+* Opera
+* Safari
+
+Internet Explorer (10+) is only partially supported.
+
+## Documentation
+
+The documentation resides in the [docs](docs) directory, and is built with the Ruby-based [Jekyll](https://jekyllrb.com/) tool.
+
+Browse the [online documentation here.](https://bulma.io/documentation/overview/start/)
+
+## Related projects
+
+| Project | Description |
+|--------------------------------------------------------------------------------------|----------------------------------------------------------------------------------------|
+| [Bulma with Attribute Modules](https://github.com/j5bot/bulma-attribute-selectors) | Adds support for attribute-based selectors |
+| [Bulma with Rails](https://github.com/joshuajansen/bulma-rails) | Integrates Bulma with the rails asset pipeline |
+| [Vue Admin](https://github.com/vue-bulma/vue-admin) | Vue Admin framework powered by Bulma |
+| [Bulmaswatch](https://github.com/jenil/bulmaswatch) | Free themes for Bulma |
+| [Goldfish](https://github.com/Caiyeon/goldfish) | Vault UI with Bulma, Golang, and Vue Admin |
+| [ember-bulma](https://github.com/open-tux/ember-bulma) | Ember addon providing a collection of UI components for Bulma |
+| [Bloomer](https://bloomer.js.org) | A set of React components for Bulma |
+| [React-bulma](https://github.com/kulakowka/react-bulma) | React.js components for Bulma |
+| [Buefy](https://buefy.github.io) | Lightweight UI components for Vue.js based on Bulma |
+| [vue-bulma-components](https://github.com/vouill/vue-bulma-components) | Bulma components for Vue.js with straightforward syntax |
+| [BulmaJS](https://github.com/VizuaaLOG/BulmaJS) | Javascript integration for Bulma. Written in ES6 with a data-* API |
+| [Bulma-modal-fx](https://github.com/postare/bulma-modal-fx) | A set of modal window effects with CSS transitions and animations for Bulma |
+| [Bulma.styl](https://github.com/log1x/bulma.styl) | 1:1 Stylus translation of Bulma |
+| [elm-bulma](https://github.com/surprisetalk/elm-bulma) | Bulma + Elm |
+| [elm-bulma-classes](https://github.com/ahstro/elm-bulma-classes) | Bulma classes prepared for usage with Elm |
+| [Bulma Customizer](https://bulma-customizer.bstash.io/) | Bulma Customizer – Create your own **bespoke** Bulma build |
+| [Fulma](https://mangelmaxime.github.io/Fulma/) | Wrapper around Bulma for [fable-react](https://github.com/fable-compiler/fable-react) |
+| [Laravel Enso](https://github.com/laravel-enso/enso) | SPA Admin Panel built with Bulma, VueJS and Laravel |
+| [Django Bulma](https://github.com/timonweb/django-bulma) | Integrates Bulma with Django |
+| [Bulma Templates](https://github.com/dansup/bulma-templates) | Free Templates for Bulma |
+| [React Bulma Components](https://github.com/couds/react-bulma-components) | Another React wrap on React for Bulma.io |
+| [purescript-bulma](https://github.com/sectore/purescript-bulma) | PureScript bindings for Bulma |
+| [Vue Datatable](https://github.com/laravel-enso/vuedatatable) | Bulma themed datatable based on Vue, Laravel & JSON templates |
+| [bulma-fluent](https://mubaidr.github.io/bulma-fluent/) | Fluent Design Theme for Bulma inspired by Microsoft’s Fluent Design System |
+| [csskrt-csskrt](https://github.com/4d11/csskrt-csskrt) | Automatically add Bulma classes to HTML files |
+| [bulma-pagination-react](https://github.com/hipstersmoothie/bulma-pagination-react) | Bulma pagination as a react component |
+| [bulma-helpers](https://github.com/jmaczan/bulma-helpers) | Functional / Atomic CSS classes for Bulma |
+| [bulma-swatch-hook](https://github.com/hipstersmoothie/bulma-swatch-hook) | Bulma swatches as a react hook and a component |
+| [BulmaWP](https://github.com/tomhrtly/BulmaWP) | Starter WordPress theme for Bulma |
+| [Ralma](https://github.com/aldi/ralma) | Stateless Ractive.js Components for Bulma |
+| [Django Simple Bulma](https://github.com/python-discord/django-simple-bulma) | Lightweight integration of Bulma and Bulma-Extensions for your Django app |
+| [rbx](https://dfee.github.io/rbx) | Comprehensive React UI Framework written in TypeScript |
+| [Awesome Bulma Templates](https://github.com/aldi/awesome-bulma-templates) | Free real-world Templates built with Bulma |
+| [Trunx](http://g14n.info/trunx) | Super Saiyan React components, son of awesome Bulma, implemented in TypeScript |
+| [@aybolit/bulma](https://github.com/web-padawan/aybolit/tree/master/packages/bulma) | Web Components library inspired by Bulma and Bulma-extensions |
+| [Drulma](https://www.drupal.org/project/drulma) | Drupal theme for Bulma. |
+| [Bulrush](https://github.com/textbook/bulrush) | A Bulma-based Python Pelican blog theme |
+
+## Copyright and license
+
+Code copyright 2019 Jeremy Thomas. Code released under [the MIT license](https://github.com/jgthms/bulma/blob/master/LICENSE).
+
+[npm-link]: https://www.npmjs.com/package/bulma
+[awesome-link]: https://github.com/awesome-css-group/awesome-css
+[awesome-badge]: https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg
diff --git a/node_modules/bulma/bulma.sass b/node_modules/bulma/bulma.sass
new file mode 100644
index 0000000..760624f
--- /dev/null
+++ b/node_modules/bulma/bulma.sass
@@ -0,0 +1,9 @@
+@charset "utf-8"
+/*! bulma.io v0.7.5 | MIT License | github.com/jgthms/bulma */
+@import "sass/utilities/_all"
+@import "sass/base/_all"
+@import "sass/elements/_all"
+@import "sass/form/_all"
+@import "sass/components/_all"
+@import "sass/grid/_all"
+@import "sass/layout/_all"
diff --git a/node_modules/bulma/css/bulma.css b/node_modules/bulma/css/bulma.css
new file mode 100644
index 0000000..e793432
--- /dev/null
+++ b/node_modules/bulma/css/bulma.css
@@ -0,0 +1,10599 @@
+/*! bulma.io v0.7.5 | MIT License | github.com/jgthms/bulma */
+@-webkit-keyframes spinAround {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+@keyframes spinAround {
+ from {
+ -webkit-transform: rotate(0deg);
+ transform: rotate(0deg);
+ }
+ to {
+ -webkit-transform: rotate(359deg);
+ transform: rotate(359deg);
+ }
+}
+
+.delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous,
+.pagination-next,
+.pagination-link,
+.pagination-ellipsis, .tabs {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
+ border: 3px solid transparent;
+ border-radius: 2px;
+ border-right: 0;
+ border-top: 0;
+ content: " ";
+ display: block;
+ height: 0.625em;
+ margin-top: -0.4375em;
+ pointer-events: none;
+ position: absolute;
+ top: 50%;
+ -webkit-transform: rotate(-45deg);
+ transform: rotate(-45deg);
+ -webkit-transform-origin: center;
+ transform-origin: center;
+ width: 0.625em;
+}
+
+.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child),
+.subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .list:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.delete, .modal-close {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ background-color: rgba(10, 10, 10, 0.2);
+ border: none;
+ border-radius: 290486px;
+ cursor: pointer;
+ pointer-events: auto;
+ display: inline-block;
+ flex-grow: 0;
+ flex-shrink: 0;
+ font-size: 0;
+ height: 20px;
+ max-height: 20px;
+ max-width: 20px;
+ min-height: 20px;
+ min-width: 20px;
+ outline: none;
+ position: relative;
+ vertical-align: top;
+ width: 20px;
+}
+
+.delete::before, .modal-close::before, .delete::after, .modal-close::after {
+ background-color: white;
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ -webkit-transform-origin: center center;
+ transform-origin: center center;
+}
+
+.delete::before, .modal-close::before {
+ height: 2px;
+ width: 50%;
+}
+
+.delete::after, .modal-close::after {
+ height: 50%;
+ width: 2px;
+}
+
+.delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus {
+ background-color: rgba(10, 10, 10, 0.3);
+}
+
+.delete:active, .modal-close:active {
+ background-color: rgba(10, 10, 10, 0.4);
+}
+
+.is-small.delete, .is-small.modal-close {
+ height: 16px;
+ max-height: 16px;
+ max-width: 16px;
+ min-height: 16px;
+ min-width: 16px;
+ width: 16px;
+}
+
+.is-medium.delete, .is-medium.modal-close {
+ height: 24px;
+ max-height: 24px;
+ max-width: 24px;
+ min-height: 24px;
+ min-width: 24px;
+ width: 24px;
+}
+
+.is-large.delete, .is-large.modal-close {
+ height: 32px;
+ max-height: 32px;
+ max-width: 32px;
+ min-height: 32px;
+ min-width: 32px;
+ width: 32px;
+}
+
+.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after {
+ -webkit-animation: spinAround 500ms infinite linear;
+ animation: spinAround 500ms infinite linear;
+ border: 2px solid #dbdbdb;
+ border-radius: 290486px;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: "";
+ display: block;
+ height: 1em;
+ position: relative;
+ width: 1em;
+}
+
+.is-overlay, .image.is-square img,
+.image.is-square .has-ratio, .image.is-1by1 img,
+.image.is-1by1 .has-ratio, .image.is-5by4 img,
+.image.is-5by4 .has-ratio, .image.is-4by3 img,
+.image.is-4by3 .has-ratio, .image.is-3by2 img,
+.image.is-3by2 .has-ratio, .image.is-5by3 img,
+.image.is-5by3 .has-ratio, .image.is-16by9 img,
+.image.is-16by9 .has-ratio, .image.is-2by1 img,
+.image.is-2by1 .has-ratio, .image.is-3by1 img,
+.image.is-3by1 .has-ratio, .image.is-4by5 img,
+.image.is-4by5 .has-ratio, .image.is-3by4 img,
+.image.is-3by4 .has-ratio, .image.is-2by3 img,
+.image.is-2by3 .has-ratio, .image.is-3by5 img,
+.image.is-3by5 .has-ratio, .image.is-9by16 img,
+.image.is-9by16 .has-ratio, .image.is-1by2 img,
+.image.is-1by2 .has-ratio, .image.is-1by3 img,
+.image.is-1by3 .has-ratio, .modal, .modal-background, .hero-video {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.button, .input, .textarea, .select select, .file-cta,
+.file-name, .pagination-previous,
+.pagination-next,
+.pagination-link,
+.pagination-ellipsis {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ align-items: center;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ box-shadow: none;
+ display: inline-flex;
+ font-size: 1rem;
+ height: 2.25em;
+ justify-content: flex-start;
+ line-height: 1.5;
+ padding-bottom: calc(0.375em - 1px);
+ padding-left: calc(0.625em - 1px);
+ padding-right: calc(0.625em - 1px);
+ padding-top: calc(0.375em - 1px);
+ position: relative;
+ vertical-align: top;
+}
+
+.button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus,
+.file-name:focus, .pagination-previous:focus,
+.pagination-next:focus,
+.pagination-link:focus,
+.pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta,
+.is-focused.file-name, .is-focused.pagination-previous,
+.is-focused.pagination-next,
+.is-focused.pagination-link,
+.is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active,
+.file-name:active, .pagination-previous:active,
+.pagination-next:active,
+.pagination-link:active,
+.pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta,
+.is-active.file-name, .is-active.pagination-previous,
+.is-active.pagination-next,
+.is-active.pagination-link,
+.is-active.pagination-ellipsis {
+ outline: none;
+}
+
+.button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled],
+.file-name[disabled], .pagination-previous[disabled],
+.pagination-next[disabled],
+.pagination-link[disabled],
+.pagination-ellipsis[disabled],
+fieldset[disabled] .button,
+fieldset[disabled] .input,
+fieldset[disabled] .textarea,
+fieldset[disabled] .select select,
+.select fieldset[disabled] select,
+fieldset[disabled] .file-cta,
+fieldset[disabled] .file-name,
+fieldset[disabled] .pagination-previous,
+fieldset[disabled] .pagination-next,
+fieldset[disabled] .pagination-link,
+fieldset[disabled] .pagination-ellipsis {
+ cursor: not-allowed;
+}
+
+/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */
+html,
+body,
+p,
+ol,
+ul,
+li,
+dl,
+dt,
+dd,
+blockquote,
+figure,
+fieldset,
+legend,
+textarea,
+pre,
+iframe,
+hr,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ margin: 0;
+ padding: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-size: 100%;
+ font-weight: normal;
+}
+
+ul {
+ list-style: none;
+}
+
+button,
+input,
+select,
+textarea {
+ margin: 0;
+}
+
+html {
+ box-sizing: border-box;
+}
+
+*, *::before, *::after {
+ box-sizing: inherit;
+}
+
+img,
+embed,
+iframe,
+object,
+video {
+ height: auto;
+ max-width: 100%;
+}
+
+audio {
+ max-width: 100%;
+}
+
+iframe {
+ border: 0;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+td,
+th {
+ padding: 0;
+}
+
+td:not([align]),
+th:not([align]) {
+ text-align: left;
+}
+
+html {
+ background-color: white;
+ font-size: 16px;
+ -moz-osx-font-smoothing: grayscale;
+ -webkit-font-smoothing: antialiased;
+ min-width: 300px;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ text-rendering: optimizeLegibility;
+ -webkit-text-size-adjust: 100%;
+ -moz-text-size-adjust: 100%;
+ -ms-text-size-adjust: 100%;
+ text-size-adjust: 100%;
+}
+
+article,
+aside,
+figure,
+footer,
+header,
+hgroup,
+section {
+ display: block;
+}
+
+body,
+button,
+input,
+select,
+textarea {
+ font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
+}
+
+code,
+pre {
+ -moz-osx-font-smoothing: auto;
+ -webkit-font-smoothing: auto;
+ font-family: monospace;
+}
+
+body {
+ color: #4a4a4a;
+ font-size: 1em;
+ font-weight: 400;
+ line-height: 1.5;
+}
+
+a {
+ color: #3273dc;
+ cursor: pointer;
+ text-decoration: none;
+}
+
+a strong {
+ color: currentColor;
+}
+
+a:hover {
+ color: #363636;
+}
+
+code {
+ background-color: whitesmoke;
+ color: #ff3860;
+ font-size: 0.875em;
+ font-weight: normal;
+ padding: 0.25em 0.5em 0.25em;
+}
+
+hr {
+ background-color: whitesmoke;
+ border: none;
+ display: block;
+ height: 2px;
+ margin: 1.5rem 0;
+}
+
+img {
+ height: auto;
+ max-width: 100%;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+ vertical-align: baseline;
+}
+
+small {
+ font-size: 0.875em;
+}
+
+span {
+ font-style: inherit;
+ font-weight: inherit;
+}
+
+strong {
+ color: #363636;
+ font-weight: 700;
+}
+
+fieldset {
+ border: none;
+}
+
+pre {
+ -webkit-overflow-scrolling: touch;
+ background-color: whitesmoke;
+ color: #4a4a4a;
+ font-size: 0.875em;
+ overflow-x: auto;
+ padding: 1.25rem 1.5rem;
+ white-space: pre;
+ word-wrap: normal;
+}
+
+pre code {
+ background-color: transparent;
+ color: currentColor;
+ font-size: 1em;
+ padding: 0;
+}
+
+table td,
+table th {
+ vertical-align: top;
+}
+
+table td:not([align]),
+table th:not([align]) {
+ text-align: left;
+}
+
+table th {
+ color: #363636;
+}
+
+.is-clearfix::after {
+ clear: both;
+ content: " ";
+ display: table;
+}
+
+.is-pulled-left {
+ float: left !important;
+}
+
+.is-pulled-right {
+ float: right !important;
+}
+
+.is-clipped {
+ overflow: hidden !important;
+}
+
+.is-size-1 {
+ font-size: 3rem !important;
+}
+
+.is-size-2 {
+ font-size: 2.5rem !important;
+}
+
+.is-size-3 {
+ font-size: 2rem !important;
+}
+
+.is-size-4 {
+ font-size: 1.5rem !important;
+}
+
+.is-size-5 {
+ font-size: 1.25rem !important;
+}
+
+.is-size-6 {
+ font-size: 1rem !important;
+}
+
+.is-size-7 {
+ font-size: 0.75rem !important;
+}
+
+@media screen and (max-width: 768px) {
+ .is-size-1-mobile {
+ font-size: 3rem !important;
+ }
+ .is-size-2-mobile {
+ font-size: 2.5rem !important;
+ }
+ .is-size-3-mobile {
+ font-size: 2rem !important;
+ }
+ .is-size-4-mobile {
+ font-size: 1.5rem !important;
+ }
+ .is-size-5-mobile {
+ font-size: 1.25rem !important;
+ }
+ .is-size-6-mobile {
+ font-size: 1rem !important;
+ }
+ .is-size-7-mobile {
+ font-size: 0.75rem !important;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .is-size-1-tablet {
+ font-size: 3rem !important;
+ }
+ .is-size-2-tablet {
+ font-size: 2.5rem !important;
+ }
+ .is-size-3-tablet {
+ font-size: 2rem !important;
+ }
+ .is-size-4-tablet {
+ font-size: 1.5rem !important;
+ }
+ .is-size-5-tablet {
+ font-size: 1.25rem !important;
+ }
+ .is-size-6-tablet {
+ font-size: 1rem !important;
+ }
+ .is-size-7-tablet {
+ font-size: 0.75rem !important;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .is-size-1-touch {
+ font-size: 3rem !important;
+ }
+ .is-size-2-touch {
+ font-size: 2.5rem !important;
+ }
+ .is-size-3-touch {
+ font-size: 2rem !important;
+ }
+ .is-size-4-touch {
+ font-size: 1.5rem !important;
+ }
+ .is-size-5-touch {
+ font-size: 1.25rem !important;
+ }
+ .is-size-6-touch {
+ font-size: 1rem !important;
+ }
+ .is-size-7-touch {
+ font-size: 0.75rem !important;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .is-size-1-desktop {
+ font-size: 3rem !important;
+ }
+ .is-size-2-desktop {
+ font-size: 2.5rem !important;
+ }
+ .is-size-3-desktop {
+ font-size: 2rem !important;
+ }
+ .is-size-4-desktop {
+ font-size: 1.5rem !important;
+ }
+ .is-size-5-desktop {
+ font-size: 1.25rem !important;
+ }
+ .is-size-6-desktop {
+ font-size: 1rem !important;
+ }
+ .is-size-7-desktop {
+ font-size: 0.75rem !important;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .is-size-1-widescreen {
+ font-size: 3rem !important;
+ }
+ .is-size-2-widescreen {
+ font-size: 2.5rem !important;
+ }
+ .is-size-3-widescreen {
+ font-size: 2rem !important;
+ }
+ .is-size-4-widescreen {
+ font-size: 1.5rem !important;
+ }
+ .is-size-5-widescreen {
+ font-size: 1.25rem !important;
+ }
+ .is-size-6-widescreen {
+ font-size: 1rem !important;
+ }
+ .is-size-7-widescreen {
+ font-size: 0.75rem !important;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .is-size-1-fullhd {
+ font-size: 3rem !important;
+ }
+ .is-size-2-fullhd {
+ font-size: 2.5rem !important;
+ }
+ .is-size-3-fullhd {
+ font-size: 2rem !important;
+ }
+ .is-size-4-fullhd {
+ font-size: 1.5rem !important;
+ }
+ .is-size-5-fullhd {
+ font-size: 1.25rem !important;
+ }
+ .is-size-6-fullhd {
+ font-size: 1rem !important;
+ }
+ .is-size-7-fullhd {
+ font-size: 0.75rem !important;
+ }
+}
+
+.has-text-centered {
+ text-align: center !important;
+}
+
+.has-text-justified {
+ text-align: justify !important;
+}
+
+.has-text-left {
+ text-align: left !important;
+}
+
+.has-text-right {
+ text-align: right !important;
+}
+
+@media screen and (max-width: 768px) {
+ .has-text-centered-mobile {
+ text-align: center !important;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .has-text-centered-tablet {
+ text-align: center !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .has-text-centered-tablet-only {
+ text-align: center !important;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .has-text-centered-touch {
+ text-align: center !important;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .has-text-centered-desktop {
+ text-align: center !important;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .has-text-centered-desktop-only {
+ text-align: center !important;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .has-text-centered-widescreen {
+ text-align: center !important;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .has-text-centered-widescreen-only {
+ text-align: center !important;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .has-text-centered-fullhd {
+ text-align: center !important;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ .has-text-justified-mobile {
+ text-align: justify !important;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .has-text-justified-tablet {
+ text-align: justify !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .has-text-justified-tablet-only {
+ text-align: justify !important;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .has-text-justified-touch {
+ text-align: justify !important;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .has-text-justified-desktop {
+ text-align: justify !important;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .has-text-justified-desktop-only {
+ text-align: justify !important;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .has-text-justified-widescreen {
+ text-align: justify !important;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .has-text-justified-widescreen-only {
+ text-align: justify !important;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .has-text-justified-fullhd {
+ text-align: justify !important;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ .has-text-left-mobile {
+ text-align: left !important;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .has-text-left-tablet {
+ text-align: left !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .has-text-left-tablet-only {
+ text-align: left !important;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .has-text-left-touch {
+ text-align: left !important;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .has-text-left-desktop {
+ text-align: left !important;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .has-text-left-desktop-only {
+ text-align: left !important;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .has-text-left-widescreen {
+ text-align: left !important;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .has-text-left-widescreen-only {
+ text-align: left !important;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .has-text-left-fullhd {
+ text-align: left !important;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ .has-text-right-mobile {
+ text-align: right !important;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .has-text-right-tablet {
+ text-align: right !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .has-text-right-tablet-only {
+ text-align: right !important;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .has-text-right-touch {
+ text-align: right !important;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .has-text-right-desktop {
+ text-align: right !important;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .has-text-right-desktop-only {
+ text-align: right !important;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .has-text-right-widescreen {
+ text-align: right !important;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .has-text-right-widescreen-only {
+ text-align: right !important;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .has-text-right-fullhd {
+ text-align: right !important;
+ }
+}
+
+.is-capitalized {
+ text-transform: capitalize !important;
+}
+
+.is-lowercase {
+ text-transform: lowercase !important;
+}
+
+.is-uppercase {
+ text-transform: uppercase !important;
+}
+
+.is-italic {
+ font-style: italic !important;
+}
+
+.has-text-white {
+ color: white !important;
+}
+
+a.has-text-white:hover, a.has-text-white:focus {
+ color: #e6e6e6 !important;
+}
+
+.has-background-white {
+ background-color: white !important;
+}
+
+.has-text-black {
+ color: #0a0a0a !important;
+}
+
+a.has-text-black:hover, a.has-text-black:focus {
+ color: black !important;
+}
+
+.has-background-black {
+ background-color: #0a0a0a !important;
+}
+
+.has-text-light {
+ color: whitesmoke !important;
+}
+
+a.has-text-light:hover, a.has-text-light:focus {
+ color: #dbdbdb !important;
+}
+
+.has-background-light {
+ background-color: whitesmoke !important;
+}
+
+.has-text-dark {
+ color: #363636 !important;
+}
+
+a.has-text-dark:hover, a.has-text-dark:focus {
+ color: #1c1c1c !important;
+}
+
+.has-background-dark {
+ background-color: #363636 !important;
+}
+
+.has-text-primary {
+ color: #00d1b2 !important;
+}
+
+a.has-text-primary:hover, a.has-text-primary:focus {
+ color: #009e86 !important;
+}
+
+.has-background-primary {
+ background-color: #00d1b2 !important;
+}
+
+.has-text-link {
+ color: #3273dc !important;
+}
+
+a.has-text-link:hover, a.has-text-link:focus {
+ color: #205bbc !important;
+}
+
+.has-background-link {
+ background-color: #3273dc !important;
+}
+
+.has-text-info {
+ color: #209cee !important;
+}
+
+a.has-text-info:hover, a.has-text-info:focus {
+ color: #0f81cc !important;
+}
+
+.has-background-info {
+ background-color: #209cee !important;
+}
+
+.has-text-success {
+ color: #23d160 !important;
+}
+
+a.has-text-success:hover, a.has-text-success:focus {
+ color: #1ca64c !important;
+}
+
+.has-background-success {
+ background-color: #23d160 !important;
+}
+
+.has-text-warning {
+ color: #ffdd57 !important;
+}
+
+a.has-text-warning:hover, a.has-text-warning:focus {
+ color: #ffd324 !important;
+}
+
+.has-background-warning {
+ background-color: #ffdd57 !important;
+}
+
+.has-text-danger {
+ color: #ff3860 !important;
+}
+
+a.has-text-danger:hover, a.has-text-danger:focus {
+ color: #ff0537 !important;
+}
+
+.has-background-danger {
+ background-color: #ff3860 !important;
+}
+
+.has-text-black-bis {
+ color: #121212 !important;
+}
+
+.has-background-black-bis {
+ background-color: #121212 !important;
+}
+
+.has-text-black-ter {
+ color: #242424 !important;
+}
+
+.has-background-black-ter {
+ background-color: #242424 !important;
+}
+
+.has-text-grey-darker {
+ color: #363636 !important;
+}
+
+.has-background-grey-darker {
+ background-color: #363636 !important;
+}
+
+.has-text-grey-dark {
+ color: #4a4a4a !important;
+}
+
+.has-background-grey-dark {
+ background-color: #4a4a4a !important;
+}
+
+.has-text-grey {
+ color: #7a7a7a !important;
+}
+
+.has-background-grey {
+ background-color: #7a7a7a !important;
+}
+
+.has-text-grey-light {
+ color: #b5b5b5 !important;
+}
+
+.has-background-grey-light {
+ background-color: #b5b5b5 !important;
+}
+
+.has-text-grey-lighter {
+ color: #dbdbdb !important;
+}
+
+.has-background-grey-lighter {
+ background-color: #dbdbdb !important;
+}
+
+.has-text-white-ter {
+ color: whitesmoke !important;
+}
+
+.has-background-white-ter {
+ background-color: whitesmoke !important;
+}
+
+.has-text-white-bis {
+ color: #fafafa !important;
+}
+
+.has-background-white-bis {
+ background-color: #fafafa !important;
+}
+
+.has-text-weight-light {
+ font-weight: 300 !important;
+}
+
+.has-text-weight-normal {
+ font-weight: 400 !important;
+}
+
+.has-text-weight-medium {
+ font-weight: 500 !important;
+}
+
+.has-text-weight-semibold {
+ font-weight: 600 !important;
+}
+
+.has-text-weight-bold {
+ font-weight: 700 !important;
+}
+
+.is-family-primary {
+ font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
+}
+
+.is-family-secondary {
+ font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
+}
+
+.is-family-sans-serif {
+ font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
+}
+
+.is-family-monospace {
+ font-family: monospace !important;
+}
+
+.is-family-code {
+ font-family: monospace !important;
+}
+
+.is-block {
+ display: block !important;
+}
+
+@media screen and (max-width: 768px) {
+ .is-block-mobile {
+ display: block !important;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .is-block-tablet {
+ display: block !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .is-block-tablet-only {
+ display: block !important;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .is-block-touch {
+ display: block !important;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .is-block-desktop {
+ display: block !important;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .is-block-desktop-only {
+ display: block !important;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .is-block-widescreen {
+ display: block !important;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .is-block-widescreen-only {
+ display: block !important;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .is-block-fullhd {
+ display: block !important;
+ }
+}
+
+.is-flex {
+ display: flex !important;
+}
+
+@media screen and (max-width: 768px) {
+ .is-flex-mobile {
+ display: flex !important;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .is-flex-tablet {
+ display: flex !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .is-flex-tablet-only {
+ display: flex !important;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .is-flex-touch {
+ display: flex !important;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .is-flex-desktop {
+ display: flex !important;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .is-flex-desktop-only {
+ display: flex !important;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .is-flex-widescreen {
+ display: flex !important;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .is-flex-widescreen-only {
+ display: flex !important;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .is-flex-fullhd {
+ display: flex !important;
+ }
+}
+
+.is-inline {
+ display: inline !important;
+}
+
+@media screen and (max-width: 768px) {
+ .is-inline-mobile {
+ display: inline !important;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .is-inline-tablet {
+ display: inline !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .is-inline-tablet-only {
+ display: inline !important;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .is-inline-touch {
+ display: inline !important;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .is-inline-desktop {
+ display: inline !important;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .is-inline-desktop-only {
+ display: inline !important;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .is-inline-widescreen {
+ display: inline !important;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .is-inline-widescreen-only {
+ display: inline !important;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .is-inline-fullhd {
+ display: inline !important;
+ }
+}
+
+.is-inline-block {
+ display: inline-block !important;
+}
+
+@media screen and (max-width: 768px) {
+ .is-inline-block-mobile {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .is-inline-block-tablet {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .is-inline-block-tablet-only {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .is-inline-block-touch {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .is-inline-block-desktop {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .is-inline-block-desktop-only {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .is-inline-block-widescreen {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .is-inline-block-widescreen-only {
+ display: inline-block !important;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .is-inline-block-fullhd {
+ display: inline-block !important;
+ }
+}
+
+.is-inline-flex {
+ display: inline-flex !important;
+}
+
+@media screen and (max-width: 768px) {
+ .is-inline-flex-mobile {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .is-inline-flex-tablet {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .is-inline-flex-tablet-only {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .is-inline-flex-touch {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .is-inline-flex-desktop {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .is-inline-flex-desktop-only {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .is-inline-flex-widescreen {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .is-inline-flex-widescreen-only {
+ display: inline-flex !important;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .is-inline-flex-fullhd {
+ display: inline-flex !important;
+ }
+}
+
+.is-hidden {
+ display: none !important;
+}
+
+.is-sr-only {
+ border: none !important;
+ clip: rect(0, 0, 0, 0) !important;
+ height: 0.01em !important;
+ overflow: hidden !important;
+ padding: 0 !important;
+ position: absolute !important;
+ white-space: nowrap !important;
+ width: 0.01em !important;
+}
+
+@media screen and (max-width: 768px) {
+ .is-hidden-mobile {
+ display: none !important;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .is-hidden-tablet {
+ display: none !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .is-hidden-tablet-only {
+ display: none !important;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .is-hidden-touch {
+ display: none !important;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .is-hidden-desktop {
+ display: none !important;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .is-hidden-desktop-only {
+ display: none !important;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .is-hidden-widescreen {
+ display: none !important;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .is-hidden-widescreen-only {
+ display: none !important;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .is-hidden-fullhd {
+ display: none !important;
+ }
+}
+
+.is-invisible {
+ visibility: hidden !important;
+}
+
+@media screen and (max-width: 768px) {
+ .is-invisible-mobile {
+ visibility: hidden !important;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .is-invisible-tablet {
+ visibility: hidden !important;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .is-invisible-tablet-only {
+ visibility: hidden !important;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .is-invisible-touch {
+ visibility: hidden !important;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .is-invisible-desktop {
+ visibility: hidden !important;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .is-invisible-desktop-only {
+ visibility: hidden !important;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .is-invisible-widescreen {
+ visibility: hidden !important;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .is-invisible-widescreen-only {
+ visibility: hidden !important;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .is-invisible-fullhd {
+ visibility: hidden !important;
+ }
+}
+
+.is-marginless {
+ margin: 0 !important;
+}
+
+.is-paddingless {
+ padding: 0 !important;
+}
+
+.is-radiusless {
+ border-radius: 0 !important;
+}
+
+.is-shadowless {
+ box-shadow: none !important;
+}
+
+.is-relative {
+ position: relative !important;
+}
+
+.box {
+ background-color: white;
+ border-radius: 6px;
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+ color: #4a4a4a;
+ display: block;
+ padding: 1.25rem;
+}
+
+a.box:hover, a.box:focus {
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc;
+}
+
+a.box:active {
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc;
+}
+
+.button {
+ background-color: white;
+ border-color: #dbdbdb;
+ border-width: 1px;
+ color: #363636;
+ cursor: pointer;
+ justify-content: center;
+ padding-bottom: calc(0.375em - 1px);
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+ padding-top: calc(0.375em - 1px);
+ text-align: center;
+ white-space: nowrap;
+}
+
+.button strong {
+ color: inherit;
+}
+
+.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
+ height: 1.5em;
+ width: 1.5em;
+}
+
+.button .icon:first-child:not(:last-child) {
+ margin-left: calc(-0.375em - 1px);
+ margin-right: 0.1875em;
+}
+
+.button .icon:last-child:not(:first-child) {
+ margin-left: 0.1875em;
+ margin-right: calc(-0.375em - 1px);
+}
+
+.button .icon:first-child:last-child {
+ margin-left: calc(-0.375em - 1px);
+ margin-right: calc(-0.375em - 1px);
+}
+
+.button:hover, .button.is-hovered {
+ border-color: #b5b5b5;
+ color: #363636;
+}
+
+.button:focus, .button.is-focused {
+ border-color: #3273dc;
+ color: #363636;
+}
+
+.button:focus:not(:active), .button.is-focused:not(:active) {
+ box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
+}
+
+.button:active, .button.is-active {
+ border-color: #4a4a4a;
+ color: #363636;
+}
+
+.button.is-text {
+ background-color: transparent;
+ border-color: transparent;
+ color: #4a4a4a;
+ text-decoration: underline;
+}
+
+.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.button.is-text:active, .button.is-text.is-active {
+ background-color: #e8e8e8;
+ color: #363636;
+}
+
+.button.is-text[disabled],
+fieldset[disabled] .button.is-text {
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.button.is-white {
+ background-color: white;
+ border-color: transparent;
+ color: #0a0a0a;
+}
+
+.button.is-white:hover, .button.is-white.is-hovered {
+ background-color: #f9f9f9;
+ border-color: transparent;
+ color: #0a0a0a;
+}
+
+.button.is-white:focus, .button.is-white.is-focused {
+ border-color: transparent;
+ color: #0a0a0a;
+}
+
+.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
+ box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
+}
+
+.button.is-white:active, .button.is-white.is-active {
+ background-color: #f2f2f2;
+ border-color: transparent;
+ color: #0a0a0a;
+}
+
+.button.is-white[disabled],
+fieldset[disabled] .button.is-white {
+ background-color: white;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.button.is-white.is-inverted {
+ background-color: #0a0a0a;
+ color: white;
+}
+
+.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
+ background-color: black;
+}
+
+.button.is-white.is-inverted[disabled],
+fieldset[disabled] .button.is-white.is-inverted {
+ background-color: #0a0a0a;
+ border-color: transparent;
+ box-shadow: none;
+ color: white;
+}
+
+.button.is-white.is-loading::after {
+ border-color: transparent transparent #0a0a0a #0a0a0a !important;
+}
+
+.button.is-white.is-outlined {
+ background-color: transparent;
+ border-color: white;
+ color: white;
+}
+
+.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
+ background-color: white;
+ border-color: white;
+ color: #0a0a0a;
+}
+
+.button.is-white.is-outlined.is-loading::after {
+ border-color: transparent transparent white white !important;
+}
+
+.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #0a0a0a #0a0a0a !important;
+}
+
+.button.is-white.is-outlined[disabled],
+fieldset[disabled] .button.is-white.is-outlined {
+ background-color: transparent;
+ border-color: white;
+ box-shadow: none;
+ color: white;
+}
+
+.button.is-white.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #0a0a0a;
+ color: #0a0a0a;
+}
+
+.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
+ background-color: #0a0a0a;
+ color: white;
+}
+
+.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent white white !important;
+}
+
+.button.is-white.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-white.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #0a0a0a;
+ box-shadow: none;
+ color: #0a0a0a;
+}
+
+.button.is-black {
+ background-color: #0a0a0a;
+ border-color: transparent;
+ color: white;
+}
+
+.button.is-black:hover, .button.is-black.is-hovered {
+ background-color: #040404;
+ border-color: transparent;
+ color: white;
+}
+
+.button.is-black:focus, .button.is-black.is-focused {
+ border-color: transparent;
+ color: white;
+}
+
+.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
+ box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
+}
+
+.button.is-black:active, .button.is-black.is-active {
+ background-color: black;
+ border-color: transparent;
+ color: white;
+}
+
+.button.is-black[disabled],
+fieldset[disabled] .button.is-black {
+ background-color: #0a0a0a;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.button.is-black.is-inverted {
+ background-color: white;
+ color: #0a0a0a;
+}
+
+.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
+ background-color: #f2f2f2;
+}
+
+.button.is-black.is-inverted[disabled],
+fieldset[disabled] .button.is-black.is-inverted {
+ background-color: white;
+ border-color: transparent;
+ box-shadow: none;
+ color: #0a0a0a;
+}
+
+.button.is-black.is-loading::after {
+ border-color: transparent transparent white white !important;
+}
+
+.button.is-black.is-outlined {
+ background-color: transparent;
+ border-color: #0a0a0a;
+ color: #0a0a0a;
+}
+
+.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
+ background-color: #0a0a0a;
+ border-color: #0a0a0a;
+ color: white;
+}
+
+.button.is-black.is-outlined.is-loading::after {
+ border-color: transparent transparent #0a0a0a #0a0a0a !important;
+}
+
+.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent white white !important;
+}
+
+.button.is-black.is-outlined[disabled],
+fieldset[disabled] .button.is-black.is-outlined {
+ background-color: transparent;
+ border-color: #0a0a0a;
+ box-shadow: none;
+ color: #0a0a0a;
+}
+
+.button.is-black.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: white;
+ color: white;
+}
+
+.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
+ background-color: white;
+ color: #0a0a0a;
+}
+
+.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #0a0a0a #0a0a0a !important;
+}
+
+.button.is-black.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-black.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: white;
+ box-shadow: none;
+ color: white;
+}
+
+.button.is-light {
+ background-color: whitesmoke;
+ border-color: transparent;
+ color: #363636;
+}
+
+.button.is-light:hover, .button.is-light.is-hovered {
+ background-color: #eeeeee;
+ border-color: transparent;
+ color: #363636;
+}
+
+.button.is-light:focus, .button.is-light.is-focused {
+ border-color: transparent;
+ color: #363636;
+}
+
+.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
+ box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
+}
+
+.button.is-light:active, .button.is-light.is-active {
+ background-color: #e8e8e8;
+ border-color: transparent;
+ color: #363636;
+}
+
+.button.is-light[disabled],
+fieldset[disabled] .button.is-light {
+ background-color: whitesmoke;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.button.is-light.is-inverted {
+ background-color: #363636;
+ color: whitesmoke;
+}
+
+.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
+ background-color: #292929;
+}
+
+.button.is-light.is-inverted[disabled],
+fieldset[disabled] .button.is-light.is-inverted {
+ background-color: #363636;
+ border-color: transparent;
+ box-shadow: none;
+ color: whitesmoke;
+}
+
+.button.is-light.is-loading::after {
+ border-color: transparent transparent #363636 #363636 !important;
+}
+
+.button.is-light.is-outlined {
+ background-color: transparent;
+ border-color: whitesmoke;
+ color: whitesmoke;
+}
+
+.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
+ background-color: whitesmoke;
+ border-color: whitesmoke;
+ color: #363636;
+}
+
+.button.is-light.is-outlined.is-loading::after {
+ border-color: transparent transparent whitesmoke whitesmoke !important;
+}
+
+.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #363636 #363636 !important;
+}
+
+.button.is-light.is-outlined[disabled],
+fieldset[disabled] .button.is-light.is-outlined {
+ background-color: transparent;
+ border-color: whitesmoke;
+ box-shadow: none;
+ color: whitesmoke;
+}
+
+.button.is-light.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #363636;
+ color: #363636;
+}
+
+.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
+ background-color: #363636;
+ color: whitesmoke;
+}
+
+.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent whitesmoke whitesmoke !important;
+}
+
+.button.is-light.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-light.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #363636;
+ box-shadow: none;
+ color: #363636;
+}
+
+.button.is-dark {
+ background-color: #363636;
+ border-color: transparent;
+ color: whitesmoke;
+}
+
+.button.is-dark:hover, .button.is-dark.is-hovered {
+ background-color: #2f2f2f;
+ border-color: transparent;
+ color: whitesmoke;
+}
+
+.button.is-dark:focus, .button.is-dark.is-focused {
+ border-color: transparent;
+ color: whitesmoke;
+}
+
+.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
+ box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
+}
+
+.button.is-dark:active, .button.is-dark.is-active {
+ background-color: #292929;
+ border-color: transparent;
+ color: whitesmoke;
+}
+
+.button.is-dark[disabled],
+fieldset[disabled] .button.is-dark {
+ background-color: #363636;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.button.is-dark.is-inverted {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
+ background-color: #e8e8e8;
+}
+
+.button.is-dark.is-inverted[disabled],
+fieldset[disabled] .button.is-dark.is-inverted {
+ background-color: whitesmoke;
+ border-color: transparent;
+ box-shadow: none;
+ color: #363636;
+}
+
+.button.is-dark.is-loading::after {
+ border-color: transparent transparent whitesmoke whitesmoke !important;
+}
+
+.button.is-dark.is-outlined {
+ background-color: transparent;
+ border-color: #363636;
+ color: #363636;
+}
+
+.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
+ background-color: #363636;
+ border-color: #363636;
+ color: whitesmoke;
+}
+
+.button.is-dark.is-outlined.is-loading::after {
+ border-color: transparent transparent #363636 #363636 !important;
+}
+
+.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent whitesmoke whitesmoke !important;
+}
+
+.button.is-dark.is-outlined[disabled],
+fieldset[disabled] .button.is-dark.is-outlined {
+ background-color: transparent;
+ border-color: #363636;
+ box-shadow: none;
+ color: #363636;
+}
+
+.button.is-dark.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: whitesmoke;
+ color: whitesmoke;
+}
+
+.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #363636 #363636 !important;
+}
+
+.button.is-dark.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: whitesmoke;
+ box-shadow: none;
+ color: whitesmoke;
+}
+
+.button.is-primary {
+ background-color: #00d1b2;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-primary:hover, .button.is-primary.is-hovered {
+ background-color: #00c4a7;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-primary:focus, .button.is-primary.is-focused {
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
+ box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
+}
+
+.button.is-primary:active, .button.is-primary.is-active {
+ background-color: #00b89c;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-primary[disabled],
+fieldset[disabled] .button.is-primary {
+ background-color: #00d1b2;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.button.is-primary.is-inverted {
+ background-color: #fff;
+ color: #00d1b2;
+}
+
+.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
+ background-color: #f2f2f2;
+}
+
+.button.is-primary.is-inverted[disabled],
+fieldset[disabled] .button.is-primary.is-inverted {
+ background-color: #fff;
+ border-color: transparent;
+ box-shadow: none;
+ color: #00d1b2;
+}
+
+.button.is-primary.is-loading::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-primary.is-outlined {
+ background-color: transparent;
+ border-color: #00d1b2;
+ color: #00d1b2;
+}
+
+.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
+ background-color: #00d1b2;
+ border-color: #00d1b2;
+ color: #fff;
+}
+
+.button.is-primary.is-outlined.is-loading::after {
+ border-color: transparent transparent #00d1b2 #00d1b2 !important;
+}
+
+.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-primary.is-outlined[disabled],
+fieldset[disabled] .button.is-primary.is-outlined {
+ background-color: transparent;
+ border-color: #00d1b2;
+ box-shadow: none;
+ color: #00d1b2;
+}
+
+.button.is-primary.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ color: #fff;
+}
+
+.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
+ background-color: #fff;
+ color: #00d1b2;
+}
+
+.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #00d1b2 #00d1b2 !important;
+}
+
+.button.is-primary.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ box-shadow: none;
+ color: #fff;
+}
+
+.button.is-link {
+ background-color: #3273dc;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-link:hover, .button.is-link.is-hovered {
+ background-color: #276cda;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-link:focus, .button.is-link.is-focused {
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
+ box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
+}
+
+.button.is-link:active, .button.is-link.is-active {
+ background-color: #2366d1;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-link[disabled],
+fieldset[disabled] .button.is-link {
+ background-color: #3273dc;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.button.is-link.is-inverted {
+ background-color: #fff;
+ color: #3273dc;
+}
+
+.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
+ background-color: #f2f2f2;
+}
+
+.button.is-link.is-inverted[disabled],
+fieldset[disabled] .button.is-link.is-inverted {
+ background-color: #fff;
+ border-color: transparent;
+ box-shadow: none;
+ color: #3273dc;
+}
+
+.button.is-link.is-loading::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-link.is-outlined {
+ background-color: transparent;
+ border-color: #3273dc;
+ color: #3273dc;
+}
+
+.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
+ background-color: #3273dc;
+ border-color: #3273dc;
+ color: #fff;
+}
+
+.button.is-link.is-outlined.is-loading::after {
+ border-color: transparent transparent #3273dc #3273dc !important;
+}
+
+.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-link.is-outlined[disabled],
+fieldset[disabled] .button.is-link.is-outlined {
+ background-color: transparent;
+ border-color: #3273dc;
+ box-shadow: none;
+ color: #3273dc;
+}
+
+.button.is-link.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ color: #fff;
+}
+
+.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
+ background-color: #fff;
+ color: #3273dc;
+}
+
+.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #3273dc #3273dc !important;
+}
+
+.button.is-link.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-link.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ box-shadow: none;
+ color: #fff;
+}
+
+.button.is-info {
+ background-color: #209cee;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-info:hover, .button.is-info.is-hovered {
+ background-color: #1496ed;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-info:focus, .button.is-info.is-focused {
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
+ box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
+}
+
+.button.is-info:active, .button.is-info.is-active {
+ background-color: #118fe4;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-info[disabled],
+fieldset[disabled] .button.is-info {
+ background-color: #209cee;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.button.is-info.is-inverted {
+ background-color: #fff;
+ color: #209cee;
+}
+
+.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
+ background-color: #f2f2f2;
+}
+
+.button.is-info.is-inverted[disabled],
+fieldset[disabled] .button.is-info.is-inverted {
+ background-color: #fff;
+ border-color: transparent;
+ box-shadow: none;
+ color: #209cee;
+}
+
+.button.is-info.is-loading::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-info.is-outlined {
+ background-color: transparent;
+ border-color: #209cee;
+ color: #209cee;
+}
+
+.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
+ background-color: #209cee;
+ border-color: #209cee;
+ color: #fff;
+}
+
+.button.is-info.is-outlined.is-loading::after {
+ border-color: transparent transparent #209cee #209cee !important;
+}
+
+.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-info.is-outlined[disabled],
+fieldset[disabled] .button.is-info.is-outlined {
+ background-color: transparent;
+ border-color: #209cee;
+ box-shadow: none;
+ color: #209cee;
+}
+
+.button.is-info.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ color: #fff;
+}
+
+.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
+ background-color: #fff;
+ color: #209cee;
+}
+
+.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #209cee #209cee !important;
+}
+
+.button.is-info.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-info.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ box-shadow: none;
+ color: #fff;
+}
+
+.button.is-success {
+ background-color: #23d160;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-success:hover, .button.is-success.is-hovered {
+ background-color: #22c65b;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-success:focus, .button.is-success.is-focused {
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
+ box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
+}
+
+.button.is-success:active, .button.is-success.is-active {
+ background-color: #20bc56;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-success[disabled],
+fieldset[disabled] .button.is-success {
+ background-color: #23d160;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.button.is-success.is-inverted {
+ background-color: #fff;
+ color: #23d160;
+}
+
+.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
+ background-color: #f2f2f2;
+}
+
+.button.is-success.is-inverted[disabled],
+fieldset[disabled] .button.is-success.is-inverted {
+ background-color: #fff;
+ border-color: transparent;
+ box-shadow: none;
+ color: #23d160;
+}
+
+.button.is-success.is-loading::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-success.is-outlined {
+ background-color: transparent;
+ border-color: #23d160;
+ color: #23d160;
+}
+
+.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
+ background-color: #23d160;
+ border-color: #23d160;
+ color: #fff;
+}
+
+.button.is-success.is-outlined.is-loading::after {
+ border-color: transparent transparent #23d160 #23d160 !important;
+}
+
+.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-success.is-outlined[disabled],
+fieldset[disabled] .button.is-success.is-outlined {
+ background-color: transparent;
+ border-color: #23d160;
+ box-shadow: none;
+ color: #23d160;
+}
+
+.button.is-success.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ color: #fff;
+}
+
+.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
+ background-color: #fff;
+ color: #23d160;
+}
+
+.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #23d160 #23d160 !important;
+}
+
+.button.is-success.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-success.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ box-shadow: none;
+ color: #fff;
+}
+
+.button.is-warning {
+ background-color: #ffdd57;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning:hover, .button.is-warning.is-hovered {
+ background-color: #ffdb4a;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning:focus, .button.is-warning.is-focused {
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
+ box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
+}
+
+.button.is-warning:active, .button.is-warning.is-active {
+ background-color: #ffd83d;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning[disabled],
+fieldset[disabled] .button.is-warning {
+ background-color: #ffdd57;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.button.is-warning.is-inverted {
+ background-color: rgba(0, 0, 0, 0.7);
+ color: #ffdd57;
+}
+
+.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
+ background-color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning.is-inverted[disabled],
+fieldset[disabled] .button.is-warning.is-inverted {
+ background-color: rgba(0, 0, 0, 0.7);
+ border-color: transparent;
+ box-shadow: none;
+ color: #ffdd57;
+}
+
+.button.is-warning.is-loading::after {
+ border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
+}
+
+.button.is-warning.is-outlined {
+ background-color: transparent;
+ border-color: #ffdd57;
+ color: #ffdd57;
+}
+
+.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
+ background-color: #ffdd57;
+ border-color: #ffdd57;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning.is-outlined.is-loading::after {
+ border-color: transparent transparent #ffdd57 #ffdd57 !important;
+}
+
+.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
+}
+
+.button.is-warning.is-outlined[disabled],
+fieldset[disabled] .button.is-warning.is-outlined {
+ background-color: transparent;
+ border-color: #ffdd57;
+ box-shadow: none;
+ color: #ffdd57;
+}
+
+.button.is-warning.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: rgba(0, 0, 0, 0.7);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
+ background-color: rgba(0, 0, 0, 0.7);
+ color: #ffdd57;
+}
+
+.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #ffdd57 #ffdd57 !important;
+}
+
+.button.is-warning.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: rgba(0, 0, 0, 0.7);
+ box-shadow: none;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-danger {
+ background-color: #ff3860;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-danger:hover, .button.is-danger.is-hovered {
+ background-color: #ff2b56;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-danger:focus, .button.is-danger.is-focused {
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
+ box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
+}
+
+.button.is-danger:active, .button.is-danger.is-active {
+ background-color: #ff1f4b;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-danger[disabled],
+fieldset[disabled] .button.is-danger {
+ background-color: #ff3860;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.button.is-danger.is-inverted {
+ background-color: #fff;
+ color: #ff3860;
+}
+
+.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
+ background-color: #f2f2f2;
+}
+
+.button.is-danger.is-inverted[disabled],
+fieldset[disabled] .button.is-danger.is-inverted {
+ background-color: #fff;
+ border-color: transparent;
+ box-shadow: none;
+ color: #ff3860;
+}
+
+.button.is-danger.is-loading::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-danger.is-outlined {
+ background-color: transparent;
+ border-color: #ff3860;
+ color: #ff3860;
+}
+
+.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
+ background-color: #ff3860;
+ border-color: #ff3860;
+ color: #fff;
+}
+
+.button.is-danger.is-outlined.is-loading::after {
+ border-color: transparent transparent #ff3860 #ff3860 !important;
+}
+
+.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-danger.is-outlined[disabled],
+fieldset[disabled] .button.is-danger.is-outlined {
+ background-color: transparent;
+ border-color: #ff3860;
+ box-shadow: none;
+ color: #ff3860;
+}
+
+.button.is-danger.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ color: #fff;
+}
+
+.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
+ background-color: #fff;
+ color: #ff3860;
+}
+
+.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
+ border-color: transparent transparent #ff3860 #ff3860 !important;
+}
+
+.button.is-danger.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ box-shadow: none;
+ color: #fff;
+}
+
+.button.is-small {
+ border-radius: 2px;
+ font-size: 0.75rem;
+}
+
+.button.is-normal {
+ font-size: 1rem;
+}
+
+.button.is-medium {
+ font-size: 1.25rem;
+}
+
+.button.is-large {
+ font-size: 1.5rem;
+}
+
+.button[disabled],
+fieldset[disabled] .button {
+ background-color: white;
+ border-color: #dbdbdb;
+ box-shadow: none;
+ opacity: 0.5;
+}
+
+.button.is-fullwidth {
+ display: flex;
+ width: 100%;
+}
+
+.button.is-loading {
+ color: transparent !important;
+ pointer-events: none;
+}
+
+.button.is-loading::after {
+ position: absolute;
+ left: calc(50% - (1em / 2));
+ top: calc(50% - (1em / 2));
+ position: absolute !important;
+}
+
+.button.is-static {
+ background-color: whitesmoke;
+ border-color: #dbdbdb;
+ color: #7a7a7a;
+ box-shadow: none;
+ pointer-events: none;
+}
+
+.button.is-rounded {
+ border-radius: 290486px;
+ padding-left: 1em;
+ padding-right: 1em;
+}
+
+.buttons {
+ align-items: center;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+}
+
+.buttons .button {
+ margin-bottom: 0.5rem;
+}
+
+.buttons .button:not(:last-child):not(.is-fullwidth) {
+ margin-right: 0.5rem;
+}
+
+.buttons:last-child {
+ margin-bottom: -0.5rem;
+}
+
+.buttons:not(:last-child) {
+ margin-bottom: 1rem;
+}
+
+.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
+ border-radius: 2px;
+ font-size: 0.75rem;
+}
+
+.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
+ font-size: 1.25rem;
+}
+
+.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
+ font-size: 1.5rem;
+}
+
+.buttons.has-addons .button:not(:first-child) {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.buttons.has-addons .button:not(:last-child) {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+ margin-right: -1px;
+}
+
+.buttons.has-addons .button:last-child {
+ margin-right: 0;
+}
+
+.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
+ z-index: 2;
+}
+
+.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
+ z-index: 3;
+}
+
+.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
+ z-index: 4;
+}
+
+.buttons.has-addons .button.is-expanded {
+ flex-grow: 1;
+ flex-shrink: 1;
+}
+
+.buttons.is-centered {
+ justify-content: center;
+}
+
+.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+}
+
+.buttons.is-right {
+ justify-content: flex-end;
+}
+
+.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
+ margin-left: 0.25rem;
+ margin-right: 0.25rem;
+}
+
+.container {
+ flex-grow: 1;
+ margin: 0 auto;
+ position: relative;
+ width: auto;
+}
+
+@media screen and (min-width: 1024px) {
+ .container {
+ max-width: 960px;
+ }
+ .container.is-fluid {
+ margin-left: 32px;
+ margin-right: 32px;
+ max-width: none;
+ }
+}
+
+@media screen and (max-width: 1215px) {
+ .container.is-widescreen {
+ max-width: 1152px;
+ }
+}
+
+@media screen and (max-width: 1407px) {
+ .container.is-fullhd {
+ max-width: 1344px;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .container {
+ max-width: 1152px;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .container {
+ max-width: 1344px;
+ }
+}
+
+.content li + li {
+ margin-top: 0.25em;
+}
+
+.content p:not(:last-child),
+.content dl:not(:last-child),
+.content ol:not(:last-child),
+.content ul:not(:last-child),
+.content blockquote:not(:last-child),
+.content pre:not(:last-child),
+.content table:not(:last-child) {
+ margin-bottom: 1em;
+}
+
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5,
+.content h6 {
+ color: #363636;
+ font-weight: 600;
+ line-height: 1.125;
+}
+
+.content h1 {
+ font-size: 2em;
+ margin-bottom: 0.5em;
+}
+
+.content h1:not(:first-child) {
+ margin-top: 1em;
+}
+
+.content h2 {
+ font-size: 1.75em;
+ margin-bottom: 0.5714em;
+}
+
+.content h2:not(:first-child) {
+ margin-top: 1.1428em;
+}
+
+.content h3 {
+ font-size: 1.5em;
+ margin-bottom: 0.6666em;
+}
+
+.content h3:not(:first-child) {
+ margin-top: 1.3333em;
+}
+
+.content h4 {
+ font-size: 1.25em;
+ margin-bottom: 0.8em;
+}
+
+.content h5 {
+ font-size: 1.125em;
+ margin-bottom: 0.8888em;
+}
+
+.content h6 {
+ font-size: 1em;
+ margin-bottom: 1em;
+}
+
+.content blockquote {
+ background-color: whitesmoke;
+ border-left: 5px solid #dbdbdb;
+ padding: 1.25em 1.5em;
+}
+
+.content ol {
+ list-style-position: outside;
+ margin-left: 2em;
+ margin-top: 1em;
+}
+
+.content ol:not([type]) {
+ list-style-type: decimal;
+}
+
+.content ol:not([type]).is-lower-alpha {
+ list-style-type: lower-alpha;
+}
+
+.content ol:not([type]).is-lower-roman {
+ list-style-type: lower-roman;
+}
+
+.content ol:not([type]).is-upper-alpha {
+ list-style-type: upper-alpha;
+}
+
+.content ol:not([type]).is-upper-roman {
+ list-style-type: upper-roman;
+}
+
+.content ul {
+ list-style: disc outside;
+ margin-left: 2em;
+ margin-top: 1em;
+}
+
+.content ul ul {
+ list-style-type: circle;
+ margin-top: 0.5em;
+}
+
+.content ul ul ul {
+ list-style-type: square;
+}
+
+.content dd {
+ margin-left: 2em;
+}
+
+.content figure {
+ margin-left: 2em;
+ margin-right: 2em;
+ text-align: center;
+}
+
+.content figure:not(:first-child) {
+ margin-top: 2em;
+}
+
+.content figure:not(:last-child) {
+ margin-bottom: 2em;
+}
+
+.content figure img {
+ display: inline-block;
+}
+
+.content figure figcaption {
+ font-style: italic;
+}
+
+.content pre {
+ -webkit-overflow-scrolling: touch;
+ overflow-x: auto;
+ padding: 1.25em 1.5em;
+ white-space: pre;
+ word-wrap: normal;
+}
+
+.content sup,
+.content sub {
+ font-size: 75%;
+}
+
+.content table {
+ width: 100%;
+}
+
+.content table td,
+.content table th {
+ border: 1px solid #dbdbdb;
+ border-width: 0 0 1px;
+ padding: 0.5em 0.75em;
+ vertical-align: top;
+}
+
+.content table th {
+ color: #363636;
+}
+
+.content table th:not([align]) {
+ text-align: left;
+}
+
+.content table thead td,
+.content table thead th {
+ border-width: 0 0 2px;
+ color: #363636;
+}
+
+.content table tfoot td,
+.content table tfoot th {
+ border-width: 2px 0 0;
+ color: #363636;
+}
+
+.content table tbody tr:last-child td,
+.content table tbody tr:last-child th {
+ border-bottom-width: 0;
+}
+
+.content .tabs li + li {
+ margin-top: 0;
+}
+
+.content.is-small {
+ font-size: 0.75rem;
+}
+
+.content.is-medium {
+ font-size: 1.25rem;
+}
+
+.content.is-large {
+ font-size: 1.5rem;
+}
+
+.icon {
+ align-items: center;
+ display: inline-flex;
+ justify-content: center;
+ height: 1.5rem;
+ width: 1.5rem;
+}
+
+.icon.is-small {
+ height: 1rem;
+ width: 1rem;
+}
+
+.icon.is-medium {
+ height: 2rem;
+ width: 2rem;
+}
+
+.icon.is-large {
+ height: 3rem;
+ width: 3rem;
+}
+
+.image {
+ display: block;
+ position: relative;
+}
+
+.image img {
+ display: block;
+ height: auto;
+ width: 100%;
+}
+
+.image img.is-rounded {
+ border-radius: 290486px;
+}
+
+.image.is-square img,
+.image.is-square .has-ratio, .image.is-1by1 img,
+.image.is-1by1 .has-ratio, .image.is-5by4 img,
+.image.is-5by4 .has-ratio, .image.is-4by3 img,
+.image.is-4by3 .has-ratio, .image.is-3by2 img,
+.image.is-3by2 .has-ratio, .image.is-5by3 img,
+.image.is-5by3 .has-ratio, .image.is-16by9 img,
+.image.is-16by9 .has-ratio, .image.is-2by1 img,
+.image.is-2by1 .has-ratio, .image.is-3by1 img,
+.image.is-3by1 .has-ratio, .image.is-4by5 img,
+.image.is-4by5 .has-ratio, .image.is-3by4 img,
+.image.is-3by4 .has-ratio, .image.is-2by3 img,
+.image.is-2by3 .has-ratio, .image.is-3by5 img,
+.image.is-3by5 .has-ratio, .image.is-9by16 img,
+.image.is-9by16 .has-ratio, .image.is-1by2 img,
+.image.is-1by2 .has-ratio, .image.is-1by3 img,
+.image.is-1by3 .has-ratio {
+ height: 100%;
+ width: 100%;
+}
+
+.image.is-square, .image.is-1by1 {
+ padding-top: 100%;
+}
+
+.image.is-5by4 {
+ padding-top: 80%;
+}
+
+.image.is-4by3 {
+ padding-top: 75%;
+}
+
+.image.is-3by2 {
+ padding-top: 66.6666%;
+}
+
+.image.is-5by3 {
+ padding-top: 60%;
+}
+
+.image.is-16by9 {
+ padding-top: 56.25%;
+}
+
+.image.is-2by1 {
+ padding-top: 50%;
+}
+
+.image.is-3by1 {
+ padding-top: 33.3333%;
+}
+
+.image.is-4by5 {
+ padding-top: 125%;
+}
+
+.image.is-3by4 {
+ padding-top: 133.3333%;
+}
+
+.image.is-2by3 {
+ padding-top: 150%;
+}
+
+.image.is-3by5 {
+ padding-top: 166.6666%;
+}
+
+.image.is-9by16 {
+ padding-top: 177.7777%;
+}
+
+.image.is-1by2 {
+ padding-top: 200%;
+}
+
+.image.is-1by3 {
+ padding-top: 300%;
+}
+
+.image.is-16x16 {
+ height: 16px;
+ width: 16px;
+}
+
+.image.is-24x24 {
+ height: 24px;
+ width: 24px;
+}
+
+.image.is-32x32 {
+ height: 32px;
+ width: 32px;
+}
+
+.image.is-48x48 {
+ height: 48px;
+ width: 48px;
+}
+
+.image.is-64x64 {
+ height: 64px;
+ width: 64px;
+}
+
+.image.is-96x96 {
+ height: 96px;
+ width: 96px;
+}
+
+.image.is-128x128 {
+ height: 128px;
+ width: 128px;
+}
+
+.notification {
+ background-color: whitesmoke;
+ border-radius: 4px;
+ padding: 1.25rem 2.5rem 1.25rem 1.5rem;
+ position: relative;
+}
+
+.notification a:not(.button):not(.dropdown-item) {
+ color: currentColor;
+ text-decoration: underline;
+}
+
+.notification strong {
+ color: currentColor;
+}
+
+.notification code,
+.notification pre {
+ background: white;
+}
+
+.notification pre code {
+ background: transparent;
+}
+
+.notification > .delete {
+ position: absolute;
+ right: 0.5rem;
+ top: 0.5rem;
+}
+
+.notification .title,
+.notification .subtitle,
+.notification .content {
+ color: currentColor;
+}
+
+.notification.is-white {
+ background-color: white;
+ color: #0a0a0a;
+}
+
+.notification.is-black {
+ background-color: #0a0a0a;
+ color: white;
+}
+
+.notification.is-light {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.notification.is-dark {
+ background-color: #363636;
+ color: whitesmoke;
+}
+
+.notification.is-primary {
+ background-color: #00d1b2;
+ color: #fff;
+}
+
+.notification.is-link {
+ background-color: #3273dc;
+ color: #fff;
+}
+
+.notification.is-info {
+ background-color: #209cee;
+ color: #fff;
+}
+
+.notification.is-success {
+ background-color: #23d160;
+ color: #fff;
+}
+
+.notification.is-warning {
+ background-color: #ffdd57;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.notification.is-danger {
+ background-color: #ff3860;
+ color: #fff;
+}
+
+.progress {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ border: none;
+ border-radius: 290486px;
+ display: block;
+ height: 1rem;
+ overflow: hidden;
+ padding: 0;
+ width: 100%;
+}
+
+.progress::-webkit-progress-bar {
+ background-color: #dbdbdb;
+}
+
+.progress::-webkit-progress-value {
+ background-color: #4a4a4a;
+}
+
+.progress::-moz-progress-bar {
+ background-color: #4a4a4a;
+}
+
+.progress::-ms-fill {
+ background-color: #4a4a4a;
+ border: none;
+}
+
+.progress.is-white::-webkit-progress-value {
+ background-color: white;
+}
+
+.progress.is-white::-moz-progress-bar {
+ background-color: white;
+}
+
+.progress.is-white::-ms-fill {
+ background-color: white;
+}
+
+.progress.is-white:indeterminate {
+ background-image: linear-gradient(to right, white 30%, #dbdbdb 30%);
+}
+
+.progress.is-black::-webkit-progress-value {
+ background-color: #0a0a0a;
+}
+
+.progress.is-black::-moz-progress-bar {
+ background-color: #0a0a0a;
+}
+
+.progress.is-black::-ms-fill {
+ background-color: #0a0a0a;
+}
+
+.progress.is-black:indeterminate {
+ background-image: linear-gradient(to right, #0a0a0a 30%, #dbdbdb 30%);
+}
+
+.progress.is-light::-webkit-progress-value {
+ background-color: whitesmoke;
+}
+
+.progress.is-light::-moz-progress-bar {
+ background-color: whitesmoke;
+}
+
+.progress.is-light::-ms-fill {
+ background-color: whitesmoke;
+}
+
+.progress.is-light:indeterminate {
+ background-image: linear-gradient(to right, whitesmoke 30%, #dbdbdb 30%);
+}
+
+.progress.is-dark::-webkit-progress-value {
+ background-color: #363636;
+}
+
+.progress.is-dark::-moz-progress-bar {
+ background-color: #363636;
+}
+
+.progress.is-dark::-ms-fill {
+ background-color: #363636;
+}
+
+.progress.is-dark:indeterminate {
+ background-image: linear-gradient(to right, #363636 30%, #dbdbdb 30%);
+}
+
+.progress.is-primary::-webkit-progress-value {
+ background-color: #00d1b2;
+}
+
+.progress.is-primary::-moz-progress-bar {
+ background-color: #00d1b2;
+}
+
+.progress.is-primary::-ms-fill {
+ background-color: #00d1b2;
+}
+
+.progress.is-primary:indeterminate {
+ background-image: linear-gradient(to right, #00d1b2 30%, #dbdbdb 30%);
+}
+
+.progress.is-link::-webkit-progress-value {
+ background-color: #3273dc;
+}
+
+.progress.is-link::-moz-progress-bar {
+ background-color: #3273dc;
+}
+
+.progress.is-link::-ms-fill {
+ background-color: #3273dc;
+}
+
+.progress.is-link:indeterminate {
+ background-image: linear-gradient(to right, #3273dc 30%, #dbdbdb 30%);
+}
+
+.progress.is-info::-webkit-progress-value {
+ background-color: #209cee;
+}
+
+.progress.is-info::-moz-progress-bar {
+ background-color: #209cee;
+}
+
+.progress.is-info::-ms-fill {
+ background-color: #209cee;
+}
+
+.progress.is-info:indeterminate {
+ background-image: linear-gradient(to right, #209cee 30%, #dbdbdb 30%);
+}
+
+.progress.is-success::-webkit-progress-value {
+ background-color: #23d160;
+}
+
+.progress.is-success::-moz-progress-bar {
+ background-color: #23d160;
+}
+
+.progress.is-success::-ms-fill {
+ background-color: #23d160;
+}
+
+.progress.is-success:indeterminate {
+ background-image: linear-gradient(to right, #23d160 30%, #dbdbdb 30%);
+}
+
+.progress.is-warning::-webkit-progress-value {
+ background-color: #ffdd57;
+}
+
+.progress.is-warning::-moz-progress-bar {
+ background-color: #ffdd57;
+}
+
+.progress.is-warning::-ms-fill {
+ background-color: #ffdd57;
+}
+
+.progress.is-warning:indeterminate {
+ background-image: linear-gradient(to right, #ffdd57 30%, #dbdbdb 30%);
+}
+
+.progress.is-danger::-webkit-progress-value {
+ background-color: #ff3860;
+}
+
+.progress.is-danger::-moz-progress-bar {
+ background-color: #ff3860;
+}
+
+.progress.is-danger::-ms-fill {
+ background-color: #ff3860;
+}
+
+.progress.is-danger:indeterminate {
+ background-image: linear-gradient(to right, #ff3860 30%, #dbdbdb 30%);
+}
+
+.progress:indeterminate {
+ -webkit-animation-duration: 1.5s;
+ animation-duration: 1.5s;
+ -webkit-animation-iteration-count: infinite;
+ animation-iteration-count: infinite;
+ -webkit-animation-name: moveIndeterminate;
+ animation-name: moveIndeterminate;
+ -webkit-animation-timing-function: linear;
+ animation-timing-function: linear;
+ background-color: #dbdbdb;
+ background-image: linear-gradient(to right, #4a4a4a 30%, #dbdbdb 30%);
+ background-position: top left;
+ background-repeat: no-repeat;
+ background-size: 150% 150%;
+}
+
+.progress:indeterminate::-webkit-progress-bar {
+ background-color: transparent;
+}
+
+.progress:indeterminate::-moz-progress-bar {
+ background-color: transparent;
+}
+
+.progress.is-small {
+ height: 0.75rem;
+}
+
+.progress.is-medium {
+ height: 1.25rem;
+}
+
+.progress.is-large {
+ height: 1.5rem;
+}
+
+@-webkit-keyframes moveIndeterminate {
+ from {
+ background-position: 200% 0;
+ }
+ to {
+ background-position: -200% 0;
+ }
+}
+
+@keyframes moveIndeterminate {
+ from {
+ background-position: 200% 0;
+ }
+ to {
+ background-position: -200% 0;
+ }
+}
+
+.table {
+ background-color: white;
+ color: #363636;
+}
+
+.table td,
+.table th {
+ border: 1px solid #dbdbdb;
+ border-width: 0 0 1px;
+ padding: 0.5em 0.75em;
+ vertical-align: top;
+}
+
+.table td.is-white,
+.table th.is-white {
+ background-color: white;
+ border-color: white;
+ color: #0a0a0a;
+}
+
+.table td.is-black,
+.table th.is-black {
+ background-color: #0a0a0a;
+ border-color: #0a0a0a;
+ color: white;
+}
+
+.table td.is-light,
+.table th.is-light {
+ background-color: whitesmoke;
+ border-color: whitesmoke;
+ color: #363636;
+}
+
+.table td.is-dark,
+.table th.is-dark {
+ background-color: #363636;
+ border-color: #363636;
+ color: whitesmoke;
+}
+
+.table td.is-primary,
+.table th.is-primary {
+ background-color: #00d1b2;
+ border-color: #00d1b2;
+ color: #fff;
+}
+
+.table td.is-link,
+.table th.is-link {
+ background-color: #3273dc;
+ border-color: #3273dc;
+ color: #fff;
+}
+
+.table td.is-info,
+.table th.is-info {
+ background-color: #209cee;
+ border-color: #209cee;
+ color: #fff;
+}
+
+.table td.is-success,
+.table th.is-success {
+ background-color: #23d160;
+ border-color: #23d160;
+ color: #fff;
+}
+
+.table td.is-warning,
+.table th.is-warning {
+ background-color: #ffdd57;
+ border-color: #ffdd57;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.table td.is-danger,
+.table th.is-danger {
+ background-color: #ff3860;
+ border-color: #ff3860;
+ color: #fff;
+}
+
+.table td.is-narrow,
+.table th.is-narrow {
+ white-space: nowrap;
+ width: 1%;
+}
+
+.table td.is-selected,
+.table th.is-selected {
+ background-color: #00d1b2;
+ color: #fff;
+}
+
+.table td.is-selected a,
+.table td.is-selected strong,
+.table th.is-selected a,
+.table th.is-selected strong {
+ color: currentColor;
+}
+
+.table th {
+ color: #363636;
+}
+
+.table th:not([align]) {
+ text-align: left;
+}
+
+.table tr.is-selected {
+ background-color: #00d1b2;
+ color: #fff;
+}
+
+.table tr.is-selected a,
+.table tr.is-selected strong {
+ color: currentColor;
+}
+
+.table tr.is-selected td,
+.table tr.is-selected th {
+ border-color: #fff;
+ color: currentColor;
+}
+
+.table thead {
+ background-color: transparent;
+}
+
+.table thead td,
+.table thead th {
+ border-width: 0 0 2px;
+ color: #363636;
+}
+
+.table tfoot {
+ background-color: transparent;
+}
+
+.table tfoot td,
+.table tfoot th {
+ border-width: 2px 0 0;
+ color: #363636;
+}
+
+.table tbody {
+ background-color: transparent;
+}
+
+.table tbody tr:last-child td,
+.table tbody tr:last-child th {
+ border-bottom-width: 0;
+}
+
+.table.is-bordered td,
+.table.is-bordered th {
+ border-width: 1px;
+}
+
+.table.is-bordered tr:last-child td,
+.table.is-bordered tr:last-child th {
+ border-bottom-width: 1px;
+}
+
+.table.is-fullwidth {
+ width: 100%;
+}
+
+.table.is-hoverable tbody tr:not(.is-selected):hover {
+ background-color: #fafafa;
+}
+
+.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
+ background-color: #fafafa;
+}
+
+.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
+ background-color: whitesmoke;
+}
+
+.table.is-narrow td,
+.table.is-narrow th {
+ padding: 0.25em 0.5em;
+}
+
+.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
+ background-color: #fafafa;
+}
+
+.table-container {
+ -webkit-overflow-scrolling: touch;
+ overflow: auto;
+ overflow-y: hidden;
+ max-width: 100%;
+}
+
+.tags {
+ align-items: center;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+}
+
+.tags .tag {
+ margin-bottom: 0.5rem;
+}
+
+.tags .tag:not(:last-child) {
+ margin-right: 0.5rem;
+}
+
+.tags:last-child {
+ margin-bottom: -0.5rem;
+}
+
+.tags:not(:last-child) {
+ margin-bottom: 1rem;
+}
+
+.tags.are-medium .tag:not(.is-normal):not(.is-large) {
+ font-size: 1rem;
+}
+
+.tags.are-large .tag:not(.is-normal):not(.is-medium) {
+ font-size: 1.25rem;
+}
+
+.tags.is-centered {
+ justify-content: center;
+}
+
+.tags.is-centered .tag {
+ margin-right: 0.25rem;
+ margin-left: 0.25rem;
+}
+
+.tags.is-right {
+ justify-content: flex-end;
+}
+
+.tags.is-right .tag:not(:first-child) {
+ margin-left: 0.5rem;
+}
+
+.tags.is-right .tag:not(:last-child) {
+ margin-right: 0;
+}
+
+.tags.has-addons .tag {
+ margin-right: 0;
+}
+
+.tags.has-addons .tag:not(:first-child) {
+ margin-left: 0;
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.tags.has-addons .tag:not(:last-child) {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.tag:not(body) {
+ align-items: center;
+ background-color: whitesmoke;
+ border-radius: 4px;
+ color: #4a4a4a;
+ display: inline-flex;
+ font-size: 0.75rem;
+ height: 2em;
+ justify-content: center;
+ line-height: 1.5;
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+ white-space: nowrap;
+}
+
+.tag:not(body) .delete {
+ margin-left: 0.25rem;
+ margin-right: -0.375rem;
+}
+
+.tag:not(body).is-white {
+ background-color: white;
+ color: #0a0a0a;
+}
+
+.tag:not(body).is-black {
+ background-color: #0a0a0a;
+ color: white;
+}
+
+.tag:not(body).is-light {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.tag:not(body).is-dark {
+ background-color: #363636;
+ color: whitesmoke;
+}
+
+.tag:not(body).is-primary {
+ background-color: #00d1b2;
+ color: #fff;
+}
+
+.tag:not(body).is-link {
+ background-color: #3273dc;
+ color: #fff;
+}
+
+.tag:not(body).is-info {
+ background-color: #209cee;
+ color: #fff;
+}
+
+.tag:not(body).is-success {
+ background-color: #23d160;
+ color: #fff;
+}
+
+.tag:not(body).is-warning {
+ background-color: #ffdd57;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.tag:not(body).is-danger {
+ background-color: #ff3860;
+ color: #fff;
+}
+
+.tag:not(body).is-normal {
+ font-size: 0.75rem;
+}
+
+.tag:not(body).is-medium {
+ font-size: 1rem;
+}
+
+.tag:not(body).is-large {
+ font-size: 1.25rem;
+}
+
+.tag:not(body) .icon:first-child:not(:last-child) {
+ margin-left: -0.375em;
+ margin-right: 0.1875em;
+}
+
+.tag:not(body) .icon:last-child:not(:first-child) {
+ margin-left: 0.1875em;
+ margin-right: -0.375em;
+}
+
+.tag:not(body) .icon:first-child:last-child {
+ margin-left: -0.375em;
+ margin-right: -0.375em;
+}
+
+.tag:not(body).is-delete {
+ margin-left: 1px;
+ padding: 0;
+ position: relative;
+ width: 2em;
+}
+
+.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
+ background-color: currentColor;
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ -webkit-transform-origin: center center;
+ transform-origin: center center;
+}
+
+.tag:not(body).is-delete::before {
+ height: 1px;
+ width: 50%;
+}
+
+.tag:not(body).is-delete::after {
+ height: 50%;
+ width: 1px;
+}
+
+.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
+ background-color: #e8e8e8;
+}
+
+.tag:not(body).is-delete:active {
+ background-color: #dbdbdb;
+}
+
+.tag:not(body).is-rounded {
+ border-radius: 290486px;
+}
+
+a.tag:hover {
+ text-decoration: underline;
+}
+
+.title,
+.subtitle {
+ word-break: break-word;
+}
+
+.title em,
+.title span,
+.subtitle em,
+.subtitle span {
+ font-weight: inherit;
+}
+
+.title sub,
+.subtitle sub {
+ font-size: 0.75em;
+}
+
+.title sup,
+.subtitle sup {
+ font-size: 0.75em;
+}
+
+.title .tag,
+.subtitle .tag {
+ vertical-align: middle;
+}
+
+.title {
+ color: #363636;
+ font-size: 2rem;
+ font-weight: 600;
+ line-height: 1.125;
+}
+
+.title strong {
+ color: inherit;
+ font-weight: inherit;
+}
+
+.title + .highlight {
+ margin-top: -0.75rem;
+}
+
+.title:not(.is-spaced) + .subtitle {
+ margin-top: -1.25rem;
+}
+
+.title.is-1 {
+ font-size: 3rem;
+}
+
+.title.is-2 {
+ font-size: 2.5rem;
+}
+
+.title.is-3 {
+ font-size: 2rem;
+}
+
+.title.is-4 {
+ font-size: 1.5rem;
+}
+
+.title.is-5 {
+ font-size: 1.25rem;
+}
+
+.title.is-6 {
+ font-size: 1rem;
+}
+
+.title.is-7 {
+ font-size: 0.75rem;
+}
+
+.subtitle {
+ color: #4a4a4a;
+ font-size: 1.25rem;
+ font-weight: 400;
+ line-height: 1.25;
+}
+
+.subtitle strong {
+ color: #363636;
+ font-weight: 600;
+}
+
+.subtitle:not(.is-spaced) + .title {
+ margin-top: -1.25rem;
+}
+
+.subtitle.is-1 {
+ font-size: 3rem;
+}
+
+.subtitle.is-2 {
+ font-size: 2.5rem;
+}
+
+.subtitle.is-3 {
+ font-size: 2rem;
+}
+
+.subtitle.is-4 {
+ font-size: 1.5rem;
+}
+
+.subtitle.is-5 {
+ font-size: 1.25rem;
+}
+
+.subtitle.is-6 {
+ font-size: 1rem;
+}
+
+.subtitle.is-7 {
+ font-size: 0.75rem;
+}
+
+.heading {
+ display: block;
+ font-size: 11px;
+ letter-spacing: 1px;
+ margin-bottom: 5px;
+ text-transform: uppercase;
+}
+
+.highlight {
+ font-weight: 400;
+ max-width: 100%;
+ overflow: hidden;
+ padding: 0;
+}
+
+.highlight pre {
+ overflow: auto;
+ max-width: 100%;
+}
+
+.number {
+ align-items: center;
+ background-color: whitesmoke;
+ border-radius: 290486px;
+ display: inline-flex;
+ font-size: 1.25rem;
+ height: 2em;
+ justify-content: center;
+ margin-right: 1.5rem;
+ min-width: 2.5em;
+ padding: 0.25rem 0.5rem;
+ text-align: center;
+ vertical-align: top;
+}
+
+.input, .textarea, .select select {
+ background-color: white;
+ border-color: #dbdbdb;
+ border-radius: 4px;
+ color: #363636;
+}
+
+.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered {
+ border-color: #b5b5b5;
+}
+
+.input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active {
+ border-color: #3273dc;
+ box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
+}
+
+.input[disabled], .textarea[disabled], .select select[disabled],
+fieldset[disabled] .input,
+fieldset[disabled] .textarea,
+fieldset[disabled] .select select,
+.select fieldset[disabled] select {
+ background-color: whitesmoke;
+ border-color: whitesmoke;
+ box-shadow: none;
+ color: #7a7a7a;
+}
+
+.input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder,
+fieldset[disabled] .input::-moz-placeholder,
+fieldset[disabled] .textarea::-moz-placeholder,
+fieldset[disabled] .select select::-moz-placeholder,
+.select fieldset[disabled] select::-moz-placeholder {
+ color: rgba(122, 122, 122, 0.3);
+}
+
+.input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder,
+fieldset[disabled] .input::-webkit-input-placeholder,
+fieldset[disabled] .textarea::-webkit-input-placeholder,
+fieldset[disabled] .select select::-webkit-input-placeholder,
+.select fieldset[disabled] select::-webkit-input-placeholder {
+ color: rgba(122, 122, 122, 0.3);
+}
+
+.input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder,
+fieldset[disabled] .input:-moz-placeholder,
+fieldset[disabled] .textarea:-moz-placeholder,
+fieldset[disabled] .select select:-moz-placeholder,
+.select fieldset[disabled] select:-moz-placeholder {
+ color: rgba(122, 122, 122, 0.3);
+}
+
+.input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder,
+fieldset[disabled] .input:-ms-input-placeholder,
+fieldset[disabled] .textarea:-ms-input-placeholder,
+fieldset[disabled] .select select:-ms-input-placeholder,
+.select fieldset[disabled] select:-ms-input-placeholder {
+ color: rgba(122, 122, 122, 0.3);
+}
+
+.input, .textarea {
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
+ max-width: 100%;
+ width: 100%;
+}
+
+.input[readonly], .textarea[readonly] {
+ box-shadow: none;
+}
+
+.is-white.input, .is-white.textarea {
+ border-color: white;
+}
+
+.is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea {
+ box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
+}
+
+.is-black.input, .is-black.textarea {
+ border-color: #0a0a0a;
+}
+
+.is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea {
+ box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
+}
+
+.is-light.input, .is-light.textarea {
+ border-color: whitesmoke;
+}
+
+.is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea {
+ box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
+}
+
+.is-dark.input, .is-dark.textarea {
+ border-color: #363636;
+}
+
+.is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea {
+ box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
+}
+
+.is-primary.input, .is-primary.textarea {
+ border-color: #00d1b2;
+}
+
+.is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea {
+ box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
+}
+
+.is-link.input, .is-link.textarea {
+ border-color: #3273dc;
+}
+
+.is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea {
+ box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
+}
+
+.is-info.input, .is-info.textarea {
+ border-color: #209cee;
+}
+
+.is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea {
+ box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
+}
+
+.is-success.input, .is-success.textarea {
+ border-color: #23d160;
+}
+
+.is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea {
+ box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
+}
+
+.is-warning.input, .is-warning.textarea {
+ border-color: #ffdd57;
+}
+
+.is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea {
+ box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
+}
+
+.is-danger.input, .is-danger.textarea {
+ border-color: #ff3860;
+}
+
+.is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea {
+ box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
+}
+
+.is-small.input, .is-small.textarea {
+ border-radius: 2px;
+ font-size: 0.75rem;
+}
+
+.is-medium.input, .is-medium.textarea {
+ font-size: 1.25rem;
+}
+
+.is-large.input, .is-large.textarea {
+ font-size: 1.5rem;
+}
+
+.is-fullwidth.input, .is-fullwidth.textarea {
+ display: block;
+ width: 100%;
+}
+
+.is-inline.input, .is-inline.textarea {
+ display: inline;
+ width: auto;
+}
+
+.input.is-rounded {
+ border-radius: 290486px;
+ padding-left: 1em;
+ padding-right: 1em;
+}
+
+.input.is-static {
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+.textarea {
+ display: block;
+ max-width: 100%;
+ min-width: 100%;
+ padding: 0.625em;
+ resize: vertical;
+}
+
+.textarea:not([rows]) {
+ max-height: 600px;
+ min-height: 120px;
+}
+
+.textarea[rows] {
+ height: initial;
+}
+
+.textarea.has-fixed-size {
+ resize: none;
+}
+
+.checkbox, .radio {
+ cursor: pointer;
+ display: inline-block;
+ line-height: 1.25;
+ position: relative;
+}
+
+.checkbox input, .radio input {
+ cursor: pointer;
+}
+
+.checkbox:hover, .radio:hover {
+ color: #363636;
+}
+
+.checkbox[disabled], .radio[disabled],
+fieldset[disabled] .checkbox,
+fieldset[disabled] .radio {
+ color: #7a7a7a;
+ cursor: not-allowed;
+}
+
+.radio + .radio {
+ margin-left: 0.5em;
+}
+
+.select {
+ display: inline-block;
+ max-width: 100%;
+ position: relative;
+ vertical-align: top;
+}
+
+.select:not(.is-multiple) {
+ height: 2.25em;
+}
+
+.select:not(.is-multiple):not(.is-loading)::after {
+ border-color: #3273dc;
+ right: 1.125em;
+ z-index: 4;
+}
+
+.select.is-rounded select {
+ border-radius: 290486px;
+ padding-left: 1em;
+}
+
+.select select {
+ cursor: pointer;
+ display: block;
+ font-size: 1em;
+ max-width: 100%;
+ outline: none;
+}
+
+.select select::-ms-expand {
+ display: none;
+}
+
+.select select[disabled]:hover,
+fieldset[disabled] .select select:hover {
+ border-color: whitesmoke;
+}
+
+.select select:not([multiple]) {
+ padding-right: 2.5em;
+}
+
+.select select[multiple] {
+ height: auto;
+ padding: 0;
+}
+
+.select select[multiple] option {
+ padding: 0.5em 1em;
+}
+
+.select:not(.is-multiple):not(.is-loading):hover::after {
+ border-color: #363636;
+}
+
+.select.is-white:not(:hover)::after {
+ border-color: white;
+}
+
+.select.is-white select {
+ border-color: white;
+}
+
+.select.is-white select:hover, .select.is-white select.is-hovered {
+ border-color: #f2f2f2;
+}
+
+.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
+ box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
+}
+
+.select.is-black:not(:hover)::after {
+ border-color: #0a0a0a;
+}
+
+.select.is-black select {
+ border-color: #0a0a0a;
+}
+
+.select.is-black select:hover, .select.is-black select.is-hovered {
+ border-color: black;
+}
+
+.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
+ box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
+}
+
+.select.is-light:not(:hover)::after {
+ border-color: whitesmoke;
+}
+
+.select.is-light select {
+ border-color: whitesmoke;
+}
+
+.select.is-light select:hover, .select.is-light select.is-hovered {
+ border-color: #e8e8e8;
+}
+
+.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
+ box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
+}
+
+.select.is-dark:not(:hover)::after {
+ border-color: #363636;
+}
+
+.select.is-dark select {
+ border-color: #363636;
+}
+
+.select.is-dark select:hover, .select.is-dark select.is-hovered {
+ border-color: #292929;
+}
+
+.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
+ box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
+}
+
+.select.is-primary:not(:hover)::after {
+ border-color: #00d1b2;
+}
+
+.select.is-primary select {
+ border-color: #00d1b2;
+}
+
+.select.is-primary select:hover, .select.is-primary select.is-hovered {
+ border-color: #00b89c;
+}
+
+.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
+ box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
+}
+
+.select.is-link:not(:hover)::after {
+ border-color: #3273dc;
+}
+
+.select.is-link select {
+ border-color: #3273dc;
+}
+
+.select.is-link select:hover, .select.is-link select.is-hovered {
+ border-color: #2366d1;
+}
+
+.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
+ box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
+}
+
+.select.is-info:not(:hover)::after {
+ border-color: #209cee;
+}
+
+.select.is-info select {
+ border-color: #209cee;
+}
+
+.select.is-info select:hover, .select.is-info select.is-hovered {
+ border-color: #118fe4;
+}
+
+.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
+ box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25);
+}
+
+.select.is-success:not(:hover)::after {
+ border-color: #23d160;
+}
+
+.select.is-success select {
+ border-color: #23d160;
+}
+
+.select.is-success select:hover, .select.is-success select.is-hovered {
+ border-color: #20bc56;
+}
+
+.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
+ box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25);
+}
+
+.select.is-warning:not(:hover)::after {
+ border-color: #ffdd57;
+}
+
+.select.is-warning select {
+ border-color: #ffdd57;
+}
+
+.select.is-warning select:hover, .select.is-warning select.is-hovered {
+ border-color: #ffd83d;
+}
+
+.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
+ box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25);
+}
+
+.select.is-danger:not(:hover)::after {
+ border-color: #ff3860;
+}
+
+.select.is-danger select {
+ border-color: #ff3860;
+}
+
+.select.is-danger select:hover, .select.is-danger select.is-hovered {
+ border-color: #ff1f4b;
+}
+
+.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
+ box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25);
+}
+
+.select.is-small {
+ border-radius: 2px;
+ font-size: 0.75rem;
+}
+
+.select.is-medium {
+ font-size: 1.25rem;
+}
+
+.select.is-large {
+ font-size: 1.5rem;
+}
+
+.select.is-disabled::after {
+ border-color: #7a7a7a;
+}
+
+.select.is-fullwidth {
+ width: 100%;
+}
+
+.select.is-fullwidth select {
+ width: 100%;
+}
+
+.select.is-loading::after {
+ margin-top: 0;
+ position: absolute;
+ right: 0.625em;
+ top: 0.625em;
+ -webkit-transform: none;
+ transform: none;
+}
+
+.select.is-loading.is-small:after {
+ font-size: 0.75rem;
+}
+
+.select.is-loading.is-medium:after {
+ font-size: 1.25rem;
+}
+
+.select.is-loading.is-large:after {
+ font-size: 1.5rem;
+}
+
+.file {
+ align-items: stretch;
+ display: flex;
+ justify-content: flex-start;
+ position: relative;
+}
+
+.file.is-white .file-cta {
+ background-color: white;
+ border-color: transparent;
+ color: #0a0a0a;
+}
+
+.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
+ background-color: #f9f9f9;
+ border-color: transparent;
+ color: #0a0a0a;
+}
+
+.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
+ color: #0a0a0a;
+}
+
+.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
+ background-color: #f2f2f2;
+ border-color: transparent;
+ color: #0a0a0a;
+}
+
+.file.is-black .file-cta {
+ background-color: #0a0a0a;
+ border-color: transparent;
+ color: white;
+}
+
+.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
+ background-color: #040404;
+ border-color: transparent;
+ color: white;
+}
+
+.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25);
+ color: white;
+}
+
+.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
+ background-color: black;
+ border-color: transparent;
+ color: white;
+}
+
+.file.is-light .file-cta {
+ background-color: whitesmoke;
+ border-color: transparent;
+ color: #363636;
+}
+
+.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
+ background-color: #eeeeee;
+ border-color: transparent;
+ color: #363636;
+}
+
+.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
+ color: #363636;
+}
+
+.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
+ background-color: #e8e8e8;
+ border-color: transparent;
+ color: #363636;
+}
+
+.file.is-dark .file-cta {
+ background-color: #363636;
+ border-color: transparent;
+ color: whitesmoke;
+}
+
+.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
+ background-color: #2f2f2f;
+ border-color: transparent;
+ color: whitesmoke;
+}
+
+.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25);
+ color: whitesmoke;
+}
+
+.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
+ background-color: #292929;
+ border-color: transparent;
+ color: whitesmoke;
+}
+
+.file.is-primary .file-cta {
+ background-color: #00d1b2;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
+ background-color: #00c4a7;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25);
+ color: #fff;
+}
+
+.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
+ background-color: #00b89c;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-link .file-cta {
+ background-color: #3273dc;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
+ background-color: #276cda;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25);
+ color: #fff;
+}
+
+.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
+ background-color: #2366d1;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-info .file-cta {
+ background-color: #209cee;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
+ background-color: #1496ed;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25);
+ color: #fff;
+}
+
+.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
+ background-color: #118fe4;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-success .file-cta {
+ background-color: #23d160;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
+ background-color: #22c65b;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25);
+ color: #fff;
+}
+
+.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
+ background-color: #20bc56;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-warning .file-cta {
+ background-color: #ffdd57;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
+ background-color: #ffdb4a;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
+ background-color: #ffd83d;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.file.is-danger .file-cta {
+ background-color: #ff3860;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
+ background-color: #ff2b56;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
+ border-color: transparent;
+ box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25);
+ color: #fff;
+}
+
+.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
+ background-color: #ff1f4b;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-small {
+ font-size: 0.75rem;
+}
+
+.file.is-medium {
+ font-size: 1.25rem;
+}
+
+.file.is-medium .file-icon .fa {
+ font-size: 21px;
+}
+
+.file.is-large {
+ font-size: 1.5rem;
+}
+
+.file.is-large .file-icon .fa {
+ font-size: 28px;
+}
+
+.file.has-name .file-cta {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.file.has-name .file-name {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.file.has-name.is-empty .file-cta {
+ border-radius: 4px;
+}
+
+.file.has-name.is-empty .file-name {
+ display: none;
+}
+
+.file.is-boxed .file-label {
+ flex-direction: column;
+}
+
+.file.is-boxed .file-cta {
+ flex-direction: column;
+ height: auto;
+ padding: 1em 3em;
+}
+
+.file.is-boxed .file-name {
+ border-width: 0 1px 1px;
+}
+
+.file.is-boxed .file-icon {
+ height: 1.5em;
+ width: 1.5em;
+}
+
+.file.is-boxed .file-icon .fa {
+ font-size: 21px;
+}
+
+.file.is-boxed.is-small .file-icon .fa {
+ font-size: 14px;
+}
+
+.file.is-boxed.is-medium .file-icon .fa {
+ font-size: 28px;
+}
+
+.file.is-boxed.is-large .file-icon .fa {
+ font-size: 35px;
+}
+
+.file.is-boxed.has-name .file-cta {
+ border-radius: 4px 4px 0 0;
+}
+
+.file.is-boxed.has-name .file-name {
+ border-radius: 0 0 4px 4px;
+ border-width: 0 1px 1px;
+}
+
+.file.is-centered {
+ justify-content: center;
+}
+
+.file.is-fullwidth .file-label {
+ width: 100%;
+}
+
+.file.is-fullwidth .file-name {
+ flex-grow: 1;
+ max-width: none;
+}
+
+.file.is-right {
+ justify-content: flex-end;
+}
+
+.file.is-right .file-cta {
+ border-radius: 0 4px 4px 0;
+}
+
+.file.is-right .file-name {
+ border-radius: 4px 0 0 4px;
+ border-width: 1px 0 1px 1px;
+ order: -1;
+}
+
+.file-label {
+ align-items: stretch;
+ display: flex;
+ cursor: pointer;
+ justify-content: flex-start;
+ overflow: hidden;
+ position: relative;
+}
+
+.file-label:hover .file-cta {
+ background-color: #eeeeee;
+ color: #363636;
+}
+
+.file-label:hover .file-name {
+ border-color: #d5d5d5;
+}
+
+.file-label:active .file-cta {
+ background-color: #e8e8e8;
+ color: #363636;
+}
+
+.file-label:active .file-name {
+ border-color: #cfcfcf;
+}
+
+.file-input {
+ height: 100%;
+ left: 0;
+ opacity: 0;
+ outline: none;
+ position: absolute;
+ top: 0;
+ width: 100%;
+}
+
+.file-cta,
+.file-name {
+ border-color: #dbdbdb;
+ border-radius: 4px;
+ font-size: 1em;
+ padding-left: 1em;
+ padding-right: 1em;
+ white-space: nowrap;
+}
+
+.file-cta {
+ background-color: whitesmoke;
+ color: #4a4a4a;
+}
+
+.file-name {
+ border-color: #dbdbdb;
+ border-style: solid;
+ border-width: 1px 1px 1px 0;
+ display: block;
+ max-width: 16em;
+ overflow: hidden;
+ text-align: left;
+ text-overflow: ellipsis;
+}
+
+.file-icon {
+ align-items: center;
+ display: flex;
+ height: 1em;
+ justify-content: center;
+ margin-right: 0.5em;
+ width: 1em;
+}
+
+.file-icon .fa {
+ font-size: 14px;
+}
+
+.label {
+ color: #363636;
+ display: block;
+ font-size: 1rem;
+ font-weight: 700;
+}
+
+.label:not(:last-child) {
+ margin-bottom: 0.5em;
+}
+
+.label.is-small {
+ font-size: 0.75rem;
+}
+
+.label.is-medium {
+ font-size: 1.25rem;
+}
+
+.label.is-large {
+ font-size: 1.5rem;
+}
+
+.help {
+ display: block;
+ font-size: 0.75rem;
+ margin-top: 0.25rem;
+}
+
+.help.is-white {
+ color: white;
+}
+
+.help.is-black {
+ color: #0a0a0a;
+}
+
+.help.is-light {
+ color: whitesmoke;
+}
+
+.help.is-dark {
+ color: #363636;
+}
+
+.help.is-primary {
+ color: #00d1b2;
+}
+
+.help.is-link {
+ color: #3273dc;
+}
+
+.help.is-info {
+ color: #209cee;
+}
+
+.help.is-success {
+ color: #23d160;
+}
+
+.help.is-warning {
+ color: #ffdd57;
+}
+
+.help.is-danger {
+ color: #ff3860;
+}
+
+.field:not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+
+.field.has-addons {
+ display: flex;
+ justify-content: flex-start;
+}
+
+.field.has-addons .control:not(:last-child) {
+ margin-right: -1px;
+}
+
+.field.has-addons .control:not(:first-child):not(:last-child) .button,
+.field.has-addons .control:not(:first-child):not(:last-child) .input,
+.field.has-addons .control:not(:first-child):not(:last-child) .select select {
+ border-radius: 0;
+}
+
+.field.has-addons .control:first-child:not(:only-child) .button,
+.field.has-addons .control:first-child:not(:only-child) .input,
+.field.has-addons .control:first-child:not(:only-child) .select select {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.field.has-addons .control:last-child:not(:only-child) .button,
+.field.has-addons .control:last-child:not(:only-child) .input,
+.field.has-addons .control:last-child:not(:only-child) .select select {
+ border-bottom-left-radius: 0;
+ border-top-left-radius: 0;
+}
+
+.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
+.field.has-addons .control .input:not([disabled]):hover,
+.field.has-addons .control .input:not([disabled]).is-hovered,
+.field.has-addons .control .select select:not([disabled]):hover,
+.field.has-addons .control .select select:not([disabled]).is-hovered {
+ z-index: 2;
+}
+
+.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
+.field.has-addons .control .input:not([disabled]):focus,
+.field.has-addons .control .input:not([disabled]).is-focused,
+.field.has-addons .control .input:not([disabled]):active,
+.field.has-addons .control .input:not([disabled]).is-active,
+.field.has-addons .control .select select:not([disabled]):focus,
+.field.has-addons .control .select select:not([disabled]).is-focused,
+.field.has-addons .control .select select:not([disabled]):active,
+.field.has-addons .control .select select:not([disabled]).is-active {
+ z-index: 3;
+}
+
+.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
+.field.has-addons .control .input:not([disabled]):focus:hover,
+.field.has-addons .control .input:not([disabled]).is-focused:hover,
+.field.has-addons .control .input:not([disabled]):active:hover,
+.field.has-addons .control .input:not([disabled]).is-active:hover,
+.field.has-addons .control .select select:not([disabled]):focus:hover,
+.field.has-addons .control .select select:not([disabled]).is-focused:hover,
+.field.has-addons .control .select select:not([disabled]):active:hover,
+.field.has-addons .control .select select:not([disabled]).is-active:hover {
+ z-index: 4;
+}
+
+.field.has-addons .control.is-expanded {
+ flex-grow: 1;
+ flex-shrink: 1;
+}
+
+.field.has-addons.has-addons-centered {
+ justify-content: center;
+}
+
+.field.has-addons.has-addons-right {
+ justify-content: flex-end;
+}
+
+.field.has-addons.has-addons-fullwidth .control {
+ flex-grow: 1;
+ flex-shrink: 0;
+}
+
+.field.is-grouped {
+ display: flex;
+ justify-content: flex-start;
+}
+
+.field.is-grouped > .control {
+ flex-shrink: 0;
+}
+
+.field.is-grouped > .control:not(:last-child) {
+ margin-bottom: 0;
+ margin-right: 0.75rem;
+}
+
+.field.is-grouped > .control.is-expanded {
+ flex-grow: 1;
+ flex-shrink: 1;
+}
+
+.field.is-grouped.is-grouped-centered {
+ justify-content: center;
+}
+
+.field.is-grouped.is-grouped-right {
+ justify-content: flex-end;
+}
+
+.field.is-grouped.is-grouped-multiline {
+ flex-wrap: wrap;
+}
+
+.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+
+.field.is-grouped.is-grouped-multiline:last-child {
+ margin-bottom: -0.75rem;
+}
+
+.field.is-grouped.is-grouped-multiline:not(:last-child) {
+ margin-bottom: 0;
+}
+
+@media screen and (min-width: 769px), print {
+ .field.is-horizontal {
+ display: flex;
+ }
+}
+
+.field-label .label {
+ font-size: inherit;
+}
+
+@media screen and (max-width: 768px) {
+ .field-label {
+ margin-bottom: 0.5rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .field-label {
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ margin-right: 1.5rem;
+ text-align: right;
+ }
+ .field-label.is-small {
+ font-size: 0.75rem;
+ padding-top: 0.375em;
+ }
+ .field-label.is-normal {
+ padding-top: 0.375em;
+ }
+ .field-label.is-medium {
+ font-size: 1.25rem;
+ padding-top: 0.375em;
+ }
+ .field-label.is-large {
+ font-size: 1.5rem;
+ padding-top: 0.375em;
+ }
+}
+
+.field-body .field .field {
+ margin-bottom: 0;
+}
+
+@media screen and (min-width: 769px), print {
+ .field-body {
+ display: flex;
+ flex-basis: 0;
+ flex-grow: 5;
+ flex-shrink: 1;
+ }
+ .field-body .field {
+ margin-bottom: 0;
+ }
+ .field-body > .field {
+ flex-shrink: 1;
+ }
+ .field-body > .field:not(.is-narrow) {
+ flex-grow: 1;
+ }
+ .field-body > .field:not(:last-child) {
+ margin-right: 0.75rem;
+ }
+}
+
+.control {
+ box-sizing: border-box;
+ clear: both;
+ font-size: 1rem;
+ position: relative;
+ text-align: left;
+}
+
+.control.has-icons-left .input:focus ~ .icon,
+.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
+.control.has-icons-right .select:focus ~ .icon {
+ color: #7a7a7a;
+}
+
+.control.has-icons-left .input.is-small ~ .icon,
+.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
+.control.has-icons-right .select.is-small ~ .icon {
+ font-size: 0.75rem;
+}
+
+.control.has-icons-left .input.is-medium ~ .icon,
+.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
+.control.has-icons-right .select.is-medium ~ .icon {
+ font-size: 1.25rem;
+}
+
+.control.has-icons-left .input.is-large ~ .icon,
+.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
+.control.has-icons-right .select.is-large ~ .icon {
+ font-size: 1.5rem;
+}
+
+.control.has-icons-left .icon, .control.has-icons-right .icon {
+ color: #dbdbdb;
+ height: 2.25em;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ width: 2.25em;
+ z-index: 4;
+}
+
+.control.has-icons-left .input,
+.control.has-icons-left .select select {
+ padding-left: 2.25em;
+}
+
+.control.has-icons-left .icon.is-left {
+ left: 0;
+}
+
+.control.has-icons-right .input,
+.control.has-icons-right .select select {
+ padding-right: 2.25em;
+}
+
+.control.has-icons-right .icon.is-right {
+ right: 0;
+}
+
+.control.is-loading::after {
+ position: absolute !important;
+ right: 0.625em;
+ top: 0.625em;
+ z-index: 4;
+}
+
+.control.is-loading.is-small:after {
+ font-size: 0.75rem;
+}
+
+.control.is-loading.is-medium:after {
+ font-size: 1.25rem;
+}
+
+.control.is-loading.is-large:after {
+ font-size: 1.5rem;
+}
+
+.breadcrumb {
+ font-size: 1rem;
+ white-space: nowrap;
+}
+
+.breadcrumb a {
+ align-items: center;
+ color: #3273dc;
+ display: flex;
+ justify-content: center;
+ padding: 0 0.75em;
+}
+
+.breadcrumb a:hover {
+ color: #363636;
+}
+
+.breadcrumb li {
+ align-items: center;
+ display: flex;
+}
+
+.breadcrumb li:first-child a {
+ padding-left: 0;
+}
+
+.breadcrumb li.is-active a {
+ color: #363636;
+ cursor: default;
+ pointer-events: none;
+}
+
+.breadcrumb li + li::before {
+ color: #b5b5b5;
+ content: "\0002f";
+}
+
+.breadcrumb ul,
+.breadcrumb ol {
+ align-items: flex-start;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+}
+
+.breadcrumb .icon:first-child {
+ margin-right: 0.5em;
+}
+
+.breadcrumb .icon:last-child {
+ margin-left: 0.5em;
+}
+
+.breadcrumb.is-centered ol,
+.breadcrumb.is-centered ul {
+ justify-content: center;
+}
+
+.breadcrumb.is-right ol,
+.breadcrumb.is-right ul {
+ justify-content: flex-end;
+}
+
+.breadcrumb.is-small {
+ font-size: 0.75rem;
+}
+
+.breadcrumb.is-medium {
+ font-size: 1.25rem;
+}
+
+.breadcrumb.is-large {
+ font-size: 1.5rem;
+}
+
+.breadcrumb.has-arrow-separator li + li::before {
+ content: "\02192";
+}
+
+.breadcrumb.has-bullet-separator li + li::before {
+ content: "\02022";
+}
+
+.breadcrumb.has-dot-separator li + li::before {
+ content: "\000b7";
+}
+
+.breadcrumb.has-succeeds-separator li + li::before {
+ content: "\0227B";
+}
+
+.card {
+ background-color: white;
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+ color: #4a4a4a;
+ max-width: 100%;
+ position: relative;
+}
+
+.card-header {
+ background-color: transparent;
+ align-items: stretch;
+ box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1);
+ display: flex;
+}
+
+.card-header-title {
+ align-items: center;
+ color: #363636;
+ display: flex;
+ flex-grow: 1;
+ font-weight: 700;
+ padding: 0.75rem;
+}
+
+.card-header-title.is-centered {
+ justify-content: center;
+}
+
+.card-header-icon {
+ align-items: center;
+ cursor: pointer;
+ display: flex;
+ justify-content: center;
+ padding: 0.75rem;
+}
+
+.card-image {
+ display: block;
+ position: relative;
+}
+
+.card-content {
+ background-color: transparent;
+ padding: 1.5rem;
+}
+
+.card-footer {
+ background-color: transparent;
+ border-top: 1px solid #dbdbdb;
+ align-items: stretch;
+ display: flex;
+}
+
+.card-footer-item {
+ align-items: center;
+ display: flex;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 0;
+ justify-content: center;
+ padding: 0.75rem;
+}
+
+.card-footer-item:not(:last-child) {
+ border-right: 1px solid #dbdbdb;
+}
+
+.card .media:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.dropdown {
+ display: inline-flex;
+ position: relative;
+ vertical-align: top;
+}
+
+.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
+ display: block;
+}
+
+.dropdown.is-right .dropdown-menu {
+ left: auto;
+ right: 0;
+}
+
+.dropdown.is-up .dropdown-menu {
+ bottom: 100%;
+ padding-bottom: 4px;
+ padding-top: initial;
+ top: auto;
+}
+
+.dropdown-menu {
+ display: none;
+ left: 0;
+ min-width: 12rem;
+ padding-top: 4px;
+ position: absolute;
+ top: 100%;
+ z-index: 20;
+}
+
+.dropdown-content {
+ background-color: white;
+ border-radius: 4px;
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+ padding-bottom: 0.5rem;
+ padding-top: 0.5rem;
+}
+
+.dropdown-item {
+ color: #4a4a4a;
+ display: block;
+ font-size: 0.875rem;
+ line-height: 1.5;
+ padding: 0.375rem 1rem;
+ position: relative;
+}
+
+a.dropdown-item,
+button.dropdown-item {
+ padding-right: 3rem;
+ text-align: left;
+ white-space: nowrap;
+ width: 100%;
+}
+
+a.dropdown-item:hover,
+button.dropdown-item:hover {
+ background-color: whitesmoke;
+ color: #0a0a0a;
+}
+
+a.dropdown-item.is-active,
+button.dropdown-item.is-active {
+ background-color: #3273dc;
+ color: #fff;
+}
+
+.dropdown-divider {
+ background-color: #dbdbdb;
+ border: none;
+ display: block;
+ height: 1px;
+ margin: 0.5rem 0;
+}
+
+.level {
+ align-items: center;
+ justify-content: space-between;
+}
+
+.level code {
+ border-radius: 4px;
+}
+
+.level img {
+ display: inline-block;
+ vertical-align: top;
+}
+
+.level.is-mobile {
+ display: flex;
+}
+
+.level.is-mobile .level-left,
+.level.is-mobile .level-right {
+ display: flex;
+}
+
+.level.is-mobile .level-left + .level-right {
+ margin-top: 0;
+}
+
+.level.is-mobile .level-item:not(:last-child) {
+ margin-bottom: 0;
+ margin-right: 0.75rem;
+}
+
+.level.is-mobile .level-item:not(.is-narrow) {
+ flex-grow: 1;
+}
+
+@media screen and (min-width: 769px), print {
+ .level {
+ display: flex;
+ }
+ .level > .level-item:not(.is-narrow) {
+ flex-grow: 1;
+ }
+}
+
+.level-item {
+ align-items: center;
+ display: flex;
+ flex-basis: auto;
+ flex-grow: 0;
+ flex-shrink: 0;
+ justify-content: center;
+}
+
+.level-item .title,
+.level-item .subtitle {
+ margin-bottom: 0;
+}
+
+@media screen and (max-width: 768px) {
+ .level-item:not(:last-child) {
+ margin-bottom: 0.75rem;
+ }
+}
+
+.level-left,
+.level-right {
+ flex-basis: auto;
+ flex-grow: 0;
+ flex-shrink: 0;
+}
+
+.level-left .level-item.is-flexible,
+.level-right .level-item.is-flexible {
+ flex-grow: 1;
+}
+
+@media screen and (min-width: 769px), print {
+ .level-left .level-item:not(:last-child),
+ .level-right .level-item:not(:last-child) {
+ margin-right: 0.75rem;
+ }
+}
+
+.level-left {
+ align-items: center;
+ justify-content: flex-start;
+}
+
+@media screen and (max-width: 768px) {
+ .level-left + .level-right {
+ margin-top: 1.5rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .level-left {
+ display: flex;
+ }
+}
+
+.level-right {
+ align-items: center;
+ justify-content: flex-end;
+}
+
+@media screen and (min-width: 769px), print {
+ .level-right {
+ display: flex;
+ }
+}
+
+.list {
+ background-color: white;
+ border-radius: 4px;
+ box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+}
+
+.list-item {
+ display: block;
+ padding: 0.5em 1em;
+}
+
+.list-item:not(a) {
+ color: #4a4a4a;
+}
+
+.list-item:first-child {
+ border-top-left-radius: 4px;
+ border-top-right-radius: 4px;
+}
+
+.list-item:last-child {
+ border-bottom-left-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+
+.list-item:not(:last-child) {
+ border-bottom: 1px solid #dbdbdb;
+}
+
+.list-item.is-active {
+ background-color: #3273dc;
+ color: #fff;
+}
+
+a.list-item {
+ background-color: whitesmoke;
+ cursor: pointer;
+}
+
+.media {
+ align-items: flex-start;
+ display: flex;
+ text-align: left;
+}
+
+.media .content:not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+
+.media .media {
+ border-top: 1px solid rgba(219, 219, 219, 0.5);
+ display: flex;
+ padding-top: 0.75rem;
+}
+
+.media .media .content:not(:last-child),
+.media .media .control:not(:last-child) {
+ margin-bottom: 0.5rem;
+}
+
+.media .media .media {
+ padding-top: 0.5rem;
+}
+
+.media .media .media + .media {
+ margin-top: 0.5rem;
+}
+
+.media + .media {
+ border-top: 1px solid rgba(219, 219, 219, 0.5);
+ margin-top: 1rem;
+ padding-top: 1rem;
+}
+
+.media.is-large + .media {
+ margin-top: 1.5rem;
+ padding-top: 1.5rem;
+}
+
+.media-left,
+.media-right {
+ flex-basis: auto;
+ flex-grow: 0;
+ flex-shrink: 0;
+}
+
+.media-left {
+ margin-right: 1rem;
+}
+
+.media-right {
+ margin-left: 1rem;
+}
+
+.media-content {
+ flex-basis: auto;
+ flex-grow: 1;
+ flex-shrink: 1;
+ text-align: left;
+}
+
+@media screen and (max-width: 768px) {
+ .media-content {
+ overflow-x: auto;
+ }
+}
+
+.menu {
+ font-size: 1rem;
+}
+
+.menu.is-small {
+ font-size: 0.75rem;
+}
+
+.menu.is-medium {
+ font-size: 1.25rem;
+}
+
+.menu.is-large {
+ font-size: 1.5rem;
+}
+
+.menu-list {
+ line-height: 1.25;
+}
+
+.menu-list a {
+ border-radius: 2px;
+ color: #4a4a4a;
+ display: block;
+ padding: 0.5em 0.75em;
+}
+
+.menu-list a:hover {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.menu-list a.is-active {
+ background-color: #3273dc;
+ color: #fff;
+}
+
+.menu-list li ul {
+ border-left: 1px solid #dbdbdb;
+ margin: 0.75em;
+ padding-left: 0.75em;
+}
+
+.menu-label {
+ color: #7a7a7a;
+ font-size: 0.75em;
+ letter-spacing: 0.1em;
+ text-transform: uppercase;
+}
+
+.menu-label:not(:first-child) {
+ margin-top: 1em;
+}
+
+.menu-label:not(:last-child) {
+ margin-bottom: 1em;
+}
+
+.message {
+ background-color: whitesmoke;
+ border-radius: 4px;
+ font-size: 1rem;
+}
+
+.message strong {
+ color: currentColor;
+}
+
+.message a:not(.button):not(.tag):not(.dropdown-item) {
+ color: currentColor;
+ text-decoration: underline;
+}
+
+.message.is-small {
+ font-size: 0.75rem;
+}
+
+.message.is-medium {
+ font-size: 1.25rem;
+}
+
+.message.is-large {
+ font-size: 1.5rem;
+}
+
+.message.is-white {
+ background-color: white;
+}
+
+.message.is-white .message-header {
+ background-color: white;
+ color: #0a0a0a;
+}
+
+.message.is-white .message-body {
+ border-color: white;
+ color: #4d4d4d;
+}
+
+.message.is-black {
+ background-color: #fafafa;
+}
+
+.message.is-black .message-header {
+ background-color: #0a0a0a;
+ color: white;
+}
+
+.message.is-black .message-body {
+ border-color: #0a0a0a;
+ color: #090909;
+}
+
+.message.is-light {
+ background-color: #fafafa;
+}
+
+.message.is-light .message-header {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.message.is-light .message-body {
+ border-color: whitesmoke;
+ color: #505050;
+}
+
+.message.is-dark {
+ background-color: #fafafa;
+}
+
+.message.is-dark .message-header {
+ background-color: #363636;
+ color: whitesmoke;
+}
+
+.message.is-dark .message-body {
+ border-color: #363636;
+ color: #2a2a2a;
+}
+
+.message.is-primary {
+ background-color: #f5fffd;
+}
+
+.message.is-primary .message-header {
+ background-color: #00d1b2;
+ color: #fff;
+}
+
+.message.is-primary .message-body {
+ border-color: #00d1b2;
+ color: #021310;
+}
+
+.message.is-link {
+ background-color: #f6f9fe;
+}
+
+.message.is-link .message-header {
+ background-color: #3273dc;
+ color: #fff;
+}
+
+.message.is-link .message-body {
+ border-color: #3273dc;
+ color: #22509a;
+}
+
+.message.is-info {
+ background-color: #f6fbfe;
+}
+
+.message.is-info .message-header {
+ background-color: #209cee;
+ color: #fff;
+}
+
+.message.is-info .message-body {
+ border-color: #209cee;
+ color: #12537e;
+}
+
+.message.is-success {
+ background-color: #f6fef9;
+}
+
+.message.is-success .message-header {
+ background-color: #23d160;
+ color: #fff;
+}
+
+.message.is-success .message-body {
+ border-color: #23d160;
+ color: #0e301a;
+}
+
+.message.is-warning {
+ background-color: #fffdf5;
+}
+
+.message.is-warning .message-header {
+ background-color: #ffdd57;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.message.is-warning .message-body {
+ border-color: #ffdd57;
+ color: #3b3108;
+}
+
+.message.is-danger {
+ background-color: #fff5f7;
+}
+
+.message.is-danger .message-header {
+ background-color: #ff3860;
+ color: #fff;
+}
+
+.message.is-danger .message-body {
+ border-color: #ff3860;
+ color: #cd0930;
+}
+
+.message-header {
+ align-items: center;
+ background-color: #4a4a4a;
+ border-radius: 4px 4px 0 0;
+ color: #fff;
+ display: flex;
+ font-weight: 700;
+ justify-content: space-between;
+ line-height: 1.25;
+ padding: 0.75em 1em;
+ position: relative;
+}
+
+.message-header .delete {
+ flex-grow: 0;
+ flex-shrink: 0;
+ margin-left: 0.75em;
+}
+
+.message-header + .message-body {
+ border-width: 0;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
+
+.message-body {
+ border-color: #dbdbdb;
+ border-radius: 4px;
+ border-style: solid;
+ border-width: 0 0 0 4px;
+ color: #4a4a4a;
+ padding: 1.25em 1.5em;
+}
+
+.message-body code,
+.message-body pre {
+ background-color: white;
+}
+
+.message-body pre code {
+ background-color: transparent;
+}
+
+.modal {
+ align-items: center;
+ display: none;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ position: fixed;
+ z-index: 40;
+}
+
+.modal.is-active {
+ display: flex;
+}
+
+.modal-background {
+ background-color: rgba(10, 10, 10, 0.86);
+}
+
+.modal-content,
+.modal-card {
+ margin: 0 20px;
+ max-height: calc(100vh - 160px);
+ overflow: auto;
+ position: relative;
+ width: 100%;
+}
+
+@media screen and (min-width: 769px), print {
+ .modal-content,
+ .modal-card {
+ margin: 0 auto;
+ max-height: calc(100vh - 40px);
+ width: 640px;
+ }
+}
+
+.modal-close {
+ background: none;
+ height: 40px;
+ position: fixed;
+ right: 20px;
+ top: 20px;
+ width: 40px;
+}
+
+.modal-card {
+ display: flex;
+ flex-direction: column;
+ max-height: calc(100vh - 40px);
+ overflow: hidden;
+ -ms-overflow-y: visible;
+}
+
+.modal-card-head,
+.modal-card-foot {
+ align-items: center;
+ background-color: whitesmoke;
+ display: flex;
+ flex-shrink: 0;
+ justify-content: flex-start;
+ padding: 20px;
+ position: relative;
+}
+
+.modal-card-head {
+ border-bottom: 1px solid #dbdbdb;
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.modal-card-title {
+ color: #363636;
+ flex-grow: 1;
+ flex-shrink: 0;
+ font-size: 1.5rem;
+ line-height: 1;
+}
+
+.modal-card-foot {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+ border-top: 1px solid #dbdbdb;
+}
+
+.modal-card-foot .button:not(:last-child) {
+ margin-right: 0.5em;
+}
+
+.modal-card-body {
+ -webkit-overflow-scrolling: touch;
+ background-color: white;
+ flex-grow: 1;
+ flex-shrink: 1;
+ overflow: auto;
+ padding: 20px;
+}
+
+.navbar {
+ background-color: white;
+ min-height: 3.25rem;
+ position: relative;
+ z-index: 30;
+}
+
+.navbar.is-white {
+ background-color: white;
+ color: #0a0a0a;
+}
+
+.navbar.is-white .navbar-brand > .navbar-item,
+.navbar.is-white .navbar-brand .navbar-link {
+ color: #0a0a0a;
+}
+
+.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
+.navbar.is-white .navbar-brand .navbar-link:focus,
+.navbar.is-white .navbar-brand .navbar-link:hover,
+.navbar.is-white .navbar-brand .navbar-link.is-active {
+ background-color: #f2f2f2;
+ color: #0a0a0a;
+}
+
+.navbar.is-white .navbar-brand .navbar-link::after {
+ border-color: #0a0a0a;
+}
+
+.navbar.is-white .navbar-burger {
+ color: #0a0a0a;
+}
+
+@media screen and (min-width: 1024px) {
+ .navbar.is-white .navbar-start > .navbar-item,
+ .navbar.is-white .navbar-start .navbar-link,
+ .navbar.is-white .navbar-end > .navbar-item,
+ .navbar.is-white .navbar-end .navbar-link {
+ color: #0a0a0a;
+ }
+ .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
+ .navbar.is-white .navbar-start .navbar-link:focus,
+ .navbar.is-white .navbar-start .navbar-link:hover,
+ .navbar.is-white .navbar-start .navbar-link.is-active,
+ .navbar.is-white .navbar-end > a.navbar-item:focus,
+ .navbar.is-white .navbar-end > a.navbar-item:hover,
+ .navbar.is-white .navbar-end > a.navbar-item.is-active,
+ .navbar.is-white .navbar-end .navbar-link:focus,
+ .navbar.is-white .navbar-end .navbar-link:hover,
+ .navbar.is-white .navbar-end .navbar-link.is-active {
+ background-color: #f2f2f2;
+ color: #0a0a0a;
+ }
+ .navbar.is-white .navbar-start .navbar-link::after,
+ .navbar.is-white .navbar-end .navbar-link::after {
+ border-color: #0a0a0a;
+ }
+ .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
+ .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
+ .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
+ background-color: #f2f2f2;
+ color: #0a0a0a;
+ }
+ .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
+ background-color: white;
+ color: #0a0a0a;
+ }
+}
+
+.navbar.is-black {
+ background-color: #0a0a0a;
+ color: white;
+}
+
+.navbar.is-black .navbar-brand > .navbar-item,
+.navbar.is-black .navbar-brand .navbar-link {
+ color: white;
+}
+
+.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
+.navbar.is-black .navbar-brand .navbar-link:focus,
+.navbar.is-black .navbar-brand .navbar-link:hover,
+.navbar.is-black .navbar-brand .navbar-link.is-active {
+ background-color: black;
+ color: white;
+}
+
+.navbar.is-black .navbar-brand .navbar-link::after {
+ border-color: white;
+}
+
+.navbar.is-black .navbar-burger {
+ color: white;
+}
+
+@media screen and (min-width: 1024px) {
+ .navbar.is-black .navbar-start > .navbar-item,
+ .navbar.is-black .navbar-start .navbar-link,
+ .navbar.is-black .navbar-end > .navbar-item,
+ .navbar.is-black .navbar-end .navbar-link {
+ color: white;
+ }
+ .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
+ .navbar.is-black .navbar-start .navbar-link:focus,
+ .navbar.is-black .navbar-start .navbar-link:hover,
+ .navbar.is-black .navbar-start .navbar-link.is-active,
+ .navbar.is-black .navbar-end > a.navbar-item:focus,
+ .navbar.is-black .navbar-end > a.navbar-item:hover,
+ .navbar.is-black .navbar-end > a.navbar-item.is-active,
+ .navbar.is-black .navbar-end .navbar-link:focus,
+ .navbar.is-black .navbar-end .navbar-link:hover,
+ .navbar.is-black .navbar-end .navbar-link.is-active {
+ background-color: black;
+ color: white;
+ }
+ .navbar.is-black .navbar-start .navbar-link::after,
+ .navbar.is-black .navbar-end .navbar-link::after {
+ border-color: white;
+ }
+ .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
+ .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
+ .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
+ background-color: black;
+ color: white;
+ }
+ .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
+ background-color: #0a0a0a;
+ color: white;
+ }
+}
+
+.navbar.is-light {
+ background-color: whitesmoke;
+ color: #363636;
+}
+
+.navbar.is-light .navbar-brand > .navbar-item,
+.navbar.is-light .navbar-brand .navbar-link {
+ color: #363636;
+}
+
+.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
+.navbar.is-light .navbar-brand .navbar-link:focus,
+.navbar.is-light .navbar-brand .navbar-link:hover,
+.navbar.is-light .navbar-brand .navbar-link.is-active {
+ background-color: #e8e8e8;
+ color: #363636;
+}
+
+.navbar.is-light .navbar-brand .navbar-link::after {
+ border-color: #363636;
+}
+
+.navbar.is-light .navbar-burger {
+ color: #363636;
+}
+
+@media screen and (min-width: 1024px) {
+ .navbar.is-light .navbar-start > .navbar-item,
+ .navbar.is-light .navbar-start .navbar-link,
+ .navbar.is-light .navbar-end > .navbar-item,
+ .navbar.is-light .navbar-end .navbar-link {
+ color: #363636;
+ }
+ .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
+ .navbar.is-light .navbar-start .navbar-link:focus,
+ .navbar.is-light .navbar-start .navbar-link:hover,
+ .navbar.is-light .navbar-start .navbar-link.is-active,
+ .navbar.is-light .navbar-end > a.navbar-item:focus,
+ .navbar.is-light .navbar-end > a.navbar-item:hover,
+ .navbar.is-light .navbar-end > a.navbar-item.is-active,
+ .navbar.is-light .navbar-end .navbar-link:focus,
+ .navbar.is-light .navbar-end .navbar-link:hover,
+ .navbar.is-light .navbar-end .navbar-link.is-active {
+ background-color: #e8e8e8;
+ color: #363636;
+ }
+ .navbar.is-light .navbar-start .navbar-link::after,
+ .navbar.is-light .navbar-end .navbar-link::after {
+ border-color: #363636;
+ }
+ .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
+ .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
+ .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
+ background-color: #e8e8e8;
+ color: #363636;
+ }
+ .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
+ background-color: whitesmoke;
+ color: #363636;
+ }
+}
+
+.navbar.is-dark {
+ background-color: #363636;
+ color: whitesmoke;
+}
+
+.navbar.is-dark .navbar-brand > .navbar-item,
+.navbar.is-dark .navbar-brand .navbar-link {
+ color: whitesmoke;
+}
+
+.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
+.navbar.is-dark .navbar-brand .navbar-link:focus,
+.navbar.is-dark .navbar-brand .navbar-link:hover,
+.navbar.is-dark .navbar-brand .navbar-link.is-active {
+ background-color: #292929;
+ color: whitesmoke;
+}
+
+.navbar.is-dark .navbar-brand .navbar-link::after {
+ border-color: whitesmoke;
+}
+
+.navbar.is-dark .navbar-burger {
+ color: whitesmoke;
+}
+
+@media screen and (min-width: 1024px) {
+ .navbar.is-dark .navbar-start > .navbar-item,
+ .navbar.is-dark .navbar-start .navbar-link,
+ .navbar.is-dark .navbar-end > .navbar-item,
+ .navbar.is-dark .navbar-end .navbar-link {
+ color: whitesmoke;
+ }
+ .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
+ .navbar.is-dark .navbar-start .navbar-link:focus,
+ .navbar.is-dark .navbar-start .navbar-link:hover,
+ .navbar.is-dark .navbar-start .navbar-link.is-active,
+ .navbar.is-dark .navbar-end > a.navbar-item:focus,
+ .navbar.is-dark .navbar-end > a.navbar-item:hover,
+ .navbar.is-dark .navbar-end > a.navbar-item.is-active,
+ .navbar.is-dark .navbar-end .navbar-link:focus,
+ .navbar.is-dark .navbar-end .navbar-link:hover,
+ .navbar.is-dark .navbar-end .navbar-link.is-active {
+ background-color: #292929;
+ color: whitesmoke;
+ }
+ .navbar.is-dark .navbar-start .navbar-link::after,
+ .navbar.is-dark .navbar-end .navbar-link::after {
+ border-color: whitesmoke;
+ }
+ .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
+ .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
+ .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
+ background-color: #292929;
+ color: whitesmoke;
+ }
+ .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
+ background-color: #363636;
+ color: whitesmoke;
+ }
+}
+
+.navbar.is-primary {
+ background-color: #00d1b2;
+ color: #fff;
+}
+
+.navbar.is-primary .navbar-brand > .navbar-item,
+.navbar.is-primary .navbar-brand .navbar-link {
+ color: #fff;
+}
+
+.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
+.navbar.is-primary .navbar-brand .navbar-link:focus,
+.navbar.is-primary .navbar-brand .navbar-link:hover,
+.navbar.is-primary .navbar-brand .navbar-link.is-active {
+ background-color: #00b89c;
+ color: #fff;
+}
+
+.navbar.is-primary .navbar-brand .navbar-link::after {
+ border-color: #fff;
+}
+
+.navbar.is-primary .navbar-burger {
+ color: #fff;
+}
+
+@media screen and (min-width: 1024px) {
+ .navbar.is-primary .navbar-start > .navbar-item,
+ .navbar.is-primary .navbar-start .navbar-link,
+ .navbar.is-primary .navbar-end > .navbar-item,
+ .navbar.is-primary .navbar-end .navbar-link {
+ color: #fff;
+ }
+ .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
+ .navbar.is-primary .navbar-start .navbar-link:focus,
+ .navbar.is-primary .navbar-start .navbar-link:hover,
+ .navbar.is-primary .navbar-start .navbar-link.is-active,
+ .navbar.is-primary .navbar-end > a.navbar-item:focus,
+ .navbar.is-primary .navbar-end > a.navbar-item:hover,
+ .navbar.is-primary .navbar-end > a.navbar-item.is-active,
+ .navbar.is-primary .navbar-end .navbar-link:focus,
+ .navbar.is-primary .navbar-end .navbar-link:hover,
+ .navbar.is-primary .navbar-end .navbar-link.is-active {
+ background-color: #00b89c;
+ color: #fff;
+ }
+ .navbar.is-primary .navbar-start .navbar-link::after,
+ .navbar.is-primary .navbar-end .navbar-link::after {
+ border-color: #fff;
+ }
+ .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
+ .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
+ .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
+ background-color: #00b89c;
+ color: #fff;
+ }
+ .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
+ background-color: #00d1b2;
+ color: #fff;
+ }
+}
+
+.navbar.is-link {
+ background-color: #3273dc;
+ color: #fff;
+}
+
+.navbar.is-link .navbar-brand > .navbar-item,
+.navbar.is-link .navbar-brand .navbar-link {
+ color: #fff;
+}
+
+.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
+.navbar.is-link .navbar-brand .navbar-link:focus,
+.navbar.is-link .navbar-brand .navbar-link:hover,
+.navbar.is-link .navbar-brand .navbar-link.is-active {
+ background-color: #2366d1;
+ color: #fff;
+}
+
+.navbar.is-link .navbar-brand .navbar-link::after {
+ border-color: #fff;
+}
+
+.navbar.is-link .navbar-burger {
+ color: #fff;
+}
+
+@media screen and (min-width: 1024px) {
+ .navbar.is-link .navbar-start > .navbar-item,
+ .navbar.is-link .navbar-start .navbar-link,
+ .navbar.is-link .navbar-end > .navbar-item,
+ .navbar.is-link .navbar-end .navbar-link {
+ color: #fff;
+ }
+ .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
+ .navbar.is-link .navbar-start .navbar-link:focus,
+ .navbar.is-link .navbar-start .navbar-link:hover,
+ .navbar.is-link .navbar-start .navbar-link.is-active,
+ .navbar.is-link .navbar-end > a.navbar-item:focus,
+ .navbar.is-link .navbar-end > a.navbar-item:hover,
+ .navbar.is-link .navbar-end > a.navbar-item.is-active,
+ .navbar.is-link .navbar-end .navbar-link:focus,
+ .navbar.is-link .navbar-end .navbar-link:hover,
+ .navbar.is-link .navbar-end .navbar-link.is-active {
+ background-color: #2366d1;
+ color: #fff;
+ }
+ .navbar.is-link .navbar-start .navbar-link::after,
+ .navbar.is-link .navbar-end .navbar-link::after {
+ border-color: #fff;
+ }
+ .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
+ .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
+ .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
+ background-color: #2366d1;
+ color: #fff;
+ }
+ .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
+ background-color: #3273dc;
+ color: #fff;
+ }
+}
+
+.navbar.is-info {
+ background-color: #209cee;
+ color: #fff;
+}
+
+.navbar.is-info .navbar-brand > .navbar-item,
+.navbar.is-info .navbar-brand .navbar-link {
+ color: #fff;
+}
+
+.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
+.navbar.is-info .navbar-brand .navbar-link:focus,
+.navbar.is-info .navbar-brand .navbar-link:hover,
+.navbar.is-info .navbar-brand .navbar-link.is-active {
+ background-color: #118fe4;
+ color: #fff;
+}
+
+.navbar.is-info .navbar-brand .navbar-link::after {
+ border-color: #fff;
+}
+
+.navbar.is-info .navbar-burger {
+ color: #fff;
+}
+
+@media screen and (min-width: 1024px) {
+ .navbar.is-info .navbar-start > .navbar-item,
+ .navbar.is-info .navbar-start .navbar-link,
+ .navbar.is-info .navbar-end > .navbar-item,
+ .navbar.is-info .navbar-end .navbar-link {
+ color: #fff;
+ }
+ .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
+ .navbar.is-info .navbar-start .navbar-link:focus,
+ .navbar.is-info .navbar-start .navbar-link:hover,
+ .navbar.is-info .navbar-start .navbar-link.is-active,
+ .navbar.is-info .navbar-end > a.navbar-item:focus,
+ .navbar.is-info .navbar-end > a.navbar-item:hover,
+ .navbar.is-info .navbar-end > a.navbar-item.is-active,
+ .navbar.is-info .navbar-end .navbar-link:focus,
+ .navbar.is-info .navbar-end .navbar-link:hover,
+ .navbar.is-info .navbar-end .navbar-link.is-active {
+ background-color: #118fe4;
+ color: #fff;
+ }
+ .navbar.is-info .navbar-start .navbar-link::after,
+ .navbar.is-info .navbar-end .navbar-link::after {
+ border-color: #fff;
+ }
+ .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
+ .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
+ .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
+ background-color: #118fe4;
+ color: #fff;
+ }
+ .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
+ background-color: #209cee;
+ color: #fff;
+ }
+}
+
+.navbar.is-success {
+ background-color: #23d160;
+ color: #fff;
+}
+
+.navbar.is-success .navbar-brand > .navbar-item,
+.navbar.is-success .navbar-brand .navbar-link {
+ color: #fff;
+}
+
+.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
+.navbar.is-success .navbar-brand .navbar-link:focus,
+.navbar.is-success .navbar-brand .navbar-link:hover,
+.navbar.is-success .navbar-brand .navbar-link.is-active {
+ background-color: #20bc56;
+ color: #fff;
+}
+
+.navbar.is-success .navbar-brand .navbar-link::after {
+ border-color: #fff;
+}
+
+.navbar.is-success .navbar-burger {
+ color: #fff;
+}
+
+@media screen and (min-width: 1024px) {
+ .navbar.is-success .navbar-start > .navbar-item,
+ .navbar.is-success .navbar-start .navbar-link,
+ .navbar.is-success .navbar-end > .navbar-item,
+ .navbar.is-success .navbar-end .navbar-link {
+ color: #fff;
+ }
+ .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
+ .navbar.is-success .navbar-start .navbar-link:focus,
+ .navbar.is-success .navbar-start .navbar-link:hover,
+ .navbar.is-success .navbar-start .navbar-link.is-active,
+ .navbar.is-success .navbar-end > a.navbar-item:focus,
+ .navbar.is-success .navbar-end > a.navbar-item:hover,
+ .navbar.is-success .navbar-end > a.navbar-item.is-active,
+ .navbar.is-success .navbar-end .navbar-link:focus,
+ .navbar.is-success .navbar-end .navbar-link:hover,
+ .navbar.is-success .navbar-end .navbar-link.is-active {
+ background-color: #20bc56;
+ color: #fff;
+ }
+ .navbar.is-success .navbar-start .navbar-link::after,
+ .navbar.is-success .navbar-end .navbar-link::after {
+ border-color: #fff;
+ }
+ .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
+ .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
+ .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
+ background-color: #20bc56;
+ color: #fff;
+ }
+ .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
+ background-color: #23d160;
+ color: #fff;
+ }
+}
+
+.navbar.is-warning {
+ background-color: #ffdd57;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.navbar.is-warning .navbar-brand > .navbar-item,
+.navbar.is-warning .navbar-brand .navbar-link {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
+.navbar.is-warning .navbar-brand .navbar-link:focus,
+.navbar.is-warning .navbar-brand .navbar-link:hover,
+.navbar.is-warning .navbar-brand .navbar-link.is-active {
+ background-color: #ffd83d;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.navbar.is-warning .navbar-brand .navbar-link::after {
+ border-color: rgba(0, 0, 0, 0.7);
+}
+
+.navbar.is-warning .navbar-burger {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+@media screen and (min-width: 1024px) {
+ .navbar.is-warning .navbar-start > .navbar-item,
+ .navbar.is-warning .navbar-start .navbar-link,
+ .navbar.is-warning .navbar-end > .navbar-item,
+ .navbar.is-warning .navbar-end .navbar-link {
+ color: rgba(0, 0, 0, 0.7);
+ }
+ .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
+ .navbar.is-warning .navbar-start .navbar-link:focus,
+ .navbar.is-warning .navbar-start .navbar-link:hover,
+ .navbar.is-warning .navbar-start .navbar-link.is-active,
+ .navbar.is-warning .navbar-end > a.navbar-item:focus,
+ .navbar.is-warning .navbar-end > a.navbar-item:hover,
+ .navbar.is-warning .navbar-end > a.navbar-item.is-active,
+ .navbar.is-warning .navbar-end .navbar-link:focus,
+ .navbar.is-warning .navbar-end .navbar-link:hover,
+ .navbar.is-warning .navbar-end .navbar-link.is-active {
+ background-color: #ffd83d;
+ color: rgba(0, 0, 0, 0.7);
+ }
+ .navbar.is-warning .navbar-start .navbar-link::after,
+ .navbar.is-warning .navbar-end .navbar-link::after {
+ border-color: rgba(0, 0, 0, 0.7);
+ }
+ .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
+ .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
+ .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
+ background-color: #ffd83d;
+ color: rgba(0, 0, 0, 0.7);
+ }
+ .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
+ background-color: #ffdd57;
+ color: rgba(0, 0, 0, 0.7);
+ }
+}
+
+.navbar.is-danger {
+ background-color: #ff3860;
+ color: #fff;
+}
+
+.navbar.is-danger .navbar-brand > .navbar-item,
+.navbar.is-danger .navbar-brand .navbar-link {
+ color: #fff;
+}
+
+.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
+.navbar.is-danger .navbar-brand .navbar-link:focus,
+.navbar.is-danger .navbar-brand .navbar-link:hover,
+.navbar.is-danger .navbar-brand .navbar-link.is-active {
+ background-color: #ff1f4b;
+ color: #fff;
+}
+
+.navbar.is-danger .navbar-brand .navbar-link::after {
+ border-color: #fff;
+}
+
+.navbar.is-danger .navbar-burger {
+ color: #fff;
+}
+
+@media screen and (min-width: 1024px) {
+ .navbar.is-danger .navbar-start > .navbar-item,
+ .navbar.is-danger .navbar-start .navbar-link,
+ .navbar.is-danger .navbar-end > .navbar-item,
+ .navbar.is-danger .navbar-end .navbar-link {
+ color: #fff;
+ }
+ .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
+ .navbar.is-danger .navbar-start .navbar-link:focus,
+ .navbar.is-danger .navbar-start .navbar-link:hover,
+ .navbar.is-danger .navbar-start .navbar-link.is-active,
+ .navbar.is-danger .navbar-end > a.navbar-item:focus,
+ .navbar.is-danger .navbar-end > a.navbar-item:hover,
+ .navbar.is-danger .navbar-end > a.navbar-item.is-active,
+ .navbar.is-danger .navbar-end .navbar-link:focus,
+ .navbar.is-danger .navbar-end .navbar-link:hover,
+ .navbar.is-danger .navbar-end .navbar-link.is-active {
+ background-color: #ff1f4b;
+ color: #fff;
+ }
+ .navbar.is-danger .navbar-start .navbar-link::after,
+ .navbar.is-danger .navbar-end .navbar-link::after {
+ border-color: #fff;
+ }
+ .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
+ .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
+ .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
+ background-color: #ff1f4b;
+ color: #fff;
+ }
+ .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
+ background-color: #ff3860;
+ color: #fff;
... 9305 lines suppressed ...