From 3f34483fd560d88a9f8910c8c269788ce9af2997 Mon Sep 17 00:00:00 2001
From: Ale <atasistro@mps.org.uy>
Date: Fri, 14 Oct 2022 17:36:49 -0300
Subject: [PATCH 1/8] Agregado middleware autorizacion admin
---
app/Http/Kernel.php | 1 +
app/Http/Middleware/Admin.php | 26 +++++++++++++++++++++++
public/js/app.js | 39 +++++++++++++++++++++++++++++++----
routes/web.php | 11 +++++-----
4 files changed, 67 insertions(+), 10 deletions(-)
create mode 100644 app/Http/Middleware/Admin.php
diff --git a/app/Http/Kernel.php b/app/Http/Kernel.php
index 0ea5972..62c91ee 100644
--- a/app/Http/Kernel.php
+++ b/app/Http/Kernel.php
@@ -56,6 +56,7 @@ class Kernel extends HttpKernel
*/
protected $routeMiddleware = [
'auth' => \App\Http\Middleware\Authenticate::class,
+ 'admin' => \App\Http\Middleware\Admin::class,
'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class,
'cache.headers' => \Illuminate\Http\Middleware\SetCacheHeaders::class,
diff --git a/app/Http/Middleware/Admin.php b/app/Http/Middleware/Admin.php
new file mode 100644
index 0000000..6eed291
--- /dev/null
+++ b/app/Http/Middleware/Admin.php
@@ -0,0 +1,26 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Auth;
+
+class Admin
+{
+ /**
+ * Handle an incoming request.
+ *
+ * @param \Illuminate\Http\Request $request
+ * @param \Closure $next
+ * @return mixed
+ */
+ public function handle($request, Closure $next)
+ {
+ $user = Auth::user();
+ if ($user->is_admin) {
+ return $next($request);
+ } else {
+ return response('Necesitás ser admin para hacer esto', 403);
+ }
+ }
+}
diff --git a/public/js/app.js b/public/js/app.js
index 4e9569c..49e131a 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -2974,6 +2974,14 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
+//
+//
+//
+//
+//
+//
+//
+//
/* harmony default export */ __webpack_exports__["default"] = ({
name: "SubpedidosGdc",
@@ -5940,6 +5948,21 @@ var render = function () {
},
[
_c("div", { staticClass: "buttons is-right" }, [
+ _c(
+ "a",
+ {
+ staticClass: "button is-success",
+ attrs: { href: "/admin/exportar-pedido-a-csv/" + _vm.gdc },
+ },
+ [
+ _c("span", [
+ _vm._v("\n Exportar pedido barrial\n "),
+ ]),
+ _vm._v(" "),
+ _vm._m(0),
+ ]
+ ),
+ _vm._v(" "),
_c(
"a",
{
@@ -5951,7 +5974,7 @@ var render = function () {
_vm._v("\n Imprimir Planillas\n "),
]),
_vm._v(" "),
- _vm._m(0),
+ _vm._m(1),
]
),
]),
@@ -5970,7 +5993,7 @@ var render = function () {
staticClass: "table is-fullwidth is-striped is-bordered",
},
[
- _vm._m(1),
+ _vm._m(2),
_vm._v(" "),
_c("tfoot", [
_c("tr", [
@@ -6018,6 +6041,14 @@ var render = function () {
)
}
var staticRenderFns = [
+ function () {
+ var _vm = this
+ var _h = _vm.$createElement
+ var _c = _vm._self._c || _h
+ return _c("span", { staticClass: "icon is-small" }, [
+ _c("i", { staticClass: "fas fa-download" }),
+ ])
+ },
function () {
var _vm = this
var _h = _vm.$createElement
@@ -19560,8 +19591,8 @@ __webpack_require__.r(__webpack_exports__);
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
-__webpack_require__(/*! /home/ale/MPS/App/pedi2/resources/js/app.js */"./resources/js/app.js");
-module.exports = __webpack_require__(/*! /home/ale/MPS/App/pedi2/resources/sass/app.scss */"./resources/sass/app.scss");
+__webpack_require__(/*! /var/www/resources/js/app.js */"./resources/js/app.js");
+module.exports = __webpack_require__(/*! /var/www/resources/sass/app.scss */"./resources/sass/app.scss");
/***/ })
diff --git a/routes/web.php b/routes/web.php
index ec3dc89..a3bc085 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -25,8 +25,6 @@ Route::get('/productos', 'ProductoController@index')->name('productos.index');
Route::get('/admin', 'AdminController@show')->name('admin_login.show');
-Route::get('/admin/pedidos', 'AdminController@index')->name('admin_login.index');
-
Route::get('/admin/obtener_sesion', function() {
$sesion = [
'gdc' => session("admin_gdc")
@@ -34,11 +32,12 @@ Route::get('/admin/obtener_sesion', function() {
return $sesion;
})->name('admin_obtener_sesion');
-Route::get('/admin/exportar-planillas-a-pdf/{gdc}', 'AdminController@exportarPlanillasAPdf');
-Route::get('/admin/exportar-pedido-a-csv/{gdc}', 'AdminController@exportarPedidoACSV');
-
Route::middleware(['auth', 'admin'])->group( function () {
- //Route::get('/admin/exportar-planillas-a-pdf/{gdc}', 'AdminController@exportarPlanillasAPdf');
+ Route::get('/admin/pedidos', 'AdminController@index')->name('admin_login.index');
+
+ Route::get('/admin/exportar-planillas-a-pdf/{gdc}', 'AdminController@exportarPlanillasAPdf');
+
+ Route::get('/admin/exportar-pedido-a-csv/{gdc}', 'AdminController@exportarPedidoACSV');
});
Route::middleware('auth')->group( function() {
From 5c134989d28dfe15e71a2d478d434fd4242ba891 Mon Sep 17 00:00:00 2001
From: Ale <atasistro@mps.org.uy>
Date: Fri, 14 Oct 2022 19:14:24 -0300
Subject: [PATCH 2/8] El csv del pedido incluye los bonos de transporte
---
app/GrupoDeCompra.php | 30 ++++++++++++++++++-
app/Http/Controllers/Api/PedidoController.php | 2 +-
app/Http/Resources/SubpedidoResource.php | 2 +-
app/Subpedido.php | 6 ++--
4 files changed, 34 insertions(+), 6 deletions(-)
diff --git a/app/GrupoDeCompra.php b/app/GrupoDeCompra.php
index 0e22a5d..9147fbb 100644
--- a/app/GrupoDeCompra.php
+++ b/app/GrupoDeCompra.php
@@ -8,6 +8,7 @@ use League\Csv\CannotInsertRecord;
use League\Csv\Writer;
use App\Producto;
use DB;
+use League\Csv\Reader;
class GrupoDeCompra extends Model
{
@@ -47,12 +48,37 @@ class GrupoDeCompra extends Model
$template[$fila] = [$productosIDNombre[$id], "0"];
$num_fila = $fila+1;
}
+ $template[$this->obtenerFilaDeBonoTransporte()] = ["Bonos de transporte", 0];
return $template;
}
+ private function obtenerFilaDeBonoTransporte() {
+ $csv = Reader::createFromPath(resource_path('csv/productos.csv'), 'r');
+ $csv->setDelimiter("|");
+ $csv->setEnclosure("'");
+ $registros = $csv->getRecords();
+
+ foreach($registros as $key => $registro)
+ if ($registro[0] == 'T') return $key+1;
+
+ throw new Exception('No hay bono de transporte');
+ }
+
+ private function totalPedidoSinBDT() {
+ $total = 0;
+ foreach ($this->subpedidos as $subpedido) {
+ $total += $subpedido->totalSinBDT();
+ }
+ return $total;
+ }
+
+ private function calcularCantidadBDT() {
+ return ceil($this->totalPedidoSinBDT() / 500);
+ }
+
public function exportarPedidoEnCSV(){
$productos_en_pedido = DB::table('pedidos_aprobados')->where('grupo_de_compra_id',$this->id)->get()->keyBy('producto_id');
-
+
//si no hay pedidos aprobados, salir
if ($productos_en_pedido->count() == 0) { \Log::debug("El grupo de compra ". $this->nombre . " no tiene pedidos aprobados."); return; }
$records = $this->obtenerTemplateDeFilasVacias();
@@ -62,6 +88,8 @@ class GrupoDeCompra extends Model
$records[$fila][1] = $producto_pedido->cantidad_pedida;
}
+ $records[$this->obtenerFilaDeBonoTransporte()][1] = $this->calcularCantidadBDT();
+
try {
$writer = Writer::createFromPath(resource_path('csv/exports/'.$this->nombre.'.csv'), 'w');
$writer->insertAll($records);
diff --git a/app/Http/Controllers/Api/PedidoController.php b/app/Http/Controllers/Api/PedidoController.php
index d527065..6a83d46 100644
--- a/app/Http/Controllers/Api/PedidoController.php
+++ b/app/Http/Controllers/Api/PedidoController.php
@@ -6,7 +6,7 @@ use Illuminate\Support\Facades\DB;
class PedidoController extends Controller
{
- public function generarTablas()
+ public static function generarTablas()
{
//GENERAR TABLA DE PEDIDOS APROBADOS
DB::unprepared("DROP VIEW if exists pedidos_aprobados;
diff --git a/app/Http/Resources/SubpedidoResource.php b/app/Http/Resources/SubpedidoResource.php
index a7fa88b..6567ee0 100644
--- a/app/Http/Resources/SubpedidoResource.php
+++ b/app/Http/Resources/SubpedidoResource.php
@@ -17,7 +17,7 @@ class SubpedidoResource extends JsonResource
return [
'id' => $this->id,
'nombre' => $this->nombre,
- 'subtotal_productos' => number_format($this->getSubtotalProductos(),0),
+ 'subtotal_productos' => number_format($this->totalSinBDT(),0),
'subtotal_bonos' => number_format($this->getSubtotalBonos(),0),
'bonos_de_transporte' => $this->cantidadBDT(),
'subtotal_bonos_de_transporte' => number_format($this->getSubtotalBDT(),0),
diff --git a/app/Subpedido.php b/app/Subpedido.php
index 68e5a4f..ea9d779 100644
--- a/app/Subpedido.php
+++ b/app/Subpedido.php
@@ -41,7 +41,7 @@ class Subpedido extends Model
}
//Subtotal de dinero de productos del pedido, sin bonos ni transporte
- public function getSubtotalProductos()
+ public function totalSinBDT()
{
return $this->productosSinBonos()->sum('total');
}
@@ -49,7 +49,7 @@ class Subpedido extends Model
//Cantidad de bonos de transporte
public function cantidadBDT()
{
- return ceil($this->getSubtotalProductos() / 500);
+ return ceil($this->totalSinBDT() / 500);
}
//Subtotal de dinero de bonos de transporte
@@ -66,7 +66,7 @@ class Subpedido extends Model
public function getTotal()
{
- return $this->getSubtotalProductos() + $this->getSubtotalBDT() + $this->getSubtotalBonos();
+ return $this->totalSinBDT() + $this->getSubtotalBDT() + $this->getSubtotalBonos();
}
//Actualiza el pedido, agregando o quitando del subpedido según sea necesario. Debe ser llamado desde el controlador de subpedidos, luego de validar que los parámetros $producto y $cantidad son correctos. También calcula el subtotal por producto.
From 155a86975c4f2b8317dd9a65213c018e7d621ddc Mon Sep 17 00:00:00 2001
From: Ale <atasistro@mps.org.uy>
Date: Fri, 21 Oct 2022 19:17:52 -0300
Subject: [PATCH 3/8] Cambio de boton a switch y estilos
---
package-lock.json | 13 ++++++++-
package.json | 1 +
resources/js/components/SubpedidoRow.vue | 1 -
.../js/components/SubpedidoRowBotonAdmin.vue | 12 ++++----
resources/js/components/SubpedidoSelect.vue | 2 +-
resources/js/components/SubpedidosGdc.vue | 6 ++--
resources/sass/app.scss | 29 ++++++++++++++++++-
resources/views/layouts/app.blade.php | 1 -
8 files changed, 50 insertions(+), 15 deletions(-)
diff --git a/package-lock.json b/package-lock.json
index ab49423..e962b0e 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
{
- "name": "pedi2",
+ "name": "www",
"lockfileVersion": 2,
"requires": true,
"packages": {
@@ -7,6 +7,7 @@
"dependencies": {
"animate.css": "^4.1.1",
"bulma": "^0.9.4",
+ "bulma-switch": "^2.0.4",
"bulma-toast": "^2.4.1"
},
"devDependencies": {
@@ -3006,6 +3007,11 @@
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.4.tgz",
"integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ=="
},
+ "node_modules/bulma-switch": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/bulma-switch/-/bulma-switch-2.0.4.tgz",
+ "integrity": "sha512-kMu4H0Pr0VjvfsnT6viRDCgptUq0Rvy7y7PX6q+IHg1xUynsjszPjhAdal5ysAlCG5HNO+5YXxeiu92qYGQolw=="
+ },
"node_modules/bulma-toast": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/bulma-toast/-/bulma-toast-2.4.1.tgz",
@@ -15942,6 +15948,11 @@
"resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.4.tgz",
"integrity": "sha512-86FlT5+1GrsgKbPLRRY7cGDg8fsJiP/jzTqXXVqiUZZ2aZT8uemEOHlU1CDU+TxklPEZ11HZNNWclRBBecP4CQ=="
},
+ "bulma-switch": {
+ "version": "2.0.4",
+ "resolved": "https://registry.npmjs.org/bulma-switch/-/bulma-switch-2.0.4.tgz",
+ "integrity": "sha512-kMu4H0Pr0VjvfsnT6viRDCgptUq0Rvy7y7PX6q+IHg1xUynsjszPjhAdal5ysAlCG5HNO+5YXxeiu92qYGQolw=="
+ },
"bulma-toast": {
"version": "2.4.1",
"resolved": "https://registry.npmjs.org/bulma-toast/-/bulma-toast-2.4.1.tgz",
diff --git a/package.json b/package.json
index 546179d..ca11d30 100644
--- a/package.json
+++ b/package.json
@@ -26,6 +26,7 @@
"dependencies": {
"animate.css": "^4.1.1",
"bulma": "^0.9.4",
+ "bulma-switch": "^2.0.4",
"bulma-toast": "^2.4.1"
}
}
diff --git a/resources/js/components/SubpedidoRow.vue b/resources/js/components/SubpedidoRow.vue
index e5a14c6..8bfe718 100644
--- a/resources/js/components/SubpedidoRow.vue
+++ b/resources/js/components/SubpedidoRow.vue
@@ -21,7 +21,6 @@ export default {
},
mounted() {
Event.$on('sync-aprobacion', (unSubpedido) => {
- console.log(unSubpedido);
if (this.pedido.id === unSubpedido.id) {
this.pedido = unSubpedido
}
diff --git a/resources/js/components/SubpedidoRowBotonAdmin.vue b/resources/js/components/SubpedidoRowBotonAdmin.vue
index 0b4c310..10f7483 100644
--- a/resources/js/components/SubpedidoRowBotonAdmin.vue
+++ b/resources/js/components/SubpedidoRowBotonAdmin.vue
@@ -1,10 +1,8 @@
<template>
- <button class="button" :class="pedido.aprobado ? 'is-danger' : 'is-success'" @click="toggleAprobacion">
- <span class="icon is-small">
- <i class="fas" :class="pedido.aprobado ? 'fa-times' : 'fa-check'"></i>
- </span>
- <span>{{ mensaje }}</span>
- </button>
+ <div class="field">
+ <input :id="'switch'+this.pedido.id" type="checkbox" name="switchRoundedSuccess" class="switch is-rounded is-success" :checked="pedido.aprobado" @change="toggleAprobacion">
+ <label :for="'switch'+this.pedido.id"><span class="is-hidden-mobile">{{ mensaje }}</span></label>
+ </div>
</template>
<script>
@@ -18,7 +16,7 @@ export default {
},
computed: {
mensaje: function () {
- return this.pedido.aprobado ? "Desaprobar" : "Aprobar"
+ return this.pedido.aprobado ? "Aprobado" : "No aprobado"
}
},
methods: {
diff --git a/resources/js/components/SubpedidoSelect.vue b/resources/js/components/SubpedidoSelect.vue
index 0482a23..31e67db 100644
--- a/resources/js/components/SubpedidoSelect.vue
+++ b/resources/js/components/SubpedidoSelect.vue
@@ -17,7 +17,7 @@
<div v-if="subpedidosExistentes.length" class="block">
<label class="label">Si ya comenzaste a hacer tu pedido este mes, elegilo en esta lista:</label>
<p class="help">Podés seguir escribiendo en el campo de arriba para refinar la búsqueda.</p>
- <div class="columns is-mobile" v-for="(subpedidoExistente, index) in subpedidosExistentes" :class="{'has-background-grey-lighter': index % 2}">
+ <div class="columns is-mobile" v-for="(subpedidoExistente, index) in subpedidosExistentes" :class="{'has-background-grey-lighter': index % 2}" :key="index">
<div class="column is-half-mobile is-two-thirds-desktop is-two-thirds-tablet">
<p style="padding-top: calc(.5em - 1px); margin-bottom: .5rem" v-text="subpedidoExistente.nombre"></p>
</div>
diff --git a/resources/js/components/SubpedidosGdc.vue b/resources/js/components/SubpedidosGdc.vue
index c72268b..d47de9c 100644
--- a/resources/js/components/SubpedidosGdc.vue
+++ b/resources/js/components/SubpedidosGdc.vue
@@ -23,7 +23,7 @@
<tr>
<th>Núcleo</th>
<th><abbr title="Total a Pagar">Total $</abbr></th>
- <th><abbr title="Aprobacion">Aprobación</abbr></th>
+ <th class="is-1"><abbr title="Aprobacion">Aprobación</abbr></th>
</tr>
</thead>
<tfoot>
@@ -52,7 +52,7 @@ export default {
components: {SubpedidoRow},
data() {
return {
- gdc: null,
+ gdc: 0,
subpedidos: []
}
},
@@ -89,6 +89,6 @@ export default {
}
</script>
-<style scoped>
+<style>
</style>
diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 99c6539..53ed8c1 100644
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -4,6 +4,9 @@
// Variables
@import 'variables';
+@import 'bulma';
+@import '~bulma-switch';
+
main.has-top-padding {
padding-top: 4.5rem !important;
}
@@ -33,4 +36,28 @@ main.chisma-abierta {
.container {
max-height: 100% !important;
}
-
\ No newline at end of file
+
+/*
+ Author: Aseem Lalfakawma <alalfakawma.github.io>
+ This SCSS mixin will allow sizing of table columns in Bulma CSS Framework.
+ The Bulma framework does not support this yet, this small code snippet fixes this.
+
+ USAGE:
+ * Should be applied on TH element, it controls all the columns under it *
+ The class should be "is-#",
+ is-1 will give the first widthamount, is-2 will give the second.
+ Eg. The code below shows the widthAmounts as (1, 2.5, 3, 4 , 5, 6, 7)
+ When typing <th class="is-2">, the width will be 2.5em, as the second value in widthAmounts array is 2.5
+*/
+
+$widthAmounts: (15); // Just add the numbers here, you can use points too.
+$widthUnit: "em"; // Add the unit here (rem|em|px|%)
+
+@each $width in $widthAmounts {
+ $i: index($widthAmounts, $width);
+ @media only screen and (min-width: 768px) {
+ .table thead th.is-#{$i} {
+ width: #{$width}#{$widthUnit} !important;
+ }
+ }
+}
\ No newline at end of file
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 48e28bf..012770d 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -12,7 +12,6 @@
<!-- Fonts -->
<script src="https://kit.fontawesome.com/9235d1c676.js" crossorigin="anonymous"></script>
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css">
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
@yield('stylesheets')
From 69b244d0747a6a25be1a711b20b5a39a29be6404 Mon Sep 17 00:00:00 2001
From: Ale <atasistro@mps.org.uy>
Date: Mon, 24 Oct 2022 22:22:20 -0300
Subject: [PATCH 4/8] =?UTF-8?q?Agregado=20bot=C3=B3n=20para=20mostrar=20la?=
=?UTF-8?q?=20contrase=C3=B1a=20en=20el=20login=20del=20barrio?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
public/css/app.css | 14156 +++++++++++++++++++++++++++-
public/js/app.js | 164 +-
resources/js/components/Login.vue | 24 +-
3 files changed, 14274 insertions(+), 70 deletions(-)
diff --git a/public/css/app.css b/public/css/app.css
index de6b9c3..b00c008 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -1,4 +1,14139 @@
-@import url(https://fonts.googleapis.com/css?family=Nunito);main.has-top-padding {
+@import url(https://fonts.googleapis.com/css?family=Nunito);@charset "UTF-8";
+
+/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
+
+/* Bulma Utilities */
+
+.pagination-previous,
+.pagination-next,
+.pagination-link,
+.pagination-ellipsis,
+.file-cta,
+.file-name,
+.select select,
+.textarea,
+.input,
+.button {
+ -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.5em;
+ justify-content: flex-start;
+ line-height: 1.5;
+ padding-bottom: calc(0.5em - 1px);
+ padding-left: calc(0.75em - 1px);
+ padding-right: calc(0.75em - 1px);
+ padding-top: calc(0.5em - 1px);
+ position: relative;
+ vertical-align: top;
+}
+
+.pagination-previous:focus,
+.pagination-next:focus,
+.pagination-link:focus,
+.pagination-ellipsis:focus,
+.file-cta:focus,
+.file-name:focus,
+.select select:focus,
+.textarea:focus,
+.input:focus,
+.button:focus,
+.is-focused.pagination-previous,
+.is-focused.pagination-next,
+.is-focused.pagination-link,
+.is-focused.pagination-ellipsis,
+.is-focused.file-cta,
+.is-focused.file-name,
+.select select.is-focused,
+.is-focused.textarea,
+.is-focused.input,
+.is-focused.button,
+.pagination-previous:active,
+.pagination-next:active,
+.pagination-link:active,
+.pagination-ellipsis:active,
+.file-cta:active,
+.file-name:active,
+.select select:active,
+.textarea:active,
+.input:active,
+.button:active,
+.is-active.pagination-previous,
+.is-active.pagination-next,
+.is-active.pagination-link,
+.is-active.pagination-ellipsis,
+.is-active.file-cta,
+.is-active.file-name,
+.select select.is-active,
+.is-active.textarea,
+.is-active.input,
+.is-active.button {
+ outline: none;
+}
+
+[disabled].pagination-previous,
+[disabled].pagination-next,
+[disabled].pagination-link,
+[disabled].pagination-ellipsis,
+[disabled].file-cta,
+[disabled].file-name,
+.select select[disabled],
+[disabled].textarea,
+[disabled].input,
+[disabled].button,
+fieldset[disabled] .pagination-previous,
+fieldset[disabled] .pagination-next,
+fieldset[disabled] .pagination-link,
+fieldset[disabled] .pagination-ellipsis,
+fieldset[disabled] .file-cta,
+fieldset[disabled] .file-name,
+fieldset[disabled] .select select,
+.select fieldset[disabled] select,
+fieldset[disabled] .textarea,
+fieldset[disabled] .input,
+fieldset[disabled] .button {
+ cursor: not-allowed;
+}
+
+.is-unselectable,
+.tabs,
+.pagination-previous,
+.pagination-next,
+.pagination-link,
+.pagination-ellipsis,
+.breadcrumb,
+.file,
+.button {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.navbar-link:not(.is-arrowless)::after,
+.select:not(.is-multiple):not(.is-loading)::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%;
+ transform: rotate(-45deg);
+ transform-origin: center;
+ width: 0.625em;
+}
+
+.tabs:not(:last-child),
+.pagination:not(:last-child),
+.message:not(:last-child),
+.level:not(:last-child),
+.breadcrumb:not(:last-child),
+.block:not(:last-child),
+.title:not(:last-child),
+.subtitle:not(:last-child),
+.table-container:not(:last-child),
+.table:not(:last-child),
+.progress:not(:last-child),
+.notification:not(:last-child),
+.content:not(:last-child),
+.box:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.modal-close,
+.delete {
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ background-color: rgba(10, 10, 10, 0.2);
+ border: none;
+ border-radius: 9999px;
+ 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;
+}
+
+.modal-close::before,
+.delete::before,
+.modal-close::after,
+.delete::after {
+ background-color: hsl(0deg, 0%, 100%);
+ content: "";
+ display: block;
+ left: 50%;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ transform-origin: center center;
+}
+
+.modal-close::before,
+.delete::before {
+ height: 2px;
+ width: 50%;
+}
+
+.modal-close::after,
+.delete::after {
+ height: 50%;
+ width: 2px;
+}
+
+.modal-close:hover,
+.delete:hover,
+.modal-close:focus,
+.delete:focus {
+ background-color: rgba(10, 10, 10, 0.3);
+}
+
+.modal-close:active,
+.delete:active {
+ background-color: rgba(10, 10, 10, 0.4);
+}
+
+.is-small.modal-close,
+.is-small.delete {
+ height: 16px;
+ max-height: 16px;
+ max-width: 16px;
+ min-height: 16px;
+ min-width: 16px;
+ width: 16px;
+}
+
+.is-medium.modal-close,
+.is-medium.delete {
+ height: 24px;
+ max-height: 24px;
+ max-width: 24px;
+ min-height: 24px;
+ min-width: 24px;
+ width: 24px;
+}
+
+.is-large.modal-close,
+.is-large.delete {
+ height: 32px;
+ max-height: 32px;
+ max-width: 32px;
+ min-height: 32px;
+ min-width: 32px;
+ width: 32px;
+}
+
+.control.is-loading::after,
+.select.is-loading::after,
+.loader,
+.button.is-loading::after {
+ -webkit-animation: spinAround 500ms infinite linear;
+ animation: spinAround 500ms infinite linear;
+ border: 2px solid hsl(0deg, 0%, 86%);
+ border-radius: 9999px;
+ border-right-color: transparent;
+ border-top-color: transparent;
+ content: "";
+ display: block;
+ height: 1em;
+ position: relative;
+ width: 1em;
+}
+
+.hero-video,
+.is-overlay,
+.modal-background,
+.modal,
+.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 {
+ bottom: 0;
+ left: 0;
+ position: absolute;
+ right: 0;
+ top: 0;
+}
+
+.navbar-burger {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ background: none;
+ border: none;
+ color: currentColor;
+ font-family: inherit;
+ font-size: 1em;
+ margin: 0;
+ padding: 0;
+}
+
+/* Bulma Base */
+
+/*! minireset.css v0.0.6 | 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,
+video {
+ height: auto;
+ 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: inherit;
+}
+
+html {
+ background-color: hsl(0deg, 0%, 100%);
+ 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%;
+ text-size-adjust: 100%;
+}
+
+article,
+aside,
+figure,
+footer,
+header,
+hgroup,
+section {
+ display: block;
+}
+
+body,
+button,
+input,
+optgroup,
+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: hsl(0deg, 0%, 29%);
+ font-size: 1em;
+ font-weight: 400;
+ line-height: 1.5;
+}
+
+a {
+ color: #3490dc;
+ cursor: pointer;
+ text-decoration: none;
+}
+
+a strong {
+ color: currentColor;
+}
+
+a:hover {
+ color: hsl(0deg, 0%, 21%);
+}
+
+code {
+ background-color: hsl(0deg, 0%, 96%);
+ color: #ae1c17;
+ font-size: 0.875em;
+ font-weight: normal;
+ padding: 0.25em 0.5em 0.25em;
+}
+
+hr {
+ background-color: hsl(0deg, 0%, 96%);
+ 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: hsl(0deg, 0%, 21%);
+ font-weight: 700;
+}
+
+fieldset {
+ border: none;
+}
+
+pre {
+ -webkit-overflow-scrolling: touch;
+ background-color: hsl(0deg, 0%, 96%);
+ color: hsl(0deg, 0%, 29%);
+ 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: inherit;
+}
+
+table th {
+ color: hsl(0deg, 0%, 21%);
+}
+
+@-webkit-keyframes spinAround {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(359deg);
+ }
+}
+
+@keyframes spinAround {
+ from {
+ transform: rotate(0deg);
+ }
+
+ to {
+ transform: rotate(359deg);
+ }
+}
+
+/* Bulma Elements */
+
+.box {
+ background-color: hsl(0deg, 0%, 100%);
+ border-radius: 6px;
+ box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
+ color: hsl(0deg, 0%, 29%);
+ display: block;
+ padding: 1.25rem;
+}
+
+a.box:hover,
+a.box:focus {
+ box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px #3490dc;
+}
+
+a.box:active {
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3490dc;
+}
+
+.button {
+ background-color: hsl(0deg, 0%, 100%);
+ border-color: hsl(0deg, 0%, 86%);
+ border-width: 1px;
+ color: hsl(0deg, 0%, 21%);
+ cursor: pointer;
+ justify-content: center;
+ padding-bottom: calc(0.5em - 1px);
+ padding-left: 1em;
+ padding-right: 1em;
+ padding-top: calc(0.5em - 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.5em - 1px);
+ margin-right: 0.25em;
+}
+
+.button .icon:last-child:not(:first-child) {
+ margin-left: 0.25em;
+ margin-right: calc(-0.5em - 1px);
+}
+
+.button .icon:first-child:last-child {
+ margin-left: calc(-0.5em - 1px);
+ margin-right: calc(-0.5em - 1px);
+}
+
+.button:hover,
+.button.is-hovered {
+ border-color: hsl(0deg, 0%, 71%);
+ color: hsl(0deg, 0%, 21%);
+}
+
+.button:focus,
+.button.is-focused {
+ border-color: #3490dc;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.button:focus:not(:active),
+.button.is-focused:not(:active) {
+ box-shadow: 0 0 0 0.125em rgba(52, 144, 220, 0.25);
+}
+
+.button:active,
+.button.is-active {
+ border-color: hsl(0deg, 0%, 29%);
+ color: hsl(0deg, 0%, 21%);
+}
+
+.button.is-text {
+ background-color: transparent;
+ border-color: transparent;
+ color: hsl(0deg, 0%, 29%);
+ text-decoration: underline;
+}
+
+.button.is-text:hover,
+.button.is-text.is-hovered,
+.button.is-text:focus,
+.button.is-text.is-focused {
+ background-color: hsl(0deg, 0%, 96%);
+ color: hsl(0deg, 0%, 21%);
+}
+
+.button.is-text:active,
+.button.is-text.is-active {
+ background-color: #e8e8e8;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.button.is-text[disabled],
+fieldset[disabled] .button.is-text {
+ background-color: transparent;
+ border-color: transparent;
+ box-shadow: none;
+}
+
+.button.is-ghost {
+ background: none;
+ border-color: transparent;
+ color: #3490dc;
+ text-decoration: none;
+}
+
+.button.is-ghost:hover,
+.button.is-ghost.is-hovered {
+ color: #3490dc;
+ text-decoration: underline;
+}
+
+.button.is-white {
+ background-color: hsl(0deg, 0%, 100%);
+ border-color: transparent;
+ color: hsl(0deg, 0%, 4%);
+}
+
+.button.is-white:hover,
+.button.is-white.is-hovered {
+ background-color: #f9f9f9;
+ border-color: transparent;
+ color: hsl(0deg, 0%, 4%);
+}
+
+.button.is-white:focus,
+.button.is-white.is-focused {
+ border-color: transparent;
+ color: hsl(0deg, 0%, 4%);
+}
+
+.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: hsl(0deg, 0%, 4%);
+}
+
+.button.is-white[disabled],
+fieldset[disabled] .button.is-white {
+ background-color: hsl(0deg, 0%, 100%);
+ border-color: hsl(0deg, 0%, 100%);
+ box-shadow: none;
+}
+
+.button.is-white.is-inverted {
+ background-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.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: hsl(0deg, 0%, 4%);
+ border-color: transparent;
+ box-shadow: none;
+ color: hsl(0deg, 0%, 100%);
+}
+
+.button.is-white.is-loading::after {
+ border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
+}
+
+.button.is-white.is-outlined {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.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: hsl(0deg, 0%, 100%);
+ border-color: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.button.is-white.is-outlined.is-loading::after {
+ border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !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 hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
+}
+
+.button.is-white.is-outlined[disabled],
+fieldset[disabled] .button.is-white.is-outlined {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 100%);
+ box-shadow: none;
+ color: hsl(0deg, 0%, 100%);
+}
+
+.button.is-white.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.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: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.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 hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
+}
+
+.button.is-white.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-white.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 4%);
+ box-shadow: none;
+ color: hsl(0deg, 0%, 4%);
+}
+
+.button.is-black {
+ background-color: hsl(0deg, 0%, 4%);
+ border-color: transparent;
+ color: hsl(0deg, 0%, 100%);
+}
+
+.button.is-black:hover,
+.button.is-black.is-hovered {
+ background-color: #040404;
+ border-color: transparent;
+ color: hsl(0deg, 0%, 100%);
+}
+
+.button.is-black:focus,
+.button.is-black.is-focused {
+ border-color: transparent;
+ color: hsl(0deg, 0%, 100%);
+}
+
+.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: hsl(0deg, 0%, 100%);
+}
+
+.button.is-black[disabled],
+fieldset[disabled] .button.is-black {
+ background-color: hsl(0deg, 0%, 4%);
+ border-color: hsl(0deg, 0%, 4%);
+ box-shadow: none;
+}
+
+.button.is-black.is-inverted {
+ background-color: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.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: hsl(0deg, 0%, 100%);
+ border-color: transparent;
+ box-shadow: none;
+ color: hsl(0deg, 0%, 4%);
+}
+
+.button.is-black.is-loading::after {
+ border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
+}
+
+.button.is-black.is-outlined {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.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: hsl(0deg, 0%, 4%);
+ border-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.button.is-black.is-outlined.is-loading::after {
+ border-color: transparent transparent hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !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 hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
+}
+
+.button.is-black.is-outlined[disabled],
+fieldset[disabled] .button.is-black.is-outlined {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 4%);
+ box-shadow: none;
+ color: hsl(0deg, 0%, 4%);
+}
+
+.button.is-black.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.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: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.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 hsl(0deg, 0%, 4%) hsl(0deg, 0%, 4%) !important;
+}
+
+.button.is-black.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-black.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 100%);
+ box-shadow: none;
+ color: hsl(0deg, 0%, 100%);
+}
+
+.button.is-light {
+ background-color: hsl(0deg, 0%, 96%);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-light:hover,
+.button.is-light.is-hovered {
+ background-color: #eeeeee;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-light:focus,
+.button.is-light.is-focused {
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.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: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-light[disabled],
+fieldset[disabled] .button.is-light {
+ background-color: hsl(0deg, 0%, 96%);
+ border-color: hsl(0deg, 0%, 96%);
+ box-shadow: none;
+}
+
+.button.is-light.is-inverted {
+ background-color: rgba(0, 0, 0, 0.7);
+ color: hsl(0deg, 0%, 96%);
+}
+
+.button.is-light.is-inverted:hover,
+.button.is-light.is-inverted.is-hovered {
+ background-color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-light.is-inverted[disabled],
+fieldset[disabled] .button.is-light.is-inverted {
+ background-color: rgba(0, 0, 0, 0.7);
+ border-color: transparent;
+ box-shadow: none;
+ color: hsl(0deg, 0%, 96%);
+}
+
+.button.is-light.is-loading::after {
+ border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
+}
+
+.button.is-light.is-outlined {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 96%);
+ color: hsl(0deg, 0%, 96%);
+}
+
+.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: hsl(0deg, 0%, 96%);
+ border-color: hsl(0deg, 0%, 96%);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-light.is-outlined.is-loading::after {
+ border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !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 rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
+}
+
+.button.is-light.is-outlined[disabled],
+fieldset[disabled] .button.is-light.is-outlined {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 96%);
+ box-shadow: none;
+ color: hsl(0deg, 0%, 96%);
+}
+
+.button.is-light.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: rgba(0, 0, 0, 0.7);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.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: rgba(0, 0, 0, 0.7);
+ color: hsl(0deg, 0%, 96%);
+}
+
+.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 hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !important;
+}
+
+.button.is-light.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-light.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-dark {
+ background-color: hsl(0deg, 0%, 21%);
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-dark:hover,
+.button.is-dark.is-hovered {
+ background-color: #2f2f2f;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-dark:focus,
+.button.is-dark.is-focused {
+ border-color: transparent;
+ color: #fff;
+}
+
+.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: #fff;
+}
+
+.button.is-dark[disabled],
+fieldset[disabled] .button.is-dark {
+ background-color: hsl(0deg, 0%, 21%);
+ border-color: hsl(0deg, 0%, 21%);
+ box-shadow: none;
+}
+
+.button.is-dark.is-inverted {
+ background-color: #fff;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.button.is-dark.is-inverted:hover,
+.button.is-dark.is-inverted.is-hovered {
+ background-color: #f2f2f2;
+}
+
+.button.is-dark.is-inverted[disabled],
+fieldset[disabled] .button.is-dark.is-inverted {
+ background-color: #fff;
+ border-color: transparent;
+ box-shadow: none;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.button.is-dark.is-loading::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-dark.is-outlined {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 21%);
+ color: hsl(0deg, 0%, 21%);
+}
+
+.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: hsl(0deg, 0%, 21%);
+ border-color: hsl(0deg, 0%, 21%);
+ color: #fff;
+}
+
+.button.is-dark.is-outlined.is-loading::after {
+ border-color: transparent transparent hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !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 #fff #fff !important;
+}
+
+.button.is-dark.is-outlined[disabled],
+fieldset[disabled] .button.is-dark.is-outlined {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 21%);
+ box-shadow: none;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.button.is-dark.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ color: #fff;
+}
+
+.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: #fff;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.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 hsl(0deg, 0%, 21%) hsl(0deg, 0%, 21%) !important;
+}
+
+.button.is-dark.is-inverted.is-outlined[disabled],
+fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
+ background-color: transparent;
+ border-color: #fff;
+ box-shadow: none;
+ color: #fff;
+}
+
+.button.is-primary {
+ background-color: hsl(171deg, 100%, 41%);
+ 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: hsl(171deg, 100%, 41%);
+ border-color: hsl(171deg, 100%, 41%);
+ box-shadow: none;
+}
+
+.button.is-primary.is-inverted {
+ background-color: #fff;
+ color: hsl(171deg, 100%, 41%);
+}
+
+.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: hsl(171deg, 100%, 41%);
+}
+
+.button.is-primary.is-loading::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-primary.is-outlined {
+ background-color: transparent;
+ border-color: hsl(171deg, 100%, 41%);
+ color: hsl(171deg, 100%, 41%);
+}
+
+.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: hsl(171deg, 100%, 41%);
+ border-color: hsl(171deg, 100%, 41%);
+ color: #fff;
+}
+
+.button.is-primary.is-outlined.is-loading::after {
+ border-color: transparent transparent hsl(171deg, 100%, 41%) hsl(171deg, 100%, 41%) !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: hsl(171deg, 100%, 41%);
+ box-shadow: none;
+ color: hsl(171deg, 100%, 41%);
+}
+
+.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: hsl(171deg, 100%, 41%);
+}
+
+.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 hsl(171deg, 100%, 41%) hsl(171deg, 100%, 41%) !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-primary.is-light {
+ background-color: #ebfffc;
+ color: #00947e;
+}
+
+.button.is-primary.is-light:hover,
+.button.is-primary.is-light.is-hovered {
+ background-color: #defffa;
+ border-color: transparent;
+ color: #00947e;
+}
+
+.button.is-primary.is-light:active,
+.button.is-primary.is-light.is-active {
+ background-color: #d1fff8;
+ border-color: transparent;
+ color: #00947e;
+}
+
+.button.is-link {
+ background-color: #3490dc;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-link:hover,
+.button.is-link.is-hovered {
+ background-color: #298ada;
+ 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(52, 144, 220, 0.25);
+}
+
+.button.is-link:active,
+.button.is-link.is-active {
+ background-color: #2484d2;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-link[disabled],
+fieldset[disabled] .button.is-link {
+ background-color: #3490dc;
+ border-color: #3490dc;
+ box-shadow: none;
+}
+
+.button.is-link.is-inverted {
+ background-color: #fff;
+ color: #3490dc;
+}
+
+.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: #3490dc;
+}
+
+.button.is-link.is-loading::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-link.is-outlined {
+ background-color: transparent;
+ border-color: #3490dc;
+ color: #3490dc;
+}
+
+.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: #3490dc;
+ border-color: #3490dc;
+ color: #fff;
+}
+
+.button.is-link.is-outlined.is-loading::after {
+ border-color: transparent transparent #3490dc #3490dc !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: #3490dc;
+ box-shadow: none;
+ color: #3490dc;
+}
+
+.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: #3490dc;
+}
+
+.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 #3490dc #3490dc !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-link.is-light {
+ background-color: #eef5fc;
+ color: #1e6dae;
+}
+
+.button.is-link.is-light:hover,
+.button.is-link.is-light.is-hovered {
+ background-color: #e3f0fa;
+ border-color: transparent;
+ color: #1e6dae;
+}
+
+.button.is-link.is-light:active,
+.button.is-link.is-light.is-active {
+ background-color: #d8eaf8;
+ border-color: transparent;
+ color: #1e6dae;
+}
+
+.button.is-info {
+ background-color: #6cb2eb;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-info:hover,
+.button.is-info.is-hovered {
+ background-color: #61ace9;
+ 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(108, 178, 235, 0.25);
+}
+
+.button.is-info:active,
+.button.is-info.is-active {
+ background-color: #56a6e8;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-info[disabled],
+fieldset[disabled] .button.is-info {
+ background-color: #6cb2eb;
+ border-color: #6cb2eb;
+ box-shadow: none;
+}
+
+.button.is-info.is-inverted {
+ background-color: #fff;
+ color: #6cb2eb;
+}
+
+.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: #6cb2eb;
+}
+
+.button.is-info.is-loading::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-info.is-outlined {
+ background-color: transparent;
+ border-color: #6cb2eb;
+ color: #6cb2eb;
+}
+
+.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: #6cb2eb;
+ border-color: #6cb2eb;
+ color: #fff;
+}
+
+.button.is-info.is-outlined.is-loading::after {
+ border-color: transparent transparent #6cb2eb #6cb2eb !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: #6cb2eb;
+ box-shadow: none;
+ color: #6cb2eb;
+}
+
+.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: #6cb2eb;
+}
+
+.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 #6cb2eb #6cb2eb !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-info.is-light {
+ background-color: #edf6fd;
+ color: #145890;
+}
+
+.button.is-info.is-light:hover,
+.button.is-info.is-light.is-hovered {
+ background-color: #e2f0fb;
+ border-color: transparent;
+ color: #145890;
+}
+
+.button.is-info.is-light:active,
+.button.is-info.is-light.is-active {
+ background-color: #d7eafa;
+ border-color: transparent;
+ color: #145890;
+}
+
+.button.is-success {
+ background-color: #38c172;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-success:hover,
+.button.is-success.is-hovered {
+ background-color: #35b76c;
+ 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(56, 193, 114, 0.25);
+}
+
+.button.is-success:active,
+.button.is-success.is-active {
+ background-color: #32ad66;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-success[disabled],
+fieldset[disabled] .button.is-success {
+ background-color: #38c172;
+ border-color: #38c172;
+ box-shadow: none;
+}
+
+.button.is-success.is-inverted {
+ background-color: #fff;
+ color: #38c172;
+}
+
+.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: #38c172;
+}
+
+.button.is-success.is-loading::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-success.is-outlined {
+ background-color: transparent;
+ border-color: #38c172;
+ color: #38c172;
+}
+
+.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: #38c172;
+ border-color: #38c172;
+ color: #fff;
+}
+
+.button.is-success.is-outlined.is-loading::after {
+ border-color: transparent transparent #38c172 #38c172 !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: #38c172;
+ box-shadow: none;
+ color: #38c172;
+}
+
+.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: #38c172;
+}
+
+.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 #38c172 #38c172 !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-success.is-light {
+ background-color: #effaf4;
+ color: #26824d;
+}
+
+.button.is-success.is-light:hover,
+.button.is-success.is-light.is-hovered {
+ background-color: #e5f8ed;
+ border-color: transparent;
+ color: #26824d;
+}
+
+.button.is-success.is-light:active,
+.button.is-success.is-light.is-active {
+ background-color: #dbf5e6;
+ border-color: transparent;
+ color: #26824d;
+}
+
+.button.is-warning {
+ background-color: #ffed4a;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning:hover,
+.button.is-warning.is-hovered {
+ background-color: #ffec3d;
+ 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, 237, 74, 0.25);
+}
+
+.button.is-warning:active,
+.button.is-warning.is-active {
+ background-color: #ffea31;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning[disabled],
+fieldset[disabled] .button.is-warning {
+ background-color: #ffed4a;
+ border-color: #ffed4a;
+ box-shadow: none;
+}
+
+.button.is-warning.is-inverted {
+ background-color: rgba(0, 0, 0, 0.7);
+ color: #ffed4a;
+}
+
+.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: #ffed4a;
+}
+
+.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: #ffed4a;
+ color: #ffed4a;
+}
+
+.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: #ffed4a;
+ border-color: #ffed4a;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.button.is-warning.is-outlined.is-loading::after {
+ border-color: transparent transparent #ffed4a #ffed4a !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: #ffed4a;
+ box-shadow: none;
+ color: #ffed4a;
+}
+
+.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: #ffed4a;
+}
+
+.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 #ffed4a #ffed4a !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-warning.is-light {
+ background-color: #fffdeb;
+ color: #948500;
+}
+
+.button.is-warning.is-light:hover,
+.button.is-warning.is-light.is-hovered {
+ background-color: #fffcde;
+ border-color: transparent;
+ color: #948500;
+}
+
+.button.is-warning.is-light:active,
+.button.is-warning.is-light.is-active {
+ background-color: #fffad1;
+ border-color: transparent;
+ color: #948500;
+}
+
+.button.is-danger {
+ background-color: #e3342f;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-danger:hover,
+.button.is-danger.is-hovered {
+ background-color: #e12924;
+ 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(227, 52, 47, 0.25);
+}
+
+.button.is-danger:active,
+.button.is-danger.is-active {
+ background-color: #db231d;
+ border-color: transparent;
+ color: #fff;
+}
+
+.button.is-danger[disabled],
+fieldset[disabled] .button.is-danger {
+ background-color: #e3342f;
+ border-color: #e3342f;
+ box-shadow: none;
+}
+
+.button.is-danger.is-inverted {
+ background-color: #fff;
+ color: #e3342f;
+}
+
+.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: #e3342f;
+}
+
+.button.is-danger.is-loading::after {
+ border-color: transparent transparent #fff #fff !important;
+}
+
+.button.is-danger.is-outlined {
+ background-color: transparent;
+ border-color: #e3342f;
+ color: #e3342f;
+}
+
+.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: #e3342f;
+ border-color: #e3342f;
+ color: #fff;
+}
+
+.button.is-danger.is-outlined.is-loading::after {
+ border-color: transparent transparent #e3342f #e3342f !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: #e3342f;
+ box-shadow: none;
+ color: #e3342f;
+}
+
+.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: #e3342f;
+}
+
+.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 #e3342f #e3342f !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-danger.is-light {
+ background-color: #fdeded;
+ color: #cf211c;
+}
+
+.button.is-danger.is-light:hover,
+.button.is-danger.is-light.is-hovered {
+ background-color: #fbe2e2;
+ border-color: transparent;
+ color: #cf211c;
+}
+
+.button.is-danger.is-light:active,
+.button.is-danger.is-light.is-active {
+ background-color: #fad8d7;
+ border-color: transparent;
+ color: #cf211c;
+}
+
+.button.is-small {
+ font-size: 0.75rem;
+}
+
+.button.is-small:not(.is-rounded) {
+ border-radius: 2px;
+}
+
+.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: hsl(0deg, 0%, 100%);
+ border-color: hsl(0deg, 0%, 86%);
+ 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 * 0.5));
+ top: calc(50% - (1em * 0.5));
+ position: absolute !important;
+}
+
+.button.is-static {
+ background-color: hsl(0deg, 0%, 96%);
+ border-color: hsl(0deg, 0%, 86%);
+ color: hsl(0deg, 0%, 48%);
+ box-shadow: none;
+ pointer-events: none;
+}
+
+.button.is-rounded {
+ border-radius: 9999px;
+ padding-left: calc(1em + 0.25em);
+ padding-right: calc(1em + 0.25em);
+}
+
+.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) {
+ font-size: 0.75rem;
+}
+
+.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
+ border-radius: 2px;
+}
+
+.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;
+}
+
+@media screen and (max-width: 768px) {
+ .button.is-responsive.is-small {
+ font-size: 0.5625rem;
+ }
+
+ .button.is-responsive,
+ .button.is-responsive.is-normal {
+ font-size: 0.65625rem;
+ }
+
+ .button.is-responsive.is-medium {
+ font-size: 0.75rem;
+ }
+
+ .button.is-responsive.is-large {
+ font-size: 1rem;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .button.is-responsive.is-small {
+ font-size: 0.65625rem;
+ }
+
+ .button.is-responsive,
+ .button.is-responsive.is-normal {
+ font-size: 0.75rem;
+ }
+
+ .button.is-responsive.is-medium {
+ font-size: 1rem;
+ }
+
+ .button.is-responsive.is-large {
+ font-size: 1.25rem;
+ }
+}
+
+.container {
+ flex-grow: 1;
+ margin: 0 auto;
+ position: relative;
+ width: auto;
+}
+
+.container.is-fluid {
+ max-width: none !important;
+ padding-left: 32px;
+ padding-right: 32px;
+ width: 100%;
+}
+
+@media screen and (min-width: 1024px) {
+ .container {
+ max-width: 960px;
+ }
+}
+
+@media screen and (max-width: 1215px) {
+ .container.is-widescreen:not(.is-max-desktop) {
+ max-width: 1152px;
+ }
+}
+
+@media screen and (max-width: 1407px) {
+ .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
+ max-width: 1344px;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .container:not(.is-max-desktop) {
+ max-width: 1152px;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .container:not(.is-max-desktop):not(.is-max-widescreen) {
+ 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: hsl(0deg, 0%, 21%);
+ 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: hsl(0deg, 0%, 96%);
+ border-left: 5px solid hsl(0deg, 0%, 86%);
+ 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 hsl(0deg, 0%, 86%);
+ border-width: 0 0 1px;
+ padding: 0.5em 0.75em;
+ vertical-align: top;
+}
+
+.content table th {
+ color: hsl(0deg, 0%, 21%);
+}
+
+.content table th:not([align]) {
+ text-align: inherit;
+}
+
+.content table thead td,
+.content table thead th {
+ border-width: 0 0 2px;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.content table tfoot td,
+.content table tfoot th {
+ border-width: 2px 0 0;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.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-normal {
+ font-size: 1rem;
+}
+
+.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;
+}
+
+.icon-text {
+ align-items: flex-start;
+ color: inherit;
+ display: inline-flex;
+ flex-wrap: wrap;
+ line-height: 1.5rem;
+ vertical-align: top;
+}
+
+.icon-text .icon {
+ flex-grow: 0;
+ flex-shrink: 0;
+}
+
+.icon-text .icon:not(:last-child) {
+ margin-right: 0.25em;
+}
+
+.icon-text .icon:not(:first-child) {
+ margin-left: 0.25em;
+}
+
+div.icon-text {
+ display: flex;
+}
+
+.image {
+ display: block;
+ position: relative;
+}
+
+.image img {
+ display: block;
+ height: auto;
+ width: 100%;
+}
+
+.image img.is-rounded {
+ border-radius: 9999px;
+}
+
+.image.is-fullwidth {
+ width: 100%;
+}
+
+.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: hsl(0deg, 0%, 96%);
+ border-radius: 4px;
+ position: relative;
+ padding: 1.25rem 2.5rem 1.25rem 1.5rem;
+}
+
+.notification a:not(.button):not(.dropdown-item) {
+ color: currentColor;
+ text-decoration: underline;
+}
+
+.notification strong {
+ color: currentColor;
+}
+
+.notification code,
+.notification pre {
+ background: hsl(0deg, 0%, 100%);
+}
+
+.notification pre code {
+ background: transparent;
+}
+
+.notification > .delete {
+ right: 0.5rem;
+ position: absolute;
+ top: 0.5rem;
+}
+
+.notification .title,
+.notification .subtitle,
+.notification .content {
+ color: currentColor;
+}
+
+.notification.is-white {
+ background-color: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.notification.is-black {
+ background-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.notification.is-light {
+ background-color: hsl(0deg, 0%, 96%);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.notification.is-dark {
+ background-color: hsl(0deg, 0%, 21%);
+ color: #fff;
+}
+
+.notification.is-primary {
+ background-color: hsl(171deg, 100%, 41%);
+ color: #fff;
+}
+
+.notification.is-primary.is-light {
+ background-color: #ebfffc;
+ color: #00947e;
+}
+
+.notification.is-link {
+ background-color: #3490dc;
+ color: #fff;
+}
+
+.notification.is-link.is-light {
+ background-color: #eef5fc;
+ color: #1e6dae;
+}
+
+.notification.is-info {
+ background-color: #6cb2eb;
+ color: #fff;
+}
+
+.notification.is-info.is-light {
+ background-color: #edf6fd;
+ color: #145890;
+}
+
+.notification.is-success {
+ background-color: #38c172;
+ color: #fff;
+}
+
+.notification.is-success.is-light {
+ background-color: #effaf4;
+ color: #26824d;
+}
+
+.notification.is-warning {
+ background-color: #ffed4a;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.notification.is-warning.is-light {
+ background-color: #fffdeb;
+ color: #948500;
+}
+
+.notification.is-danger {
+ background-color: #e3342f;
+ color: #fff;
+}
+
+.notification.is-danger.is-light {
+ background-color: #fdeded;
+ color: #cf211c;
+}
+
+.progress {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ border: none;
+ border-radius: 9999px;
+ display: block;
+ height: 1rem;
+ overflow: hidden;
+ padding: 0;
+ width: 100%;
+}
+
+.progress::-webkit-progress-bar {
+ background-color: hsl(0deg, 0%, 93%);
+}
+
+.progress::-webkit-progress-value {
+ background-color: hsl(0deg, 0%, 29%);
+}
+
+.progress::-moz-progress-bar {
+ background-color: hsl(0deg, 0%, 29%);
+}
+
+.progress::-ms-fill {
+ background-color: hsl(0deg, 0%, 29%);
+ border: none;
+}
+
+.progress.is-white::-webkit-progress-value {
+ background-color: hsl(0deg, 0%, 100%);
+}
+
+.progress.is-white::-moz-progress-bar {
+ background-color: hsl(0deg, 0%, 100%);
+}
+
+.progress.is-white::-ms-fill {
+ background-color: hsl(0deg, 0%, 100%);
+}
+
+.progress.is-white:indeterminate {
+ background-image: linear-gradient(to right, hsl(0deg, 0%, 100%) 30%, hsl(0deg, 0%, 93%) 30%);
+}
+
+.progress.is-black::-webkit-progress-value {
+ background-color: hsl(0deg, 0%, 4%);
+}
+
+.progress.is-black::-moz-progress-bar {
+ background-color: hsl(0deg, 0%, 4%);
+}
+
+.progress.is-black::-ms-fill {
+ background-color: hsl(0deg, 0%, 4%);
+}
+
+.progress.is-black:indeterminate {
+ background-image: linear-gradient(to right, hsl(0deg, 0%, 4%) 30%, hsl(0deg, 0%, 93%) 30%);
+}
+
+.progress.is-light::-webkit-progress-value {
+ background-color: hsl(0deg, 0%, 96%);
+}
+
+.progress.is-light::-moz-progress-bar {
+ background-color: hsl(0deg, 0%, 96%);
+}
+
+.progress.is-light::-ms-fill {
+ background-color: hsl(0deg, 0%, 96%);
+}
+
+.progress.is-light:indeterminate {
+ background-image: linear-gradient(to right, hsl(0deg, 0%, 96%) 30%, hsl(0deg, 0%, 93%) 30%);
+}
+
+.progress.is-dark::-webkit-progress-value {
+ background-color: hsl(0deg, 0%, 21%);
+}
+
+.progress.is-dark::-moz-progress-bar {
+ background-color: hsl(0deg, 0%, 21%);
+}
+
+.progress.is-dark::-ms-fill {
+ background-color: hsl(0deg, 0%, 21%);
+}
+
+.progress.is-dark:indeterminate {
+ background-image: linear-gradient(to right, hsl(0deg, 0%, 21%) 30%, hsl(0deg, 0%, 93%) 30%);
+}
+
+.progress.is-primary::-webkit-progress-value {
+ background-color: hsl(171deg, 100%, 41%);
+}
+
+.progress.is-primary::-moz-progress-bar {
+ background-color: hsl(171deg, 100%, 41%);
+}
+
+.progress.is-primary::-ms-fill {
+ background-color: hsl(171deg, 100%, 41%);
+}
+
+.progress.is-primary:indeterminate {
+ background-image: linear-gradient(to right, hsl(171deg, 100%, 41%) 30%, hsl(0deg, 0%, 93%) 30%);
+}
+
+.progress.is-link::-webkit-progress-value {
+ background-color: #3490dc;
+}
+
+.progress.is-link::-moz-progress-bar {
+ background-color: #3490dc;
+}
+
+.progress.is-link::-ms-fill {
+ background-color: #3490dc;
+}
+
+.progress.is-link:indeterminate {
+ background-image: linear-gradient(to right, #3490dc 30%, hsl(0deg, 0%, 93%) 30%);
+}
+
+.progress.is-info::-webkit-progress-value {
+ background-color: #6cb2eb;
+}
+
+.progress.is-info::-moz-progress-bar {
+ background-color: #6cb2eb;
+}
+
+.progress.is-info::-ms-fill {
+ background-color: #6cb2eb;
+}
+
+.progress.is-info:indeterminate {
+ background-image: linear-gradient(to right, #6cb2eb 30%, hsl(0deg, 0%, 93%) 30%);
+}
+
+.progress.is-success::-webkit-progress-value {
+ background-color: #38c172;
+}
+
+.progress.is-success::-moz-progress-bar {
+ background-color: #38c172;
+}
+
+.progress.is-success::-ms-fill {
+ background-color: #38c172;
+}
+
+.progress.is-success:indeterminate {
+ background-image: linear-gradient(to right, #38c172 30%, hsl(0deg, 0%, 93%) 30%);
+}
+
+.progress.is-warning::-webkit-progress-value {
+ background-color: #ffed4a;
+}
+
+.progress.is-warning::-moz-progress-bar {
+ background-color: #ffed4a;
+}
+
+.progress.is-warning::-ms-fill {
+ background-color: #ffed4a;
+}
+
+.progress.is-warning:indeterminate {
+ background-image: linear-gradient(to right, #ffed4a 30%, hsl(0deg, 0%, 93%) 30%);
+}
+
+.progress.is-danger::-webkit-progress-value {
+ background-color: #e3342f;
+}
+
+.progress.is-danger::-moz-progress-bar {
+ background-color: #e3342f;
+}
+
+.progress.is-danger::-ms-fill {
+ background-color: #e3342f;
+}
+
+.progress.is-danger:indeterminate {
+ background-image: linear-gradient(to right, #e3342f 30%, hsl(0deg, 0%, 93%) 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: hsl(0deg, 0%, 93%);
+ background-image: linear-gradient(to right, hsl(0deg, 0%, 29%) 30%, hsl(0deg, 0%, 93%) 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:indeterminate::-ms-fill {
+ animation-name: none;
+}
+
+.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: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 21%);
+}
+
+.table td,
+.table th {
+ border: 1px solid hsl(0deg, 0%, 86%);
+ border-width: 0 0 1px;
+ padding: 0.5em 0.75em;
+ vertical-align: top;
+}
+
+.table td.is-white,
+.table th.is-white {
+ background-color: hsl(0deg, 0%, 100%);
+ border-color: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.table td.is-black,
+.table th.is-black {
+ background-color: hsl(0deg, 0%, 4%);
+ border-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.table td.is-light,
+.table th.is-light {
+ background-color: hsl(0deg, 0%, 96%);
+ border-color: hsl(0deg, 0%, 96%);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.table td.is-dark,
+.table th.is-dark {
+ background-color: hsl(0deg, 0%, 21%);
+ border-color: hsl(0deg, 0%, 21%);
+ color: #fff;
+}
+
+.table td.is-primary,
+.table th.is-primary {
+ background-color: hsl(171deg, 100%, 41%);
+ border-color: hsl(171deg, 100%, 41%);
+ color: #fff;
+}
+
+.table td.is-link,
+.table th.is-link {
+ background-color: #3490dc;
+ border-color: #3490dc;
+ color: #fff;
+}
+
+.table td.is-info,
+.table th.is-info {
+ background-color: #6cb2eb;
+ border-color: #6cb2eb;
+ color: #fff;
+}
+
+.table td.is-success,
+.table th.is-success {
+ background-color: #38c172;
+ border-color: #38c172;
+ color: #fff;
+}
+
+.table td.is-warning,
+.table th.is-warning {
+ background-color: #ffed4a;
+ border-color: #ffed4a;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.table td.is-danger,
+.table th.is-danger {
+ background-color: #e3342f;
+ border-color: #e3342f;
+ 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: hsl(171deg, 100%, 41%);
+ 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 td.is-vcentered,
+.table th.is-vcentered {
+ vertical-align: middle;
+}
+
+.table th {
+ color: hsl(0deg, 0%, 21%);
+}
+
+.table th:not([align]) {
+ text-align: left;
+}
+
+.table tr.is-selected {
+ background-color: hsl(171deg, 100%, 41%);
+ 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: hsl(0deg, 0%, 21%);
+}
+
+.table tfoot {
+ background-color: transparent;
+}
+
+.table tfoot td,
+.table tfoot th {
+ border-width: 2px 0 0;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.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: hsl(0deg, 0%, 98%);
+}
+
+.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
+ background-color: hsl(0deg, 0%, 98%);
+}
+
+.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
+ background-color: hsl(0deg, 0%, 96%);
+}
+
+.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: hsl(0deg, 0%, 98%);
+}
+
+.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-top-left-radius: 0;
+ border-bottom-left-radius: 0;
+}
+
+.tags.has-addons .tag:not(:last-child) {
+ border-top-right-radius: 0;
+ border-bottom-right-radius: 0;
+}
+
+.tag:not(body) {
+ align-items: center;
+ background-color: hsl(0deg, 0%, 96%);
+ border-radius: 4px;
+ color: hsl(0deg, 0%, 29%);
+ 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: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.tag:not(body).is-black {
+ background-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.tag:not(body).is-light {
+ background-color: hsl(0deg, 0%, 96%);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.tag:not(body).is-dark {
+ background-color: hsl(0deg, 0%, 21%);
+ color: #fff;
+}
+
+.tag:not(body).is-primary {
+ background-color: hsl(171deg, 100%, 41%);
+ color: #fff;
+}
+
+.tag:not(body).is-primary.is-light {
+ background-color: #ebfffc;
+ color: #00947e;
+}
+
+.tag:not(body).is-link {
+ background-color: #3490dc;
+ color: #fff;
+}
+
+.tag:not(body).is-link.is-light {
+ background-color: #eef5fc;
+ color: #1e6dae;
+}
+
+.tag:not(body).is-info {
+ background-color: #6cb2eb;
+ color: #fff;
+}
+
+.tag:not(body).is-info.is-light {
+ background-color: #edf6fd;
+ color: #145890;
+}
+
+.tag:not(body).is-success {
+ background-color: #38c172;
+ color: #fff;
+}
+
+.tag:not(body).is-success.is-light {
+ background-color: #effaf4;
+ color: #26824d;
+}
+
+.tag:not(body).is-warning {
+ background-color: #ffed4a;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.tag:not(body).is-warning.is-light {
+ background-color: #fffdeb;
+ color: #948500;
+}
+
+.tag:not(body).is-danger {
+ background-color: #e3342f;
+ color: #fff;
+}
+
+.tag:not(body).is-danger.is-light {
+ background-color: #fdeded;
+ color: #cf211c;
+}
+
+.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%;
+ transform: translateX(-50%) translateY(-50%) rotate(45deg);
+ 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: 9999px;
+}
+
+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: hsl(0deg, 0%, 21%);
+ font-size: 2rem;
+ font-weight: 600;
+ line-height: 1.125;
+}
+
+.title strong {
+ color: inherit;
+ font-weight: inherit;
+}
+
+.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: hsl(0deg, 0%, 29%);
+ font-size: 1.25rem;
+ font-weight: 400;
+ line-height: 1.25;
+}
+
+.subtitle strong {
+ color: hsl(0deg, 0%, 21%);
+ 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;
+}
+
+.number {
+ align-items: center;
+ background-color: hsl(0deg, 0%, 96%);
+ border-radius: 9999px;
+ 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;
+}
+
+/* Bulma Form */
+
+.select select,
+.textarea,
+.input {
+ background-color: hsl(0deg, 0%, 100%);
+ border-color: hsl(0deg, 0%, 86%);
+ border-radius: 4px;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.select select::-moz-placeholder,
+.textarea::-moz-placeholder,
+.input::-moz-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.select select::-webkit-input-placeholder,
+.textarea::-webkit-input-placeholder,
+.input::-webkit-input-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.select select:-moz-placeholder,
+.textarea:-moz-placeholder,
+.input:-moz-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.select select:-ms-input-placeholder,
+.textarea:-ms-input-placeholder,
+.input:-ms-input-placeholder {
+ color: rgba(54, 54, 54, 0.3);
+}
+
+.select select:hover,
+.textarea:hover,
+.input:hover,
+.select select.is-hovered,
+.is-hovered.textarea,
+.is-hovered.input {
+ border-color: hsl(0deg, 0%, 71%);
+}
+
+.select select:focus,
+.textarea:focus,
+.input:focus,
+.select select.is-focused,
+.is-focused.textarea,
+.is-focused.input,
+.select select:active,
+.textarea:active,
+.input:active,
+.select select.is-active,
+.is-active.textarea,
+.is-active.input {
+ border-color: #3490dc;
+ box-shadow: 0 0 0 0.125em rgba(52, 144, 220, 0.25);
+}
+
+.select select[disabled],
+[disabled].textarea,
+[disabled].input,
+fieldset[disabled] .select select,
+.select fieldset[disabled] select,
+fieldset[disabled] .textarea,
+fieldset[disabled] .input {
+ background-color: hsl(0deg, 0%, 96%);
+ border-color: hsl(0deg, 0%, 96%);
+ box-shadow: none;
+ color: hsl(0deg, 0%, 48%);
+}
+
+.select select[disabled]::-moz-placeholder,
+[disabled].textarea::-moz-placeholder,
+[disabled].input::-moz-placeholder,
+fieldset[disabled] .select select::-moz-placeholder,
+.select fieldset[disabled] select::-moz-placeholder,
+fieldset[disabled] .textarea::-moz-placeholder,
+fieldset[disabled] .input::-moz-placeholder {
+ color: rgba(122, 122, 122, 0.3);
+}
+
+.select select[disabled]::-webkit-input-placeholder,
+[disabled].textarea::-webkit-input-placeholder,
+[disabled].input::-webkit-input-placeholder,
+fieldset[disabled] .select select::-webkit-input-placeholder,
+.select fieldset[disabled] select::-webkit-input-placeholder,
+fieldset[disabled] .textarea::-webkit-input-placeholder,
+fieldset[disabled] .input::-webkit-input-placeholder {
+ color: rgba(122, 122, 122, 0.3);
+}
+
+.select select[disabled]:-moz-placeholder,
+[disabled].textarea:-moz-placeholder,
+[disabled].input:-moz-placeholder,
+fieldset[disabled] .select select:-moz-placeholder,
+.select fieldset[disabled] select:-moz-placeholder,
+fieldset[disabled] .textarea:-moz-placeholder,
+fieldset[disabled] .input:-moz-placeholder {
+ color: rgba(122, 122, 122, 0.3);
+}
+
+.select select[disabled]:-ms-input-placeholder,
+[disabled].textarea:-ms-input-placeholder,
+[disabled].input:-ms-input-placeholder,
+fieldset[disabled] .select select:-ms-input-placeholder,
+.select fieldset[disabled] select:-ms-input-placeholder,
+fieldset[disabled] .textarea:-ms-input-placeholder,
+fieldset[disabled] .input:-ms-input-placeholder {
+ color: rgba(122, 122, 122, 0.3);
+}
+
+.textarea,
+.input {
+ box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05);
+ max-width: 100%;
+ width: 100%;
+}
+
+[readonly].textarea,
+[readonly].input {
+ box-shadow: none;
+}
+
+.is-white.textarea,
+.is-white.input {
+ border-color: hsl(0deg, 0%, 100%);
+}
+
+.is-white.textarea:focus,
+.is-white.input:focus,
+.is-white.is-focused.textarea,
+.is-white.is-focused.input,
+.is-white.textarea:active,
+.is-white.input:active,
+.is-white.is-active.textarea,
+.is-white.is-active.input {
+ box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
+}
+
+.is-black.textarea,
+.is-black.input {
+ border-color: hsl(0deg, 0%, 4%);
+}
+
+.is-black.textarea:focus,
+.is-black.input:focus,
+.is-black.is-focused.textarea,
+.is-black.is-focused.input,
+.is-black.textarea:active,
+.is-black.input:active,
+.is-black.is-active.textarea,
+.is-black.is-active.input {
+ box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
+}
+
+.is-light.textarea,
+.is-light.input {
+ border-color: hsl(0deg, 0%, 96%);
+}
+
+.is-light.textarea:focus,
+.is-light.input:focus,
+.is-light.is-focused.textarea,
+.is-light.is-focused.input,
+.is-light.textarea:active,
+.is-light.input:active,
+.is-light.is-active.textarea,
+.is-light.is-active.input {
+ box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
+}
+
+.is-dark.textarea,
+.is-dark.input {
+ border-color: hsl(0deg, 0%, 21%);
+}
+
+.is-dark.textarea:focus,
+.is-dark.input:focus,
+.is-dark.is-focused.textarea,
+.is-dark.is-focused.input,
+.is-dark.textarea:active,
+.is-dark.input:active,
+.is-dark.is-active.textarea,
+.is-dark.is-active.input {
+ box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
+}
+
+.is-primary.textarea,
+.is-primary.input {
+ border-color: hsl(171deg, 100%, 41%);
+}
+
+.is-primary.textarea:focus,
+.is-primary.input:focus,
+.is-primary.is-focused.textarea,
+.is-primary.is-focused.input,
+.is-primary.textarea:active,
+.is-primary.input:active,
+.is-primary.is-active.textarea,
+.is-primary.is-active.input {
+ box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
+}
+
+.is-link.textarea,
+.is-link.input {
+ border-color: #3490dc;
+}
+
+.is-link.textarea:focus,
+.is-link.input:focus,
+.is-link.is-focused.textarea,
+.is-link.is-focused.input,
+.is-link.textarea:active,
+.is-link.input:active,
+.is-link.is-active.textarea,
+.is-link.is-active.input {
+ box-shadow: 0 0 0 0.125em rgba(52, 144, 220, 0.25);
+}
+
+.is-info.textarea,
+.is-info.input {
+ border-color: #6cb2eb;
+}
+
+.is-info.textarea:focus,
+.is-info.input:focus,
+.is-info.is-focused.textarea,
+.is-info.is-focused.input,
+.is-info.textarea:active,
+.is-info.input:active,
+.is-info.is-active.textarea,
+.is-info.is-active.input {
+ box-shadow: 0 0 0 0.125em rgba(108, 178, 235, 0.25);
+}
+
+.is-success.textarea,
+.is-success.input {
+ border-color: #38c172;
+}
+
+.is-success.textarea:focus,
+.is-success.input:focus,
+.is-success.is-focused.textarea,
+.is-success.is-focused.input,
+.is-success.textarea:active,
+.is-success.input:active,
+.is-success.is-active.textarea,
+.is-success.is-active.input {
+ box-shadow: 0 0 0 0.125em rgba(56, 193, 114, 0.25);
+}
+
+.is-warning.textarea,
+.is-warning.input {
+ border-color: #ffed4a;
+}
+
+.is-warning.textarea:focus,
+.is-warning.input:focus,
+.is-warning.is-focused.textarea,
+.is-warning.is-focused.input,
+.is-warning.textarea:active,
+.is-warning.input:active,
+.is-warning.is-active.textarea,
+.is-warning.is-active.input {
+ box-shadow: 0 0 0 0.125em rgba(255, 237, 74, 0.25);
+}
+
+.is-danger.textarea,
+.is-danger.input {
+ border-color: #e3342f;
+}
+
+.is-danger.textarea:focus,
+.is-danger.input:focus,
+.is-danger.is-focused.textarea,
+.is-danger.is-focused.input,
+.is-danger.textarea:active,
+.is-danger.input:active,
+.is-danger.is-active.textarea,
+.is-danger.is-active.input {
+ box-shadow: 0 0 0 0.125em rgba(227, 52, 47, 0.25);
+}
+
+.is-small.textarea,
+.is-small.input {
+ border-radius: 2px;
+ font-size: 0.75rem;
+}
+
+.is-medium.textarea,
+.is-medium.input {
+ font-size: 1.25rem;
+}
+
+.is-large.textarea,
+.is-large.input {
+ font-size: 1.5rem;
+}
+
+.is-fullwidth.textarea,
+.is-fullwidth.input {
+ display: block;
+ width: 100%;
+}
+
+.is-inline.textarea,
+.is-inline.input {
+ display: inline;
+ width: auto;
+}
+
+.input.is-rounded {
+ border-radius: 9999px;
+ padding-left: calc(calc(0.75em - 1px) + 0.375em);
+ padding-right: calc(calc(0.75em - 1px) + 0.375em);
+}
+
+.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: calc(0.75em - 1px);
+ resize: vertical;
+}
+
+.textarea:not([rows]) {
+ max-height: 40em;
+ min-height: 8em;
+}
+
+.textarea[rows] {
+ height: initial;
+}
+
+.textarea.has-fixed-size {
+ resize: none;
+}
+
+.radio,
+.checkbox {
+ cursor: pointer;
+ display: inline-block;
+ line-height: 1.25;
+ position: relative;
+}
+
+.radio input,
+.checkbox input {
+ cursor: pointer;
+}
+
+.radio:hover,
+.checkbox:hover {
+ color: hsl(0deg, 0%, 21%);
+}
+
+[disabled].radio,
+[disabled].checkbox,
+fieldset[disabled] .radio,
+fieldset[disabled] .checkbox,
+.radio input[disabled],
+.checkbox input[disabled] {
+ color: hsl(0deg, 0%, 48%);
+ 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.5em;
+}
+
+.select:not(.is-multiple):not(.is-loading)::after {
+ border-color: #3490dc;
+ right: 1.125em;
+ z-index: 4;
+}
+
+.select.is-rounded select {
+ border-radius: 9999px;
+ 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: hsl(0deg, 0%, 96%);
+}
+
+.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: hsl(0deg, 0%, 21%);
+}
+
+.select.is-white:not(:hover)::after {
+ border-color: hsl(0deg, 0%, 100%);
+}
+
+.select.is-white select {
+ border-color: hsl(0deg, 0%, 100%);
+}
+
+.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: hsl(0deg, 0%, 4%);
+}
+
+.select.is-black select {
+ border-color: hsl(0deg, 0%, 4%);
+}
+
+.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: hsl(0deg, 0%, 96%);
+}
+
+.select.is-light select {
+ border-color: hsl(0deg, 0%, 96%);
+}
+
+.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: hsl(0deg, 0%, 21%);
+}
+
+.select.is-dark select {
+ border-color: hsl(0deg, 0%, 21%);
+}
+
+.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: hsl(171deg, 100%, 41%);
+}
+
+.select.is-primary select {
+ border-color: hsl(171deg, 100%, 41%);
+}
+
+.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: #3490dc;
+}
+
+.select.is-link select {
+ border-color: #3490dc;
+}
+
+.select.is-link select:hover,
+.select.is-link select.is-hovered {
+ border-color: #2484d2;
+}
+
+.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(52, 144, 220, 0.25);
+}
+
+.select.is-info:not(:hover)::after {
+ border-color: #6cb2eb;
+}
+
+.select.is-info select {
+ border-color: #6cb2eb;
+}
+
+.select.is-info select:hover,
+.select.is-info select.is-hovered {
+ border-color: #56a6e8;
+}
+
+.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(108, 178, 235, 0.25);
+}
+
+.select.is-success:not(:hover)::after {
+ border-color: #38c172;
+}
+
+.select.is-success select {
+ border-color: #38c172;
+}
+
+.select.is-success select:hover,
+.select.is-success select.is-hovered {
+ border-color: #32ad66;
+}
+
+.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(56, 193, 114, 0.25);
+}
+
+.select.is-warning:not(:hover)::after {
+ border-color: #ffed4a;
+}
+
+.select.is-warning select {
+ border-color: #ffed4a;
+}
+
+.select.is-warning select:hover,
+.select.is-warning select.is-hovered {
+ border-color: #ffea31;
+}
+
+.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, 237, 74, 0.25);
+}
+
+.select.is-danger:not(:hover)::after {
+ border-color: #e3342f;
+}
+
+.select.is-danger select {
+ border-color: #e3342f;
+}
+
+.select.is-danger select:hover,
+.select.is-danger select.is-hovered {
+ border-color: #db231d;
+}
+
+.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(227, 52, 47, 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: hsl(0deg, 0%, 48%) !important;
+ opacity: 0.5;
+}
+
+.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;
+ 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: hsl(0deg, 0%, 100%);
+ border-color: transparent;
+ color: hsl(0deg, 0%, 4%);
+}
+
+.file.is-white:hover .file-cta,
+.file.is-white.is-hovered .file-cta {
+ background-color: #f9f9f9;
+ border-color: transparent;
+ color: hsl(0deg, 0%, 4%);
+}
+
+.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: hsl(0deg, 0%, 4%);
+}
+
+.file.is-white:active .file-cta,
+.file.is-white.is-active .file-cta {
+ background-color: #f2f2f2;
+ border-color: transparent;
+ color: hsl(0deg, 0%, 4%);
+}
+
+.file.is-black .file-cta {
+ background-color: hsl(0deg, 0%, 4%);
+ border-color: transparent;
+ color: hsl(0deg, 0%, 100%);
+}
+
+.file.is-black:hover .file-cta,
+.file.is-black.is-hovered .file-cta {
+ background-color: #040404;
+ border-color: transparent;
+ color: hsl(0deg, 0%, 100%);
+}
+
+.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: hsl(0deg, 0%, 100%);
+}
+
+.file.is-black:active .file-cta,
+.file.is-black.is-active .file-cta {
+ background-color: black;
+ border-color: transparent;
+ color: hsl(0deg, 0%, 100%);
+}
+
+.file.is-light .file-cta {
+ background-color: hsl(0deg, 0%, 96%);
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.file.is-light:hover .file-cta,
+.file.is-light.is-hovered .file-cta {
+ background-color: #eeeeee;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.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: rgba(0, 0, 0, 0.7);
+}
+
+.file.is-light:active .file-cta,
+.file.is-light.is-active .file-cta {
+ background-color: #e8e8e8;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.file.is-dark .file-cta {
+ background-color: hsl(0deg, 0%, 21%);
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-dark:hover .file-cta,
+.file.is-dark.is-hovered .file-cta {
+ background-color: #2f2f2f;
+ border-color: transparent;
+ color: #fff;
+}
+
+.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: #fff;
+}
+
+.file.is-dark:active .file-cta,
+.file.is-dark.is-active .file-cta {
+ background-color: #292929;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-primary .file-cta {
+ background-color: hsl(171deg, 100%, 41%);
+ 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: #3490dc;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-link:hover .file-cta,
+.file.is-link.is-hovered .file-cta {
+ background-color: #298ada;
+ 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(52, 144, 220, 0.25);
+ color: #fff;
+}
+
+.file.is-link:active .file-cta,
+.file.is-link.is-active .file-cta {
+ background-color: #2484d2;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-info .file-cta {
+ background-color: #6cb2eb;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-info:hover .file-cta,
+.file.is-info.is-hovered .file-cta {
+ background-color: #61ace9;
+ 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(108, 178, 235, 0.25);
+ color: #fff;
+}
+
+.file.is-info:active .file-cta,
+.file.is-info.is-active .file-cta {
+ background-color: #56a6e8;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-success .file-cta {
+ background-color: #38c172;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-success:hover .file-cta,
+.file.is-success.is-hovered .file-cta {
+ background-color: #35b76c;
+ 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(56, 193, 114, 0.25);
+ color: #fff;
+}
+
+.file.is-success:active .file-cta,
+.file.is-success.is-active .file-cta {
+ background-color: #32ad66;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-warning .file-cta {
+ background-color: #ffed4a;
+ 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: #ffec3d;
+ 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, 237, 74, 0.25);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.file.is-warning:active .file-cta,
+.file.is-warning.is-active .file-cta {
+ background-color: #ffea31;
+ border-color: transparent;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.file.is-danger .file-cta {
+ background-color: #e3342f;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-danger:hover .file-cta,
+.file.is-danger.is-hovered .file-cta {
+ background-color: #e12924;
+ 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(227, 52, 47, 0.25);
+ color: #fff;
+}
+
+.file.is-danger:active .file-cta,
+.file.is-danger.is-active .file-cta {
+ background-color: #db231d;
+ border-color: transparent;
+ color: #fff;
+}
+
+.file.is-small {
+ font-size: 0.75rem;
+}
+
+.file.is-normal {
+ font-size: 1rem;
+}
+
+.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: hsl(0deg, 0%, 21%);
+}
+
+.file-label:hover .file-name {
+ border-color: #d5d5d5;
+}
+
+.file-label:active .file-cta {
+ background-color: #e8e8e8;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.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: hsl(0deg, 0%, 86%);
+ border-radius: 4px;
+ font-size: 1em;
+ padding-left: 1em;
+ padding-right: 1em;
+ white-space: nowrap;
+}
+
+.file-cta {
+ background-color: hsl(0deg, 0%, 96%);
+ color: hsl(0deg, 0%, 29%);
+}
+
+.file-name {
+ border-color: hsl(0deg, 0%, 86%);
+ border-style: solid;
+ border-width: 1px 1px 1px 0;
+ display: block;
+ max-width: 16em;
+ overflow: hidden;
+ text-align: inherit;
+ 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: hsl(0deg, 0%, 21%);
+ 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: hsl(0deg, 0%, 100%);
+}
+
+.help.is-black {
+ color: hsl(0deg, 0%, 4%);
+}
+
+.help.is-light {
+ color: hsl(0deg, 0%, 96%);
+}
+
+.help.is-dark {
+ color: hsl(0deg, 0%, 21%);
+}
+
+.help.is-primary {
+ color: hsl(171deg, 100%, 41%);
+}
+
+.help.is-link {
+ color: #3490dc;
+}
+
+.help.is-info {
+ color: #6cb2eb;
+}
+
+.help.is-success {
+ color: #38c172;
+}
+
+.help.is-warning {
+ color: #ffed4a;
+}
+
+.help.is-danger {
+ color: #e3342f;
+}
+
+.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: inherit;
+}
+
+.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: hsl(0deg, 0%, 29%);
+}
+
+.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: hsl(0deg, 0%, 86%);
+ height: 2.5em;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ width: 2.5em;
+ z-index: 4;
+}
+
+.control.has-icons-left .input,
+.control.has-icons-left .select select {
+ padding-left: 2.5em;
+}
+
+.control.has-icons-left .icon.is-left {
+ left: 0;
+}
+
+.control.has-icons-right .input,
+.control.has-icons-right .select select {
+ padding-right: 2.5em;
+}
+
+.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;
+}
+
+/* Bulma Components */
+
+.breadcrumb {
+ font-size: 1rem;
+ white-space: nowrap;
+}
+
+.breadcrumb a {
+ align-items: center;
+ color: #3490dc;
+ display: flex;
+ justify-content: center;
+ padding: 0 0.75em;
+}
+
+.breadcrumb a:hover {
+ color: hsl(0deg, 0%, 21%);
+}
+
+.breadcrumb li {
+ align-items: center;
+ display: flex;
+}
+
+.breadcrumb li:first-child a {
+ padding-left: 0;
+}
+
+.breadcrumb li.is-active a {
+ color: hsl(0deg, 0%, 21%);
+ cursor: default;
+ pointer-events: none;
+}
+
+.breadcrumb li + li::before {
+ color: hsl(0deg, 0%, 71%);
+ content: "/";
+}
+
+.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: "\2192";
+}
+
+.breadcrumb.has-bullet-separator li + li::before {
+ content: "\2022";
+}
+
+.breadcrumb.has-dot-separator li + li::before {
+ content: "\B7";
+}
+
+.breadcrumb.has-succeeds-separator li + li::before {
+ content: "\227B";
+}
+
+.card {
+ background-color: hsl(0deg, 0%, 100%);
+ border-radius: 0.25rem;
+ box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
+ color: hsl(0deg, 0%, 29%);
+ max-width: 100%;
+ position: relative;
+}
+
+.card-footer:first-child,
+.card-content:first-child,
+.card-header:first-child {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+
+.card-footer:last-child,
+.card-content:last-child,
+.card-header:last-child {
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+}
+
+.card-header {
+ background-color: transparent;
+ align-items: stretch;
+ box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1);
+ display: flex;
+}
+
+.card-header-title {
+ align-items: center;
+ color: hsl(0deg, 0%, 21%);
+ display: flex;
+ flex-grow: 1;
+ font-weight: 700;
+ padding: 0.75rem 1rem;
+}
+
+.card-header-title.is-centered {
+ justify-content: center;
+}
+
+.card-header-icon {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ background: none;
+ border: none;
+ color: currentColor;
+ font-family: inherit;
+ font-size: 1em;
+ margin: 0;
+ padding: 0;
+ align-items: center;
+ cursor: pointer;
+ display: flex;
+ justify-content: center;
+ padding: 0.75rem 1rem;
+}
+
+.card-image {
+ display: block;
+ position: relative;
+}
+
+.card-image:first-child img {
+ border-top-left-radius: 0.25rem;
+ border-top-right-radius: 0.25rem;
+}
+
+.card-image:last-child img {
+ border-bottom-left-radius: 0.25rem;
+ border-bottom-right-radius: 0.25rem;
+}
+
+.card-content {
+ background-color: transparent;
+ padding: 1.5rem;
+}
+
+.card-footer {
+ background-color: transparent;
+ border-top: 1px solid hsl(0deg, 0%, 93%);
+ 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 hsl(0deg, 0%, 93%);
+}
+
+.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: hsl(0deg, 0%, 100%);
+ border-radius: 4px;
+ box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
+ padding-bottom: 0.5rem;
+ padding-top: 0.5rem;
+}
+
+.dropdown-item {
+ color: hsl(0deg, 0%, 29%);
+ 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: inherit;
+ white-space: nowrap;
+ width: 100%;
+}
+
+a.dropdown-item:hover,
+button.dropdown-item:hover {
+ background-color: hsl(0deg, 0%, 96%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+a.dropdown-item.is-active,
+button.dropdown-item.is-active {
+ background-color: #3490dc;
+ color: #fff;
+}
+
+.dropdown-divider {
+ background-color: hsl(0deg, 0%, 93%);
+ 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;
+ }
+}
+
+.media {
+ align-items: flex-start;
+ display: flex;
+ text-align: inherit;
+}
+
+.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: inherit;
+}
+
+@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: hsl(0deg, 0%, 29%);
+ display: block;
+ padding: 0.5em 0.75em;
+}
+
+.menu-list a:hover {
+ background-color: hsl(0deg, 0%, 96%);
+ color: hsl(0deg, 0%, 21%);
+}
+
+.menu-list a.is-active {
+ background-color: #3490dc;
+ color: #fff;
+}
+
+.menu-list li ul {
+ border-left: 1px solid hsl(0deg, 0%, 86%);
+ margin: 0.75em;
+ padding-left: 0.75em;
+}
+
+.menu-label {
+ color: hsl(0deg, 0%, 48%);
+ 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: hsl(0deg, 0%, 96%);
+ 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: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.message.is-white .message-body {
+ border-color: hsl(0deg, 0%, 100%);
+}
+
+.message.is-black {
+ background-color: #fafafa;
+}
+
+.message.is-black .message-header {
+ background-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.message.is-black .message-body {
+ border-color: hsl(0deg, 0%, 4%);
+}
+
+.message.is-light {
+ background-color: #fafafa;
+}
+
+.message.is-light .message-header {
+ background-color: hsl(0deg, 0%, 96%);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.message.is-light .message-body {
+ border-color: hsl(0deg, 0%, 96%);
+}
+
+.message.is-dark {
+ background-color: #fafafa;
+}
+
+.message.is-dark .message-header {
+ background-color: hsl(0deg, 0%, 21%);
+ color: #fff;
+}
+
+.message.is-dark .message-body {
+ border-color: hsl(0deg, 0%, 21%);
+}
+
+.message.is-primary {
+ background-color: #ebfffc;
+}
+
+.message.is-primary .message-header {
+ background-color: hsl(171deg, 100%, 41%);
+ color: #fff;
+}
+
+.message.is-primary .message-body {
+ border-color: hsl(171deg, 100%, 41%);
+ color: #00947e;
+}
+
+.message.is-link {
+ background-color: #eef5fc;
+}
+
+.message.is-link .message-header {
+ background-color: #3490dc;
+ color: #fff;
+}
+
+.message.is-link .message-body {
+ border-color: #3490dc;
+ color: #1e6dae;
+}
+
+.message.is-info {
+ background-color: #edf6fd;
+}
+
+.message.is-info .message-header {
+ background-color: #6cb2eb;
+ color: #fff;
+}
+
+.message.is-info .message-body {
+ border-color: #6cb2eb;
+ color: #145890;
+}
+
+.message.is-success {
+ background-color: #effaf4;
+}
+
+.message.is-success .message-header {
+ background-color: #38c172;
+ color: #fff;
+}
+
+.message.is-success .message-body {
+ border-color: #38c172;
+ color: #26824d;
+}
+
+.message.is-warning {
+ background-color: #fffdeb;
+}
+
+.message.is-warning .message-header {
+ background-color: #ffed4a;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.message.is-warning .message-body {
+ border-color: #ffed4a;
+ color: #948500;
+}
+
+.message.is-danger {
+ background-color: #fdeded;
+}
+
+.message.is-danger .message-header {
+ background-color: #e3342f;
+ color: #fff;
+}
+
+.message.is-danger .message-body {
+ border-color: #e3342f;
+ color: #cf211c;
+}
+
+.message-header {
+ align-items: center;
+ background-color: hsl(0deg, 0%, 29%);
+ 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: hsl(0deg, 0%, 86%);
+ border-radius: 4px;
+ border-style: solid;
+ border-width: 0 0 0 4px;
+ color: hsl(0deg, 0%, 29%);
+ padding: 1.25em 1.5em;
+}
+
+.message-body code,
+.message-body pre {
+ background-color: hsl(0deg, 0%, 100%);
+}
+
+.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) {
+ .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: hsl(0deg, 0%, 96%);
+ display: flex;
+ flex-shrink: 0;
+ justify-content: flex-start;
+ padding: 20px;
+ position: relative;
+}
+
+.modal-card-head {
+ border-bottom: 1px solid hsl(0deg, 0%, 86%);
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+}
+
+.modal-card-title {
+ color: hsl(0deg, 0%, 21%);
+ 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 hsl(0deg, 0%, 86%);
+}
+
+.modal-card-foot .button:not(:last-child) {
+ margin-right: 0.5em;
+}
+
+.modal-card-body {
+ -webkit-overflow-scrolling: touch;
+ background-color: hsl(0deg, 0%, 100%);
+ flex-grow: 1;
+ flex-shrink: 1;
+ overflow: auto;
+ padding: 20px;
+}
+
+.navbar {
+ background-color: hsl(0deg, 0%, 100%);
+ min-height: 3.25rem;
+ position: relative;
+ z-index: 30;
+}
+
+.navbar.is-white {
+ background-color: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.navbar.is-white .navbar-brand > .navbar-item,
+.navbar.is-white .navbar-brand .navbar-link {
+ color: hsl(0deg, 0%, 4%);
+}
+
+.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: hsl(0deg, 0%, 4%);
+}
+
+.navbar.is-white .navbar-brand .navbar-link::after {
+ border-color: hsl(0deg, 0%, 4%);
+}
+
+.navbar.is-white .navbar-burger {
+ color: hsl(0deg, 0%, 4%);
+}
+
+@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: hsl(0deg, 0%, 4%);
+ }
+
+ .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: hsl(0deg, 0%, 4%);
+ }
+
+ .navbar.is-white .navbar-start .navbar-link::after,
+ .navbar.is-white .navbar-end .navbar-link::after {
+ border-color: hsl(0deg, 0%, 4%);
+ }
+
+ .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: hsl(0deg, 0%, 4%);
+ }
+
+ .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
+ background-color: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 4%);
+ }
+}
+
+.navbar.is-black {
+ background-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.navbar.is-black .navbar-brand > .navbar-item,
+.navbar.is-black .navbar-brand .navbar-link {
+ color: hsl(0deg, 0%, 100%);
+}
+
+.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: hsl(0deg, 0%, 100%);
+}
+
+.navbar.is-black .navbar-brand .navbar-link::after {
+ border-color: hsl(0deg, 0%, 100%);
+}
+
+.navbar.is-black .navbar-burger {
+ color: hsl(0deg, 0%, 100%);
+}
+
+@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: hsl(0deg, 0%, 100%);
+ }
+
+ .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: hsl(0deg, 0%, 100%);
+ }
+
+ .navbar.is-black .navbar-start .navbar-link::after,
+ .navbar.is-black .navbar-end .navbar-link::after {
+ border-color: hsl(0deg, 0%, 100%);
+ }
+
+ .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: hsl(0deg, 0%, 100%);
+ }
+
+ .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
+ background-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 100%);
+ }
+}
+
+.navbar.is-light {
+ background-color: hsl(0deg, 0%, 96%);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.navbar.is-light .navbar-brand > .navbar-item,
+.navbar.is-light .navbar-brand .navbar-link {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.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: rgba(0, 0, 0, 0.7);
+}
+
+.navbar.is-light .navbar-brand .navbar-link::after {
+ border-color: rgba(0, 0, 0, 0.7);
+}
+
+.navbar.is-light .navbar-burger {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+@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: rgba(0, 0, 0, 0.7);
+ }
+
+ .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: rgba(0, 0, 0, 0.7);
+ }
+
+ .navbar.is-light .navbar-start .navbar-link::after,
+ .navbar.is-light .navbar-end .navbar-link::after {
+ border-color: rgba(0, 0, 0, 0.7);
+ }
+
+ .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: rgba(0, 0, 0, 0.7);
+ }
+
+ .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
+ background-color: hsl(0deg, 0%, 96%);
+ color: rgba(0, 0, 0, 0.7);
+ }
+}
+
+.navbar.is-dark {
+ background-color: hsl(0deg, 0%, 21%);
+ color: #fff;
+}
+
+.navbar.is-dark .navbar-brand > .navbar-item,
+.navbar.is-dark .navbar-brand .navbar-link {
+ color: #fff;
+}
+
+.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: #fff;
+}
+
+.navbar.is-dark .navbar-brand .navbar-link::after {
+ border-color: #fff;
+}
+
+.navbar.is-dark .navbar-burger {
+ color: #fff;
+}
+
+@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: #fff;
+ }
+
+ .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: #fff;
+ }
+
+ .navbar.is-dark .navbar-start .navbar-link::after,
+ .navbar.is-dark .navbar-end .navbar-link::after {
+ border-color: #fff;
+ }
+
+ .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: #fff;
+ }
+
+ .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
+ background-color: hsl(0deg, 0%, 21%);
+ color: #fff;
+ }
+}
+
+.navbar.is-primary {
+ background-color: hsl(171deg, 100%, 41%);
+ 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: hsl(171deg, 100%, 41%);
+ color: #fff;
+ }
+}
+
+.navbar.is-link {
+ background-color: #3490dc;
+ 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: #2484d2;
+ 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: #2484d2;
+ 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: #2484d2;
+ color: #fff;
+ }
+
+ .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
+ background-color: #3490dc;
+ color: #fff;
+ }
+}
+
+.navbar.is-info {
+ background-color: #6cb2eb;
+ 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: #56a6e8;
+ 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: #56a6e8;
+ 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: #56a6e8;
+ color: #fff;
+ }
+
+ .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
+ background-color: #6cb2eb;
+ color: #fff;
+ }
+}
+
+.navbar.is-success {
+ background-color: #38c172;
+ 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: #32ad66;
+ 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: #32ad66;
+ 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: #32ad66;
+ color: #fff;
+ }
+
+ .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
+ background-color: #38c172;
+ color: #fff;
+ }
+}
+
+.navbar.is-warning {
+ background-color: #ffed4a;
+ 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: #ffea31;
+ 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: #ffea31;
+ 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: #ffea31;
+ color: rgba(0, 0, 0, 0.7);
+ }
+
+ .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
+ background-color: #ffed4a;
+ color: rgba(0, 0, 0, 0.7);
+ }
+}
+
+.navbar.is-danger {
+ background-color: #e3342f;
+ 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: #db231d;
+ 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: #db231d;
+ 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: #db231d;
+ color: #fff;
+ }
+
+ .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
+ background-color: #e3342f;
+ color: #fff;
+ }
+}
+
+.navbar > .container {
+ align-items: stretch;
+ display: flex;
+ min-height: 3.25rem;
+ width: 100%;
+}
+
+.navbar.has-shadow {
+ box-shadow: 0 2px 0 0 hsl(0deg, 0%, 96%);
+}
+
+.navbar.is-fixed-bottom,
+.navbar.is-fixed-top {
+ left: 0;
+ position: fixed;
+ right: 0;
+ z-index: 30;
+}
+
+.navbar.is-fixed-bottom {
+ bottom: 0;
+}
+
+.navbar.is-fixed-bottom.has-shadow {
+ box-shadow: 0 -2px 0 0 hsl(0deg, 0%, 96%);
+}
+
+.navbar.is-fixed-top {
+ top: 0;
+}
+
+html.has-navbar-fixed-top,
+body.has-navbar-fixed-top {
+ padding-top: 3.25rem;
+}
+
+html.has-navbar-fixed-bottom,
+body.has-navbar-fixed-bottom {
+ padding-bottom: 3.25rem;
+}
+
+.navbar-brand,
+.navbar-tabs {
+ align-items: stretch;
+ display: flex;
+ flex-shrink: 0;
+ min-height: 3.25rem;
+}
+
+.navbar-brand a.navbar-item:focus,
+.navbar-brand a.navbar-item:hover {
+ background-color: transparent;
+}
+
+.navbar-tabs {
+ -webkit-overflow-scrolling: touch;
+ max-width: 100vw;
+ overflow-x: auto;
+ overflow-y: hidden;
+}
+
+.navbar-burger {
+ color: hsl(0deg, 0%, 29%);
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ appearance: none;
+ background: none;
+ border: none;
+ cursor: pointer;
+ display: block;
+ height: 3.25rem;
+ position: relative;
+ width: 3.25rem;
+ margin-left: auto;
+}
+
+.navbar-burger span {
+ background-color: currentColor;
+ display: block;
+ height: 1px;
+ left: calc(50% - 8px);
+ position: absolute;
+ transform-origin: center;
+ transition-duration: 86ms;
+ transition-property: background-color, opacity, transform;
+ transition-timing-function: ease-out;
+ width: 16px;
+}
+
+.navbar-burger span:nth-child(1) {
+ top: calc(50% - 6px);
+}
+
+.navbar-burger span:nth-child(2) {
+ top: calc(50% - 1px);
+}
+
+.navbar-burger span:nth-child(3) {
+ top: calc(50% + 4px);
+}
+
+.navbar-burger:hover {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+
+.navbar-burger.is-active span:nth-child(1) {
+ transform: translateY(5px) rotate(45deg);
+}
+
+.navbar-burger.is-active span:nth-child(2) {
+ opacity: 0;
+}
+
+.navbar-burger.is-active span:nth-child(3) {
+ transform: translateY(-5px) rotate(-45deg);
+}
+
+.navbar-menu {
+ display: none;
+}
+
+.navbar-item,
+.navbar-link {
+ color: hsl(0deg, 0%, 29%);
+ display: block;
+ line-height: 1.5;
+ padding: 0.5rem 0.75rem;
+ position: relative;
+}
+
+.navbar-item .icon:only-child,
+.navbar-link .icon:only-child {
+ margin-left: -0.25rem;
+ margin-right: -0.25rem;
+}
+
+a.navbar-item,
+.navbar-link {
+ cursor: pointer;
+}
+
+a.navbar-item:focus,
+a.navbar-item:focus-within,
+a.navbar-item:hover,
+a.navbar-item.is-active,
+.navbar-link:focus,
+.navbar-link:focus-within,
+.navbar-link:hover,
+.navbar-link.is-active {
+ background-color: hsl(0deg, 0%, 98%);
+ color: #3490dc;
+}
+
+.navbar-item {
+ flex-grow: 0;
+ flex-shrink: 0;
+}
+
+.navbar-item img {
+ max-height: 1.75rem;
+}
+
+.navbar-item.has-dropdown {
+ padding: 0;
+}
+
+.navbar-item.is-expanded {
+ flex-grow: 1;
+ flex-shrink: 1;
+}
+
+.navbar-item.is-tab {
+ border-bottom: 1px solid transparent;
+ min-height: 3.25rem;
+ padding-bottom: calc(0.5rem - 1px);
+}
+
+.navbar-item.is-tab:focus,
+.navbar-item.is-tab:hover {
+ background-color: transparent;
+ border-bottom-color: #3490dc;
+}
+
+.navbar-item.is-tab.is-active {
+ background-color: transparent;
+ border-bottom-color: #3490dc;
+ border-bottom-style: solid;
+ border-bottom-width: 3px;
+ color: #3490dc;
+ padding-bottom: calc(0.5rem - 3px);
+}
+
+.navbar-content {
+ flex-grow: 1;
+ flex-shrink: 1;
+}
+
+.navbar-link:not(.is-arrowless) {
+ padding-right: 2.5em;
+}
+
+.navbar-link:not(.is-arrowless)::after {
+ border-color: #3490dc;
+ margin-top: -0.375em;
+ right: 1.125em;
+}
+
+.navbar-dropdown {
+ font-size: 0.875rem;
+ padding-bottom: 0.5rem;
+ padding-top: 0.5rem;
+}
+
+.navbar-dropdown .navbar-item {
+ padding-left: 1.5rem;
+ padding-right: 1.5rem;
+}
+
+.navbar-divider {
+ background-color: hsl(0deg, 0%, 96%);
+ border: none;
+ display: none;
+ height: 2px;
+ margin: 0.5rem 0;
+}
+
+@media screen and (max-width: 1023px) {
+ .navbar > .container {
+ display: block;
+ }
+
+ .navbar-brand .navbar-item,
+ .navbar-tabs .navbar-item {
+ align-items: center;
+ display: flex;
+ }
+
+ .navbar-link::after {
+ display: none;
+ }
+
+ .navbar-menu {
+ background-color: hsl(0deg, 0%, 100%);
+ box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1);
+ padding: 0.5rem 0;
+ }
+
+ .navbar-menu.is-active {
+ display: block;
+ }
+
+ .navbar.is-fixed-bottom-touch,
+ .navbar.is-fixed-top-touch {
+ left: 0;
+ position: fixed;
+ right: 0;
+ z-index: 30;
+ }
+
+ .navbar.is-fixed-bottom-touch {
+ bottom: 0;
+ }
+
+ .navbar.is-fixed-bottom-touch.has-shadow {
+ box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
+ }
+
+ .navbar.is-fixed-top-touch {
+ top: 0;
+ }
+
+ .navbar.is-fixed-top .navbar-menu,
+ .navbar.is-fixed-top-touch .navbar-menu {
+ -webkit-overflow-scrolling: touch;
+ max-height: calc(100vh - 3.25rem);
+ overflow: auto;
+ }
+
+ html.has-navbar-fixed-top-touch,
+ body.has-navbar-fixed-top-touch {
+ padding-top: 3.25rem;
+ }
+
+ html.has-navbar-fixed-bottom-touch,
+ body.has-navbar-fixed-bottom-touch {
+ padding-bottom: 3.25rem;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .navbar,
+ .navbar-menu,
+ .navbar-start,
+ .navbar-end {
+ align-items: stretch;
+ display: flex;
+ }
+
+ .navbar {
+ min-height: 3.25rem;
+ }
+
+ .navbar.is-spaced {
+ padding: 1rem 2rem;
+ }
+
+ .navbar.is-spaced .navbar-start,
+ .navbar.is-spaced .navbar-end {
+ align-items: center;
+ }
+
+ .navbar.is-spaced a.navbar-item,
+ .navbar.is-spaced .navbar-link {
+ border-radius: 4px;
+ }
+
+ .navbar.is-transparent a.navbar-item:focus,
+ .navbar.is-transparent a.navbar-item:hover,
+ .navbar.is-transparent a.navbar-item.is-active,
+ .navbar.is-transparent .navbar-link:focus,
+ .navbar.is-transparent .navbar-link:hover,
+ .navbar.is-transparent .navbar-link.is-active {
+ background-color: transparent !important;
+ }
+
+ .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link,
+ .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link,
+ .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link,
+ .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
+ background-color: transparent !important;
+ }
+
+ .navbar.is-transparent .navbar-dropdown a.navbar-item:focus,
+ .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
+ background-color: hsl(0deg, 0%, 96%);
+ color: hsl(0deg, 0%, 4%);
+ }
+
+ .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
+ background-color: hsl(0deg, 0%, 96%);
+ color: #3490dc;
+ }
+
+ .navbar-burger {
+ display: none;
+ }
+
+ .navbar-item,
+ .navbar-link {
+ align-items: center;
+ display: flex;
+ }
+
+ .navbar-item.has-dropdown {
+ align-items: stretch;
+ }
+
+ .navbar-item.has-dropdown-up .navbar-link::after {
+ transform: rotate(135deg) translate(0.25em, -0.25em);
+ }
+
+ .navbar-item.has-dropdown-up .navbar-dropdown {
+ border-bottom: 2px solid hsl(0deg, 0%, 86%);
+ border-radius: 6px 6px 0 0;
+ border-top: none;
+ bottom: 100%;
+ box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1);
+ top: auto;
+ }
+
+ .navbar-item.is-active .navbar-dropdown,
+ .navbar-item.is-hoverable:focus .navbar-dropdown,
+ .navbar-item.is-hoverable:focus-within .navbar-dropdown,
+ .navbar-item.is-hoverable:hover .navbar-dropdown {
+ display: block;
+ }
+
+ .navbar.is-spaced .navbar-item.is-active .navbar-dropdown,
+ .navbar-item.is-active .navbar-dropdown.is-boxed,
+ .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown,
+ .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed,
+ .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown,
+ .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed,
+ .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown,
+ .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
+ opacity: 1;
+ pointer-events: auto;
+ transform: translateY(0);
+ }
+
+ .navbar-menu {
+ flex-grow: 1;
+ flex-shrink: 0;
+ }
+
+ .navbar-start {
+ justify-content: flex-start;
+ margin-right: auto;
+ }
+
+ .navbar-end {
+ justify-content: flex-end;
+ margin-left: auto;
+ }
+
+ .navbar-dropdown {
+ background-color: hsl(0deg, 0%, 100%);
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+ border-top: 2px solid hsl(0deg, 0%, 86%);
+ box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1);
+ display: none;
+ font-size: 0.875rem;
+ left: 0;
+ min-width: 100%;
+ position: absolute;
+ top: 100%;
+ z-index: 20;
+ }
+
+ .navbar-dropdown .navbar-item {
+ padding: 0.375rem 1rem;
+ white-space: nowrap;
+ }
+
+ .navbar-dropdown a.navbar-item {
+ padding-right: 3rem;
+ }
+
+ .navbar-dropdown a.navbar-item:focus,
+ .navbar-dropdown a.navbar-item:hover {
+ background-color: hsl(0deg, 0%, 96%);
+ color: hsl(0deg, 0%, 4%);
+ }
+
+ .navbar-dropdown a.navbar-item.is-active {
+ background-color: hsl(0deg, 0%, 96%);
+ color: #3490dc;
+ }
+
+ .navbar.is-spaced .navbar-dropdown,
+ .navbar-dropdown.is-boxed {
+ border-radius: 6px;
+ border-top: none;
+ box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1);
+ display: block;
+ opacity: 0;
+ pointer-events: none;
+ top: calc(100% + (-4px));
+ transform: translateY(-5px);
+ transition-duration: 86ms;
+ transition-property: opacity, transform;
+ }
+
+ .navbar-dropdown.is-right {
+ left: auto;
+ right: 0;
+ }
+
+ .navbar-divider {
+ display: block;
+ }
+
+ .navbar > .container .navbar-brand,
+ .container > .navbar .navbar-brand {
+ margin-left: -0.75rem;
+ }
+
+ .navbar > .container .navbar-menu,
+ .container > .navbar .navbar-menu {
+ margin-right: -0.75rem;
+ }
+
+ .navbar.is-fixed-bottom-desktop,
+ .navbar.is-fixed-top-desktop {
+ left: 0;
+ position: fixed;
+ right: 0;
+ z-index: 30;
+ }
+
+ .navbar.is-fixed-bottom-desktop {
+ bottom: 0;
+ }
+
+ .navbar.is-fixed-bottom-desktop.has-shadow {
+ box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1);
+ }
+
+ .navbar.is-fixed-top-desktop {
+ top: 0;
+ }
+
+ html.has-navbar-fixed-top-desktop,
+ body.has-navbar-fixed-top-desktop {
+ padding-top: 3.25rem;
+ }
+
+ html.has-navbar-fixed-bottom-desktop,
+ body.has-navbar-fixed-bottom-desktop {
+ padding-bottom: 3.25rem;
+ }
+
+ html.has-spaced-navbar-fixed-top,
+ body.has-spaced-navbar-fixed-top {
+ padding-top: 5.25rem;
+ }
+
+ html.has-spaced-navbar-fixed-bottom,
+ body.has-spaced-navbar-fixed-bottom {
+ padding-bottom: 5.25rem;
+ }
+
+ a.navbar-item.is-active,
+ .navbar-link.is-active {
+ color: hsl(0deg, 0%, 4%);
+ }
+
+ a.navbar-item.is-active:not(:focus):not(:hover),
+ .navbar-link.is-active:not(:focus):not(:hover) {
+ background-color: transparent;
+ }
+
+ .navbar-item.has-dropdown:focus .navbar-link,
+ .navbar-item.has-dropdown:hover .navbar-link,
+ .navbar-item.has-dropdown.is-active .navbar-link {
+ background-color: hsl(0deg, 0%, 98%);
+ }
+}
+
+.hero.is-fullheight-with-navbar {
+ min-height: calc(100vh - 3.25rem);
+}
+
+.pagination {
+ font-size: 1rem;
+ margin: -0.25rem;
+}
+
+.pagination.is-small {
+ font-size: 0.75rem;
+}
+
+.pagination.is-medium {
+ font-size: 1.25rem;
+}
+
+.pagination.is-large {
+ font-size: 1.5rem;
+}
+
+.pagination.is-rounded .pagination-previous,
+.pagination.is-rounded .pagination-next {
+ padding-left: 1em;
+ padding-right: 1em;
+ border-radius: 9999px;
+}
+
+.pagination.is-rounded .pagination-link {
+ border-radius: 9999px;
+}
+
+.pagination,
+.pagination-list {
+ align-items: center;
+ display: flex;
+ justify-content: center;
+ text-align: center;
+}
+
+.pagination-previous,
+.pagination-next,
+.pagination-link,
+.pagination-ellipsis {
+ font-size: 1em;
+ justify-content: center;
+ margin: 0.25rem;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ text-align: center;
+}
+
+.pagination-previous,
+.pagination-next,
+.pagination-link {
+ border-color: hsl(0deg, 0%, 86%);
+ color: hsl(0deg, 0%, 21%);
+ min-width: 2.5em;
+}
+
+.pagination-previous:hover,
+.pagination-next:hover,
+.pagination-link:hover {
+ border-color: hsl(0deg, 0%, 71%);
+ color: hsl(0deg, 0%, 21%);
+}
+
+.pagination-previous:focus,
+.pagination-next:focus,
+.pagination-link:focus {
+ border-color: #3490dc;
+}
+
+.pagination-previous:active,
+.pagination-next:active,
+.pagination-link:active {
+ box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2);
+}
+
+.pagination-previous[disabled],
+.pagination-previous.is-disabled,
+.pagination-next[disabled],
+.pagination-next.is-disabled,
+.pagination-link[disabled],
+.pagination-link.is-disabled {
+ background-color: hsl(0deg, 0%, 86%);
+ border-color: hsl(0deg, 0%, 86%);
+ box-shadow: none;
+ color: hsl(0deg, 0%, 48%);
+ opacity: 0.5;
+}
+
+.pagination-previous,
+.pagination-next {
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+ white-space: nowrap;
+}
+
+.pagination-link.is-current {
+ background-color: #3490dc;
+ border-color: #3490dc;
+ color: #fff;
+}
+
+.pagination-ellipsis {
+ color: hsl(0deg, 0%, 71%);
+ pointer-events: none;
+}
+
+.pagination-list {
+ flex-wrap: wrap;
+}
+
+.pagination-list li {
+ list-style: none;
+}
+
+@media screen and (max-width: 768px) {
+ .pagination {
+ flex-wrap: wrap;
+ }
+
+ .pagination-previous,
+ .pagination-next {
+ flex-grow: 1;
+ flex-shrink: 1;
+ }
+
+ .pagination-list li {
+ flex-grow: 1;
+ flex-shrink: 1;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .pagination-list {
+ flex-grow: 1;
+ flex-shrink: 1;
+ justify-content: flex-start;
+ order: 1;
+ }
+
+ .pagination-previous,
+ .pagination-next,
+ .pagination-link,
+ .pagination-ellipsis {
+ margin-bottom: 0;
+ margin-top: 0;
+ }
+
+ .pagination-previous {
+ order: 2;
+ }
+
+ .pagination-next {
+ order: 3;
+ }
+
+ .pagination {
+ justify-content: space-between;
+ margin-bottom: 0;
+ margin-top: 0;
+ }
+
+ .pagination.is-centered .pagination-previous {
+ order: 1;
+ }
+
+ .pagination.is-centered .pagination-list {
+ justify-content: center;
+ order: 2;
+ }
+
+ .pagination.is-centered .pagination-next {
+ order: 3;
+ }
+
+ .pagination.is-right .pagination-previous {
+ order: 1;
+ }
+
+ .pagination.is-right .pagination-next {
+ order: 2;
+ }
+
+ .pagination.is-right .pagination-list {
+ justify-content: flex-end;
+ order: 3;
+ }
+}
+
+.panel {
+ border-radius: 6px;
+ box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
+ font-size: 1rem;
+}
+
+.panel:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.panel.is-white .panel-heading {
+ background-color: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.panel.is-white .panel-tabs a.is-active {
+ border-bottom-color: hsl(0deg, 0%, 100%);
+}
+
+.panel.is-white .panel-block.is-active .panel-icon {
+ color: hsl(0deg, 0%, 100%);
+}
+
+.panel.is-black .panel-heading {
+ background-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.panel.is-black .panel-tabs a.is-active {
+ border-bottom-color: hsl(0deg, 0%, 4%);
+}
+
+.panel.is-black .panel-block.is-active .panel-icon {
+ color: hsl(0deg, 0%, 4%);
+}
+
+.panel.is-light .panel-heading {
+ background-color: hsl(0deg, 0%, 96%);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.panel.is-light .panel-tabs a.is-active {
+ border-bottom-color: hsl(0deg, 0%, 96%);
+}
+
+.panel.is-light .panel-block.is-active .panel-icon {
+ color: hsl(0deg, 0%, 96%);
+}
+
+.panel.is-dark .panel-heading {
+ background-color: hsl(0deg, 0%, 21%);
+ color: #fff;
+}
+
+.panel.is-dark .panel-tabs a.is-active {
+ border-bottom-color: hsl(0deg, 0%, 21%);
+}
+
+.panel.is-dark .panel-block.is-active .panel-icon {
+ color: hsl(0deg, 0%, 21%);
+}
+
+.panel.is-primary .panel-heading {
+ background-color: hsl(171deg, 100%, 41%);
+ color: #fff;
+}
+
+.panel.is-primary .panel-tabs a.is-active {
+ border-bottom-color: hsl(171deg, 100%, 41%);
+}
+
+.panel.is-primary .panel-block.is-active .panel-icon {
+ color: hsl(171deg, 100%, 41%);
+}
+
+.panel.is-link .panel-heading {
+ background-color: #3490dc;
+ color: #fff;
+}
+
+.panel.is-link .panel-tabs a.is-active {
+ border-bottom-color: #3490dc;
+}
+
+.panel.is-link .panel-block.is-active .panel-icon {
+ color: #3490dc;
+}
+
+.panel.is-info .panel-heading {
+ background-color: #6cb2eb;
+ color: #fff;
+}
+
+.panel.is-info .panel-tabs a.is-active {
+ border-bottom-color: #6cb2eb;
+}
+
+.panel.is-info .panel-block.is-active .panel-icon {
+ color: #6cb2eb;
+}
+
+.panel.is-success .panel-heading {
+ background-color: #38c172;
+ color: #fff;
+}
+
+.panel.is-success .panel-tabs a.is-active {
+ border-bottom-color: #38c172;
+}
+
+.panel.is-success .panel-block.is-active .panel-icon {
+ color: #38c172;
+}
+
+.panel.is-warning .panel-heading {
+ background-color: #ffed4a;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.panel.is-warning .panel-tabs a.is-active {
+ border-bottom-color: #ffed4a;
+}
+
+.panel.is-warning .panel-block.is-active .panel-icon {
+ color: #ffed4a;
+}
+
+.panel.is-danger .panel-heading {
+ background-color: #e3342f;
+ color: #fff;
+}
+
+.panel.is-danger .panel-tabs a.is-active {
+ border-bottom-color: #e3342f;
+}
+
+.panel.is-danger .panel-block.is-active .panel-icon {
+ color: #e3342f;
+}
+
+.panel-tabs:not(:last-child),
+.panel-block:not(:last-child) {
+ border-bottom: 1px solid hsl(0deg, 0%, 93%);
+}
+
+.panel-heading {
+ background-color: hsl(0deg, 0%, 93%);
+ border-radius: 6px 6px 0 0;
+ color: hsl(0deg, 0%, 21%);
+ font-size: 1.25em;
+ font-weight: 700;
+ line-height: 1.25;
+ padding: 0.75em 1em;
+}
+
+.panel-tabs {
+ align-items: flex-end;
+ display: flex;
+ font-size: 0.875em;
+ justify-content: center;
+}
+
+.panel-tabs a {
+ border-bottom: 1px solid hsl(0deg, 0%, 86%);
+ margin-bottom: -1px;
+ padding: 0.5em;
+}
+
+.panel-tabs a.is-active {
+ border-bottom-color: hsl(0deg, 0%, 29%);
+ color: hsl(0deg, 0%, 21%);
+}
+
+.panel-list a {
+ color: hsl(0deg, 0%, 29%);
+}
+
+.panel-list a:hover {
+ color: #3490dc;
+}
+
+.panel-block {
+ align-items: center;
+ color: hsl(0deg, 0%, 21%);
+ display: flex;
+ justify-content: flex-start;
+ padding: 0.5em 0.75em;
+}
+
+.panel-block input[type=checkbox] {
+ margin-right: 0.75em;
+}
+
+.panel-block > .control {
+ flex-grow: 1;
+ flex-shrink: 1;
+ width: 100%;
+}
+
+.panel-block.is-wrapped {
+ flex-wrap: wrap;
+}
+
+.panel-block.is-active {
+ border-left-color: #3490dc;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.panel-block.is-active .panel-icon {
+ color: #3490dc;
+}
+
+.panel-block:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+}
+
+a.panel-block,
+label.panel-block {
+ cursor: pointer;
+}
+
+a.panel-block:hover,
+label.panel-block:hover {
+ background-color: hsl(0deg, 0%, 96%);
+}
+
+.panel-icon {
+ display: inline-block;
+ font-size: 14px;
+ height: 1em;
+ line-height: 1em;
+ text-align: center;
+ vertical-align: top;
+ width: 1em;
+ color: hsl(0deg, 0%, 48%);
+ margin-right: 0.75em;
+}
+
+.panel-icon .fa {
+ font-size: inherit;
+ line-height: inherit;
+}
+
+.tabs {
+ -webkit-overflow-scrolling: touch;
+ align-items: stretch;
+ display: flex;
+ font-size: 1rem;
+ justify-content: space-between;
+ overflow: hidden;
+ overflow-x: auto;
+ white-space: nowrap;
+}
+
+.tabs a {
+ align-items: center;
+ border-bottom-color: hsl(0deg, 0%, 86%);
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ color: hsl(0deg, 0%, 29%);
+ display: flex;
+ justify-content: center;
+ margin-bottom: -1px;
+ padding: 0.5em 1em;
+ vertical-align: top;
+}
+
+.tabs a:hover {
+ border-bottom-color: hsl(0deg, 0%, 21%);
+ color: hsl(0deg, 0%, 21%);
+}
+
+.tabs li {
+ display: block;
+}
+
+.tabs li.is-active a {
+ border-bottom-color: #3490dc;
+ color: #3490dc;
+}
+
+.tabs ul {
+ align-items: center;
+ border-bottom-color: hsl(0deg, 0%, 86%);
+ border-bottom-style: solid;
+ border-bottom-width: 1px;
+ display: flex;
+ flex-grow: 1;
+ flex-shrink: 0;
+ justify-content: flex-start;
+}
+
+.tabs ul.is-left {
+ padding-right: 0.75em;
+}
+
+.tabs ul.is-center {
+ flex: none;
+ justify-content: center;
+ padding-left: 0.75em;
+ padding-right: 0.75em;
+}
+
+.tabs ul.is-right {
+ justify-content: flex-end;
+ padding-left: 0.75em;
+}
+
+.tabs .icon:first-child {
+ margin-right: 0.5em;
+}
+
+.tabs .icon:last-child {
+ margin-left: 0.5em;
+}
+
+.tabs.is-centered ul {
+ justify-content: center;
+}
+
+.tabs.is-right ul {
+ justify-content: flex-end;
+}
+
+.tabs.is-boxed a {
+ border: 1px solid transparent;
+ border-radius: 4px 4px 0 0;
+}
+
+.tabs.is-boxed a:hover {
+ background-color: hsl(0deg, 0%, 96%);
+ border-bottom-color: hsl(0deg, 0%, 86%);
+}
+
+.tabs.is-boxed li.is-active a {
+ background-color: hsl(0deg, 0%, 100%);
+ border-color: hsl(0deg, 0%, 86%);
+ border-bottom-color: transparent !important;
+}
+
+.tabs.is-fullwidth li {
+ flex-grow: 1;
+ flex-shrink: 0;
+}
+
+.tabs.is-toggle a {
+ border-color: hsl(0deg, 0%, 86%);
+ border-style: solid;
+ border-width: 1px;
+ margin-bottom: 0;
+ position: relative;
+}
+
+.tabs.is-toggle a:hover {
+ background-color: hsl(0deg, 0%, 96%);
+ border-color: hsl(0deg, 0%, 71%);
+ z-index: 2;
+}
+
+.tabs.is-toggle li + li {
+ margin-left: -1px;
+}
+
+.tabs.is-toggle li:first-child a {
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+
+.tabs.is-toggle li:last-child a {
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+
+.tabs.is-toggle li.is-active a {
+ background-color: #3490dc;
+ border-color: #3490dc;
+ color: #fff;
+ z-index: 1;
+}
+
+.tabs.is-toggle ul {
+ border-bottom: none;
+}
+
+.tabs.is-toggle.is-toggle-rounded li:first-child a {
+ border-bottom-left-radius: 9999px;
+ border-top-left-radius: 9999px;
+ padding-left: 1.25em;
+}
+
+.tabs.is-toggle.is-toggle-rounded li:last-child a {
+ border-bottom-right-radius: 9999px;
+ border-top-right-radius: 9999px;
+ padding-right: 1.25em;
+}
+
+.tabs.is-small {
+ font-size: 0.75rem;
+}
+
+.tabs.is-medium {
+ font-size: 1.25rem;
+}
+
+.tabs.is-large {
+ font-size: 1.5rem;
+}
+
+/* Bulma Grid */
+
+.column {
+ display: block;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 1;
+ padding: 0.75rem;
+}
+
+.columns.is-mobile > .column.is-narrow {
+ flex: none;
+ width: unset;
+}
+
+.columns.is-mobile > .column.is-full {
+ flex: none;
+ width: 100%;
+}
+
+.columns.is-mobile > .column.is-three-quarters {
+ flex: none;
+ width: 75%;
+}
+
+.columns.is-mobile > .column.is-two-thirds {
+ flex: none;
+ width: 66.6666%;
+}
+
+.columns.is-mobile > .column.is-half {
+ flex: none;
+ width: 50%;
+}
+
+.columns.is-mobile > .column.is-one-third {
+ flex: none;
+ width: 33.3333%;
+}
+
+.columns.is-mobile > .column.is-one-quarter {
+ flex: none;
+ width: 25%;
+}
+
+.columns.is-mobile > .column.is-one-fifth {
+ flex: none;
+ width: 20%;
+}
+
+.columns.is-mobile > .column.is-two-fifths {
+ flex: none;
+ width: 40%;
+}
+
+.columns.is-mobile > .column.is-three-fifths {
+ flex: none;
+ width: 60%;
+}
+
+.columns.is-mobile > .column.is-four-fifths {
+ flex: none;
+ width: 80%;
+}
+
+.columns.is-mobile > .column.is-offset-three-quarters {
+ margin-left: 75%;
+}
+
+.columns.is-mobile > .column.is-offset-two-thirds {
+ margin-left: 66.6666%;
+}
+
+.columns.is-mobile > .column.is-offset-half {
+ margin-left: 50%;
+}
+
+.columns.is-mobile > .column.is-offset-one-third {
+ margin-left: 33.3333%;
+}
+
+.columns.is-mobile > .column.is-offset-one-quarter {
+ margin-left: 25%;
+}
+
+.columns.is-mobile > .column.is-offset-one-fifth {
+ margin-left: 20%;
+}
+
+.columns.is-mobile > .column.is-offset-two-fifths {
+ margin-left: 40%;
+}
+
+.columns.is-mobile > .column.is-offset-three-fifths {
+ margin-left: 60%;
+}
+
+.columns.is-mobile > .column.is-offset-four-fifths {
+ margin-left: 80%;
+}
+
+.columns.is-mobile > .column.is-0 {
+ flex: none;
+ width: 0%;
+}
+
+.columns.is-mobile > .column.is-offset-0 {
+ margin-left: 0%;
+}
+
+.columns.is-mobile > .column.is-1 {
+ flex: none;
+ width: 8.33333337%;
+}
+
+.columns.is-mobile > .column.is-offset-1 {
+ margin-left: 8.33333337%;
+}
+
+.columns.is-mobile > .column.is-2 {
+ flex: none;
+ width: 16.66666674%;
+}
+
+.columns.is-mobile > .column.is-offset-2 {
+ margin-left: 16.66666674%;
+}
+
+.columns.is-mobile > .column.is-3 {
+ flex: none;
+ width: 25%;
+}
+
+.columns.is-mobile > .column.is-offset-3 {
+ margin-left: 25%;
+}
+
+.columns.is-mobile > .column.is-4 {
+ flex: none;
+ width: 33.33333337%;
+}
+
+.columns.is-mobile > .column.is-offset-4 {
+ margin-left: 33.33333337%;
+}
+
+.columns.is-mobile > .column.is-5 {
+ flex: none;
+ width: 41.66666674%;
+}
+
+.columns.is-mobile > .column.is-offset-5 {
+ margin-left: 41.66666674%;
+}
+
+.columns.is-mobile > .column.is-6 {
+ flex: none;
+ width: 50%;
+}
+
+.columns.is-mobile > .column.is-offset-6 {
+ margin-left: 50%;
+}
+
+.columns.is-mobile > .column.is-7 {
+ flex: none;
+ width: 58.33333337%;
+}
+
+.columns.is-mobile > .column.is-offset-7 {
+ margin-left: 58.33333337%;
+}
+
+.columns.is-mobile > .column.is-8 {
+ flex: none;
+ width: 66.66666674%;
+}
+
+.columns.is-mobile > .column.is-offset-8 {
+ margin-left: 66.66666674%;
+}
+
+.columns.is-mobile > .column.is-9 {
+ flex: none;
+ width: 75%;
+}
+
+.columns.is-mobile > .column.is-offset-9 {
+ margin-left: 75%;
+}
+
+.columns.is-mobile > .column.is-10 {
+ flex: none;
+ width: 83.33333337%;
+}
+
+.columns.is-mobile > .column.is-offset-10 {
+ margin-left: 83.33333337%;
+}
+
+.columns.is-mobile > .column.is-11 {
+ flex: none;
+ width: 91.66666674%;
+}
+
+.columns.is-mobile > .column.is-offset-11 {
+ margin-left: 91.66666674%;
+}
+
+.columns.is-mobile > .column.is-12 {
+ flex: none;
+ width: 100%;
+}
+
+.columns.is-mobile > .column.is-offset-12 {
+ margin-left: 100%;
+}
+
+@media screen and (max-width: 768px) {
+ .column.is-narrow-mobile {
+ flex: none;
+ width: unset;
+ }
+
+ .column.is-full-mobile {
+ flex: none;
+ width: 100%;
+ }
+
+ .column.is-three-quarters-mobile {
+ flex: none;
+ width: 75%;
+ }
+
+ .column.is-two-thirds-mobile {
+ flex: none;
+ width: 66.6666%;
+ }
+
+ .column.is-half-mobile {
+ flex: none;
+ width: 50%;
+ }
+
+ .column.is-one-third-mobile {
+ flex: none;
+ width: 33.3333%;
+ }
+
+ .column.is-one-quarter-mobile {
+ flex: none;
+ width: 25%;
+ }
+
+ .column.is-one-fifth-mobile {
+ flex: none;
+ width: 20%;
+ }
+
+ .column.is-two-fifths-mobile {
+ flex: none;
+ width: 40%;
+ }
+
+ .column.is-three-fifths-mobile {
+ flex: none;
+ width: 60%;
+ }
+
+ .column.is-four-fifths-mobile {
+ flex: none;
+ width: 80%;
+ }
+
+ .column.is-offset-three-quarters-mobile {
+ margin-left: 75%;
+ }
+
+ .column.is-offset-two-thirds-mobile {
+ margin-left: 66.6666%;
+ }
+
+ .column.is-offset-half-mobile {
+ margin-left: 50%;
+ }
+
+ .column.is-offset-one-third-mobile {
+ margin-left: 33.3333%;
+ }
+
+ .column.is-offset-one-quarter-mobile {
+ margin-left: 25%;
+ }
+
+ .column.is-offset-one-fifth-mobile {
+ margin-left: 20%;
+ }
+
+ .column.is-offset-two-fifths-mobile {
+ margin-left: 40%;
+ }
+
+ .column.is-offset-three-fifths-mobile {
+ margin-left: 60%;
+ }
+
+ .column.is-offset-four-fifths-mobile {
+ margin-left: 80%;
+ }
+
+ .column.is-0-mobile {
+ flex: none;
+ width: 0%;
+ }
+
+ .column.is-offset-0-mobile {
+ margin-left: 0%;
+ }
+
+ .column.is-1-mobile {
+ flex: none;
+ width: 8.33333337%;
+ }
+
+ .column.is-offset-1-mobile {
+ margin-left: 8.33333337%;
+ }
+
+ .column.is-2-mobile {
+ flex: none;
+ width: 16.66666674%;
+ }
+
+ .column.is-offset-2-mobile {
+ margin-left: 16.66666674%;
+ }
+
+ .column.is-3-mobile {
+ flex: none;
+ width: 25%;
+ }
+
+ .column.is-offset-3-mobile {
+ margin-left: 25%;
+ }
+
+ .column.is-4-mobile {
+ flex: none;
+ width: 33.33333337%;
+ }
+
+ .column.is-offset-4-mobile {
+ margin-left: 33.33333337%;
+ }
+
+ .column.is-5-mobile {
+ flex: none;
+ width: 41.66666674%;
+ }
+
+ .column.is-offset-5-mobile {
+ margin-left: 41.66666674%;
+ }
+
+ .column.is-6-mobile {
+ flex: none;
+ width: 50%;
+ }
+
+ .column.is-offset-6-mobile {
+ margin-left: 50%;
+ }
+
+ .column.is-7-mobile {
+ flex: none;
+ width: 58.33333337%;
+ }
+
+ .column.is-offset-7-mobile {
+ margin-left: 58.33333337%;
+ }
+
+ .column.is-8-mobile {
+ flex: none;
+ width: 66.66666674%;
+ }
+
+ .column.is-offset-8-mobile {
+ margin-left: 66.66666674%;
+ }
+
+ .column.is-9-mobile {
+ flex: none;
+ width: 75%;
+ }
+
+ .column.is-offset-9-mobile {
+ margin-left: 75%;
+ }
+
+ .column.is-10-mobile {
+ flex: none;
+ width: 83.33333337%;
+ }
+
+ .column.is-offset-10-mobile {
+ margin-left: 83.33333337%;
+ }
+
+ .column.is-11-mobile {
+ flex: none;
+ width: 91.66666674%;
+ }
+
+ .column.is-offset-11-mobile {
+ margin-left: 91.66666674%;
+ }
+
+ .column.is-12-mobile {
+ flex: none;
+ width: 100%;
+ }
+
+ .column.is-offset-12-mobile {
+ margin-left: 100%;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .column.is-narrow,
+ .column.is-narrow-tablet {
+ flex: none;
+ width: unset;
+ }
+
+ .column.is-full,
+ .column.is-full-tablet {
+ flex: none;
+ width: 100%;
+ }
+
+ .column.is-three-quarters,
+ .column.is-three-quarters-tablet {
+ flex: none;
+ width: 75%;
+ }
+
+ .column.is-two-thirds,
+ .column.is-two-thirds-tablet {
+ flex: none;
+ width: 66.6666%;
+ }
+
+ .column.is-half,
+ .column.is-half-tablet {
+ flex: none;
+ width: 50%;
+ }
+
+ .column.is-one-third,
+ .column.is-one-third-tablet {
+ flex: none;
+ width: 33.3333%;
+ }
+
+ .column.is-one-quarter,
+ .column.is-one-quarter-tablet {
+ flex: none;
+ width: 25%;
+ }
+
+ .column.is-one-fifth,
+ .column.is-one-fifth-tablet {
+ flex: none;
+ width: 20%;
+ }
+
+ .column.is-two-fifths,
+ .column.is-two-fifths-tablet {
+ flex: none;
+ width: 40%;
+ }
+
+ .column.is-three-fifths,
+ .column.is-three-fifths-tablet {
+ flex: none;
+ width: 60%;
+ }
+
+ .column.is-four-fifths,
+ .column.is-four-fifths-tablet {
+ flex: none;
+ width: 80%;
+ }
+
+ .column.is-offset-three-quarters,
+ .column.is-offset-three-quarters-tablet {
+ margin-left: 75%;
+ }
+
+ .column.is-offset-two-thirds,
+ .column.is-offset-two-thirds-tablet {
+ margin-left: 66.6666%;
+ }
+
+ .column.is-offset-half,
+ .column.is-offset-half-tablet {
+ margin-left: 50%;
+ }
+
+ .column.is-offset-one-third,
+ .column.is-offset-one-third-tablet {
+ margin-left: 33.3333%;
+ }
+
+ .column.is-offset-one-quarter,
+ .column.is-offset-one-quarter-tablet {
+ margin-left: 25%;
+ }
+
+ .column.is-offset-one-fifth,
+ .column.is-offset-one-fifth-tablet {
+ margin-left: 20%;
+ }
+
+ .column.is-offset-two-fifths,
+ .column.is-offset-two-fifths-tablet {
+ margin-left: 40%;
+ }
+
+ .column.is-offset-three-fifths,
+ .column.is-offset-three-fifths-tablet {
+ margin-left: 60%;
+ }
+
+ .column.is-offset-four-fifths,
+ .column.is-offset-four-fifths-tablet {
+ margin-left: 80%;
+ }
+
+ .column.is-0,
+ .column.is-0-tablet {
+ flex: none;
+ width: 0%;
+ }
+
+ .column.is-offset-0,
+ .column.is-offset-0-tablet {
+ margin-left: 0%;
+ }
+
+ .column.is-1,
+ .column.is-1-tablet {
+ flex: none;
+ width: 8.33333337%;
+ }
+
+ .column.is-offset-1,
+ .column.is-offset-1-tablet {
+ margin-left: 8.33333337%;
+ }
+
+ .column.is-2,
+ .column.is-2-tablet {
+ flex: none;
+ width: 16.66666674%;
+ }
+
+ .column.is-offset-2,
+ .column.is-offset-2-tablet {
+ margin-left: 16.66666674%;
+ }
+
+ .column.is-3,
+ .column.is-3-tablet {
+ flex: none;
+ width: 25%;
+ }
+
+ .column.is-offset-3,
+ .column.is-offset-3-tablet {
+ margin-left: 25%;
+ }
+
+ .column.is-4,
+ .column.is-4-tablet {
+ flex: none;
+ width: 33.33333337%;
+ }
+
+ .column.is-offset-4,
+ .column.is-offset-4-tablet {
+ margin-left: 33.33333337%;
+ }
+
+ .column.is-5,
+ .column.is-5-tablet {
+ flex: none;
+ width: 41.66666674%;
+ }
+
+ .column.is-offset-5,
+ .column.is-offset-5-tablet {
+ margin-left: 41.66666674%;
+ }
+
+ .column.is-6,
+ .column.is-6-tablet {
+ flex: none;
+ width: 50%;
+ }
+
+ .column.is-offset-6,
+ .column.is-offset-6-tablet {
+ margin-left: 50%;
+ }
+
+ .column.is-7,
+ .column.is-7-tablet {
+ flex: none;
+ width: 58.33333337%;
+ }
+
+ .column.is-offset-7,
+ .column.is-offset-7-tablet {
+ margin-left: 58.33333337%;
+ }
+
+ .column.is-8,
+ .column.is-8-tablet {
+ flex: none;
+ width: 66.66666674%;
+ }
+
+ .column.is-offset-8,
+ .column.is-offset-8-tablet {
+ margin-left: 66.66666674%;
+ }
+
+ .column.is-9,
+ .column.is-9-tablet {
+ flex: none;
+ width: 75%;
+ }
+
+ .column.is-offset-9,
+ .column.is-offset-9-tablet {
+ margin-left: 75%;
+ }
+
+ .column.is-10,
+ .column.is-10-tablet {
+ flex: none;
+ width: 83.33333337%;
+ }
+
+ .column.is-offset-10,
+ .column.is-offset-10-tablet {
+ margin-left: 83.33333337%;
+ }
+
+ .column.is-11,
+ .column.is-11-tablet {
+ flex: none;
+ width: 91.66666674%;
+ }
+
+ .column.is-offset-11,
+ .column.is-offset-11-tablet {
+ margin-left: 91.66666674%;
+ }
+
+ .column.is-12,
+ .column.is-12-tablet {
+ flex: none;
+ width: 100%;
+ }
+
+ .column.is-offset-12,
+ .column.is-offset-12-tablet {
+ margin-left: 100%;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .column.is-narrow-touch {
+ flex: none;
+ width: unset;
+ }
+
+ .column.is-full-touch {
+ flex: none;
+ width: 100%;
+ }
+
+ .column.is-three-quarters-touch {
+ flex: none;
+ width: 75%;
+ }
+
+ .column.is-two-thirds-touch {
+ flex: none;
+ width: 66.6666%;
+ }
+
+ .column.is-half-touch {
+ flex: none;
+ width: 50%;
+ }
+
+ .column.is-one-third-touch {
+ flex: none;
+ width: 33.3333%;
+ }
+
+ .column.is-one-quarter-touch {
+ flex: none;
+ width: 25%;
+ }
+
+ .column.is-one-fifth-touch {
+ flex: none;
+ width: 20%;
+ }
+
+ .column.is-two-fifths-touch {
+ flex: none;
+ width: 40%;
+ }
+
+ .column.is-three-fifths-touch {
+ flex: none;
+ width: 60%;
+ }
+
+ .column.is-four-fifths-touch {
+ flex: none;
+ width: 80%;
+ }
+
+ .column.is-offset-three-quarters-touch {
+ margin-left: 75%;
+ }
+
+ .column.is-offset-two-thirds-touch {
+ margin-left: 66.6666%;
+ }
+
+ .column.is-offset-half-touch {
+ margin-left: 50%;
+ }
+
+ .column.is-offset-one-third-touch {
+ margin-left: 33.3333%;
+ }
+
+ .column.is-offset-one-quarter-touch {
+ margin-left: 25%;
+ }
+
+ .column.is-offset-one-fifth-touch {
+ margin-left: 20%;
+ }
+
+ .column.is-offset-two-fifths-touch {
+ margin-left: 40%;
+ }
+
+ .column.is-offset-three-fifths-touch {
+ margin-left: 60%;
+ }
+
+ .column.is-offset-four-fifths-touch {
+ margin-left: 80%;
+ }
+
+ .column.is-0-touch {
+ flex: none;
+ width: 0%;
+ }
+
+ .column.is-offset-0-touch {
+ margin-left: 0%;
+ }
+
+ .column.is-1-touch {
+ flex: none;
+ width: 8.33333337%;
+ }
+
+ .column.is-offset-1-touch {
+ margin-left: 8.33333337%;
+ }
+
+ .column.is-2-touch {
+ flex: none;
+ width: 16.66666674%;
+ }
+
+ .column.is-offset-2-touch {
+ margin-left: 16.66666674%;
+ }
+
+ .column.is-3-touch {
+ flex: none;
+ width: 25%;
+ }
+
+ .column.is-offset-3-touch {
+ margin-left: 25%;
+ }
+
+ .column.is-4-touch {
+ flex: none;
+ width: 33.33333337%;
+ }
+
+ .column.is-offset-4-touch {
+ margin-left: 33.33333337%;
+ }
+
+ .column.is-5-touch {
+ flex: none;
+ width: 41.66666674%;
+ }
+
+ .column.is-offset-5-touch {
+ margin-left: 41.66666674%;
+ }
+
+ .column.is-6-touch {
+ flex: none;
+ width: 50%;
+ }
+
+ .column.is-offset-6-touch {
+ margin-left: 50%;
+ }
+
+ .column.is-7-touch {
+ flex: none;
+ width: 58.33333337%;
+ }
+
+ .column.is-offset-7-touch {
+ margin-left: 58.33333337%;
+ }
+
+ .column.is-8-touch {
+ flex: none;
+ width: 66.66666674%;
+ }
+
+ .column.is-offset-8-touch {
+ margin-left: 66.66666674%;
+ }
+
+ .column.is-9-touch {
+ flex: none;
+ width: 75%;
+ }
+
+ .column.is-offset-9-touch {
+ margin-left: 75%;
+ }
+
+ .column.is-10-touch {
+ flex: none;
+ width: 83.33333337%;
+ }
+
+ .column.is-offset-10-touch {
+ margin-left: 83.33333337%;
+ }
+
+ .column.is-11-touch {
+ flex: none;
+ width: 91.66666674%;
+ }
+
+ .column.is-offset-11-touch {
+ margin-left: 91.66666674%;
+ }
+
+ .column.is-12-touch {
+ flex: none;
+ width: 100%;
+ }
+
+ .column.is-offset-12-touch {
+ margin-left: 100%;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .column.is-narrow-desktop {
+ flex: none;
+ width: unset;
+ }
+
+ .column.is-full-desktop {
+ flex: none;
+ width: 100%;
+ }
+
+ .column.is-three-quarters-desktop {
+ flex: none;
+ width: 75%;
+ }
+
+ .column.is-two-thirds-desktop {
+ flex: none;
+ width: 66.6666%;
+ }
+
+ .column.is-half-desktop {
+ flex: none;
+ width: 50%;
+ }
+
+ .column.is-one-third-desktop {
+ flex: none;
+ width: 33.3333%;
+ }
+
+ .column.is-one-quarter-desktop {
+ flex: none;
+ width: 25%;
+ }
+
+ .column.is-one-fifth-desktop {
+ flex: none;
+ width: 20%;
+ }
+
+ .column.is-two-fifths-desktop {
+ flex: none;
+ width: 40%;
+ }
+
+ .column.is-three-fifths-desktop {
+ flex: none;
+ width: 60%;
+ }
+
+ .column.is-four-fifths-desktop {
+ flex: none;
+ width: 80%;
+ }
+
+ .column.is-offset-three-quarters-desktop {
+ margin-left: 75%;
+ }
+
+ .column.is-offset-two-thirds-desktop {
+ margin-left: 66.6666%;
+ }
+
+ .column.is-offset-half-desktop {
+ margin-left: 50%;
+ }
+
+ .column.is-offset-one-third-desktop {
+ margin-left: 33.3333%;
+ }
+
+ .column.is-offset-one-quarter-desktop {
+ margin-left: 25%;
+ }
+
+ .column.is-offset-one-fifth-desktop {
+ margin-left: 20%;
+ }
+
+ .column.is-offset-two-fifths-desktop {
+ margin-left: 40%;
+ }
+
+ .column.is-offset-three-fifths-desktop {
+ margin-left: 60%;
+ }
+
+ .column.is-offset-four-fifths-desktop {
+ margin-left: 80%;
+ }
+
+ .column.is-0-desktop {
+ flex: none;
+ width: 0%;
+ }
+
+ .column.is-offset-0-desktop {
+ margin-left: 0%;
+ }
+
+ .column.is-1-desktop {
+ flex: none;
+ width: 8.33333337%;
+ }
+
+ .column.is-offset-1-desktop {
+ margin-left: 8.33333337%;
+ }
+
+ .column.is-2-desktop {
+ flex: none;
+ width: 16.66666674%;
+ }
+
+ .column.is-offset-2-desktop {
+ margin-left: 16.66666674%;
+ }
+
+ .column.is-3-desktop {
+ flex: none;
+ width: 25%;
+ }
+
+ .column.is-offset-3-desktop {
+ margin-left: 25%;
+ }
+
+ .column.is-4-desktop {
+ flex: none;
+ width: 33.33333337%;
+ }
+
+ .column.is-offset-4-desktop {
+ margin-left: 33.33333337%;
+ }
+
+ .column.is-5-desktop {
+ flex: none;
+ width: 41.66666674%;
+ }
+
+ .column.is-offset-5-desktop {
+ margin-left: 41.66666674%;
+ }
+
+ .column.is-6-desktop {
+ flex: none;
+ width: 50%;
+ }
+
+ .column.is-offset-6-desktop {
+ margin-left: 50%;
+ }
+
+ .column.is-7-desktop {
+ flex: none;
+ width: 58.33333337%;
+ }
+
+ .column.is-offset-7-desktop {
+ margin-left: 58.33333337%;
+ }
+
+ .column.is-8-desktop {
+ flex: none;
+ width: 66.66666674%;
+ }
+
+ .column.is-offset-8-desktop {
+ margin-left: 66.66666674%;
+ }
+
+ .column.is-9-desktop {
+ flex: none;
+ width: 75%;
+ }
+
+ .column.is-offset-9-desktop {
+ margin-left: 75%;
+ }
+
+ .column.is-10-desktop {
+ flex: none;
+ width: 83.33333337%;
+ }
+
+ .column.is-offset-10-desktop {
+ margin-left: 83.33333337%;
+ }
+
+ .column.is-11-desktop {
+ flex: none;
+ width: 91.66666674%;
+ }
+
+ .column.is-offset-11-desktop {
+ margin-left: 91.66666674%;
+ }
+
+ .column.is-12-desktop {
+ flex: none;
+ width: 100%;
+ }
+
+ .column.is-offset-12-desktop {
+ margin-left: 100%;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .column.is-narrow-widescreen {
+ flex: none;
+ width: unset;
+ }
+
+ .column.is-full-widescreen {
+ flex: none;
+ width: 100%;
+ }
+
+ .column.is-three-quarters-widescreen {
+ flex: none;
+ width: 75%;
+ }
+
+ .column.is-two-thirds-widescreen {
+ flex: none;
+ width: 66.6666%;
+ }
+
+ .column.is-half-widescreen {
+ flex: none;
+ width: 50%;
+ }
+
+ .column.is-one-third-widescreen {
+ flex: none;
+ width: 33.3333%;
+ }
+
+ .column.is-one-quarter-widescreen {
+ flex: none;
+ width: 25%;
+ }
+
+ .column.is-one-fifth-widescreen {
+ flex: none;
+ width: 20%;
+ }
+
+ .column.is-two-fifths-widescreen {
+ flex: none;
+ width: 40%;
+ }
+
+ .column.is-three-fifths-widescreen {
+ flex: none;
+ width: 60%;
+ }
+
+ .column.is-four-fifths-widescreen {
+ flex: none;
+ width: 80%;
+ }
+
+ .column.is-offset-three-quarters-widescreen {
+ margin-left: 75%;
+ }
+
+ .column.is-offset-two-thirds-widescreen {
+ margin-left: 66.6666%;
+ }
+
+ .column.is-offset-half-widescreen {
+ margin-left: 50%;
+ }
+
+ .column.is-offset-one-third-widescreen {
+ margin-left: 33.3333%;
+ }
+
+ .column.is-offset-one-quarter-widescreen {
+ margin-left: 25%;
+ }
+
+ .column.is-offset-one-fifth-widescreen {
+ margin-left: 20%;
+ }
+
+ .column.is-offset-two-fifths-widescreen {
+ margin-left: 40%;
+ }
+
+ .column.is-offset-three-fifths-widescreen {
+ margin-left: 60%;
+ }
+
+ .column.is-offset-four-fifths-widescreen {
+ margin-left: 80%;
+ }
+
+ .column.is-0-widescreen {
+ flex: none;
+ width: 0%;
+ }
+
+ .column.is-offset-0-widescreen {
+ margin-left: 0%;
+ }
+
+ .column.is-1-widescreen {
+ flex: none;
+ width: 8.33333337%;
+ }
+
+ .column.is-offset-1-widescreen {
+ margin-left: 8.33333337%;
+ }
+
+ .column.is-2-widescreen {
+ flex: none;
+ width: 16.66666674%;
+ }
+
+ .column.is-offset-2-widescreen {
+ margin-left: 16.66666674%;
+ }
+
+ .column.is-3-widescreen {
+ flex: none;
+ width: 25%;
+ }
+
+ .column.is-offset-3-widescreen {
+ margin-left: 25%;
+ }
+
+ .column.is-4-widescreen {
+ flex: none;
+ width: 33.33333337%;
+ }
+
+ .column.is-offset-4-widescreen {
+ margin-left: 33.33333337%;
+ }
+
+ .column.is-5-widescreen {
+ flex: none;
+ width: 41.66666674%;
+ }
+
+ .column.is-offset-5-widescreen {
+ margin-left: 41.66666674%;
+ }
+
+ .column.is-6-widescreen {
+ flex: none;
+ width: 50%;
+ }
+
+ .column.is-offset-6-widescreen {
+ margin-left: 50%;
+ }
+
+ .column.is-7-widescreen {
+ flex: none;
+ width: 58.33333337%;
+ }
+
+ .column.is-offset-7-widescreen {
+ margin-left: 58.33333337%;
+ }
+
+ .column.is-8-widescreen {
+ flex: none;
+ width: 66.66666674%;
+ }
+
+ .column.is-offset-8-widescreen {
+ margin-left: 66.66666674%;
+ }
+
+ .column.is-9-widescreen {
+ flex: none;
+ width: 75%;
+ }
+
+ .column.is-offset-9-widescreen {
+ margin-left: 75%;
+ }
+
+ .column.is-10-widescreen {
+ flex: none;
+ width: 83.33333337%;
+ }
+
+ .column.is-offset-10-widescreen {
+ margin-left: 83.33333337%;
+ }
+
+ .column.is-11-widescreen {
+ flex: none;
+ width: 91.66666674%;
+ }
+
+ .column.is-offset-11-widescreen {
+ margin-left: 91.66666674%;
+ }
+
+ .column.is-12-widescreen {
+ flex: none;
+ width: 100%;
+ }
+
+ .column.is-offset-12-widescreen {
+ margin-left: 100%;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .column.is-narrow-fullhd {
+ flex: none;
+ width: unset;
+ }
+
+ .column.is-full-fullhd {
+ flex: none;
+ width: 100%;
+ }
+
+ .column.is-three-quarters-fullhd {
+ flex: none;
+ width: 75%;
+ }
+
+ .column.is-two-thirds-fullhd {
+ flex: none;
+ width: 66.6666%;
+ }
+
+ .column.is-half-fullhd {
+ flex: none;
+ width: 50%;
+ }
+
+ .column.is-one-third-fullhd {
+ flex: none;
+ width: 33.3333%;
+ }
+
+ .column.is-one-quarter-fullhd {
+ flex: none;
+ width: 25%;
+ }
+
+ .column.is-one-fifth-fullhd {
+ flex: none;
+ width: 20%;
+ }
+
+ .column.is-two-fifths-fullhd {
+ flex: none;
+ width: 40%;
+ }
+
+ .column.is-three-fifths-fullhd {
+ flex: none;
+ width: 60%;
+ }
+
+ .column.is-four-fifths-fullhd {
+ flex: none;
+ width: 80%;
+ }
+
+ .column.is-offset-three-quarters-fullhd {
+ margin-left: 75%;
+ }
+
+ .column.is-offset-two-thirds-fullhd {
+ margin-left: 66.6666%;
+ }
+
+ .column.is-offset-half-fullhd {
+ margin-left: 50%;
+ }
+
+ .column.is-offset-one-third-fullhd {
+ margin-left: 33.3333%;
+ }
+
+ .column.is-offset-one-quarter-fullhd {
+ margin-left: 25%;
+ }
+
+ .column.is-offset-one-fifth-fullhd {
+ margin-left: 20%;
+ }
+
+ .column.is-offset-two-fifths-fullhd {
+ margin-left: 40%;
+ }
+
+ .column.is-offset-three-fifths-fullhd {
+ margin-left: 60%;
+ }
+
+ .column.is-offset-four-fifths-fullhd {
+ margin-left: 80%;
+ }
+
+ .column.is-0-fullhd {
+ flex: none;
+ width: 0%;
+ }
+
+ .column.is-offset-0-fullhd {
+ margin-left: 0%;
+ }
+
+ .column.is-1-fullhd {
+ flex: none;
+ width: 8.33333337%;
+ }
+
+ .column.is-offset-1-fullhd {
+ margin-left: 8.33333337%;
+ }
+
+ .column.is-2-fullhd {
+ flex: none;
+ width: 16.66666674%;
+ }
+
+ .column.is-offset-2-fullhd {
+ margin-left: 16.66666674%;
+ }
+
+ .column.is-3-fullhd {
+ flex: none;
+ width: 25%;
+ }
+
+ .column.is-offset-3-fullhd {
+ margin-left: 25%;
+ }
+
+ .column.is-4-fullhd {
+ flex: none;
+ width: 33.33333337%;
+ }
+
+ .column.is-offset-4-fullhd {
+ margin-left: 33.33333337%;
+ }
+
+ .column.is-5-fullhd {
+ flex: none;
+ width: 41.66666674%;
+ }
+
+ .column.is-offset-5-fullhd {
+ margin-left: 41.66666674%;
+ }
+
+ .column.is-6-fullhd {
+ flex: none;
+ width: 50%;
+ }
+
+ .column.is-offset-6-fullhd {
+ margin-left: 50%;
+ }
+
+ .column.is-7-fullhd {
+ flex: none;
+ width: 58.33333337%;
+ }
+
+ .column.is-offset-7-fullhd {
+ margin-left: 58.33333337%;
+ }
+
+ .column.is-8-fullhd {
+ flex: none;
+ width: 66.66666674%;
+ }
+
+ .column.is-offset-8-fullhd {
+ margin-left: 66.66666674%;
+ }
+
+ .column.is-9-fullhd {
+ flex: none;
+ width: 75%;
+ }
+
+ .column.is-offset-9-fullhd {
+ margin-left: 75%;
+ }
+
+ .column.is-10-fullhd {
+ flex: none;
+ width: 83.33333337%;
+ }
+
+ .column.is-offset-10-fullhd {
+ margin-left: 83.33333337%;
+ }
+
+ .column.is-11-fullhd {
+ flex: none;
+ width: 91.66666674%;
+ }
+
+ .column.is-offset-11-fullhd {
+ margin-left: 91.66666674%;
+ }
+
+ .column.is-12-fullhd {
+ flex: none;
+ width: 100%;
+ }
+
+ .column.is-offset-12-fullhd {
+ margin-left: 100%;
+ }
+}
+
+.columns {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ margin-top: -0.75rem;
+}
+
+.columns:last-child {
+ margin-bottom: -0.75rem;
+}
+
+.columns:not(:last-child) {
+ margin-bottom: calc(1.5rem - 0.75rem);
+}
+
+.columns.is-centered {
+ justify-content: center;
+}
+
+.columns.is-gapless {
+ margin-left: 0;
+ margin-right: 0;
+ margin-top: 0;
+}
+
+.columns.is-gapless > .column {
+ margin: 0;
+ padding: 0 !important;
+}
+
+.columns.is-gapless:not(:last-child) {
+ margin-bottom: 1.5rem;
+}
+
+.columns.is-gapless:last-child {
+ margin-bottom: 0;
+}
+
+.columns.is-mobile {
+ display: flex;
+}
+
+.columns.is-multiline {
+ flex-wrap: wrap;
+}
+
+.columns.is-vcentered {
+ align-items: center;
+}
+
+@media screen and (min-width: 769px), print {
+ .columns:not(.is-desktop) {
+ display: flex;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .columns.is-desktop {
+ display: flex;
+ }
+}
+
+.columns.is-variable {
+ --columnGap: 0.75rem;
+ margin-left: calc(-1 * var(--columnGap));
+ margin-right: calc(-1 * var(--columnGap));
+}
+
+.columns.is-variable > .column {
+ padding-left: var(--columnGap);
+ padding-right: var(--columnGap);
+}
+
+.columns.is-variable.is-0 {
+ --columnGap: 0rem;
+}
+
+@media screen and (max-width: 768px) {
+ .columns.is-variable.is-0-mobile {
+ --columnGap: 0rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .columns.is-variable.is-0-tablet {
+ --columnGap: 0rem;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .columns.is-variable.is-0-tablet-only {
+ --columnGap: 0rem;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .columns.is-variable.is-0-touch {
+ --columnGap: 0rem;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .columns.is-variable.is-0-desktop {
+ --columnGap: 0rem;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .columns.is-variable.is-0-desktop-only {
+ --columnGap: 0rem;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .columns.is-variable.is-0-widescreen {
+ --columnGap: 0rem;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .columns.is-variable.is-0-widescreen-only {
+ --columnGap: 0rem;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .columns.is-variable.is-0-fullhd {
+ --columnGap: 0rem;
+ }
+}
+
+.columns.is-variable.is-1 {
+ --columnGap: 0.25rem;
+}
+
+@media screen and (max-width: 768px) {
+ .columns.is-variable.is-1-mobile {
+ --columnGap: 0.25rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .columns.is-variable.is-1-tablet {
+ --columnGap: 0.25rem;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .columns.is-variable.is-1-tablet-only {
+ --columnGap: 0.25rem;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .columns.is-variable.is-1-touch {
+ --columnGap: 0.25rem;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .columns.is-variable.is-1-desktop {
+ --columnGap: 0.25rem;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .columns.is-variable.is-1-desktop-only {
+ --columnGap: 0.25rem;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .columns.is-variable.is-1-widescreen {
+ --columnGap: 0.25rem;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .columns.is-variable.is-1-widescreen-only {
+ --columnGap: 0.25rem;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .columns.is-variable.is-1-fullhd {
+ --columnGap: 0.25rem;
+ }
+}
+
+.columns.is-variable.is-2 {
+ --columnGap: 0.5rem;
+}
+
+@media screen and (max-width: 768px) {
+ .columns.is-variable.is-2-mobile {
+ --columnGap: 0.5rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .columns.is-variable.is-2-tablet {
+ --columnGap: 0.5rem;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .columns.is-variable.is-2-tablet-only {
+ --columnGap: 0.5rem;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .columns.is-variable.is-2-touch {
+ --columnGap: 0.5rem;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .columns.is-variable.is-2-desktop {
+ --columnGap: 0.5rem;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .columns.is-variable.is-2-desktop-only {
+ --columnGap: 0.5rem;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .columns.is-variable.is-2-widescreen {
+ --columnGap: 0.5rem;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .columns.is-variable.is-2-widescreen-only {
+ --columnGap: 0.5rem;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .columns.is-variable.is-2-fullhd {
+ --columnGap: 0.5rem;
+ }
+}
+
+.columns.is-variable.is-3 {
+ --columnGap: 0.75rem;
+}
+
+@media screen and (max-width: 768px) {
+ .columns.is-variable.is-3-mobile {
+ --columnGap: 0.75rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .columns.is-variable.is-3-tablet {
+ --columnGap: 0.75rem;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .columns.is-variable.is-3-tablet-only {
+ --columnGap: 0.75rem;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .columns.is-variable.is-3-touch {
+ --columnGap: 0.75rem;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .columns.is-variable.is-3-desktop {
+ --columnGap: 0.75rem;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .columns.is-variable.is-3-desktop-only {
+ --columnGap: 0.75rem;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .columns.is-variable.is-3-widescreen {
+ --columnGap: 0.75rem;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .columns.is-variable.is-3-widescreen-only {
+ --columnGap: 0.75rem;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .columns.is-variable.is-3-fullhd {
+ --columnGap: 0.75rem;
+ }
+}
+
+.columns.is-variable.is-4 {
+ --columnGap: 1rem;
+}
+
+@media screen and (max-width: 768px) {
+ .columns.is-variable.is-4-mobile {
+ --columnGap: 1rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .columns.is-variable.is-4-tablet {
+ --columnGap: 1rem;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .columns.is-variable.is-4-tablet-only {
+ --columnGap: 1rem;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .columns.is-variable.is-4-touch {
+ --columnGap: 1rem;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .columns.is-variable.is-4-desktop {
+ --columnGap: 1rem;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .columns.is-variable.is-4-desktop-only {
+ --columnGap: 1rem;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .columns.is-variable.is-4-widescreen {
+ --columnGap: 1rem;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .columns.is-variable.is-4-widescreen-only {
+ --columnGap: 1rem;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .columns.is-variable.is-4-fullhd {
+ --columnGap: 1rem;
+ }
+}
+
+.columns.is-variable.is-5 {
+ --columnGap: 1.25rem;
+}
+
+@media screen and (max-width: 768px) {
+ .columns.is-variable.is-5-mobile {
+ --columnGap: 1.25rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .columns.is-variable.is-5-tablet {
+ --columnGap: 1.25rem;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .columns.is-variable.is-5-tablet-only {
+ --columnGap: 1.25rem;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .columns.is-variable.is-5-touch {
+ --columnGap: 1.25rem;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .columns.is-variable.is-5-desktop {
+ --columnGap: 1.25rem;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .columns.is-variable.is-5-desktop-only {
+ --columnGap: 1.25rem;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .columns.is-variable.is-5-widescreen {
+ --columnGap: 1.25rem;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .columns.is-variable.is-5-widescreen-only {
+ --columnGap: 1.25rem;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .columns.is-variable.is-5-fullhd {
+ --columnGap: 1.25rem;
+ }
+}
+
+.columns.is-variable.is-6 {
+ --columnGap: 1.5rem;
+}
+
+@media screen and (max-width: 768px) {
+ .columns.is-variable.is-6-mobile {
+ --columnGap: 1.5rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .columns.is-variable.is-6-tablet {
+ --columnGap: 1.5rem;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .columns.is-variable.is-6-tablet-only {
+ --columnGap: 1.5rem;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .columns.is-variable.is-6-touch {
+ --columnGap: 1.5rem;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .columns.is-variable.is-6-desktop {
+ --columnGap: 1.5rem;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .columns.is-variable.is-6-desktop-only {
+ --columnGap: 1.5rem;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .columns.is-variable.is-6-widescreen {
+ --columnGap: 1.5rem;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .columns.is-variable.is-6-widescreen-only {
+ --columnGap: 1.5rem;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .columns.is-variable.is-6-fullhd {
+ --columnGap: 1.5rem;
+ }
+}
+
+.columns.is-variable.is-7 {
+ --columnGap: 1.75rem;
+}
+
+@media screen and (max-width: 768px) {
+ .columns.is-variable.is-7-mobile {
+ --columnGap: 1.75rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .columns.is-variable.is-7-tablet {
+ --columnGap: 1.75rem;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .columns.is-variable.is-7-tablet-only {
+ --columnGap: 1.75rem;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .columns.is-variable.is-7-touch {
+ --columnGap: 1.75rem;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .columns.is-variable.is-7-desktop {
+ --columnGap: 1.75rem;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .columns.is-variable.is-7-desktop-only {
+ --columnGap: 1.75rem;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .columns.is-variable.is-7-widescreen {
+ --columnGap: 1.75rem;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .columns.is-variable.is-7-widescreen-only {
+ --columnGap: 1.75rem;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .columns.is-variable.is-7-fullhd {
+ --columnGap: 1.75rem;
+ }
+}
+
+.columns.is-variable.is-8 {
+ --columnGap: 2rem;
+}
+
+@media screen and (max-width: 768px) {
+ .columns.is-variable.is-8-mobile {
+ --columnGap: 2rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .columns.is-variable.is-8-tablet {
+ --columnGap: 2rem;
+ }
+}
+
+@media screen and (min-width: 769px) and (max-width: 1023px) {
+ .columns.is-variable.is-8-tablet-only {
+ --columnGap: 2rem;
+ }
+}
+
+@media screen and (max-width: 1023px) {
+ .columns.is-variable.is-8-touch {
+ --columnGap: 2rem;
+ }
+}
+
+@media screen and (min-width: 1024px) {
+ .columns.is-variable.is-8-desktop {
+ --columnGap: 2rem;
+ }
+}
+
+@media screen and (min-width: 1024px) and (max-width: 1215px) {
+ .columns.is-variable.is-8-desktop-only {
+ --columnGap: 2rem;
+ }
+}
+
+@media screen and (min-width: 1216px) {
+ .columns.is-variable.is-8-widescreen {
+ --columnGap: 2rem;
+ }
+}
+
+@media screen and (min-width: 1216px) and (max-width: 1407px) {
+ .columns.is-variable.is-8-widescreen-only {
+ --columnGap: 2rem;
+ }
+}
+
+@media screen and (min-width: 1408px) {
+ .columns.is-variable.is-8-fullhd {
+ --columnGap: 2rem;
+ }
+}
+
+.tile {
+ align-items: stretch;
+ display: block;
+ flex-basis: 0;
+ flex-grow: 1;
+ flex-shrink: 1;
+ min-height: -webkit-min-content;
+ min-height: -moz-min-content;
+ min-height: min-content;
+}
+
+.tile.is-ancestor {
+ margin-left: -0.75rem;
+ margin-right: -0.75rem;
+ margin-top: -0.75rem;
+}
+
+.tile.is-ancestor:last-child {
+ margin-bottom: -0.75rem;
+}
+
+.tile.is-ancestor:not(:last-child) {
+ margin-bottom: 0.75rem;
+}
+
+.tile.is-child {
+ margin: 0 !important;
+}
+
+.tile.is-parent {
+ padding: 0.75rem;
+}
+
+.tile.is-vertical {
+ flex-direction: column;
+}
+
+.tile.is-vertical > .tile.is-child:not(:last-child) {
+ margin-bottom: 1.5rem !important;
+}
+
+@media screen and (min-width: 769px), print {
+ .tile:not(.is-child) {
+ display: flex;
+ }
+
+ .tile.is-1 {
+ flex: none;
+ width: 8.33333337%;
+ }
+
+ .tile.is-2 {
+ flex: none;
+ width: 16.66666674%;
+ }
+
+ .tile.is-3 {
+ flex: none;
+ width: 25%;
+ }
+
+ .tile.is-4 {
+ flex: none;
+ width: 33.33333337%;
+ }
+
+ .tile.is-5 {
+ flex: none;
+ width: 41.66666674%;
+ }
+
+ .tile.is-6 {
+ flex: none;
+ width: 50%;
+ }
+
+ .tile.is-7 {
+ flex: none;
+ width: 58.33333337%;
+ }
+
+ .tile.is-8 {
+ flex: none;
+ width: 66.66666674%;
+ }
+
+ .tile.is-9 {
+ flex: none;
+ width: 75%;
+ }
+
+ .tile.is-10 {
+ flex: none;
+ width: 83.33333337%;
+ }
+
+ .tile.is-11 {
+ flex: none;
+ width: 91.66666674%;
+ }
+
+ .tile.is-12 {
+ flex: none;
+ width: 100%;
+ }
+}
+
+/* Bulma Helpers */
+
+.has-text-white {
+ color: hsl(0deg, 0%, 100%) !important;
+}
+
+a.has-text-white:hover,
+a.has-text-white:focus {
+ color: #e6e6e6 !important;
+}
+
+.has-background-white {
+ background-color: hsl(0deg, 0%, 100%) !important;
+}
+
+.has-text-black {
+ color: hsl(0deg, 0%, 4%) !important;
+}
+
+a.has-text-black:hover,
+a.has-text-black:focus {
+ color: black !important;
+}
+
+.has-background-black {
+ background-color: hsl(0deg, 0%, 4%) !important;
+}
+
+.has-text-light {
+ color: hsl(0deg, 0%, 96%) !important;
+}
+
+a.has-text-light:hover,
+a.has-text-light:focus {
+ color: #dbdbdb !important;
+}
+
+.has-background-light {
+ background-color: hsl(0deg, 0%, 96%) !important;
+}
+
+.has-text-dark {
+ color: hsl(0deg, 0%, 21%) !important;
+}
+
+a.has-text-dark:hover,
+a.has-text-dark:focus {
+ color: #1c1c1c !important;
+}
+
+.has-background-dark {
+ background-color: hsl(0deg, 0%, 21%) !important;
+}
+
+.has-text-primary {
+ color: hsl(171deg, 100%, 41%) !important;
+}
+
+a.has-text-primary:hover,
+a.has-text-primary:focus {
+ color: #009e86 !important;
+}
+
+.has-background-primary {
+ background-color: hsl(171deg, 100%, 41%) !important;
+}
+
+.has-text-primary-light {
+ color: #ebfffc !important;
+}
+
+a.has-text-primary-light:hover,
+a.has-text-primary-light:focus {
+ color: #b8fff4 !important;
+}
+
+.has-background-primary-light {
+ background-color: #ebfffc !important;
+}
+
+.has-text-primary-dark {
+ color: #00947e !important;
+}
+
+a.has-text-primary-dark:hover,
+a.has-text-primary-dark:focus {
+ color: #00c7a9 !important;
+}
+
+.has-background-primary-dark {
+ background-color: #00947e !important;
+}
+
+.has-text-link {
+ color: #3490dc !important;
+}
+
+a.has-text-link:hover,
+a.has-text-link:focus {
+ color: #2176bd !important;
+}
+
+.has-background-link {
+ background-color: #3490dc !important;
+}
+
+.has-text-link-light {
+ color: #eef5fc !important;
+}
+
+a.has-text-link-light:hover,
+a.has-text-link-light:focus {
+ color: #c2def5 !important;
+}
+
+.has-background-link-light {
+ background-color: #eef5fc !important;
+}
+
+.has-text-link-dark {
+ color: #1e6dae !important;
+}
+
+a.has-text-link-dark:hover,
+a.has-text-link-dark:focus {
+ color: #2688da !important;
+}
+
+.has-background-link-dark {
+ background-color: #1e6dae !important;
+}
+
+.has-text-info {
+ color: #6cb2eb !important;
+}
+
+a.has-text-info:hover,
+a.has-text-info:focus {
+ color: #3f9ae5 !important;
+}
+
+.has-background-info {
+ background-color: #6cb2eb !important;
+}
+
+.has-text-info-light {
+ color: #edf6fd !important;
+}
+
+a.has-text-info-light:hover,
+a.has-text-info-light:focus {
+ color: #c0def6 !important;
+}
+
+.has-background-info-light {
+ background-color: #edf6fd !important;
+}
+
+.has-text-info-dark {
+ color: #145890 !important;
+}
+
+a.has-text-info-dark:hover,
+a.has-text-info-dark:focus {
+ color: #1a73bd !important;
+}
+
+.has-background-info-dark {
+ background-color: #145890 !important;
+}
+
+.has-text-success {
+ color: #38c172 !important;
+}
+
+a.has-text-success:hover,
+a.has-text-success:focus {
+ color: #2d995b !important;
+}
+
+.has-background-success {
+ background-color: #38c172 !important;
+}
+
+.has-text-success-light {
+ color: #effaf4 !important;
+}
+
+a.has-text-success-light:hover,
+a.has-text-success-light:focus {
+ color: #c8efd8 !important;
+}
+
+.has-background-success-light {
+ background-color: #effaf4 !important;
+}
+
+.has-text-success-dark {
+ color: #26824d !important;
+}
+
+a.has-text-success-dark:hover,
+a.has-text-success-dark:focus {
+ color: #31aa64 !important;
+}
+
+.has-background-success-dark {
+ background-color: #26824d !important;
+}
+
+.has-text-warning {
+ color: #ffed4a !important;
+}
+
+a.has-text-warning:hover,
+a.has-text-warning:focus {
+ color: #ffe817 !important;
+}
+
+.has-background-warning {
+ background-color: #ffed4a !important;
+}
+
+.has-text-warning-light {
+ color: #fffdeb !important;
+}
+
+a.has-text-warning-light:hover,
+a.has-text-warning-light:focus {
+ color: #fff8b8 !important;
+}
+
+.has-background-warning-light {
+ background-color: #fffdeb !important;
+}
+
+.has-text-warning-dark {
+ color: #948500 !important;
+}
+
+a.has-text-warning-dark:hover,
+a.has-text-warning-dark:focus {
+ color: #c7b300 !important;
+}
+
+.has-background-warning-dark {
+ background-color: #948500 !important;
+}
+
+.has-text-danger {
+ color: #e3342f !important;
+}
+
+a.has-text-danger:hover,
+a.has-text-danger:focus {
+ color: #c51f1a !important;
+}
+
+.has-background-danger {
+ background-color: #e3342f !important;
+}
+
+.has-text-danger-light {
+ color: #fdeded !important;
+}
+
+a.has-text-danger-light:hover,
+a.has-text-danger-light:focus {
+ color: #f7c2c0 !important;
+}
+
+.has-background-danger-light {
+ background-color: #fdeded !important;
+}
+
+.has-text-danger-dark {
+ color: #cf211c !important;
+}
+
+a.has-text-danger-dark:hover,
+a.has-text-danger-dark:focus {
+ color: #e43e39 !important;
+}
+
+.has-background-danger-dark {
+ background-color: #cf211c !important;
+}
+
+.has-text-black-bis {
+ color: hsl(0deg, 0%, 7%) !important;
+}
+
+.has-background-black-bis {
+ background-color: hsl(0deg, 0%, 7%) !important;
+}
+
+.has-text-black-ter {
+ color: hsl(0deg, 0%, 14%) !important;
+}
+
+.has-background-black-ter {
+ background-color: hsl(0deg, 0%, 14%) !important;
+}
+
+.has-text-grey-darker {
+ color: hsl(0deg, 0%, 21%) !important;
+}
+
+.has-background-grey-darker {
+ background-color: hsl(0deg, 0%, 21%) !important;
+}
+
+.has-text-grey-dark {
+ color: hsl(0deg, 0%, 29%) !important;
+}
+
+.has-background-grey-dark {
+ background-color: hsl(0deg, 0%, 29%) !important;
+}
+
+.has-text-grey {
+ color: hsl(0deg, 0%, 48%) !important;
+}
+
+.has-background-grey {
+ background-color: hsl(0deg, 0%, 48%) !important;
+}
+
+.has-text-grey-light {
+ color: hsl(0deg, 0%, 71%) !important;
+}
+
+.has-background-grey-light {
+ background-color: hsl(0deg, 0%, 71%) !important;
+}
+
+.has-text-grey-lighter {
+ color: hsl(0deg, 0%, 86%) !important;
+}
+
+.has-background-grey-lighter {
+ background-color: hsl(0deg, 0%, 86%) !important;
+}
+
+.has-text-white-ter {
+ color: hsl(0deg, 0%, 96%) !important;
+}
+
+.has-background-white-ter {
+ background-color: hsl(0deg, 0%, 96%) !important;
+}
+
+.has-text-white-bis {
+ color: hsl(0deg, 0%, 98%) !important;
+}
+
+.has-background-white-bis {
+ background-color: hsl(0deg, 0%, 98%) !important;
+}
+
+.is-flex-direction-row {
+ flex-direction: row !important;
+}
+
+.is-flex-direction-row-reverse {
+ flex-direction: row-reverse !important;
+}
+
+.is-flex-direction-column {
+ flex-direction: column !important;
+}
+
+.is-flex-direction-column-reverse {
+ flex-direction: column-reverse !important;
+}
+
+.is-flex-wrap-nowrap {
+ flex-wrap: nowrap !important;
+}
+
+.is-flex-wrap-wrap {
+ flex-wrap: wrap !important;
+}
+
+.is-flex-wrap-wrap-reverse {
+ flex-wrap: wrap-reverse !important;
+}
+
+.is-justify-content-flex-start {
+ justify-content: flex-start !important;
+}
+
+.is-justify-content-flex-end {
+ justify-content: flex-end !important;
+}
+
+.is-justify-content-center {
+ justify-content: center !important;
+}
+
+.is-justify-content-space-between {
+ justify-content: space-between !important;
+}
+
+.is-justify-content-space-around {
+ justify-content: space-around !important;
+}
+
+.is-justify-content-space-evenly {
+ justify-content: space-evenly !important;
+}
+
+.is-justify-content-start {
+ justify-content: start !important;
+}
+
+.is-justify-content-end {
+ justify-content: end !important;
+}
+
+.is-justify-content-left {
+ justify-content: left !important;
+}
+
+.is-justify-content-right {
+ justify-content: right !important;
+}
+
+.is-align-content-flex-start {
+ align-content: flex-start !important;
+}
+
+.is-align-content-flex-end {
+ align-content: flex-end !important;
+}
+
+.is-align-content-center {
+ align-content: center !important;
+}
+
+.is-align-content-space-between {
+ align-content: space-between !important;
+}
+
+.is-align-content-space-around {
+ align-content: space-around !important;
+}
+
+.is-align-content-space-evenly {
+ align-content: space-evenly !important;
+}
+
+.is-align-content-stretch {
+ align-content: stretch !important;
+}
+
+.is-align-content-start {
+ align-content: start !important;
+}
+
+.is-align-content-end {
+ align-content: end !important;
+}
+
+.is-align-content-baseline {
+ align-content: baseline !important;
+}
+
+.is-align-items-stretch {
+ align-items: stretch !important;
+}
+
+.is-align-items-flex-start {
+ align-items: flex-start !important;
+}
+
+.is-align-items-flex-end {
+ align-items: flex-end !important;
+}
+
+.is-align-items-center {
+ align-items: center !important;
+}
+
+.is-align-items-baseline {
+ align-items: baseline !important;
+}
+
+.is-align-items-start {
+ align-items: start !important;
+}
+
+.is-align-items-end {
+ align-items: end !important;
+}
+
+.is-align-items-self-start {
+ align-items: self-start !important;
+}
+
+.is-align-items-self-end {
+ align-items: self-end !important;
+}
+
+.is-align-self-auto {
+ align-self: auto !important;
+}
+
+.is-align-self-flex-start {
+ align-self: flex-start !important;
+}
+
+.is-align-self-flex-end {
+ align-self: flex-end !important;
+}
+
+.is-align-self-center {
+ align-self: center !important;
+}
+
+.is-align-self-baseline {
+ align-self: baseline !important;
+}
+
+.is-align-self-stretch {
+ align-self: stretch !important;
+}
+
+.is-flex-grow-0 {
+ flex-grow: 0 !important;
+}
+
+.is-flex-grow-1 {
+ flex-grow: 1 !important;
+}
+
+.is-flex-grow-2 {
+ flex-grow: 2 !important;
+}
+
+.is-flex-grow-3 {
+ flex-grow: 3 !important;
+}
+
+.is-flex-grow-4 {
+ flex-grow: 4 !important;
+}
+
+.is-flex-grow-5 {
+ flex-grow: 5 !important;
+}
+
+.is-flex-shrink-0 {
+ flex-shrink: 0 !important;
+}
+
+.is-flex-shrink-1 {
+ flex-shrink: 1 !important;
+}
+
+.is-flex-shrink-2 {
+ flex-shrink: 2 !important;
+}
+
+.is-flex-shrink-3 {
+ flex-shrink: 3 !important;
+}
+
+.is-flex-shrink-4 {
+ flex-shrink: 4 !important;
+}
+
+.is-flex-shrink-5 {
+ flex-shrink: 5 !important;
+}
+
+.is-clearfix::after {
+ clear: both;
+ content: " ";
+ display: table;
+}
+
+.is-pulled-left {
+ float: left !important;
+}
+
+.is-pulled-right {
+ float: right !important;
+}
+
+.is-radiusless {
+ border-radius: 0 !important;
+}
+
+.is-shadowless {
+ box-shadow: none !important;
+}
+
+.is-clickable {
+ cursor: pointer !important;
+ pointer-events: all !important;
+}
+
+.is-clipped {
+ overflow: hidden !important;
+}
+
+.is-relative {
+ position: relative !important;
+}
+
+.is-marginless {
+ margin: 0 !important;
+}
+
+.is-paddingless {
+ padding: 0 !important;
+}
+
+.m-0 {
+ margin: 0 !important;
+}
+
+.mt-0 {
+ margin-top: 0 !important;
+}
+
+.mr-0 {
+ margin-right: 0 !important;
+}
+
+.mb-0 {
+ margin-bottom: 0 !important;
+}
+
+.ml-0 {
+ margin-left: 0 !important;
+}
+
+.mx-0 {
+ margin-left: 0 !important;
+ margin-right: 0 !important;
+}
+
+.my-0 {
+ margin-top: 0 !important;
+ margin-bottom: 0 !important;
+}
+
+.m-1 {
+ margin: 0.25rem !important;
+}
+
+.mt-1 {
+ margin-top: 0.25rem !important;
+}
+
+.mr-1 {
+ margin-right: 0.25rem !important;
+}
+
+.mb-1 {
+ margin-bottom: 0.25rem !important;
+}
+
+.ml-1 {
+ margin-left: 0.25rem !important;
+}
+
+.mx-1 {
+ margin-left: 0.25rem !important;
+ margin-right: 0.25rem !important;
+}
+
+.my-1 {
+ margin-top: 0.25rem !important;
+ margin-bottom: 0.25rem !important;
+}
+
+.m-2 {
+ margin: 0.5rem !important;
+}
+
+.mt-2 {
+ margin-top: 0.5rem !important;
+}
+
+.mr-2 {
+ margin-right: 0.5rem !important;
+}
+
+.mb-2 {
+ margin-bottom: 0.5rem !important;
+}
+
+.ml-2 {
+ margin-left: 0.5rem !important;
+}
+
+.mx-2 {
+ margin-left: 0.5rem !important;
+ margin-right: 0.5rem !important;
+}
+
+.my-2 {
+ margin-top: 0.5rem !important;
+ margin-bottom: 0.5rem !important;
+}
+
+.m-3 {
+ margin: 0.75rem !important;
+}
+
+.mt-3 {
+ margin-top: 0.75rem !important;
+}
+
+.mr-3 {
+ margin-right: 0.75rem !important;
+}
+
+.mb-3 {
+ margin-bottom: 0.75rem !important;
+}
+
+.ml-3 {
+ margin-left: 0.75rem !important;
+}
+
+.mx-3 {
+ margin-left: 0.75rem !important;
+ margin-right: 0.75rem !important;
+}
+
+.my-3 {
+ margin-top: 0.75rem !important;
+ margin-bottom: 0.75rem !important;
+}
+
+.m-4 {
+ margin: 1rem !important;
+}
+
+.mt-4 {
+ margin-top: 1rem !important;
+}
+
+.mr-4 {
+ margin-right: 1rem !important;
+}
+
+.mb-4 {
+ margin-bottom: 1rem !important;
+}
+
+.ml-4 {
+ margin-left: 1rem !important;
+}
+
+.mx-4 {
+ margin-left: 1rem !important;
+ margin-right: 1rem !important;
+}
+
+.my-4 {
+ margin-top: 1rem !important;
+ margin-bottom: 1rem !important;
+}
+
+.m-5 {
+ margin: 1.5rem !important;
+}
+
+.mt-5 {
+ margin-top: 1.5rem !important;
+}
+
+.mr-5 {
+ margin-right: 1.5rem !important;
+}
+
+.mb-5 {
+ margin-bottom: 1.5rem !important;
+}
+
+.ml-5 {
+ margin-left: 1.5rem !important;
+}
+
+.mx-5 {
+ margin-left: 1.5rem !important;
+ margin-right: 1.5rem !important;
+}
+
+.my-5 {
+ margin-top: 1.5rem !important;
+ margin-bottom: 1.5rem !important;
+}
+
+.m-6 {
+ margin: 3rem !important;
+}
+
+.mt-6 {
+ margin-top: 3rem !important;
+}
+
+.mr-6 {
+ margin-right: 3rem !important;
+}
+
+.mb-6 {
+ margin-bottom: 3rem !important;
+}
+
+.ml-6 {
+ margin-left: 3rem !important;
+}
+
+.mx-6 {
+ margin-left: 3rem !important;
+ margin-right: 3rem !important;
+}
+
+.my-6 {
+ margin-top: 3rem !important;
+ margin-bottom: 3rem !important;
+}
+
+.m-auto {
+ margin: auto !important;
+}
+
+.mt-auto {
+ margin-top: auto !important;
+}
+
+.mr-auto {
+ margin-right: auto !important;
+}
+
+.mb-auto {
+ margin-bottom: auto !important;
+}
+
+.ml-auto {
+ margin-left: auto !important;
+}
+
+.mx-auto {
+ margin-left: auto !important;
+ margin-right: auto !important;
+}
+
+.my-auto {
+ margin-top: auto !important;
+ margin-bottom: auto !important;
+}
+
+.p-0 {
+ padding: 0 !important;
+}
+
+.pt-0 {
+ padding-top: 0 !important;
+}
+
+.pr-0 {
+ padding-right: 0 !important;
+}
+
+.pb-0 {
+ padding-bottom: 0 !important;
+}
+
+.pl-0 {
+ padding-left: 0 !important;
+}
+
+.px-0 {
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+}
+
+.py-0 {
+ padding-top: 0 !important;
+ padding-bottom: 0 !important;
+}
+
+.p-1 {
+ padding: 0.25rem !important;
+}
+
+.pt-1 {
+ padding-top: 0.25rem !important;
+}
+
+.pr-1 {
+ padding-right: 0.25rem !important;
+}
+
+.pb-1 {
+ padding-bottom: 0.25rem !important;
+}
+
+.pl-1 {
+ padding-left: 0.25rem !important;
+}
+
+.px-1 {
+ padding-left: 0.25rem !important;
+ padding-right: 0.25rem !important;
+}
+
+.py-1 {
+ padding-top: 0.25rem !important;
+ padding-bottom: 0.25rem !important;
+}
+
+.p-2 {
+ padding: 0.5rem !important;
+}
+
+.pt-2 {
+ padding-top: 0.5rem !important;
+}
+
+.pr-2 {
+ padding-right: 0.5rem !important;
+}
+
+.pb-2 {
+ padding-bottom: 0.5rem !important;
+}
+
+.pl-2 {
+ padding-left: 0.5rem !important;
+}
+
+.px-2 {
+ padding-left: 0.5rem !important;
+ padding-right: 0.5rem !important;
+}
+
+.py-2 {
+ padding-top: 0.5rem !important;
+ padding-bottom: 0.5rem !important;
+}
+
+.p-3 {
+ padding: 0.75rem !important;
+}
+
+.pt-3 {
+ padding-top: 0.75rem !important;
+}
+
+.pr-3 {
+ padding-right: 0.75rem !important;
+}
+
+.pb-3 {
+ padding-bottom: 0.75rem !important;
+}
+
+.pl-3 {
+ padding-left: 0.75rem !important;
+}
+
+.px-3 {
+ padding-left: 0.75rem !important;
+ padding-right: 0.75rem !important;
+}
+
+.py-3 {
+ padding-top: 0.75rem !important;
+ padding-bottom: 0.75rem !important;
+}
+
+.p-4 {
+ padding: 1rem !important;
+}
+
+.pt-4 {
+ padding-top: 1rem !important;
+}
+
+.pr-4 {
+ padding-right: 1rem !important;
+}
+
+.pb-4 {
+ padding-bottom: 1rem !important;
+}
+
+.pl-4 {
+ padding-left: 1rem !important;
+}
+
+.px-4 {
+ padding-left: 1rem !important;
+ padding-right: 1rem !important;
+}
+
+.py-4 {
+ padding-top: 1rem !important;
+ padding-bottom: 1rem !important;
+}
+
+.p-5 {
+ padding: 1.5rem !important;
+}
+
+.pt-5 {
+ padding-top: 1.5rem !important;
+}
+
+.pr-5 {
+ padding-right: 1.5rem !important;
+}
+
+.pb-5 {
+ padding-bottom: 1.5rem !important;
+}
+
+.pl-5 {
+ padding-left: 1.5rem !important;
+}
+
+.px-5 {
+ padding-left: 1.5rem !important;
+ padding-right: 1.5rem !important;
+}
+
+.py-5 {
+ padding-top: 1.5rem !important;
+ padding-bottom: 1.5rem !important;
+}
+
+.p-6 {
+ padding: 3rem !important;
+}
+
+.pt-6 {
+ padding-top: 3rem !important;
+}
+
+.pr-6 {
+ padding-right: 3rem !important;
+}
+
+.pb-6 {
+ padding-bottom: 3rem !important;
+}
+
+.pl-6 {
+ padding-left: 3rem !important;
+}
+
+.px-6 {
+ padding-left: 3rem !important;
+ padding-right: 3rem !important;
+}
+
+.py-6 {
+ padding-top: 3rem !important;
+ padding-bottom: 3rem !important;
+}
+
+.p-auto {
+ padding: auto !important;
+}
+
+.pt-auto {
+ padding-top: auto !important;
+}
+
+.pr-auto {
+ padding-right: auto !important;
+}
+
+.pb-auto {
+ padding-bottom: auto !important;
+}
+
+.pl-auto {
+ padding-left: auto !important;
+}
+
+.px-auto {
+ padding-left: auto !important;
+ padding-right: auto !important;
+}
+
+.py-auto {
+ padding-top: auto !important;
+ padding-bottom: auto !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;
+}
+
+.is-underlined {
+ text-decoration: underline !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;
+ }
+}
+
+/* Bulma Layout */
+
+.hero {
+ align-items: stretch;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+.hero .navbar {
+ background: none;
+}
+
+.hero .tabs ul {
+ border-bottom: none;
+}
+
+.hero.is-white {
+ background-color: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+.hero.is-white strong {
+ color: inherit;
+}
+
+.hero.is-white .title {
+ color: hsl(0deg, 0%, 4%);
+}
+
+.hero.is-white .subtitle {
+ color: rgba(10, 10, 10, 0.9);
+}
+
+.hero.is-white .subtitle a:not(.button),
+.hero.is-white .subtitle strong {
+ color: hsl(0deg, 0%, 4%);
+}
+
+@media screen and (max-width: 1023px) {
+ .hero.is-white .navbar-menu {
+ background-color: hsl(0deg, 0%, 100%);
+ }
+}
+
+.hero.is-white .navbar-item,
+.hero.is-white .navbar-link {
+ color: rgba(10, 10, 10, 0.7);
+}
+
+.hero.is-white a.navbar-item:hover,
+.hero.is-white a.navbar-item.is-active,
+.hero.is-white .navbar-link:hover,
+.hero.is-white .navbar-link.is-active {
+ background-color: #f2f2f2;
+ color: hsl(0deg, 0%, 4%);
+}
+
+.hero.is-white .tabs a {
+ color: hsl(0deg, 0%, 4%);
+ opacity: 0.9;
+}
+
+.hero.is-white .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-white .tabs li.is-active a {
+ color: hsl(0deg, 0%, 100%) !important;
+ opacity: 1;
+}
+
+.hero.is-white .tabs.is-boxed a,
+.hero.is-white .tabs.is-toggle a {
+ color: hsl(0deg, 0%, 4%);
+}
+
+.hero.is-white .tabs.is-boxed a:hover,
+.hero.is-white .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-white .tabs.is-boxed li.is-active a,
+.hero.is-white .tabs.is-boxed li.is-active a:hover,
+.hero.is-white .tabs.is-toggle li.is-active a,
+.hero.is-white .tabs.is-toggle li.is-active a:hover {
+ background-color: hsl(0deg, 0%, 4%);
+ border-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.hero.is-white.is-bold {
+ background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0deg, 0%, 100%) 71%, white 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-white.is-bold .navbar-menu {
+ background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0deg, 0%, 100%) 71%, white 100%);
+ }
+}
+
+.hero.is-black {
+ background-color: hsl(0deg, 0%, 4%);
+ color: hsl(0deg, 0%, 100%);
+}
+
+.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+.hero.is-black strong {
+ color: inherit;
+}
+
+.hero.is-black .title {
+ color: hsl(0deg, 0%, 100%);
+}
+
+.hero.is-black .subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-black .subtitle a:not(.button),
+.hero.is-black .subtitle strong {
+ color: hsl(0deg, 0%, 100%);
+}
+
+@media screen and (max-width: 1023px) {
+ .hero.is-black .navbar-menu {
+ background-color: hsl(0deg, 0%, 4%);
+ }
+}
+
+.hero.is-black .navbar-item,
+.hero.is-black .navbar-link {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-black a.navbar-item:hover,
+.hero.is-black a.navbar-item.is-active,
+.hero.is-black .navbar-link:hover,
+.hero.is-black .navbar-link.is-active {
+ background-color: black;
+ color: hsl(0deg, 0%, 100%);
+}
+
+.hero.is-black .tabs a {
+ color: hsl(0deg, 0%, 100%);
+ opacity: 0.9;
+}
+
+.hero.is-black .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-black .tabs li.is-active a {
+ color: hsl(0deg, 0%, 4%) !important;
+ opacity: 1;
+}
+
+.hero.is-black .tabs.is-boxed a,
+.hero.is-black .tabs.is-toggle a {
+ color: hsl(0deg, 0%, 100%);
+}
+
+.hero.is-black .tabs.is-boxed a:hover,
+.hero.is-black .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-black .tabs.is-boxed li.is-active a,
+.hero.is-black .tabs.is-boxed li.is-active a:hover,
+.hero.is-black .tabs.is-toggle li.is-active a,
+.hero.is-black .tabs.is-toggle li.is-active a:hover {
+ background-color: hsl(0deg, 0%, 100%);
+ border-color: hsl(0deg, 0%, 100%);
+ color: hsl(0deg, 0%, 4%);
+}
+
+.hero.is-black.is-bold {
+ background-image: linear-gradient(141deg, black 0%, hsl(0deg, 0%, 4%) 71%, #181616 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-black.is-bold .navbar-menu {
+ background-image: linear-gradient(141deg, black 0%, hsl(0deg, 0%, 4%) 71%, #181616 100%);
+ }
+}
+
+.hero.is-light {
+ background-color: hsl(0deg, 0%, 96%);
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+.hero.is-light strong {
+ color: inherit;
+}
+
+.hero.is-light .title {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-light .subtitle {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.hero.is-light .subtitle a:not(.button),
+.hero.is-light .subtitle strong {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+@media screen and (max-width: 1023px) {
+ .hero.is-light .navbar-menu {
+ background-color: hsl(0deg, 0%, 96%);
+ }
+}
+
+.hero.is-light .navbar-item,
+.hero.is-light .navbar-link {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-light a.navbar-item:hover,
+.hero.is-light a.navbar-item.is-active,
+.hero.is-light .navbar-link:hover,
+.hero.is-light .navbar-link.is-active {
+ background-color: #e8e8e8;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-light .tabs a {
+ color: rgba(0, 0, 0, 0.7);
+ opacity: 0.9;
+}
+
+.hero.is-light .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-light .tabs li.is-active a {
+ color: hsl(0deg, 0%, 96%) !important;
+ opacity: 1;
+}
+
+.hero.is-light .tabs.is-boxed a,
+.hero.is-light .tabs.is-toggle a {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-light .tabs.is-boxed a:hover,
+.hero.is-light .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-light .tabs.is-boxed li.is-active a,
+.hero.is-light .tabs.is-boxed li.is-active a:hover,
+.hero.is-light .tabs.is-toggle li.is-active a,
+.hero.is-light .tabs.is-toggle li.is-active a:hover {
+ background-color: rgba(0, 0, 0, 0.7);
+ border-color: rgba(0, 0, 0, 0.7);
+ color: hsl(0deg, 0%, 96%);
+}
+
+.hero.is-light.is-bold {
+ background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0deg, 0%, 96%) 71%, white 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-light.is-bold .navbar-menu {
+ background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0deg, 0%, 96%) 71%, white 100%);
+ }
+}
+
+.hero.is-dark {
+ background-color: hsl(0deg, 0%, 21%);
+ color: #fff;
+}
+
+.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+.hero.is-dark strong {
+ color: inherit;
+}
+
+.hero.is-dark .title {
+ color: #fff;
+}
+
+.hero.is-dark .subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-dark .subtitle a:not(.button),
+.hero.is-dark .subtitle strong {
+ color: #fff;
+}
+
+@media screen and (max-width: 1023px) {
+ .hero.is-dark .navbar-menu {
+ background-color: hsl(0deg, 0%, 21%);
+ }
+}
+
+.hero.is-dark .navbar-item,
+.hero.is-dark .navbar-link {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-dark a.navbar-item:hover,
+.hero.is-dark a.navbar-item.is-active,
+.hero.is-dark .navbar-link:hover,
+.hero.is-dark .navbar-link.is-active {
+ background-color: #292929;
+ color: #fff;
+}
+
+.hero.is-dark .tabs a {
+ color: #fff;
+ opacity: 0.9;
+}
+
+.hero.is-dark .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-dark .tabs li.is-active a {
+ color: hsl(0deg, 0%, 21%) !important;
+ opacity: 1;
+}
+
+.hero.is-dark .tabs.is-boxed a,
+.hero.is-dark .tabs.is-toggle a {
+ color: #fff;
+}
+
+.hero.is-dark .tabs.is-boxed a:hover,
+.hero.is-dark .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-dark .tabs.is-boxed li.is-active a,
+.hero.is-dark .tabs.is-boxed li.is-active a:hover,
+.hero.is-dark .tabs.is-toggle li.is-active a,
+.hero.is-dark .tabs.is-toggle li.is-active a:hover {
+ background-color: #fff;
+ border-color: #fff;
+ color: hsl(0deg, 0%, 21%);
+}
+
+.hero.is-dark.is-bold {
+ background-image: linear-gradient(141deg, #1f191a 0%, hsl(0deg, 0%, 21%) 71%, #46403f 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-dark.is-bold .navbar-menu {
+ background-image: linear-gradient(141deg, #1f191a 0%, hsl(0deg, 0%, 21%) 71%, #46403f 100%);
+ }
+}
+
+.hero.is-primary {
+ background-color: hsl(171deg, 100%, 41%);
+ color: #fff;
+}
+
+.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+.hero.is-primary strong {
+ color: inherit;
+}
+
+.hero.is-primary .title {
+ color: #fff;
+}
+
+.hero.is-primary .subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-primary .subtitle a:not(.button),
+.hero.is-primary .subtitle strong {
+ color: #fff;
+}
+
+@media screen and (max-width: 1023px) {
+ .hero.is-primary .navbar-menu {
+ background-color: hsl(171deg, 100%, 41%);
+ }
+}
+
+.hero.is-primary .navbar-item,
+.hero.is-primary .navbar-link {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-primary a.navbar-item:hover,
+.hero.is-primary a.navbar-item.is-active,
+.hero.is-primary .navbar-link:hover,
+.hero.is-primary .navbar-link.is-active {
+ background-color: #00b89c;
+ color: #fff;
+}
+
+.hero.is-primary .tabs a {
+ color: #fff;
+ opacity: 0.9;
+}
+
+.hero.is-primary .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-primary .tabs li.is-active a {
+ color: hsl(171deg, 100%, 41%) !important;
+ opacity: 1;
+}
+
+.hero.is-primary .tabs.is-boxed a,
+.hero.is-primary .tabs.is-toggle a {
+ color: #fff;
+}
+
+.hero.is-primary .tabs.is-boxed a:hover,
+.hero.is-primary .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-primary .tabs.is-boxed li.is-active a,
+.hero.is-primary .tabs.is-boxed li.is-active a:hover,
+.hero.is-primary .tabs.is-toggle li.is-active a,
+.hero.is-primary .tabs.is-toggle li.is-active a:hover {
+ background-color: #fff;
+ border-color: #fff;
+ color: hsl(171deg, 100%, 41%);
+}
+
+.hero.is-primary.is-bold {
+ background-image: linear-gradient(141deg, #009e6c 0%, hsl(171deg, 100%, 41%) 71%, #00e7eb 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-primary.is-bold .navbar-menu {
+ background-image: linear-gradient(141deg, #009e6c 0%, hsl(171deg, 100%, 41%) 71%, #00e7eb 100%);
+ }
+}
+
+.hero.is-link {
+ background-color: #3490dc;
+ color: #fff;
+}
+
+.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+.hero.is-link strong {
+ color: inherit;
+}
+
+.hero.is-link .title {
+ color: #fff;
+}
+
+.hero.is-link .subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-link .subtitle a:not(.button),
+.hero.is-link .subtitle strong {
+ color: #fff;
+}
+
+@media screen and (max-width: 1023px) {
+ .hero.is-link .navbar-menu {
+ background-color: #3490dc;
+ }
+}
+
+.hero.is-link .navbar-item,
+.hero.is-link .navbar-link {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-link a.navbar-item:hover,
+.hero.is-link a.navbar-item.is-active,
+.hero.is-link .navbar-link:hover,
+.hero.is-link .navbar-link.is-active {
+ background-color: #2484d2;
+ color: #fff;
+}
+
+.hero.is-link .tabs a {
+ color: #fff;
+ opacity: 0.9;
+}
+
+.hero.is-link .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-link .tabs li.is-active a {
+ color: #3490dc !important;
+ opacity: 1;
+}
+
+.hero.is-link .tabs.is-boxed a,
+.hero.is-link .tabs.is-toggle a {
+ color: #fff;
+}
+
+.hero.is-link .tabs.is-boxed a:hover,
+.hero.is-link .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-link .tabs.is-boxed li.is-active a,
+.hero.is-link .tabs.is-boxed li.is-active a:hover,
+.hero.is-link .tabs.is-toggle li.is-active a,
+.hero.is-link .tabs.is-toggle li.is-active a:hover {
+ background-color: #fff;
+ border-color: #fff;
+ color: #3490dc;
+}
+
+.hero.is-link.is-bold {
+ background-image: linear-gradient(141deg, #1595c8 0%, #3490dc 71%, #4482e5 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-link.is-bold .navbar-menu {
+ background-image: linear-gradient(141deg, #1595c8 0%, #3490dc 71%, #4482e5 100%);
+ }
+}
+
+.hero.is-info {
+ background-color: #6cb2eb;
+ color: #fff;
+}
+
+.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+.hero.is-info strong {
+ color: inherit;
+}
+
+.hero.is-info .title {
+ color: #fff;
+}
+
+.hero.is-info .subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-info .subtitle a:not(.button),
+.hero.is-info .subtitle strong {
+ color: #fff;
+}
+
+@media screen and (max-width: 1023px) {
+ .hero.is-info .navbar-menu {
+ background-color: #6cb2eb;
+ }
+}
+
+.hero.is-info .navbar-item,
+.hero.is-info .navbar-link {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-info a.navbar-item:hover,
+.hero.is-info a.navbar-item.is-active,
+.hero.is-info .navbar-link:hover,
+.hero.is-info .navbar-link.is-active {
+ background-color: #56a6e8;
+ color: #fff;
+}
+
+.hero.is-info .tabs a {
+ color: #fff;
+ opacity: 0.9;
+}
+
+.hero.is-info .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-info .tabs li.is-active a {
+ color: #6cb2eb !important;
+ opacity: 1;
+}
+
+.hero.is-info .tabs.is-boxed a,
+.hero.is-info .tabs.is-toggle a {
+ color: #fff;
+}
+
+.hero.is-info .tabs.is-boxed a:hover,
+.hero.is-info .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-info .tabs.is-boxed li.is-active a,
+.hero.is-info .tabs.is-boxed li.is-active a:hover,
+.hero.is-info .tabs.is-toggle li.is-active a,
+.hero.is-info .tabs.is-toggle li.is-active a:hover {
+ background-color: #fff;
+ border-color: #fff;
+ color: #6cb2eb;
+}
+
+.hero.is-info.is-bold {
+ background-image: linear-gradient(141deg, #34bbf0 0%, #6cb2eb 71%, #7fabf2 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-info.is-bold .navbar-menu {
+ background-image: linear-gradient(141deg, #34bbf0 0%, #6cb2eb 71%, #7fabf2 100%);
+ }
+}
+
+.hero.is-success {
+ background-color: #38c172;
+ color: #fff;
+}
+
+.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+.hero.is-success strong {
+ color: inherit;
+}
+
+.hero.is-success .title {
+ color: #fff;
+}
+
+.hero.is-success .subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-success .subtitle a:not(.button),
+.hero.is-success .subtitle strong {
+ color: #fff;
+}
+
+@media screen and (max-width: 1023px) {
+ .hero.is-success .navbar-menu {
+ background-color: #38c172;
+ }
+}
+
+.hero.is-success .navbar-item,
+.hero.is-success .navbar-link {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-success a.navbar-item:hover,
+.hero.is-success a.navbar-item.is-active,
+.hero.is-success .navbar-link:hover,
+.hero.is-success .navbar-link.is-active {
+ background-color: #32ad66;
+ color: #fff;
+}
+
+.hero.is-success .tabs a {
+ color: #fff;
+ opacity: 0.9;
+}
+
+.hero.is-success .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-success .tabs li.is-active a {
+ color: #38c172 !important;
+ opacity: 1;
+}
+
+.hero.is-success .tabs.is-boxed a,
+.hero.is-success .tabs.is-toggle a {
+ color: #fff;
+}
+
+.hero.is-success .tabs.is-boxed a:hover,
+.hero.is-success .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-success .tabs.is-boxed li.is-active a,
+.hero.is-success .tabs.is-boxed li.is-active a:hover,
+.hero.is-success .tabs.is-toggle li.is-active a,
+.hero.is-success .tabs.is-toggle li.is-active a:hover {
+ background-color: #fff;
+ border-color: #fff;
+ color: #38c172;
+}
+
+.hero.is-success.is-bold {
+ background-image: linear-gradient(141deg, #23a344 0%, #38c172 71%, #43d096 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-success.is-bold .navbar-menu {
+ background-image: linear-gradient(141deg, #23a344 0%, #38c172 71%, #43d096 100%);
+ }
+}
+
+.hero.is-warning {
+ background-color: #ffed4a;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+.hero.is-warning strong {
+ color: inherit;
+}
+
+.hero.is-warning .title {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-warning .subtitle {
+ color: rgba(0, 0, 0, 0.9);
+}
+
+.hero.is-warning .subtitle a:not(.button),
+.hero.is-warning .subtitle strong {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+@media screen and (max-width: 1023px) {
+ .hero.is-warning .navbar-menu {
+ background-color: #ffed4a;
+ }
+}
+
+.hero.is-warning .navbar-item,
+.hero.is-warning .navbar-link {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-warning a.navbar-item:hover,
+.hero.is-warning a.navbar-item.is-active,
+.hero.is-warning .navbar-link:hover,
+.hero.is-warning .navbar-link.is-active {
+ background-color: #ffea31;
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-warning .tabs a {
+ color: rgba(0, 0, 0, 0.7);
+ opacity: 0.9;
+}
+
+.hero.is-warning .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-warning .tabs li.is-active a {
+ color: #ffed4a !important;
+ opacity: 1;
+}
+
+.hero.is-warning .tabs.is-boxed a,
+.hero.is-warning .tabs.is-toggle a {
+ color: rgba(0, 0, 0, 0.7);
+}
+
+.hero.is-warning .tabs.is-boxed a:hover,
+.hero.is-warning .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-warning .tabs.is-boxed li.is-active a,
+.hero.is-warning .tabs.is-boxed li.is-active a:hover,
+.hero.is-warning .tabs.is-toggle li.is-active a,
+.hero.is-warning .tabs.is-toggle li.is-active a:hover {
+ background-color: rgba(0, 0, 0, 0.7);
+ border-color: rgba(0, 0, 0, 0.7);
+ color: #ffed4a;
+}
+
+.hero.is-warning.is-bold {
+ background-image: linear-gradient(141deg, #ffc117 0%, #ffed4a 71%, #f5ff64 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-warning.is-bold .navbar-menu {
+ background-image: linear-gradient(141deg, #ffc117 0%, #ffed4a 71%, #f5ff64 100%);
+ }
+}
+
+.hero.is-danger {
+ background-color: #e3342f;
+ color: #fff;
+}
+
+.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
+.hero.is-danger strong {
+ color: inherit;
+}
+
+.hero.is-danger .title {
+ color: #fff;
+}
+
+.hero.is-danger .subtitle {
+ color: rgba(255, 255, 255, 0.9);
+}
+
+.hero.is-danger .subtitle a:not(.button),
+.hero.is-danger .subtitle strong {
+ color: #fff;
+}
+
+@media screen and (max-width: 1023px) {
+ .hero.is-danger .navbar-menu {
+ background-color: #e3342f;
+ }
+}
+
+.hero.is-danger .navbar-item,
+.hero.is-danger .navbar-link {
+ color: rgba(255, 255, 255, 0.7);
+}
+
+.hero.is-danger a.navbar-item:hover,
+.hero.is-danger a.navbar-item.is-active,
+.hero.is-danger .navbar-link:hover,
+.hero.is-danger .navbar-link.is-active {
+ background-color: #db231d;
+ color: #fff;
+}
+
+.hero.is-danger .tabs a {
+ color: #fff;
+ opacity: 0.9;
+}
+
+.hero.is-danger .tabs a:hover {
+ opacity: 1;
+}
+
+.hero.is-danger .tabs li.is-active a {
+ color: #e3342f !important;
+ opacity: 1;
+}
+
+.hero.is-danger .tabs.is-boxed a,
+.hero.is-danger .tabs.is-toggle a {
+ color: #fff;
+}
+
+.hero.is-danger .tabs.is-boxed a:hover,
+.hero.is-danger .tabs.is-toggle a:hover {
+ background-color: rgba(10, 10, 10, 0.1);
+}
+
+.hero.is-danger .tabs.is-boxed li.is-active a,
+.hero.is-danger .tabs.is-boxed li.is-active a:hover,
+.hero.is-danger .tabs.is-toggle li.is-active a,
+.hero.is-danger .tabs.is-toggle li.is-active a:hover {
+ background-color: #fff;
+ border-color: #fff;
+ color: #e3342f;
+}
+
+.hero.is-danger.is-bold {
+ background-image: linear-gradient(141deg, #d00f2a 0%, #e3342f 71%, #eb6140 100%);
+}
+
+@media screen and (max-width: 768px) {
+ .hero.is-danger.is-bold .navbar-menu {
+ background-image: linear-gradient(141deg, #d00f2a 0%, #e3342f 71%, #eb6140 100%);
+ }
+}
+
+.hero.is-small .hero-body {
+ padding: 1.5rem;
+}
+
+@media screen and (min-width: 769px), print {
+ .hero.is-medium .hero-body {
+ padding: 9rem 4.5rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .hero.is-large .hero-body {
+ padding: 18rem 6rem;
+ }
+}
+
+.hero.is-halfheight .hero-body,
+.hero.is-fullheight .hero-body,
+.hero.is-fullheight-with-navbar .hero-body {
+ align-items: center;
+ display: flex;
+}
+
+.hero.is-halfheight .hero-body > .container,
+.hero.is-fullheight .hero-body > .container,
+.hero.is-fullheight-with-navbar .hero-body > .container {
+ flex-grow: 1;
+ flex-shrink: 1;
+}
+
+.hero.is-halfheight {
+ min-height: 50vh;
+}
+
+.hero.is-fullheight {
+ min-height: 100vh;
+}
+
+.hero-video {
+ overflow: hidden;
+}
+
+.hero-video video {
+ left: 50%;
+ min-height: 100%;
+ min-width: 100%;
+ position: absolute;
+ top: 50%;
+ transform: translate3d(-50%, -50%, 0);
+}
+
+.hero-video.is-transparent {
+ opacity: 0.3;
+}
+
+@media screen and (max-width: 768px) {
+ .hero-video {
+ display: none;
+ }
+}
+
+.hero-buttons {
+ margin-top: 1.5rem;
+}
+
+@media screen and (max-width: 768px) {
+ .hero-buttons .button {
+ display: flex;
+ }
+
+ .hero-buttons .button:not(:last-child) {
+ margin-bottom: 0.75rem;
+ }
+}
+
+@media screen and (min-width: 769px), print {
+ .hero-buttons {
+ display: flex;
+ justify-content: center;
+ }
+
+ .hero-buttons .button:not(:last-child) {
+ margin-right: 1.5rem;
+ }
+}
+
+.hero-head,
+.hero-foot {
+ flex-grow: 0;
+ flex-shrink: 0;
+}
+
+.hero-body {
+ flex-grow: 1;
+ flex-shrink: 0;
+ padding: 3rem 1.5rem;
+}
+
+@media screen and (min-width: 769px), print {
+ .hero-body {
+ padding: 3rem 3rem;
+ }
+}
+
+.section {
+ padding: 3rem 1.5rem;
+}
+
+@media screen and (min-width: 1024px) {
+ .section {
+ padding: 3rem 3rem;
+ }
+
+ .section.is-medium {
+ padding: 9rem 4.5rem;
+ }
+
+ .section.is-large {
+ padding: 18rem 6rem;
+ }
+}
+
+.footer {
+ background-color: hsl(0deg, 0%, 98%);
+ padding: 3rem 1.5rem 6rem;
+}
+
+.switch[type=checkbox] {
+ outline: 0;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ display: inline-block;
+ position: absolute;
+ opacity: 0;
+}
+
+.switch[type=checkbox]:focus + label::before,
+.switch[type=checkbox]:focus + label:before,
+.switch[type=checkbox]:focus + label::after,
+.switch[type=checkbox]:focus + label:after {
+ outline: 1px dotted hsl(0deg, 0%, 71%);
+}
+
+.switch[type=checkbox][disabled] {
+ cursor: not-allowed;
+}
+
+.switch[type=checkbox][disabled] + label {
+ opacity: 0.5;
+}
+
+.switch[type=checkbox][disabled] + label::before,
+.switch[type=checkbox][disabled] + label:before {
+ opacity: 0.5;
+}
+
+.switch[type=checkbox][disabled] + label::after,
+.switch[type=checkbox][disabled] + label:after {
+ opacity: 0.5;
+}
+
+.switch[type=checkbox][disabled] + label:hover {
+ cursor: not-allowed;
+}
+
+.switch[type=checkbox] + label {
+ position: relative;
+ display: inline-flex;
+ align-items: center;
+ justify-content: flex-start;
+ font-size: 1rem;
+ height: 2.5em;
+ line-height: 1.5;
+ padding-left: 3.5rem;
+ padding-top: 0.2rem;
+ cursor: pointer;
+}
+
+.switch[type=checkbox] + label::before,
+.switch[type=checkbox] + label:before {
+ position: absolute;
+ display: block;
+ top: calc( 50% - 1.5rem * 0.5 );
+ left: 0;
+ width: 3rem;
+ height: 1.5rem;
+ border: 0.1rem solid transparent;
+ border-radius: 4px;
+ background: hsl(0deg, 0%, 71%);
+ content: "";
+}
+
+.switch[type=checkbox] + label::after,
+.switch[type=checkbox] + label:after {
+ display: block;
+ position: absolute;
+ top: calc( 50% - 1rem * 0.5 );
+ left: 0.25rem;
+ width: 1rem;
+ height: 1rem;
+ transform: translate3d(0, 0, 0);
+ border-radius: 4px;
+ background: hsl(0deg, 0%, 100%);
+ transition: all 0.25s ease-out;
+ content: "";
+}
+
+.switch[type=checkbox] + label .switch-active,
+.switch[type=checkbox] + label .switch-inactive {
+ font-size: 0.9rem;
+ z-index: 1;
+ margin-top: -4px;
+}
+
+.switch[type=checkbox] + label.has-text-inside .switch-inactive {
+ margin-left: -1.925rem;
+}
+
+.switch[type=checkbox] + label.has-text-inside .switch-active {
+ margin-left: -3.25rem;
+}
+
+.switch[type=checkbox].is-rtl + label {
+ padding-left: 0;
+ padding-right: 3.5rem;
+}
+
+.switch[type=checkbox].is-rtl + label::before,
+.switch[type=checkbox].is-rtl + label:before {
+ left: auto;
+ right: 0;
+}
+
+.switch[type=checkbox].is-rtl + label::after,
+.switch[type=checkbox].is-rtl + label:after {
+ left: auto;
+ right: 1.625rem;
+}
+
+.switch[type=checkbox]:checked + label::before,
+.switch[type=checkbox]:checked + label:before {
+ background: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox]:checked + label::after {
+ left: 1.625rem;
+}
+
+.switch[type=checkbox]:checked.is-rtl + label::after,
+.switch[type=checkbox]:checked.is-rtl + label:after {
+ left: auto;
+ right: 0.25rem;
+}
+
+.switch[type=checkbox].is-outlined + label::before,
+.switch[type=checkbox].is-outlined + label:before {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 71%);
+}
+
+.switch[type=checkbox].is-outlined + label::after,
+.switch[type=checkbox].is-outlined + label:after {
+ background: hsl(0deg, 0%, 71%);
+}
+
+.switch[type=checkbox].is-outlined:checked + label::before,
+.switch[type=checkbox].is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-outlined:checked + label::after,
+.switch[type=checkbox].is-outlined:checked + label:after {
+ background: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-thin + label::before,
+.switch[type=checkbox].is-thin + label:before {
+ top: 0.5454545456rem;
+ height: 0.375rem;
+}
+
+.switch[type=checkbox].is-thin + label::after,
+.switch[type=checkbox].is-thin + label:after {
+ box-shadow: 0px 0px 3px hsl(0deg, 0%, 48%);
+}
+
+.switch[type=checkbox].is-rounded + label::before,
+.switch[type=checkbox].is-rounded + label:before {
+ border-radius: 24px;
+}
+
+.switch[type=checkbox].is-rounded + label::after,
+.switch[type=checkbox].is-rounded + label:after {
+ border-radius: 50%;
+}
+
+.switch[type=checkbox].is-small + label {
+ position: relative;
+ display: inline-flex;
+ align-items: center;
+ justify-content: flex-start;
+ font-size: 0.75rem;
+ height: 2.5em;
+ line-height: 1.5;
+ padding-left: 2.75rem;
+ padding-top: 0.2rem;
+ cursor: pointer;
+}
+
+.switch[type=checkbox].is-small + label::before,
+.switch[type=checkbox].is-small + label:before {
+ position: absolute;
+ display: block;
+ top: calc( 50% - 1.125rem * 0.5 );
+ left: 0;
+ width: 2.25rem;
+ height: 1.125rem;
+ border: 0.1rem solid transparent;
+ border-radius: 4px;
+ background: hsl(0deg, 0%, 71%);
+ content: "";
+}
+
+.switch[type=checkbox].is-small + label::after,
+.switch[type=checkbox].is-small + label:after {
+ display: block;
+ position: absolute;
+ top: calc( 50% - 0.625rem * 0.5 );
+ left: 0.25rem;
+ width: 0.625rem;
+ height: 0.625rem;
+ transform: translate3d(0, 0, 0);
+ border-radius: 4px;
+ background: hsl(0deg, 0%, 100%);
+ transition: all 0.25s ease-out;
+ content: "";
+}
+
+.switch[type=checkbox].is-small + label .switch-active,
+.switch[type=checkbox].is-small + label .switch-inactive {
+ font-size: 0.65rem;
+ z-index: 1;
+ margin-top: -4px;
+}
+
+.switch[type=checkbox].is-small + label.has-text-inside .switch-inactive {
+ margin-left: -1.55rem;
+}
+
+.switch[type=checkbox].is-small + label.has-text-inside .switch-active {
+ margin-left: -2.5rem;
+}
+
+.switch[type=checkbox].is-small.is-rtl + label {
+ padding-left: 0;
+ padding-right: 2.75rem;
+}
+
+.switch[type=checkbox].is-small.is-rtl + label::before,
+.switch[type=checkbox].is-small.is-rtl + label:before {
+ left: auto;
+ right: 0;
+}
+
+.switch[type=checkbox].is-small.is-rtl + label::after,
+.switch[type=checkbox].is-small.is-rtl + label:after {
+ left: auto;
+ right: 1.25rem;
+}
+
+.switch[type=checkbox].is-small:checked + label::before,
+.switch[type=checkbox].is-small:checked + label:before {
+ background: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-small:checked + label::after {
+ left: 1.25rem;
+}
+
+.switch[type=checkbox].is-small:checked.is-rtl + label::after,
+.switch[type=checkbox].is-small:checked.is-rtl + label:after {
+ left: auto;
+ right: 0.25rem;
+}
+
+.switch[type=checkbox].is-small.is-outlined + label::before,
+.switch[type=checkbox].is-small.is-outlined + label:before {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 71%);
+}
+
+.switch[type=checkbox].is-small.is-outlined + label::after,
+.switch[type=checkbox].is-small.is-outlined + label:after {
+ background: hsl(0deg, 0%, 71%);
+}
+
+.switch[type=checkbox].is-small.is-outlined:checked + label::before,
+.switch[type=checkbox].is-small.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-small.is-outlined:checked + label::after,
+.switch[type=checkbox].is-small.is-outlined:checked + label:after {
+ background: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-small.is-thin + label::before,
+.switch[type=checkbox].is-small.is-thin + label:before {
+ top: 0.4090909093rem;
+ height: 0.28125rem;
+}
+
+.switch[type=checkbox].is-small.is-thin + label::after,
+.switch[type=checkbox].is-small.is-thin + label:after {
+ box-shadow: 0px 0px 3px hsl(0deg, 0%, 48%);
+}
+
+.switch[type=checkbox].is-small.is-rounded + label::before,
+.switch[type=checkbox].is-small.is-rounded + label:before {
+ border-radius: 24px;
+}
+
+.switch[type=checkbox].is-small.is-rounded + label::after,
+.switch[type=checkbox].is-small.is-rounded + label:after {
+ border-radius: 50%;
+}
+
+.switch[type=checkbox].is-medium + label {
+ position: relative;
+ display: inline-flex;
+ align-items: center;
+ justify-content: flex-start;
+ font-size: 1.25rem;
+ height: 2.5em;
+ line-height: 1.5;
+ padding-left: 4.25rem;
+ padding-top: 0.2rem;
+ cursor: pointer;
+}
+
+.switch[type=checkbox].is-medium + label::before,
+.switch[type=checkbox].is-medium + label:before {
+ position: absolute;
+ display: block;
+ top: calc( 50% - 1.875rem * 0.5 );
+ left: 0;
+ width: 3.75rem;
+ height: 1.875rem;
+ border: 0.1rem solid transparent;
+ border-radius: 4px;
+ background: hsl(0deg, 0%, 71%);
+ content: "";
+}
+
+.switch[type=checkbox].is-medium + label::after,
+.switch[type=checkbox].is-medium + label:after {
+ display: block;
+ position: absolute;
+ top: calc( 50% - 1.375rem * 0.5 );
+ left: 0.25rem;
+ width: 1.375rem;
+ height: 1.375rem;
+ transform: translate3d(0, 0, 0);
+ border-radius: 4px;
+ background: hsl(0deg, 0%, 100%);
+ transition: all 0.25s ease-out;
+ content: "";
+}
+
+.switch[type=checkbox].is-medium + label .switch-active,
+.switch[type=checkbox].is-medium + label .switch-inactive {
+ font-size: 1.15rem;
+ z-index: 1;
+ margin-top: -4px;
+}
+
+.switch[type=checkbox].is-medium + label.has-text-inside .switch-inactive {
+ margin-left: -2.3rem;
+}
+
+.switch[type=checkbox].is-medium + label.has-text-inside .switch-active {
+ margin-left: -4rem;
+}
+
+.switch[type=checkbox].is-medium.is-rtl + label {
+ padding-left: 0;
+ padding-right: 4.25rem;
+}
+
+.switch[type=checkbox].is-medium.is-rtl + label::before,
+.switch[type=checkbox].is-medium.is-rtl + label:before {
+ left: auto;
+ right: 0;
+}
+
+.switch[type=checkbox].is-medium.is-rtl + label::after,
+.switch[type=checkbox].is-medium.is-rtl + label:after {
+ left: auto;
+ right: 2rem;
+}
+
+.switch[type=checkbox].is-medium:checked + label::before,
+.switch[type=checkbox].is-medium:checked + label:before {
+ background: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-medium:checked + label::after {
+ left: 2rem;
+}
+
+.switch[type=checkbox].is-medium:checked.is-rtl + label::after,
+.switch[type=checkbox].is-medium:checked.is-rtl + label:after {
+ left: auto;
+ right: 0.25rem;
+}
+
+.switch[type=checkbox].is-medium.is-outlined + label::before,
+.switch[type=checkbox].is-medium.is-outlined + label:before {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 71%);
+}
+
+.switch[type=checkbox].is-medium.is-outlined + label::after,
+.switch[type=checkbox].is-medium.is-outlined + label:after {
+ background: hsl(0deg, 0%, 71%);
+}
+
+.switch[type=checkbox].is-medium.is-outlined:checked + label::before,
+.switch[type=checkbox].is-medium.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-medium.is-outlined:checked + label::after,
+.switch[type=checkbox].is-medium.is-outlined:checked + label:after {
+ background: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-medium.is-thin + label::before,
+.switch[type=checkbox].is-medium.is-thin + label:before {
+ top: 0.6818181819rem;
+ height: 0.46875rem;
+}
+
+.switch[type=checkbox].is-medium.is-thin + label::after,
+.switch[type=checkbox].is-medium.is-thin + label:after {
+ box-shadow: 0px 0px 3px hsl(0deg, 0%, 48%);
+}
+
+.switch[type=checkbox].is-medium.is-rounded + label::before,
+.switch[type=checkbox].is-medium.is-rounded + label:before {
+ border-radius: 24px;
+}
+
+.switch[type=checkbox].is-medium.is-rounded + label::after,
+.switch[type=checkbox].is-medium.is-rounded + label:after {
+ border-radius: 50%;
+}
+
+.switch[type=checkbox].is-large + label {
+ position: relative;
+ display: inline-flex;
+ align-items: center;
+ justify-content: flex-start;
+ font-size: 1.5rem;
+ height: 2.5em;
+ line-height: 1.5;
+ padding-left: 5rem;
+ padding-top: 0.2rem;
+ cursor: pointer;
+}
+
+.switch[type=checkbox].is-large + label::before,
+.switch[type=checkbox].is-large + label:before {
+ position: absolute;
+ display: block;
+ top: calc( 50% - 2.25rem * 0.5 );
+ left: 0;
+ width: 4.5rem;
+ height: 2.25rem;
+ border: 0.1rem solid transparent;
+ border-radius: 4px;
+ background: hsl(0deg, 0%, 71%);
+ content: "";
+}
+
+.switch[type=checkbox].is-large + label::after,
+.switch[type=checkbox].is-large + label:after {
+ display: block;
+ position: absolute;
+ top: calc( 50% - 1.75rem * 0.5 );
+ left: 0.25rem;
+ width: 1.75rem;
+ height: 1.75rem;
+ transform: translate3d(0, 0, 0);
+ border-radius: 4px;
+ background: hsl(0deg, 0%, 100%);
+ transition: all 0.25s ease-out;
+ content: "";
+}
+
+.switch[type=checkbox].is-large + label .switch-active,
+.switch[type=checkbox].is-large + label .switch-inactive {
+ font-size: 1.4rem;
+ z-index: 1;
+ margin-top: -4px;
+}
+
+.switch[type=checkbox].is-large + label.has-text-inside .switch-inactive {
+ margin-left: -2.675rem;
+}
+
+.switch[type=checkbox].is-large + label.has-text-inside .switch-active {
+ margin-left: -4.75rem;
+}
+
+.switch[type=checkbox].is-large.is-rtl + label {
+ padding-left: 0;
+ padding-right: 5rem;
+}
+
+.switch[type=checkbox].is-large.is-rtl + label::before,
+.switch[type=checkbox].is-large.is-rtl + label:before {
+ left: auto;
+ right: 0;
+}
+
+.switch[type=checkbox].is-large.is-rtl + label::after,
+.switch[type=checkbox].is-large.is-rtl + label:after {
+ left: auto;
+ right: 2.375rem;
+}
+
+.switch[type=checkbox].is-large:checked + label::before,
+.switch[type=checkbox].is-large:checked + label:before {
+ background: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-large:checked + label::after {
+ left: 2.375rem;
+}
+
+.switch[type=checkbox].is-large:checked.is-rtl + label::after,
+.switch[type=checkbox].is-large:checked.is-rtl + label:after {
+ left: auto;
+ right: 0.25rem;
+}
+
+.switch[type=checkbox].is-large.is-outlined + label::before,
+.switch[type=checkbox].is-large.is-outlined + label:before {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 71%);
+}
+
+.switch[type=checkbox].is-large.is-outlined + label::after,
+.switch[type=checkbox].is-large.is-outlined + label:after {
+ background: hsl(0deg, 0%, 71%);
+}
+
+.switch[type=checkbox].is-large.is-outlined:checked + label::before,
+.switch[type=checkbox].is-large.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-large.is-outlined:checked + label::after,
+.switch[type=checkbox].is-large.is-outlined:checked + label:after {
+ background: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-large.is-thin + label::before,
+.switch[type=checkbox].is-large.is-thin + label:before {
+ top: 0.8181818183rem;
+ height: 0.5625rem;
+}
+
+.switch[type=checkbox].is-large.is-thin + label::after,
+.switch[type=checkbox].is-large.is-thin + label:after {
+ box-shadow: 0px 0px 3px hsl(0deg, 0%, 48%);
+}
+
+.switch[type=checkbox].is-large.is-rounded + label::before,
+.switch[type=checkbox].is-large.is-rounded + label:before {
+ border-radius: 24px;
+}
+
+.switch[type=checkbox].is-large.is-rounded + label::after,
+.switch[type=checkbox].is-large.is-rounded + label:after {
+ border-radius: 50%;
+}
+
+.switch[type=checkbox].is-white + label .switch-active {
+ display: none;
+}
+
+.switch[type=checkbox].is-white + label .switch-inactive {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-white:checked + label::before,
+.switch[type=checkbox].is-white:checked + label:before {
+ background: hsl(0deg, 0%, 100%);
+}
+
+.switch[type=checkbox].is-white:checked + label .switch-active {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-white:checked + label .switch-inactive {
+ display: none;
+}
+
+.switch[type=checkbox].is-white.is-outlined:checked + label::before,
+.switch[type=checkbox].is-white.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 100%) !important;
+}
+
+.switch[type=checkbox].is-white.is-outlined:checked + label::after,
+.switch[type=checkbox].is-white.is-outlined:checked + label:after {
+ background: hsl(0deg, 0%, 100%);
+}
+
+.switch[type=checkbox].is-white.is-thin.is-outlined + label::after,
+.switch[type=checkbox].is-white.is-thin.is-outlined + label:after {
+ box-shadow: none;
+}
+
+.switch[type=checkbox].is-unchecked-white + label::before,
+.switch[type=checkbox].is-unchecked-white + label:before {
+ background: hsl(0deg, 0%, 100%);
+}
+
+.switch[type=checkbox].is-unchecked-white.is-outlined + label::before,
+.switch[type=checkbox].is-unchecked-white.is-outlined + label:before {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 100%) !important;
+}
+
+.switch[type=checkbox].is-unchecked-white.is-outlined + label::after,
+.switch[type=checkbox].is-unchecked-white.is-outlined + label:after {
+ background: hsl(0deg, 0%, 100%);
+}
+
+.switch[type=checkbox].is-black + label .switch-active {
+ display: none;
+}
+
+.switch[type=checkbox].is-black + label .switch-inactive {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-black:checked + label::before,
+.switch[type=checkbox].is-black:checked + label:before {
+ background: hsl(0deg, 0%, 4%);
+}
+
+.switch[type=checkbox].is-black:checked + label .switch-active {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-black:checked + label .switch-inactive {
+ display: none;
+}
+
+.switch[type=checkbox].is-black.is-outlined:checked + label::before,
+.switch[type=checkbox].is-black.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 4%) !important;
+}
+
+.switch[type=checkbox].is-black.is-outlined:checked + label::after,
+.switch[type=checkbox].is-black.is-outlined:checked + label:after {
+ background: hsl(0deg, 0%, 4%);
+}
+
+.switch[type=checkbox].is-black.is-thin.is-outlined + label::after,
+.switch[type=checkbox].is-black.is-thin.is-outlined + label:after {
+ box-shadow: none;
+}
+
+.switch[type=checkbox].is-unchecked-black + label::before,
+.switch[type=checkbox].is-unchecked-black + label:before {
+ background: hsl(0deg, 0%, 4%);
+}
+
+.switch[type=checkbox].is-unchecked-black.is-outlined + label::before,
+.switch[type=checkbox].is-unchecked-black.is-outlined + label:before {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 4%) !important;
+}
+
+.switch[type=checkbox].is-unchecked-black.is-outlined + label::after,
+.switch[type=checkbox].is-unchecked-black.is-outlined + label:after {
+ background: hsl(0deg, 0%, 4%);
+}
+
+.switch[type=checkbox].is-light + label .switch-active {
+ display: none;
+}
+
+.switch[type=checkbox].is-light + label .switch-inactive {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-light:checked + label::before,
+.switch[type=checkbox].is-light:checked + label:before {
+ background: hsl(0deg, 0%, 96%);
+}
+
+.switch[type=checkbox].is-light:checked + label .switch-active {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-light:checked + label .switch-inactive {
+ display: none;
+}
+
+.switch[type=checkbox].is-light.is-outlined:checked + label::before,
+.switch[type=checkbox].is-light.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 96%) !important;
+}
+
+.switch[type=checkbox].is-light.is-outlined:checked + label::after,
+.switch[type=checkbox].is-light.is-outlined:checked + label:after {
+ background: hsl(0deg, 0%, 96%);
+}
+
+.switch[type=checkbox].is-light.is-thin.is-outlined + label::after,
+.switch[type=checkbox].is-light.is-thin.is-outlined + label:after {
+ box-shadow: none;
+}
+
+.switch[type=checkbox].is-unchecked-light + label::before,
+.switch[type=checkbox].is-unchecked-light + label:before {
+ background: hsl(0deg, 0%, 96%);
+}
+
+.switch[type=checkbox].is-unchecked-light.is-outlined + label::before,
+.switch[type=checkbox].is-unchecked-light.is-outlined + label:before {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 96%) !important;
+}
+
+.switch[type=checkbox].is-unchecked-light.is-outlined + label::after,
+.switch[type=checkbox].is-unchecked-light.is-outlined + label:after {
+ background: hsl(0deg, 0%, 96%);
+}
+
+.switch[type=checkbox].is-dark + label .switch-active {
+ display: none;
+}
+
+.switch[type=checkbox].is-dark + label .switch-inactive {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-dark:checked + label::before,
+.switch[type=checkbox].is-dark:checked + label:before {
+ background: hsl(0deg, 0%, 21%);
+}
+
+.switch[type=checkbox].is-dark:checked + label .switch-active {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-dark:checked + label .switch-inactive {
+ display: none;
+}
+
+.switch[type=checkbox].is-dark.is-outlined:checked + label::before,
+.switch[type=checkbox].is-dark.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 21%) !important;
+}
+
+.switch[type=checkbox].is-dark.is-outlined:checked + label::after,
+.switch[type=checkbox].is-dark.is-outlined:checked + label:after {
+ background: hsl(0deg, 0%, 21%);
+}
+
+.switch[type=checkbox].is-dark.is-thin.is-outlined + label::after,
+.switch[type=checkbox].is-dark.is-thin.is-outlined + label:after {
+ box-shadow: none;
+}
+
+.switch[type=checkbox].is-unchecked-dark + label::before,
+.switch[type=checkbox].is-unchecked-dark + label:before {
+ background: hsl(0deg, 0%, 21%);
+}
+
+.switch[type=checkbox].is-unchecked-dark.is-outlined + label::before,
+.switch[type=checkbox].is-unchecked-dark.is-outlined + label:before {
+ background-color: transparent;
+ border-color: hsl(0deg, 0%, 21%) !important;
+}
+
+.switch[type=checkbox].is-unchecked-dark.is-outlined + label::after,
+.switch[type=checkbox].is-unchecked-dark.is-outlined + label:after {
+ background: hsl(0deg, 0%, 21%);
+}
+
+.switch[type=checkbox].is-primary + label .switch-active {
+ display: none;
+}
+
+.switch[type=checkbox].is-primary + label .switch-inactive {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-primary:checked + label::before,
+.switch[type=checkbox].is-primary:checked + label:before {
+ background: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-primary:checked + label .switch-active {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-primary:checked + label .switch-inactive {
+ display: none;
+}
+
+.switch[type=checkbox].is-primary.is-outlined:checked + label::before,
+.switch[type=checkbox].is-primary.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: hsl(171deg, 100%, 41%) !important;
+}
+
+.switch[type=checkbox].is-primary.is-outlined:checked + label::after,
+.switch[type=checkbox].is-primary.is-outlined:checked + label:after {
+ background: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-primary.is-thin.is-outlined + label::after,
+.switch[type=checkbox].is-primary.is-thin.is-outlined + label:after {
+ box-shadow: none;
+}
+
+.switch[type=checkbox].is-unchecked-primary + label::before,
+.switch[type=checkbox].is-unchecked-primary + label:before {
+ background: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-unchecked-primary.is-outlined + label::before,
+.switch[type=checkbox].is-unchecked-primary.is-outlined + label:before {
+ background-color: transparent;
+ border-color: hsl(171deg, 100%, 41%) !important;
+}
+
+.switch[type=checkbox].is-unchecked-primary.is-outlined + label::after,
+.switch[type=checkbox].is-unchecked-primary.is-outlined + label:after {
+ background: hsl(171deg, 100%, 41%);
+}
+
+.switch[type=checkbox].is-link + label .switch-active {
+ display: none;
+}
+
+.switch[type=checkbox].is-link + label .switch-inactive {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-link:checked + label::before,
+.switch[type=checkbox].is-link:checked + label:before {
+ background: #3490dc;
+}
+
+.switch[type=checkbox].is-link:checked + label .switch-active {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-link:checked + label .switch-inactive {
+ display: none;
+}
+
+.switch[type=checkbox].is-link.is-outlined:checked + label::before,
+.switch[type=checkbox].is-link.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: #3490dc !important;
+}
+
+.switch[type=checkbox].is-link.is-outlined:checked + label::after,
+.switch[type=checkbox].is-link.is-outlined:checked + label:after {
+ background: #3490dc;
+}
+
+.switch[type=checkbox].is-link.is-thin.is-outlined + label::after,
+.switch[type=checkbox].is-link.is-thin.is-outlined + label:after {
+ box-shadow: none;
+}
+
+.switch[type=checkbox].is-unchecked-link + label::before,
+.switch[type=checkbox].is-unchecked-link + label:before {
+ background: #3490dc;
+}
+
+.switch[type=checkbox].is-unchecked-link.is-outlined + label::before,
+.switch[type=checkbox].is-unchecked-link.is-outlined + label:before {
+ background-color: transparent;
+ border-color: #3490dc !important;
+}
+
+.switch[type=checkbox].is-unchecked-link.is-outlined + label::after,
+.switch[type=checkbox].is-unchecked-link.is-outlined + label:after {
+ background: #3490dc;
+}
+
+.switch[type=checkbox].is-info + label .switch-active {
+ display: none;
+}
+
+.switch[type=checkbox].is-info + label .switch-inactive {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-info:checked + label::before,
+.switch[type=checkbox].is-info:checked + label:before {
+ background: #6cb2eb;
+}
+
+.switch[type=checkbox].is-info:checked + label .switch-active {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-info:checked + label .switch-inactive {
+ display: none;
+}
+
+.switch[type=checkbox].is-info.is-outlined:checked + label::before,
+.switch[type=checkbox].is-info.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: #6cb2eb !important;
+}
+
+.switch[type=checkbox].is-info.is-outlined:checked + label::after,
+.switch[type=checkbox].is-info.is-outlined:checked + label:after {
+ background: #6cb2eb;
+}
+
+.switch[type=checkbox].is-info.is-thin.is-outlined + label::after,
+.switch[type=checkbox].is-info.is-thin.is-outlined + label:after {
+ box-shadow: none;
+}
+
+.switch[type=checkbox].is-unchecked-info + label::before,
+.switch[type=checkbox].is-unchecked-info + label:before {
+ background: #6cb2eb;
+}
+
+.switch[type=checkbox].is-unchecked-info.is-outlined + label::before,
+.switch[type=checkbox].is-unchecked-info.is-outlined + label:before {
+ background-color: transparent;
+ border-color: #6cb2eb !important;
+}
+
+.switch[type=checkbox].is-unchecked-info.is-outlined + label::after,
+.switch[type=checkbox].is-unchecked-info.is-outlined + label:after {
+ background: #6cb2eb;
+}
+
+.switch[type=checkbox].is-success + label .switch-active {
+ display: none;
+}
+
+.switch[type=checkbox].is-success + label .switch-inactive {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-success:checked + label::before,
+.switch[type=checkbox].is-success:checked + label:before {
+ background: #38c172;
+}
+
+.switch[type=checkbox].is-success:checked + label .switch-active {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-success:checked + label .switch-inactive {
+ display: none;
+}
+
+.switch[type=checkbox].is-success.is-outlined:checked + label::before,
+.switch[type=checkbox].is-success.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: #38c172 !important;
+}
+
+.switch[type=checkbox].is-success.is-outlined:checked + label::after,
+.switch[type=checkbox].is-success.is-outlined:checked + label:after {
+ background: #38c172;
+}
+
+.switch[type=checkbox].is-success.is-thin.is-outlined + label::after,
+.switch[type=checkbox].is-success.is-thin.is-outlined + label:after {
+ box-shadow: none;
+}
+
+.switch[type=checkbox].is-unchecked-success + label::before,
+.switch[type=checkbox].is-unchecked-success + label:before {
+ background: #38c172;
+}
+
+.switch[type=checkbox].is-unchecked-success.is-outlined + label::before,
+.switch[type=checkbox].is-unchecked-success.is-outlined + label:before {
+ background-color: transparent;
+ border-color: #38c172 !important;
+}
+
+.switch[type=checkbox].is-unchecked-success.is-outlined + label::after,
+.switch[type=checkbox].is-unchecked-success.is-outlined + label:after {
+ background: #38c172;
+}
+
+.switch[type=checkbox].is-warning + label .switch-active {
+ display: none;
+}
+
+.switch[type=checkbox].is-warning + label .switch-inactive {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-warning:checked + label::before,
+.switch[type=checkbox].is-warning:checked + label:before {
+ background: #ffed4a;
+}
+
+.switch[type=checkbox].is-warning:checked + label .switch-active {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-warning:checked + label .switch-inactive {
+ display: none;
+}
+
+.switch[type=checkbox].is-warning.is-outlined:checked + label::before,
+.switch[type=checkbox].is-warning.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: #ffed4a !important;
+}
+
+.switch[type=checkbox].is-warning.is-outlined:checked + label::after,
+.switch[type=checkbox].is-warning.is-outlined:checked + label:after {
+ background: #ffed4a;
+}
+
+.switch[type=checkbox].is-warning.is-thin.is-outlined + label::after,
+.switch[type=checkbox].is-warning.is-thin.is-outlined + label:after {
+ box-shadow: none;
+}
+
+.switch[type=checkbox].is-unchecked-warning + label::before,
+.switch[type=checkbox].is-unchecked-warning + label:before {
+ background: #ffed4a;
+}
+
+.switch[type=checkbox].is-unchecked-warning.is-outlined + label::before,
+.switch[type=checkbox].is-unchecked-warning.is-outlined + label:before {
+ background-color: transparent;
+ border-color: #ffed4a !important;
+}
+
+.switch[type=checkbox].is-unchecked-warning.is-outlined + label::after,
+.switch[type=checkbox].is-unchecked-warning.is-outlined + label:after {
+ background: #ffed4a;
+}
+
+.switch[type=checkbox].is-danger + label .switch-active {
+ display: none;
+}
+
+.switch[type=checkbox].is-danger + label .switch-inactive {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-danger:checked + label::before,
+.switch[type=checkbox].is-danger:checked + label:before {
+ background: #e3342f;
+}
+
+.switch[type=checkbox].is-danger:checked + label .switch-active {
+ display: inline-block;
+}
+
+.switch[type=checkbox].is-danger:checked + label .switch-inactive {
+ display: none;
+}
+
+.switch[type=checkbox].is-danger.is-outlined:checked + label::before,
+.switch[type=checkbox].is-danger.is-outlined:checked + label:before {
+ background-color: transparent;
+ border-color: #e3342f !important;
+}
+
+.switch[type=checkbox].is-danger.is-outlined:checked + label::after,
+.switch[type=checkbox].is-danger.is-outlined:checked + label:after {
+ background: #e3342f;
+}
+
+.switch[type=checkbox].is-danger.is-thin.is-outlined + label::after,
+.switch[type=checkbox].is-danger.is-thin.is-outlined + label:after {
+ box-shadow: none;
+}
+
+.switch[type=checkbox].is-unchecked-danger + label::before,
+.switch[type=checkbox].is-unchecked-danger + label:before {
+ background: #e3342f;
+}
+
+.switch[type=checkbox].is-unchecked-danger.is-outlined + label::before,
+.switch[type=checkbox].is-unchecked-danger.is-outlined + label:before {
+ background-color: transparent;
+ border-color: #e3342f !important;
+}
+
+.switch[type=checkbox].is-unchecked-danger.is-outlined + label::after,
+.switch[type=checkbox].is-unchecked-danger.is-outlined + label:after {
+ background: #e3342f;
+}
+
+.field-body .switch[type=checkbox] + label {
+ margin-top: 0.375em;
+}
+
+main.has-top-padding {
padding-top: 4.5rem !important;
}
@@ -28,3 +14163,22 @@ main.chisma-abierta {
max-height: 100% !important;
}
+/*
+ Author: Aseem Lalfakawma <alalfakawma.github.io>
+ This SCSS mixin will allow sizing of table columns in Bulma CSS Framework.
+ The Bulma framework does not support this yet, this small code snippet fixes this.
+
+ USAGE:
+ * Should be applied on TH element, it controls all the columns under it *
+ The class should be "is-#",
+ is-1 will give the first widthamount, is-2 will give the second.
+ Eg. The code below shows the widthAmounts as (1, 2.5, 3, 4 , 5, 6, 7)
+ When typing <th class="is-2">, the width will be 2.5em, as the second value in widthAmounts array is 2.5
+*/
+
+@media only screen and (min-width: 768px) {
+ .table thead th.is-1 {
+ width: 15em !important;
+ }
+}
+
diff --git a/public/js/app.js b/public/js/app.js
index 49e131a..1552c6b 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -2203,11 +2203,20 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
+//
+//
+//
+//
+//
+//
+//
/* harmony default export */ __webpack_exports__["default"] = ({
data: function data() {
return {
visible: false,
- gdc: null
+ gdc: null,
+ passwordVisible: false,
+ passwordType: "password"
};
},
mounted: function mounted() {
@@ -2217,6 +2226,12 @@ __webpack_require__.r(__webpack_exports__);
_this.gdc = gdc;
_this.visible = true;
});
+ },
+ methods: {
+ togglePassword: function togglePassword() {
+ if (this.passwordVisible) this.passwordType = "password";else this.passwordType = "text";
+ this.passwordVisible = !this.passwordVisible;
+ }
}
});
@@ -2756,8 +2771,6 @@ __webpack_require__.r(__webpack_exports__);
var _this = this;
Event.$on('sync-aprobacion', function (unSubpedido) {
- console.log(unSubpedido);
-
if (_this.pedido.id === unSubpedido.id) {
_this.pedido = unSubpedido;
}
@@ -2783,8 +2796,6 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
-//
-//
/* harmony default export */ __webpack_exports__["default"] = ({
name: "BotonAdminSubpedidoRow",
props: {
@@ -2797,7 +2808,7 @@ __webpack_require__.r(__webpack_exports__);
},
computed: {
mensaje: function mensaje() {
- return this.pedido.aprobado ? "Desaprobar" : "Aprobar";
+ return this.pedido.aprobado ? "Aprobado" : "No aprobado";
}
},
methods: {
@@ -2990,7 +3001,7 @@ __webpack_require__.r(__webpack_exports__);
},
data: function data() {
return {
- gdc: null,
+ gdc: 0,
subpedidos: []
};
},
@@ -4844,34 +4855,56 @@ var render = function () {
],
staticClass: "block",
},
- [_vm._m(0), _vm._v(" "), _vm._m(1)]
+ [
+ _c("div", { staticClass: "field" }, [
+ _c("label", { staticClass: "label" }, [
+ _vm._v("Contraseña del barrio"),
+ ]),
+ _vm._v(" "),
+ _c("div", { staticClass: "field has-addons" }, [
+ _c("div", { staticClass: "control" }, [
+ _c("input", {
+ staticClass: "input",
+ attrs: {
+ required: "",
+ type: this.passwordType,
+ name: "password",
+ placeholder: "Contraseña del barrio",
+ },
+ }),
+ ]),
+ _vm._v(" "),
+ _c("div", { staticClass: "control" }, [
+ _c(
+ "a",
+ {
+ staticClass: "button is-info",
+ on: { click: _vm.togglePassword },
+ },
+ [
+ _vm._v(
+ "\n\t\t\t\t\t" +
+ _vm._s(
+ (_vm.passwordVisible ? "Ocultar" : "Mostrar") +
+ " contraseña"
+ ) +
+ " \n\t\t\t\t"
+ ),
+ ]
+ ),
+ ]),
+ ]),
+ _vm._v(" "),
+ _c("p", { staticClass: "help" }, [
+ _vm._v("Si no la sabés, consultá a tus compañerxs."),
+ ]),
+ ]),
+ _vm._v(" "),
+ _vm._m(0),
+ ]
)
}
var staticRenderFns = [
- function () {
- var _vm = this
- var _h = _vm.$createElement
- var _c = _vm._self._c || _h
- return _c("div", { staticClass: "field" }, [
- _c("label", { staticClass: "label" }, [_vm._v("Contraseña del barrio")]),
- _vm._v(" "),
- _c("p", { staticClass: "control" }, [
- _c("input", {
- staticClass: "input",
- attrs: {
- required: "",
- type: "password",
- name: "password",
- placeholder: "Contraseña del barrio",
- },
- }),
- ]),
- _vm._v(" "),
- _c("p", { staticClass: "help" }, [
- _vm._v("Si no la sabés, consultá a tus compañerxs."),
- ]),
- ])
- },
function () {
var _vm = this
var _h = _vm.$createElement
@@ -5729,24 +5762,24 @@ var render = function () {
var _vm = this
var _h = _vm.$createElement
var _c = _vm._self._c || _h
- return _c(
- "button",
- {
- staticClass: "button",
- class: _vm.pedido.aprobado ? "is-danger" : "is-success",
- on: { click: _vm.toggleAprobacion },
- },
- [
- _c("span", { staticClass: "icon is-small" }, [
- _c("i", {
- staticClass: "fas",
- class: _vm.pedido.aprobado ? "fa-times" : "fa-check",
- }),
+ return _c("div", { staticClass: "field" }, [
+ _c("input", {
+ staticClass: "switch is-rounded is-success",
+ attrs: {
+ id: "switch" + this.pedido.id,
+ type: "checkbox",
+ name: "switchRoundedSuccess",
+ },
+ domProps: { checked: _vm.pedido.aprobado },
+ on: { change: _vm.toggleAprobacion },
+ }),
+ _vm._v(" "),
+ _c("label", { attrs: { for: "switch" + this.pedido.id } }, [
+ _c("span", { staticClass: "is-hidden-mobile" }, [
+ _vm._v(_vm._s(_vm.mensaje)),
]),
- _vm._v(" "),
- _c("span", [_vm._v(_vm._s(_vm.mensaje))]),
- ]
- )
+ ]),
+ ])
}
var staticRenderFns = []
render._withStripped = true
@@ -5855,6 +5888,7 @@ var render = function () {
return _c(
"div",
{
+ key: index,
staticClass: "columns is-mobile",
class: { "has-background-grey-lighter": index % 2 },
},
@@ -5916,10 +5950,10 @@ render._withStripped = true
/***/ }),
-/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true&":
-/*!****************************************************************************************************************************************************************************************************************************!*\
- !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true& ***!
- \****************************************************************************************************************************************************************************************************************************/
+/***/ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&":
+/*!****************************************************************************************************************************************************************************************************************!*\
+ !*** ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d& ***!
+ \****************************************************************************************************************************************************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -6071,7 +6105,7 @@ var staticRenderFns = [
]),
]),
_vm._v(" "),
- _c("th", [
+ _c("th", { staticClass: "is-1" }, [
_c("abbr", { attrs: { title: "Aprobacion" } }, [
_vm._v("Aprobación"),
]),
@@ -19513,7 +19547,7 @@ __webpack_require__.r(__webpack_exports__);
"use strict";
__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _SubpedidosGdc_vue_vue_type_template_id_652b385d_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true& */ "./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true&");
+/* harmony import */ var _SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SubpedidosGdc.vue?vue&type=template&id=652b385d& */ "./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&");
/* harmony import */ var _SubpedidosGdc_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./SubpedidosGdc.vue?vue&type=script&lang=js& */ "./resources/js/components/SubpedidosGdc.vue?vue&type=script&lang=js&");
/* empty/unused harmony star reexport *//* harmony import */ var _node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js */ "./node_modules/vue-loader/lib/runtime/componentNormalizer.js");
@@ -19525,11 +19559,11 @@ __webpack_require__.r(__webpack_exports__);
var component = Object(_node_modules_vue_loader_lib_runtime_componentNormalizer_js__WEBPACK_IMPORTED_MODULE_2__["default"])(
_SubpedidosGdc_vue_vue_type_script_lang_js___WEBPACK_IMPORTED_MODULE_1__["default"],
- _SubpedidosGdc_vue_vue_type_template_id_652b385d_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"],
- _SubpedidosGdc_vue_vue_type_template_id_652b385d_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
+ _SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__["render"],
+ _SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"],
false,
null,
- "652b385d",
+ null,
null
)
@@ -19555,19 +19589,19 @@ __webpack_require__.r(__webpack_exports__);
/***/ }),
-/***/ "./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true&":
-/*!**********************************************************************************************!*\
- !*** ./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true& ***!
- \**********************************************************************************************/
+/***/ "./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&":
+/*!**********************************************************************************!*\
+ !*** ./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d& ***!
+ \**********************************************************************************/
/*! exports provided: render, staticRenderFns */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubpedidosGdc_vue_vue_type_template_id_652b385d_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib??vue-loader-options!./SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&scoped=true&");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubpedidosGdc_vue_vue_type_template_id_652b385d_scoped_true___WEBPACK_IMPORTED_MODULE_0__["render"]; });
+/* harmony import */ var _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! -!../../../node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/vue-loader/lib??vue-loader-options!./SubpedidosGdc.vue?vue&type=template&id=652b385d& */ "./node_modules/vue-loader/lib/loaders/templateLoader.js?!./node_modules/vue-loader/lib/index.js?!./resources/js/components/SubpedidosGdc.vue?vue&type=template&id=652b385d&");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__["render"]; });
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubpedidosGdc_vue_vue_type_template_id_652b385d_scoped_true___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return _node_modules_vue_loader_lib_loaders_templateLoader_js_vue_loader_options_node_modules_vue_loader_lib_index_js_vue_loader_options_SubpedidosGdc_vue_vue_type_template_id_652b385d___WEBPACK_IMPORTED_MODULE_0__["staticRenderFns"]; });
diff --git a/resources/js/components/Login.vue b/resources/js/components/Login.vue
index 02535e9..6302017 100644
--- a/resources/js/components/Login.vue
+++ b/resources/js/components/Login.vue
@@ -2,9 +2,16 @@
<div v-show="visible" class="block">
<div class="field">
<label class="label">Contraseña del barrio</label>
- <p class="control">
- <input required class="input" type="password" name="password" placeholder="Contraseña del barrio">
- </p>
+ <div class="field has-addons">
+ <div class="control">
+ <input required class="input" :type="this.passwordType" name="password" placeholder="Contraseña del barrio">
+ </div>
+ <div class="control">
+ <a class="button is-info" @click="togglePassword">
+ {{ (passwordVisible ? 'Ocultar' : 'Mostrar') + ' contraseña'}}
+ </a>
+ </div>
+ </div>
<p class="help">Si no la sabés, consultá a tus compañerxs.</p>
</div>
<div class="field">
@@ -20,7 +27,9 @@
data() {
return {
visible: false,
- gdc: null
+ gdc: null,
+ passwordVisible: false,
+ passwordType: "password",
}
},
mounted() {
@@ -28,6 +37,13 @@
this.gdc = gdc;
this.visible = true;
});
+ },
+ methods: {
+ togglePassword() {
+ if (this.passwordVisible) this.passwordType = "password";
+ else this.passwordType = "text"
+ this.passwordVisible = !this.passwordVisible
+ }
}
}
</script>
From 4906d2bb4d16a22f84eec71f430affba87853705 Mon Sep 17 00:00:00 2001
From: Ale <atasistro@mps.org.uy>
Date: Mon, 24 Oct 2022 22:39:23 -0300
Subject: [PATCH 5/8] Arreglado error de booleanos pasados como string y
warning de keys
---
resources/js/components/BarrioSelect.vue | 2 +-
resources/js/components/RegionSelect.vue | 2 +-
resources/views/auth/admin_login.blade.php | 4 ++--
3 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/resources/js/components/BarrioSelect.vue b/resources/js/components/BarrioSelect.vue
index eeb8b7a..6743f4b 100644
--- a/resources/js/components/BarrioSelect.vue
+++ b/resources/js/components/BarrioSelect.vue
@@ -6,7 +6,7 @@
<div class="select">
<select @change="onGDCSelected" v-model="gdc" name="name">
<option :disabled="isDefaultDisabled==1" value=null>Seleccionar</option>
- <option v-for="gdc in gdcs" v-text="gdc.nombre + (isAdmin ? '_admin' : '')"
+ <option v-for="(gdc, index) in gdcs" :key="index" v-text="gdc.nombre + (isAdmin ? '_admin' : '')"
:name="gdc.nombre + (isAdmin ? '_admin' : '')">
</option>
</select>
diff --git a/resources/js/components/RegionSelect.vue b/resources/js/components/RegionSelect.vue
index fc16cf8..55d6c8f 100644
--- a/resources/js/components/RegionSelect.vue
+++ b/resources/js/components/RegionSelect.vue
@@ -6,7 +6,7 @@
<div class="select">
<select @change="onRegionSelected" v-model="region">
<option :disabled="isDefaultDisabled===1" value=null>Seleccionar</option>
- <option v-for="region in regiones" v-text="region" :name="region"></option>
+ <option v-for="(region, index) in regiones" :key="index" v-text="region" :name="region"></option>
</select>
</div>
</div>
diff --git a/resources/views/auth/admin_login.blade.php b/resources/views/auth/admin_login.blade.php
index 3c88e67..ed9afca 100644
--- a/resources/views/auth/admin_login.blade.php
+++ b/resources/views/auth/admin_login.blade.php
@@ -21,10 +21,10 @@
Contraseña incorrecta, intentalo nuevamente.
</div>
@enderror
- <region-select admin="true"></region-select>
+ <region-select v-bind:admin="true"></region-select>
<form method="post" action="login">
@csrf
- <barrio-select admin="true"></barrio-select>
+ <barrio-select v-bind:admin="true"></barrio-select>
<login-admin></login-admin>
</form>
</div>
From 4da7ff24315f11bf2819816150a767f3dbc70636 Mon Sep 17 00:00:00 2001
From: Ale <atasistro@mps.org.uy>
Date: Mon, 24 Oct 2022 22:39:55 -0300
Subject: [PATCH 6/8] Agregado nombre a Login.vue
---
resources/js/components/Login.vue | 1 +
1 file changed, 1 insertion(+)
diff --git a/resources/js/components/Login.vue b/resources/js/components/Login.vue
index 6302017..46573bf 100644
--- a/resources/js/components/Login.vue
+++ b/resources/js/components/Login.vue
@@ -24,6 +24,7 @@
<script>
export default {
+ name: 'Login',
data() {
return {
visible: false,
From 3e426d088d2b30aa8897c54720abdf6c5ea710ad Mon Sep 17 00:00:00 2001
From: Ale <atasistro@mps.org.uy>
Date: Mon, 24 Oct 2022 22:40:30 -0300
Subject: [PATCH 7/8] =?UTF-8?q?Agregado=20boton=20para=20mostrar=20contras?=
=?UTF-8?q?e=C3=B1a=20en=20login=20de=20admin?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
public/js/app.js | 100 +++++++++++++++++--------
resources/js/components/LoginAdmin.vue | 28 +++++--
2 files changed, 91 insertions(+), 37 deletions(-)
diff --git a/public/js/app.js b/public/js/app.js
index 1552c6b..a0dba5b 100644
--- a/public/js/app.js
+++ b/public/js/app.js
@@ -2211,6 +2211,7 @@ __webpack_require__.r(__webpack_exports__);
//
//
/* harmony default export */ __webpack_exports__["default"] = ({
+ name: 'Login',
data: function data() {
return {
visible: false,
@@ -2263,12 +2264,21 @@ __webpack_require__.r(__webpack_exports__);
//
//
//
+//
+//
+//
+//
+//
+//
+//
/* harmony default export */ __webpack_exports__["default"] = ({
- name: "LoginAdmin.vue",
+ name: "LoginAdmin",
data: function data() {
return {
visible: false,
- gdc: null
+ gdc: null,
+ passwordVisible: false,
+ passwordType: "password"
};
},
mounted: function mounted() {
@@ -2278,6 +2288,12 @@ __webpack_require__.r(__webpack_exports__);
_this.gdc = gdc;
_this.visible = true;
});
+ },
+ methods: {
+ togglePassword: function togglePassword() {
+ if (this.passwordVisible) this.passwordType = "password";else this.passwordType = "text";
+ this.passwordVisible = !this.passwordVisible;
+ }
}
});
@@ -4525,8 +4541,9 @@ var render = function () {
[_vm._v("Seleccionar")]
),
_vm._v(" "),
- _vm._l(_vm.gdcs, function (gdc) {
+ _vm._l(_vm.gdcs, function (gdc, index) {
return _c("option", {
+ key: index,
attrs: { name: gdc.nombre + (_vm.isAdmin ? "_admin" : "") },
domProps: {
textContent: _vm._s(
@@ -4953,36 +4970,56 @@ var render = function () {
],
staticClass: "block",
},
- [_vm._m(0), _vm._v(" "), _vm._m(1)]
+ [
+ _c("div", { staticClass: "field" }, [
+ _c("label", { staticClass: "label has-text-white" }, [
+ _vm._v("Contraseña de administración del barrio"),
+ ]),
+ _vm._v(" "),
+ _c("div", { staticClass: "field has-addons" }, [
+ _c("div", { staticClass: "control" }, [
+ _c("input", {
+ staticClass: "input",
+ attrs: {
+ required: "",
+ type: this.passwordType,
+ name: "password",
+ placeholder: "Contraseña de admin del barrio",
+ },
+ }),
+ ]),
+ _vm._v(" "),
+ _c("div", { staticClass: "control" }, [
+ _c(
+ "a",
+ {
+ staticClass: "button is-warning",
+ on: { click: _vm.togglePassword },
+ },
+ [
+ _vm._v(
+ "\n\t\t\t\t\t\t" +
+ _vm._s(
+ (_vm.passwordVisible ? "Ocultar" : "Mostrar") +
+ " contraseña"
+ ) +
+ " \n\t\t\t\t\t"
+ ),
+ ]
+ ),
+ ]),
+ ]),
+ _vm._v(" "),
+ _c("p", { staticClass: "help has-text-white" }, [
+ _vm._v("Si no la sabés, consultá a la comisión informática."),
+ ]),
+ ]),
+ _vm._v(" "),
+ _vm._m(0),
+ ]
)
}
var staticRenderFns = [
- function () {
- var _vm = this
- var _h = _vm.$createElement
- var _c = _vm._self._c || _h
- return _c("div", { staticClass: "field" }, [
- _c("label", { staticClass: "label has-text-white" }, [
- _vm._v("Contraseña de administración del barrio"),
- ]),
- _vm._v(" "),
- _c("p", { staticClass: "control" }, [
- _c("input", {
- staticClass: "input",
- attrs: {
- required: "",
- type: "password",
- name: "password",
- placeholder: "Contraseña de admin del barrio",
- },
- }),
- ]),
- _vm._v(" "),
- _c("p", { staticClass: "help has-text-white" }, [
- _vm._v("Si no la sabés, consultá a la comisión informática."),
- ]),
- ])
- },
function () {
var _vm = this
var _h = _vm.$createElement
@@ -5688,8 +5725,9 @@ var render = function () {
[_vm._v("Seleccionar")]
),
_vm._v(" "),
- _vm._l(_vm.regiones, function (region) {
+ _vm._l(_vm.regiones, function (region, index) {
return _c("option", {
+ key: index,
attrs: { name: region },
domProps: { textContent: _vm._s(region) },
})
diff --git a/resources/js/components/LoginAdmin.vue b/resources/js/components/LoginAdmin.vue
index d4afee6..a4b1b88 100644
--- a/resources/js/components/LoginAdmin.vue
+++ b/resources/js/components/LoginAdmin.vue
@@ -2,9 +2,16 @@
<div v-show="visible" class="block">
<div class="field">
<label class="label has-text-white">Contraseña de administración del barrio</label>
- <p class="control">
- <input required class="input" type="password" name="password" placeholder="Contraseña de admin del barrio">
- </p>
+ <div class="field has-addons">
+ <div class="control">
+ <input required class="input" :type="this.passwordType" name="password" placeholder="Contraseña de admin del barrio">
+ </div>
+ <div class="control">
+ <a class="button is-warning" @click="togglePassword">
+ {{ (passwordVisible ? 'Ocultar' : 'Mostrar') + ' contraseña'}}
+ </a>
+ </div>
+ </div>
<p class="help has-text-white">Si no la sabés, consultá a la comisión informática.</p>
</div>
<div class="field">
@@ -17,11 +24,13 @@
<script>
export default {
- name: "LoginAdmin.vue",
+ name: "LoginAdmin",
data() {
return {
visible: false,
- gdc: null
+ gdc: null,
+ passwordVisible: false,
+ passwordType: "password",
}
},
mounted() {
@@ -29,7 +38,14 @@
this.gdc = gdc;
this.visible = true;
});
- }
+ },
+ methods: {
+ togglePassword() {
+ if (this.passwordVisible) this.passwordType = "password";
+ else this.passwordType = "text"
+ this.passwordVisible = !this.passwordVisible
+ }
+ }
}
</script>
From 85f0a5a06b2547b22d3c8176c7b653affa5f86f1 Mon Sep 17 00:00:00 2001
From: nat <nat@delcita.nathaliehc.uy>
Date: Tue, 8 Nov 2022 14:28:44 -0300
Subject: [PATCH 8/8] Canasta 83
---
database/seeds/DatabaseSeeder.php | 1 -
database/seeds/ImportarProductoSeeder.php | 9 +-
resources/csv/productos.csv | 146 +++++++++++-----------
3 files changed, 76 insertions(+), 80 deletions(-)
diff --git a/database/seeds/DatabaseSeeder.php b/database/seeds/DatabaseSeeder.php
index a796141..1e8ec0e 100644
--- a/database/seeds/DatabaseSeeder.php
+++ b/database/seeds/DatabaseSeeder.php
@@ -13,7 +13,6 @@ class DatabaseSeeder extends Seeder
public function run()
{
$this->call(GrupoDeCompraSeeder::class);
- //$this->call(ProductoSeeder::class);
$this->call(ImportarProductoSeeder::class);
}
}
diff --git a/database/seeds/ImportarProductoSeeder.php b/database/seeds/ImportarProductoSeeder.php
index 3bfd713..43c9e84 100644
--- a/database/seeds/ImportarProductoSeeder.php
+++ b/database/seeds/ImportarProductoSeeder.php
@@ -25,8 +25,8 @@ class ImportarProductoSeeder extends Seeder
$toInsert = [];
$categoria = '';
foreach($registros as $i => $registro){
- //las que no tienen tipo
- if ($i <= $iHeader || !Arr::has($registro,$this::FILA_HEADER)){
+ //filas que están arriba del header
+ if ($i <= $iHeader){
continue;
}
@@ -35,10 +35,9 @@ class ImportarProductoSeeder extends Seeder
break;
}
- //no tienen
+ //filas que no tienen tipo
if (!Arr::has($registro,$this::FILA_HEADER)|| trim($registro[$this::FILA_HEADER]) == ''){
- var_dump("no hay tipo");
- var_dump($registro[$this::FILA_HEADER]);
+ var_dump("no hay tipo en la fila " . $i);
continue;
}
diff --git a/resources/csv/productos.csv b/resources/csv/productos.csv
index f1b3a84..0981be8 100644
--- a/resources/csv/productos.csv
+++ b/resources/csv/productos.csv
@@ -1,4 +1,4 @@
-CANASTA 82 - Octubre 2022|||||REFERENCIAS:
+CANASTA 83 - Noviembre 2022|||||REFERENCIAS:
S-G (SIN GLUTEN)
S-S (SIN SAL AGREGADA)
S-A (SIN AZUCAR AGREGADA)
@@ -13,7 +13,7 @@ P|Yerba Yusa tradicional 1kg|121.8||||||||||||0|0
P|Yerba Yusa tradicional 500grs|65||||||||||||0|0
P|Yerba Sara tradicional 1kg (Sin TACC)|135.64||||||||||||0|0
P|Yerba Sara suave 1kg (Sin TACC)|137.86||||||||||||0|0
-P|*Harina Santa Unión 000 1kg|38.2||||||||||||0|0
+P|*Harina Santa Unión 000 1kg|37.7||||||||||||0|0
P|*Harina Santa Unión 0000 1kg|43.6||||||||||||0|0
P|*Harina de trigo integral Pasaná 1 kg|65.0||||||||||||0|0
P|*Harina de arroz Pasaná 1 kg (Puede contener gluten)|65.0||||||||||||0|0
@@ -31,58 +31,57 @@ P|*Fideos Caorsi para sopa 1kg|68||||||||||||0|0
P|*Fideos Caorsi para sopa 5kg|333||||||||||||0|0
P|*Fideos Caorsi Tirabuzón 5kg|333||||||||||||0|0
P|Arroz Blue Patna 1kg|42.23||||||||||||0|0
-P|Arroz Shiva 1kg|29.77||||||||||||0|0
+P|Arroz Shiva 1kg|25.65||||||||||||0|0
P|*Arroz integral 1kg|55||||||||||||0|0
P|*Arroz integral 3kg|155||||||||||||0|0
-P|Aceite Condesa de Soja 900 cc.|97.7||||||||||||0|0
-P|Aceite Uruguay de Girasol 900 cc.|120.6||||||||||||0|0
-P|Aceite Optimo canola 900 cc.|98||||||||||||0|0
+P|Aceite Condesa de Soja 900 cc.|93.3||||||||||||0|0
+P|Aceite Uruguay de Girasol 900 cc.|115.2||||||||||||0|0
+P|Aceite Optimo canola 900 cc.|102||||||||||||0|0
P|*Aceite de oliva 500 ml.|210||||||||||||0|0
-P|Vinagre Uruguay 900ml|85.6||||||||||||0|0
+P|Vinagre Uruguay 900ml|81.7||||||||||||0|0
P|Aceite de Oliva Cuatro Piedras 3 lt|1190||||||||||||0|0
P|*Salsa de soja La Posta 250 ml.|100||||||||||||0|0
P|*Aceitunas verdes sin carozo en frasco La Posta 500 gr.|195||||||||||||0|0
P|*Aceitunas negras sin carozo en frasco frasco La Posta 500 gr.|195||||||||||||0|0
-P|Lata atún Golden Fish desmenuzado al aceite 170g|35.83||||||||||||0|0
+P|Lata atún Golden Fish desmenuzado al aceite 170g|38.55||||||||||||0|0
P|Lata de arvejas Campero 300g|19||||||||||||0|0
P|Lata de choclo Cosecha 300g|27.14||||||||||||0|0
P|Lata de jardinera Cosecha|30.94||||||||||||0|0
P|Lata de porotos negros Cosecha|34.75||||||||||||0|0
P|Lata de porotos de frutilla Cosecha|34.75||||||||||||0|0
-P|Lata de duraznos en almíbar Campero|65.15||||||||||||0|0
-P|Mayonesa Uruguay 500g|90||||||||||||0|0
-P|Azúcar Azucarlito 25kg|1131||||||||||||0|0
+P|Lata de duraznos en almíbar Campero|72||||||||||||0|0
+P|Mayonesa Uruguay 500g|85.7||||||||||||0|0
P|Azúcar Bella Unión 1kg|44.3||||||||||||0|0
P|Azúcar rubia Mascabo 500g|95||||||||||||0|0
-P|Azúcar impalpable Hornex 200 gr|35||||||||||||0|0
-P|Azúcar impalpable Hornex 1kg|115||||||||||||0|0
-P|Almidón de maíz Hornex 1Kg|72||||||||||||0|0
-P|Polvo de Hornear Hornex 1 kg|134||||||||||||0|0
-P|Polvo de Hornear Hornex 100 g + 20 g|34.5||||||||||||0|0
-P|*Esencia de vainilla La Posta 100ml|90||||||||||||0|0
+P|Azúcar impalpable Hornex 200 gr|37||||||||||||0|0
+P|Azúcar impalpable Hornex 1kg|121||||||||||||0|0
+P|Almidón de maíz Hornex 1Kg|76||||||||||||0|0
+P|Polvo de Hornear Hornex 1 kg|141||||||||||||0|0
+P|Polvo de Hornear Hornex 100 g + 20 g|36.5||||||||||||0|0
+P|*Esencia de vainilla La Posta 100ml|90.0||||||||||||0|0
P|*Bicarbonato de sodio La Posta 250 gr|50||||||||||||0|0
-P|Grasa Uruguay 400grs|64.5||||||||||||0|0
-P|Levadura seca Hornex 125g|115.5||||||||||||0|0
+P|Grasa Uruguay 400grs|62||||||||||||0|0
+P|Levadura seca Hornex 125g|118||||||||||||0|0
P|Café Sorocabana glaseado p/máquina 500 grs|356.51||||||||||||0|0
P|Café Sorocabana natural p/máquina 500 grs|483.64||||||||||||0|0
P|Café soluble Saint bollón 170 gr|192.7||||||||||||0|0
-P|Té Negro en hebras 90gr hornimans|35.9||||||||||||0|0
+P|Té Negro en hebras 90gr hornimans|35.85||||||||||||0|0
P|Galletas de arroz SIN SAL Natural Rice 120 gr.|36.0||||||||||||0|0
P|Galletas de arroz comunes Natural Rice 120 gr|36.0||||||||||||0|0
-P|Leche en polvo entera 200 gr|100||||||||||||0|0
-P|Leche en polvo entera 1kg|382||||||||||||0|0
-P|* Coco rallado 200gr|60.0||||||||||||0|0
+P|Leche en polvo entera 200 gr|100.0||||||||||||0|0
+P|Leche en polvo entera 1kg|382.22||||||||||||0|0
+P|* Coco rallado 200gr|65||||||||||||0|0
P|* Coco rallado 1kg|255.0||||||||||||0|0
-P|Cocoa Hornex 200gr|47||||||||||||0|0
-P|Postre de chocolate Hornex 8 porciones|39.3||||||||||||0|0
-P|Postre LIGHT de vainilla Hornex 8 porciones (aprobado por ADU)|62.7||||||||||||0|0
-P|Flan de vainilla Hornex 8 porciones|39.3||||||||||||0|0
-P|Gelatina de frutilla Hornex 8 porciones|43.7||||||||||||0|0
+P|Cocoa Hornex 200gr|49.5||||||||||||0|0
+P|Postre de chocolate Hornex 8 porciones|41.5||||||||||||0|0
+P|Postre LIGHT de vainilla Hornex 8 porciones (aprobado por ADU)|66.0||||||||||||0|0
+P|Flan de vainilla Hornex 8 porciones|41.5||||||||||||0|0
+P|Gelatina de frutilla Hornex 8 porciones|41.5||||||||||||0|0
P|Bizcochuelo de vainilla SIN GLUTEN 500gr Hornex|158||||||||||||0|0
-P|Pizza SIN GLUTEN 320gr Hornex|150.0||||||||||||0|0
-P|Pulpa de Tomate De Ley 1lt (S-G)|46.9||||||||||||0|0
-P|Pure de papa instantaneo De Ley 125g|25||||||||||||0|0
-P|*Sal fina sin fluor Polenteados 500g|28.0||||||||||||0|0
+P|Pizza SIN GLUTEN 320gr Hornex|150||||||||||||0|0
+P|Pulpa de Tomate De Ley 1lt (S-G)|52.0||||||||||||0|0
+P|Pure de papa instantaneo De Ley 125g|25.2||||||||||||0|0
+P|*Sal fina sin fluor Polenteados 500g|28||||||||||||0|0
P|*Sal gruesa sin fluor Polenteados 500g|28.0||||||||||||0|0
P |*Salsa de tomate casera (puro tomate) 1 lt - (S-G) - azucar agregada: 1g/L - sal agregada: 0,25g/L|75.0||||||||||||0|0
P|*Barras de cereales (maní, sésamo, lino, girasol, avena, copos de arroz, copos de máiz, azúcar rubia y miel) - Pack x2|75.0||||||||||||0|0
@@ -92,9 +91,9 @@ P|*Granola simple (avena+ girasol+ pasaUva) 1kg|175.0||||||||||||0|0
P|*Copos de maíz azucarados 500g|92.0||||||||||||0|0
P|*Copos de maíz naturales 500g|92.0||||||||||||0|0
P|*Crema untable de maní 250gr|92.0||||||||||||0|0
-P|Alfajor de coco 80 g (S-G) NUEVO!|44.0||||||||||||0|0
-P|Galletitas dulces sabor cacao, nueces, avena y sésamo 150 g (S-G, S-A) NUEVO!|108.0||||||||||||0|0
-P|Crackers saladas de remolacha y chía 180 g (S-G) NUEVO!|108.0||||||||||||0|0
+P|Alfajor de coco 80 g (S-G) |44.0||||||||||||0|0
+P|Galletitas dulces sabor cacao, nueces, avena y sésamo 150 g (S-G, S-A)|108.0||||||||||||0|0
+P|Crackers saladas de remolacha y chía 180 g (S-G)|108.0||||||||||||0|0
P|*Lino 1/4 kg|30.0||||||||||||0|0
P|*Chía 1/4 kg|65.0||||||||||||0|0
P|*Girasol 1/2 kg|85.0||||||||||||0|0
@@ -119,15 +118,15 @@ P|*Garbanzo Polenteados 1kg|95.0||||||||||||0|0
P|* Maiz para pop 500grs|54.0||||||||||||0|0
P|*Lentejas Polenteados 1kg|96.0||||||||||||0|0
P|*Porotos negros Polenteados 1kg|102.0||||||||||||0|0
-P|*Porotos de manteca Polenteados 1kg|115||||||||||||0|0
+P|*Porotos de manteca Polenteados 1kg|115.0||||||||||||0|0
P|*Proteína de SOJA texturizada 1kg|135||||||||||||0|0
CONDIMENTOS, PERECEDEROS Y BEBIDAS||||||||||||||0|0
-P|*Tallarines frescos de yema Pastas Colon 1kg|165||||||||||||0|0
-P|*Tallarines frescos de espinaca Pastas Colon 1kg|175.0||||||||||||0|0
-P|*Tallarines frescos de morrón Pastas Colon 1kg|180||||||||||||0|0
-P|*Salsa pomarola 300gr ex trabajadores de La Spezia|90.0||||||||||||0|0
-P|*Fetuccine integral de zanahoria, apto veganos 1kg|190||||||||||||0|0
-P|*Romanitos rellenos jamón y queso ex trabajadores de La Spezia 1kg|510.0||||||||||||0|0
+P|*Tallarines frescos de yema Pastas Colon 1kg|175||||||||||||0|0
+P|*Tallarines frescos de espinaca Pastas Colon 1kg|185||||||||||||0|0
+P|*Tallarines frescos de morrón Pastas Colon 1kg|190.0||||||||||||0|0
+P|*Salsa pomarola 300gr ex trabajadores de La Spezia|90||||||||||||0|0
+P|*Fetuccine integral de zanahoria, apto veganos 1kg|190.0||||||||||||0|0
+P|*Romanitos rellenos jamón y queso ex trabajadores de La Spezia 1kg|510||||||||||||0|0
P|*Romanitos vegetarianos ex trabajadores de La Spezia 1kg|510.0||||||||||||0|0
P|*Sorrentinos jamón y queso 1Kg ex trabajadores de La Spezia|470.0||||||||||||0|0
P|*Sorrentinos Ricota y Nuez 1kg ex Trabajadores de La Spezia|470.0||||||||||||0|0
@@ -158,10 +157,10 @@ P|*Orégano 250g|105.0||||||||||||0|0
P|*Nuez moscada entera 2 unidades|23.0||||||||||||0|0
P|*Canela en rama 10g|23.0||||||||||||0|0
P|*Cúrcuma 20g|23.0||||||||||||0|0
-P|*Pack "Sabores exoticos" - Paprika, Espinaca en polvo, Fenogreco en polvo.|59.0||||||||||||0|0
-P|*Pack "Pa´l Mate" - Marcela, Cedrón, Malva.|110.0||||||||||||0|0
-P|*Pack "Medicina de invierno" Salvia, Tilo, Guaco.|110.0||||||||||||0|0
-P|*Pack "Té de las 5hs-Light" - Manzanilla, Lemon Grass, Petalos de Rosa.|110.0||||||||||||0|0
+P|*Pack "Sabores exoticos" - Paprika, Espinaca en polvo, Mostaza en polvo.|62.0||||||||||||0|0
+P|*Pack "Mate Uruguayo" - Marcela, Cedrón, Boldo.|115.0||||||||||||0|0
+P|*Pack "Delicias del campo" Té rojo, Manzanilla, Pétalos de rosa.|115.0||||||||||||0|0
+P|*Pack "Té de las 5hs-Light" - Té verde, Lemon Grass, Hojas de Stevia.|115.0||||||||||||0|0
P|Vino Santero Marselán 1 lt.|220.0||||||||||||0|0
P|Vino Tannat-Cabernet Paso del Roble 1 lt.|98.0||||||||||||0|0
P|Vino Rosado dulce Paso del Roble 1 lt.|98.0||||||||||||0|0
@@ -171,7 +170,7 @@ P|*Cerveza artesanal Punto Rojo Red Ipa 500cc|100.0||||||||||||0|0
P|*Cerveza artesanal APA Guillotina 1L|190.0||||||||||||0|0
P|Fernet artesanal 780 ml|380.0||||||||||||0|0
P|Jugo en polvo "Juguito" sabores surtidos|8.0||||||||||||0|0
-P|Jugo Big C 200ml sabores surtidos|17.4||||||||||||0|0
+P|Jugo Big C 200ml sabores surtidos|15.5||||||||||||0|0
P|*Refresco U Naranja 2lt|84.0||||||||||||0|0
P|*Refresco U Mandarina 2lt|84.0||||||||||||0|0
P|*Refresco U Pomelo 2lt|84.0||||||||||||0|0
@@ -211,12 +210,12 @@ P|*Miel artesanal 1 kg|230.0||||||||||||0|0
P|*Canasta de frutas y verduras "34 Sur Productos Orgánicos"|630.0||||||||||||0|0
ARTÍCULOS PERSONALES Y DE LIMPIEZA||||||||||||||0|0
P|Preservativos Prime ultrafinos x3|85.7||||||||||||0|0
-P|Tabaco Cerrito|107.71||||||||||||0|0
+P|Tabaco Cerrito|107.7||||||||||||0|0
P|Hojilla JOB x30|24.34||||||||||||0|0
-P|Shampoo Suave 930ml|155.9||||||||||||0|0
-P|Acondicionador Suave 930ml|155.9||||||||||||0|0
+P|Shampoo Plusbelle 930ml|156.5||||||||||||0|0
+P|Acondicionador Plusbelle 930ml|156.5||||||||||||0|0
P|Jabón de tocador IO, 80gs|13.7||||||||||||0|0
-P|Cepillo dental Introdento (medio)|32.8||||||||||||0|0
+P|Cepillo dental Introdento (medio)|32.79||||||||||||0|0
P|Pasta Dental Introdento menta 102 grs.|40.5||||||||||||0|0
P|*Pack x3 jabones glicerina vegetal Natura|330.0||||||||||||0|0
P|*Desodorante ecológico apto veganos Natura|165.0||||||||||||0|0
@@ -229,7 +228,6 @@ P|*Acondicionador sólido 50gr Natura|350.0||||||||||||0|0
P|*Cepillo dental de bambú 97% biodegradable (niños y adultos)|165.0||||||||||||0|0
P|*Barrita quita manchas 75 gr Natura|100.0||||||||||||0|0
P|*Talco pédico 200gr|205.0||||||||||||0|0
-P|*Bálsamo labial Herencias de aquelarre (protege y repara)|200.0||||||||||||0|0
P|*Jabón en polvo Bonsai 800g|70.0||||||||||||0|0
P|*Jabón en polvo Bonsai 5kg|380.0||||||||||||0|0
P|*Suavizante Bonsai 1lt|70.0||||||||||||0|0
@@ -245,9 +243,9 @@ P|*Hipoclorito El Resistente 1800cc|72.0||||||||||||0|0
P|*Limpiador perfumado El Resistente (perfumol) 1800cc|72.0||||||||||||0|0
P|*Detergente El Resistente 500ml|48.0||||||||||||0|0
P|*KIT El Resistente (Hip./Perf./Det.)|176.0||||||||||||0|0
-P|Jabon en barra Primor x1|25.4||||||||||||0|0
-P|Rejilla de cocina 40 x 27.5 Tacuabé (ex Paylana) cm|27.0||||||||||||0|0
-P|Trapo de piso 53 x 53 Tacuabé (ex Paylana)|36.0||||||||||||0|0
+P|Jabon en barra Primor x1|29.4||||||||||||0|0
+P|Rejilla de cocina 40 x 27.5 Tacuabé (ex Paylana) cm|29.0||||||||||||0|0
+P|Trapo de piso 53 x 53 Tacuabé (ex Paylana)|37.0||||||||||||0|0
P|Esponja de cocina|26.0||||||||||||0|0
P|Esponja de acero inoxidable|29.0||||||||||||0|0
P|Repasador de algodón 43 x 65 cm|53.0||||||||||||0|0
@@ -257,7 +255,7 @@ P|Pala con mango|99.0||||||||||||0|0
P|Balde 9 Lts|109.0||||||||||||0|0
P|Bolsa de residuos 50x55 30 unidades|63.0||||||||||||0|0
P|Lampazo|119.0||||||||||||0|0
-P|Guantes de latex talle M|88.0||||||||||||0|0
+P|Guantes de latex talle L|88.0||||||||||||0|0
P|Rollitos de alumnio x6|30.0||||||||||||0|0
P|*Vela de apagón|8.4||||||||||||0|0
P|*Vela de citronela 1 mecha|122.2||||||||||||0|0
@@ -270,14 +268,14 @@ P|Toallita de bebé BabySec ultra 50un|72.0||||||||||||0|0
P|Papel Higienico: Higienol Texturado x4|42.0||||||||||||0|0
P|Papel de Cocina Sussex extra x 2 -120 paños-|62.0||||||||||||0|0
TEXTIL||||||||||||||0|0
-P|*Calza licra de algodon talle S|900||||||||||||0|0
-P|*Calza licra de algodon talle M|900.0||||||||||||0|0
-P|*Calza licra de algodon talle L|900.0||||||||||||0|0
+P|*Calza licra de algodon talle S|900.0||||||||||||0|0
+P|*Calza licra de algodon talle M|900||||||||||||0|0
+P|*Calza licra de algodon talle L|900||||||||||||0|0
P|*Calza licra de algodon talle XL|900.0||||||||||||0|0
P|*Conjunto primera muda 100% algodón color blanco liso (pack de pelele, bata y gorrito en bolsa de lienzo)|600.0||||||||||||0|0
-P|*Conjunto primera muda 100% algodón rayado azul, naranja, verde, amarillo, blanco (pack de pelele, bata y gorrito en bolsa de lienzo)|600||||||||||||0|0
+P|*Conjunto primera muda 100% algodón rayado azul, naranja, verde, amarillo, blanco (pack de pelele, bata y gorrito en bolsa de lienzo)|600.0||||||||||||0|0
P|*Conjunto primera muda 100% algodón color rayado rojo, verde pálido, rosa pálido, blanco (pack de pelele, bata y gorrito en bolsa de lienzo)|600.0||||||||||||0|0
-P|*Calza licra de algodon talle 0|350.0||||||||||||0|0
+P|*Calza licra de algodon talle 0|350||||||||||||0|0
P|*Calza licra de algodon talle 2|350.0||||||||||||0|0
P|*Calza licra de algodon talle 4|350.0||||||||||||0|0
P|*Calza licra de algodon talle 6|450.0||||||||||||0|0
@@ -308,6 +306,7 @@ P|*Bikers licra de algodón - Talle S. |650.0||||||||||||0|0
P|*Bikers licra de algodón - Talle M.|650.0||||||||||||0|0
P|*Bikers licra de algodón - Talle L.|650.0||||||||||||0|0
P|*Bikers licra de algodón - Talle XL. |650.0||||||||||||0|0
+P|* Bolsa estampada con logo MPS. Acción Solidaria. NUEVO!|155.0||||||||||||0|0
P|*Túnica niñe con cinto en espalda y tajo detrás- talles 6 a 16|650.0||||||||||||0|0
P|*Túnica niñe con martingala, festón y pinzas talles 6 a 16|650.0||||||||||||0|0
P|*Pintor verde - talles 2 a 8|350.0||||||||||||0|0
@@ -324,16 +323,15 @@ P|*Juego de toallón y toalla de algodón|700.0||||||||||||0|0
P|*Toallón|550.0||||||||||||0|0
P|*Toalla de mano|300.0||||||||||||0|0
P|*Turbante toalla|400.0||||||||||||0|0
-P|*Cuellitos polares forrados en angorina, diseños surtidos|350.0||||||||||||0|0
P|*Delantal corto Colectiva en la Olla|450.0||||||||||||0|0
P|*Delantal largo Colectiva en la Olla|600.0||||||||||||0|0
ARTÍCULOS DE MADRES Y FAMILIARES||||||||||||||0|0
P|Pañuelo Madres y Familiares de Detenidos Desaparecidos|50.0||||||||||||0|0
-P|Balconera Madres y Familiares de Detenidos Desaparecidos|100.0||||||||||||0|0
-P|Pack 1: 1 pin redondo + 1 lapicera + 1 Pañuelo + Pegotines y marcalibros|150||||||||||||0|0
-P|Pack 2: 1 Pin redondo + 1 Lapicera + Pegotines y marcalibros|100.0||||||||||||0|0
-P|Pack 3: 1 Pañuelo + 2 Lapiceras|100.0||||||||||||0|0
-P|Pack 4: 1 Libro La Sal de la Tierra + 1 Pin redondo + 1 Lapicera + Pegotines y Marcalibros|150.0||||||||||||0|0
+P|Balconera Madres y Familiares de Detenidos Desaparecidos|100||||||||||||0|0
+P|Pack 5: 1 pin redondo + 1 libro La Sal de la Tierra|100.0||||||||||||0|0
+P|Pack 6: 1 gorro blanco + 1 pin redondo + pegotines y marcalibros|200.0||||||||||||0|0
+P|pacl 7: 1 gorro blanco + 1 libro la sal de la tierra + pegotines y marcalibros|200||||||||||||0|0
+P|pack 8: 1 gorro blanco + 1 lapicera + pegotines y marcalibros|200.0||||||||||||0|0
LIBROS||||||||||||||0|0
P|Libro "Raspando la Olla" |250.0||||||||||||0|0
TRANSPORTE, BONOS Y FINANCIAMIENTO SORORO||||||||||||||0|0
@@ -342,25 +340,25 @@ B|Campaña solidaria MPS - apoyo a ollas y merenderos|20.0||||||||||||0|0
F|Financiamiento sororo para copa menstrual|20.0||||||||||||0|0
PRODUCTOS DE GESTIÓN MENSTRUAL||||||||||||||0|0
¿Cuántas copas quieren y pueden comprar en el grupo?||||||||||||||0|0
-P|Copa menstrual de silicona, ecológica|750.0||||||||||||0|0
+P|Copa menstrual de silicona, ecológica|750||||||||||||0|0
¿Cuántas copas quieren adquirir a través del financiamiento sororo?||0||||||||||||0|0
P|Copa menstrual de silicona, ecológica|0.0||||||||||||0|0
-P|*Toallita de tela Nocturna "Chúlin"|168.0||||||||||||0|0
+P|*Toallita de tela Nocturna "Chúlin"|168||||||||||||0|0
P|*Toallita de tela para Colaless "Chúlin"|133.0||||||||||||0|0
-P|*Toallitas de tela para Bombacha "Chúlin"|147||||||||||||0|0
+P|*Toallitas de tela para Bombacha "Chúlin"|147.0||||||||||||0|0
P|*Protector Diario de tela "Chúlin"|112.0||||||||||||0|0
-P|*Pack 1: 2 protectores diarios + 2 toallitas para bombacha "Chúlin"|462.0||||||||||||0|0
+P|*Pack 1: 2 protectores diarios + 2 toallitas para bombacha "Chúlin"|462||||||||||||0|0
P|*Pack 2: 3 protectores diarios "Chúlin"|301.0||||||||||||0|0
-P|Ladysoft Clasicas 8un|21||||||||||||0|0
+P|Ladysoft Clasicas 8un|21.0||||||||||||0|0
|TOTAL||0|0|0|0|0|0|0|0|0|0|0||0
|||||||||||||||
|||||||||||||||
|||||||||||||||
-|Si compras ropa deportiva, túnicas, pintores, copas menstruales y/o remeras de Madres y Familiares recorda indicar talles y/o colores en cada caso||||||||||||||
|||||||||||||||
|||||||||||||||
|||||||||||||||
-|PRODUCTOS PARA SELECCIONAR TALLES y/o COLORES|nombre|nombre|nombre|nombre||||||||||
+|||||||||||||||
+|||nombre|nombre|nombre||||||||||
|*Calza licra de algodon talle S||||||||||||||
|*Calza licra de algodon talle M||||||||||||||
|*Calza licra de algodon talle L||||||||||||||