diff --git a/packagedb/forms.py b/packagedb/forms.py new file mode 100644 index 00000000..8abac7f8 --- /dev/null +++ b/packagedb/forms.py @@ -0,0 +1,20 @@ +# +# Copyright (c) nexB Inc. and others. All rights reserved. +# purldb is a trademark of nexB Inc. +# SPDX-License-Identifier: Apache-2.0 +# See http://www.apache.org/licenses/LICENSE-2.0 for the license text. +# See https://github.com/aboutcode-org/purldb for support or download. +# See https://aboutcode.org for more information about nexB OSS projects. +# + +from django import forms + + +class PackageSearchForm(forms.Form): + + search = forms.CharField( + required=True, + widget=forms.TextInput( + attrs={"placeholder": "pkg:maven/org.elasticsearch/elasticsearch@7.17.9?classifier=sources"}, + ), + ) diff --git a/packagedb/models.py b/packagedb/models.py index 9b35266e..ced5af54 100644 --- a/packagedb/models.py +++ b/packagedb/models.py @@ -12,7 +12,10 @@ import sys import uuid from collections import OrderedDict +from urllib.parse import urlencode +import natsort +from dateutil.parser import parse as dateutil_parse from django.conf import settings from django.contrib.auth.models import UserManager from django.contrib.postgres.fields import ArrayField @@ -25,15 +28,15 @@ from django.dispatch import receiver from django.utils import timezone from django.utils.translation import gettext_lazy as _ - -import natsort -from dateutil.parser import parse as dateutil_parse from licensedcode.cache import build_spdx_license_expression from packagedcode.models import normalize_qualifiers from packageurl import PackageURL from packageurl.contrib.django.models import PackageURLMixin from packageurl.contrib.django.models import PackageURLQuerySetMixin from rest_framework.authtoken.models import Token +from rest_framework.serializers import BooleanField +from rest_framework.serializers import CharField +from rest_framework.serializers import Serializer from packagedb import schedules @@ -81,6 +84,65 @@ def paginated(self, per_page=5000): page = paginator.page(page_number) yield from page.object_list + # NOTE Based on class PurlValidateResponseSerializer(Serializer). + class PurlValidateSerializer(Serializer): + valid = BooleanField() + exists = BooleanField(required=False) + message = CharField() + purl = CharField() + + def search(self, query: str = None): + """ + Return a Package queryset searching for the ``query``. + - A version is required. + - If only a version is provided, no qualifiers value, and the DB contains both the version alone and the version with a qualifiers value, only the version-only record is returned. + - If a correct qualifiers value is provided, returns an exact match if the record exists, otherwise no match. + - '#' and any characters that follow appear to be ignored, but we have 0 such PURLs in the DB so testing is incomplete. + """ + query = query and query.strip() + if not query: + return self.none() + qs = self + + message_not_valid = "The provided PackageURL is not valid." + response = {} + response["exists"] = None + response["purl"] = query + response["valid"] = False + response["message"] = message_not_valid + + # validate purl + try: + package_url = PackageURL.from_string(query) + except ValueError: + serializer = self.PurlValidateSerializer( + response + ) + # print(f"\nserializer.data = {serializer.data}") + return serializer.data + # return None #throws error AttributeError: 'NoneType' object has no attribute 'prefetch_related' + + # NOTE No longer used. + # purl_attributes = utils.simple_validate_from_string(query) + + # print(f"\npackage_url = {package_url}") + # print(f"package_url.type = {package_url.type}") + # print(f"package_url.namespace = {package_url.namespace}") + # print(f"package_url.name = {package_url.name}") + # print(f"package_url.version = {package_url.version}") + # print(f"package_url.qualifiers = {package_url.qualifiers}") + # print(f"package_url.subpath = {package_url.subpath}") + + qs = qs.filter( + (models.Q(namespace=package_url.namespace) | models.Q(namespace="")), + (models.Q(subpath=package_url.subpath) | models.Q(subpath="")), + type=package_url.type, + name=package_url.name, + version=package_url.version, + qualifiers=urlencode(package_url.qualifiers), + ) + return qs + VCS_CHOICES = [ ("git", "git"), diff --git a/packagedb/templates/base.html b/packagedb/templates/base.html new file mode 100644 index 00000000..cd2e2d77 --- /dev/null +++ b/packagedb/templates/base.html @@ -0,0 +1,137 @@ +{% load static %} + + + + + + {% block title %}PurlDB.io{% endblock %} + + + + + + + + + + + {% block extrahead %}{% endblock %} + + +
+ {% include "navbar.html" %} + {% block content %}{% endblock %} + {% include "footer.html" %} +
+ + {% block scripts %} + {% endblock %} + + {% block javascript %} + + {% endblock %} + + diff --git a/packagedb/templates/footer.html b/packagedb/templates/footer.html new file mode 100644 index 00000000..71352659 --- /dev/null +++ b/packagedb/templates/footer.html @@ -0,0 +1,9 @@ + diff --git a/packagedb/templates/includes/pagination.html b/packagedb/templates/includes/pagination.html new file mode 100644 index 00000000..998aa24b --- /dev/null +++ b/packagedb/templates/includes/pagination.html @@ -0,0 +1,39 @@ + diff --git a/packagedb/templates/index.html b/packagedb/templates/index.html new file mode 100644 index 00000000..b1c0bff6 --- /dev/null +++ b/packagedb/templates/index.html @@ -0,0 +1,12 @@ +{% extends "base.html" %} +{% load widget_tweaks %} + +{% block title %} +PurlDB Home +{% endblock %} + +{% block content %} +
+ {% include "package_search_box.html" %} +
+{% endblock %} diff --git a/packagedb/templates/navbar.html b/packagedb/templates/navbar.html new file mode 100644 index 00000000..0aa65f53 --- /dev/null +++ b/packagedb/templates/navbar.html @@ -0,0 +1,65 @@ + diff --git a/packagedb/templates/package_search_box.html b/packagedb/templates/package_search_box.html new file mode 100644 index 00000000..0020730d --- /dev/null +++ b/packagedb/templates/package_search_box.html @@ -0,0 +1,49 @@ +{% load widget_tweaks %} +
+
+ Search for packages +
+
+ +
+ +
+
+
+
+
+
+
+ {{ package_search_form.search|add_class:"input" }} +
+
+ +
+
+
+
+
+
diff --git a/packagedb/templates/package_search_box_test_tabset.html b/packagedb/templates/package_search_box_test_tabset.html new file mode 100644 index 00000000..f4f553d2 --- /dev/null +++ b/packagedb/templates/package_search_box_test_tabset.html @@ -0,0 +1,55 @@ +{% load widget_tweaks %} +
+
+ Validate a Package URL +
+
+ +
+ +
+
+
+
+
+
+
+ {{ package_search_form.search|add_class:"input" }} +
+
+ +
+
+
+
+
+
diff --git a/packagedb/templates/packages.html b/packagedb/templates/packages.html new file mode 100644 index 00000000..faa5c176 --- /dev/null +++ b/packagedb/templates/packages.html @@ -0,0 +1,443 @@ +{% extends "base.html" %} +{% load humanize %} +{% load widget_tweaks %} +{% load static %} +{% load json_filters %} + +{% block title %} +PurlDB Package Search +{% endblock %} + +{% block content %} +
+ {% include "package_search_box.html" %} +
+ + {% if search %} + + + {% if validation_errors.valid == False %} + +
+
0 results
+ +
+ The data you submitted — "{{ validation_errors.purl }}" — is not a valid PackageURL. +
+
+ + {% else %} +
+ {% if page_obj.paginator.count > 1 %} +
+ {{ page_obj.paginator.count|intcomma }} results +
+ +
+ The data you submitted — "{{ purl_attributes.input|default:" " }}" — is a valid PackageURL. +
+ {% elif page_obj.paginator.count == 1 %} +
+ {{ page_obj.paginator.count|intcomma }} result +
+ +
+ The data you submitted — "{{ purl_attributes.input|default:" " }}" — is a valid PackageURL. +
+ {% else %} +
+ {{ page_obj.paginator.count|intcomma }} results +
+ +
+ The data you submitted — "{{ purl_attributes.input|default:" " }}" — is a valid PackageURL, but PurlDB does not contain a responsive record. +
+ {% endif %} + +
+ + {% endif %} + + + +
+ START +
+
+
+ {{ purl_attributes.input|default:" " }} + {% if page_obj.paginator.count > 0 %} + (see also API results) + {% endif %} +
+
+ +
+ + + + + + + + + + + +
+ Input + + {{ purl_attributes.input|default:" " }} +
+ Status + + {{ purl_attributes.status|default:" " }} +
+
+
+
+ PURL components +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ComponentValueNotes
+ scheme + + {{ purl_attributes.scheme|default:" " }} + + The scheme is a constant with the value "pkg", and is followed by a ':' separator. +
+ type + + {{ purl_attributes.type|default:" " }} + + A short code to identify the type of this package. For example: gem for a Rubygem, docker for a container, pypi for a Python Wheel or Egg, maven for a Maven Jar, deb for a Debian package etc. +
+ namespace + + {{ purl_attributes.namespace|default:" " }} + + Package name prefix, such as Maven groupid, Docker image owner, GitHub user or organization, etc. +
+ name + + {{ purl_attributes.name|default:" " }} + + Name of the package. +
+ version + + {{ purl_attributes.version|default:" " }} + + Version of the package. +
+ qualifiers + + {{ purl_attributes.qualifiers|default:" " }} + + Extra qualifying data for a package, such as the name of an OS, architecture, distro, etc. +
+ subpath + + {{ purl_attributes.subpath|default:" " }} + + Extra subpath within a package, relative to the package root. +
+
+ + {% for package in page_obj %} +
+
+
+ + 
{{ package.filename|default:" " }}
+
+ The exact file name (typically an archive of some type) of the package. This is usually the name of the file as downloaded from a website. +
+
+
+
+
+ +
+ {% if package.download_url %} + + {% endif %} + 
{{ package.download_url|default:" " }}
+
+
+ The download URL for obtaining the package. +
+
+
+
+ + + + + + + + + + + + + + + + +
+ Input + + {{ purl_attributes.input|default:" " }} + +
+ {% if purl_attributes.input %} + + {% endif %} + 
{{ purl_attributes.input|default:" " }}
+
+ +
+ Status + + {{ purl_attributes.status|default:" " }} +
+ Status + +
+ {% if purl_attributes.input %} + + {% endif %} + 
{{ purl_attributes.input|default:" " }}
+
+
+ {% endfor %} + +
+ END +
+ + + + + {% if validation_errors.valid != False %} + {% for package in page_obj %} + OK from here down. +
+
+

{{ package.package_url|default:" " }} (see also API results)

+
+
+
+
+
+
+ + 
{{ package.filename|default:" " }}
+
+ The exact file name (typically an archive of some type) of the package. This is usually the name of the file as downloaded from a website. +
+
+
+
+
+ +
+ {% if package.download_url %} + + {% endif %} + 
{{ package.download_url|default:" " }}
+
+
+ The download URL for obtaining the package. +
+
+
+
+
+
+
+ +
{{ package.package_url|default:" " }}
+
+
+
+
+
+ + 
{{ package.type|default:" " }}
+
+ A short code to identify the type of this package. For example: gem for a Rubygem, docker for a container, pypi for a Python Wheel or Egg, maven for a Maven Jar, deb for a Debian package etc. +
+
+
+
+
+ + 
{{ package.namespace|default:" " }}
+
+ Package name prefix, such as Maven groupid, Docker image owner, GitHub user or organization etc. +
+
+
+
+
+ + 
{{ package.name|default:" " }}
+
+ Name of the package. +
+
+
+
+
+
+
+ + 
{{ package.version|default:" " }}
+
+
+ Version of the package. +
+
+
+
+ + 
{{ package.qualifiers|default:" " }}
+
+
+ Extra qualifying data for a package such as the name of an OS, architecture, distro, etc. +
+
+
+
+ + 
{{ package.subpath|default:" " }}
+
+
+ Extra subpath within a package, relative to the package root. +
+
+
+
+
+
+
+ +
+ {% if package.homepage_url %} + + {% endif %} + 
{{ package.homepage_url|default:" " }}
+
+
+
+
+
+ + 
{{ package.primary_language|default:" " }}
+
+
+
+
+ + 
{{ package.description|default:" " }}
+
+
+
+ +
+ +
+
+
+ +
{{ package.uuid|default:" " }}
+
+
+
+
+ +
{{ package.id|default:" " }}
+
+
+
+ +
+
+
+ + {% endfor %} + + {% if page_obj.paginator.count > 0 %} + +
+
+
+ {% if page_obj.paginator.count > 1 %} +
+ {{ page_obj.paginator.count|intcomma }} results +
+ {% else %} +
+ {{ page_obj.paginator.count|intcomma }} result +
+ {% endif%} + {% if is_paginated %} + {% include 'includes/pagination.html' with page_obj=page_obj %} + {% endif %} +
+
+
+ + {% endif%} + {% endif %} + + {% endif %} +{% endblock %} diff --git a/packagedb/templates/test_tabset.html b/packagedb/templates/test_tabset.html new file mode 100644 index 00000000..99c0c992 --- /dev/null +++ b/packagedb/templates/test_tabset.html @@ -0,0 +1,940 @@ +{% extends "base.html" %} +{% load humanize %} +{% load widget_tweaks %} +{% load static %} +{% load json_filters %} + +{% block title %} +PurlDB Package Search +{% endblock %} + +{% block content %} +
+ {% include "package_search_box_test_tabset.html" %} +
+ + {% if search %} + + + +
+
+
+
+ {{ purl_attributes.input|default:" " }} +
+
+ + + {% if validation_errors.valid == False %} +
+
+
+
+ {{ page_obj.paginator.count|intcomma }} results + The data you submitted — {{ validation_errors.purl|default:" " }} — is not a valid Package URL. +
+
+
+
+ {% else %} +
+ {% if page_obj.paginator.count > 1 %} +
+
+
+ {{ page_obj.paginator.count|intcomma }} results + The data you submitted — {{ purl_attributes.input|default:" " }} — is a valid Package URL. +
+
+
+ {% elif page_obj.paginator.count == 1 %} +
+
+
+ {{ page_obj.paginator.count|intcomma }} result + The data you submitted — {{ purl_attributes.input|default:" " }} — is a valid Package URL. +
+
+
+ {% else %} +
+
+
+ {{ page_obj.paginator.count|intcomma }} results + The data you submitted — {{ purl_attributes.input|default:" " }} — is a valid Package URL, but PurlDB does not contain a responsive record. +
+
+
+ {% endif %} +
+ {% endif %} + + + +
+ {% for value in purl_tooltips %} + {% if value.tooltip_class %} + + {{ value.text }} + + {% else %} + + {{ value.text }} + + {% endif %} + {% endfor %} +
+ + + +
+
+
+
+ + + + + + + + + + + +
+ Input + + {{ purl_attributes.input|default:" " }} +
+ Status + + {{ purl_attributes.status|default:" " }} +
+
+
+
+ purl components +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ComponentRequiredValueNotes
+ scheme + + Yes + + {% if purl_attributes.scheme == "MISSING" %} + {{ purl_attributes.scheme|default:" " }} + {% else %} + {{ purl_attributes.scheme|default:" " }} + {% endif %} + + The scheme is a constant with the value "pkg", and is followed by a ':' separator. +
+ type + + Yes + + {% if purl_attributes.type == "MISSING" %} + {{ purl_attributes.type|default:" " }} + {% else %} + {{ purl_attributes.type|default:" " }} + {% endif %} + + A short code to identify the type of this package. For example: gem for a Rubygem, docker for a container, pypi for a Python Wheel or Egg, maven for a Maven Jar, deb for a Debian package etc. +
+ namespace + + No + + {{ purl_attributes.namespace|default:" " }} + + Package name prefix, such as Maven groupid, Docker image owner, GitHub user or organization, etc. +
+ name + + Yes + + {% if purl_attributes.name == "MISSING" %} + {{ purl_attributes.name|default:" " }} + {% else %} + {{ purl_attributes.name|default:" " }} + {% endif %} + + Name of the package. +
+ version + + No + + {{ purl_attributes.version|default:" " }} + + Version of the package. +
+ qualifiers + + No + + {{ purl_attributes.qualifiers|default:" " }} + + Extra qualifying data for a package, such as the name of an OS, architecture, distro, etc. +
+ subpath + + No + + {{ purl_attributes.subpath|default:" " }} + + Extra subpath within a package, relative to the package root. +
+
+
+ +
+ [For dev. purposes only] + 
purl_attributes = 
{{ purl_attributes|pretty_json }}
+
+ +
+ +
+ + {% if validation_errors.valid == False %} +
+ PurlDB does not contain a responsive record. +
+ {% else %} +
+ {% if page_obj.paginator.count == 0 %} + PurlDB does not contain a responsive record. + {% endif %} +
+ {% endif %} + + {% for package in page_obj %} +
+
+
+ See also the API results. +
+
+
+
+ +
+ {% if package.filename %} + + {% endif %} + 
{{ package.filename|default:" " }}
+

+ The exact file name (typically an archive of some type) of the package. This is usually the name of the file as downloaded from a website. +

+
+
+
+ +
+ {% if package.download_url %} + + {% endif %} + 
{{ package.download_url|default:" " }}
+

+ The download URL for obtaining the package. +

+
+
+
+
+
+
+ +
+
{{ package.package_url|default:" " }}
+
+
+
+ +
+
+ +
+ {% if package.type %} + + {% endif %} + 
{{ package.type|default:" " }}
+

+ A short code to identify the type of this package. For example: gem for a Rubygem, docker for a container, pypi for a Python Wheel or Egg, maven for a Maven Jar, deb for a Debian package etc. +

+
+
+
+ +
+ {% if package.namespace %} + + {% endif %} + 
{{ package.namespace|default:" " }}
+

+ Package name prefix, such as Maven groupid, Docker image owner, GitHub user or organization etc. +

+
+
+
+ +
+ {% if package.name %} + + {% endif %} + 
{{ package.name|default:" " }}
+

+ Name of the package. +

+
+
+
+
+
+ +
+ + {% if package.version %} + + {% endif %} + 
{{ package.version|default:" " }}
+

+ Version of the package. +

+
+
+
+ +
+ {% if package.qualifiers %} + + {% endif %} + 
{{ package.qualifiers|default:" " }}
+

+ Extra qualifying data for a package such as the name of an OS, architecture, distro, etc. +

+
+
+
+ +
+ {% if package.subpath %} + + {% endif %} + 
{{ package.subpath|default:" " }}
+

+ Extra subpath within a package, relative to the package root. +

+
+
+
+
+
+
+ +
+ {% if package.homepage_url %} + + {% endif %} + 
{{ package.homepage_url|default:" " }}
+
+
+
+ +
+ {% if package.primary_language %} + + {% endif %} + 
{{ package.primary_language|default:" " }}
+
+
+
+ +
+ {% if package.description %} + + {% endif %} + 
{{ package.description|default:" " }}
+
+
+
+
+
+ +
+ {% if package.uuid %} + + {% endif %} + 
{{ package.uuid|default:" " }}
+
+
+
+ +
+ {% if package.id %} + + {% endif %} + 
{{ package.id|default:" " }}
+
+
+
+
+ {% endfor %} +
+ +
+ {% if validation_errors.valid == False %} +
+ PurlDB does not contain a responsive record. +
+ {% else %} +
+ {% if page_obj.paginator.count == 0 %} + PurlDB does not contain a responsive record. + {% endif %} +
+ {% endif %} + + {% for package in page_obj %} + + +
+
+ See also the API results. +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FieldValueNotes
+ Filename + +
+ {% if package.filename %} + + {% endif %} +
{{ package.filename|default:" " }}
+
+ 		+ +
+ Download URL + +
+ {% if package.download_url %} + + {% endif %} +
{{ package.download_url|default:" " }}
+
+ 		+ +
+ Package URL + +
+ {% if package.package_url %} + + {% endif %} +
{{ package.package_url|default:" " }}
+
+ 		+ +
+ Type + +
+ {% if package.type %} + + {% endif %} +
{{ package.type|default:" " }}
+
+ 		+ A short code to identify the type of this package. For example: gem for a Rubygem, docker for a container, pypi for a Python Wheel or Egg, maven for a Maven Jar, deb for a Debian package etc. +
+ Namespace + +
+ {% if package.namespace %} + + {% endif %} +
{{ package.namespace|default:" " }}
+
+ 		+ Package name prefix, such as Maven groupid, Docker image owner, GitHub user or organization, etc. +
+ Name + +
+ {% if package.name %} + + {% endif %} +
{{ package.name|default:" " }}
+
+ 		+ Name of the package. +
+ Version + +
+ {% if package.version %} + + {% endif %} +
{{ package.version|default:" " }}
+
+ 		+ Version of the package. +
+ Qualifiers + +
+ {% if package.qualifiers %} + + {% endif %} +
{{ package.qualifiers|default:" " }}
+
+ 		+ Extra qualifying data for a package, such as the name of an OS, architecture, distro, etc. +
+ Subpath + +
+ {% if package.subpath %} + + {% endif %} +
{{ package.subpath|default:" " }}
+
+ 		+ Extra subpath within a package, relative to the package root. +
+ Homepage URL + +
+ {% if package.homepage_url %} + + {% endif %} +
{{ package.homepage_url|default:" " }}
+
+ 		+ +
+ Primary Language + +
+ {% if package.primary_language %} + + {% endif %} +
{{ package.primary_language|default:" " }}
+
+ 		+ +
+ Description + +
+ {% if package.description %} + + {% endif %} +
{{ package.description|default:" " }}
+
+ 		+ +
+ UUID + +
+ {% if package.uuid %} + + {% endif %} +
{{ package.uuid|default:" " }}
+
+ 		+ +
+ ID [for dev. purposes only] + +
+ {% if package.id %} + + {% endif %} +
{{ package.id|default:" " }}
+
+ 		+ +
+
+ + {% endfor %} +
+ +
+
+
+ GitHub repositories + +
+
+ purl adoption +
+ +
+
+
+
+
+
+
+ + + + {% endif %} +{% endblock %} diff --git a/packagedb/templatetags/json_filters.py b/packagedb/templatetags/json_filters.py new file mode 100644 index 00000000..39c3d146 --- /dev/null +++ b/packagedb/templatetags/json_filters.py @@ -0,0 +1,10 @@ +import json + +from django import template + +register = template.Library() + + +@register.filter(name="pretty_json") +def pretty_json(value): + return json.dumps(value, indent=4) diff --git a/packagedb/views.py b/packagedb/views.py new file mode 100644 index 00000000..ed3df6ed --- /dev/null +++ b/packagedb/views.py @@ -0,0 +1,379 @@ +# +# Copyright (c) nexB Inc. and others. All rights reserved. +# purldb is a trademark of nexB Inc. +# SPDX-License-Identifier: Apache-2.0 +# See http://www.apache.org/licenses/LICENSE-2.0 for the license text. +# See https://github.com/aboutcode-org/purldb for support or download. +# See https://aboutcode.org for more information about nexB OSS projects. +# +import json +from typing import Optional +from urllib.parse import urlsplit as _urlsplit + +from django.core.exceptions import ValidationError +from django.shortcuts import render +from django.views import View +from django.views.generic.list import ListView + +from packagedb import models +from packagedb.forms import PackageSearchForm + +PAGE_SIZE = 20 + + +class HomePage(View): + template_name = "index.html" + + def get(self, request): + request_query = request.GET + context = { + "package_search_form": PackageSearchForm(request_query), + } + return render(request=request, template_name=self.template_name, context=context) + + +class PackageSearch(ListView): + model = models.Package + template_name = "packages.html" + ordering = ["type", "namespace", "name", "version", "qualifiers", "subpath"] + paginate_by = PAGE_SIZE + validation_errors = None + + def get_context_data(self, **kwargs): + context = super().get_context_data(**kwargs) + request_query = self.request.GET + context["package_search_form"] = PackageSearchForm(request_query) + context["search"] = request_query.get("search") + + if self.validation_errors: + context['validation_errors'] = self.validation_errors # Pass the errors to the context + context["purl_attributes"] = self.parse_purl(request_query.get("search")) + return context + + def get_queryset(self, query=None): + query = query or self.request.GET.get("search") or "" + result = self.model.objects.search(query) + + if isinstance(result, dict): # If result is a validation error dictionary + self.validation_errors = result # Store errors in the instance attribute + return self.model.objects.none() # Return an empty queryset + return ( + result + .prefetch_related() + .order_by("version") + ) + + def parse_purl(self, query): + purl_error_message = "PURL parsing under development." + purl_pkg_scheme_component = "AAA" + purl_type = "BBB" + purl_namespace = "CCC" + purl_name = "DDD" + purl_version = "EEE" + purl_qualifiers = "FFF" + purl_subpath = "GGG" + + purl_attributes = {} + purl_attributes["input"] = query + purl_attributes["status"] = purl_error_message + purl_attributes["scheme"] = purl_pkg_scheme_component + purl_attributes["type"] = purl_type + purl_attributes["namespace"] = purl_namespace + purl_attributes["name"] = purl_name + purl_attributes["version"] = purl_version + purl_attributes["qualifiers"] = purl_qualifiers + purl_attributes["subpath"] = purl_subpath + + return purl_attributes + + +# NOTE Test a tabset alternative. Update: per feedback, no tabset, but keep this class' parse_purl() method for the next iteration incorporating the Thur. tech talk feedback. +class PackageSearchTestTabset(ListView): + model = models.Package + template_name = "test_tabset.html" + ordering = ["type", "namespace", "name", "version", "qualifiers", "subpath"] + paginate_by = PAGE_SIZE + validation_errors = None + + def get_context_data(self, **kwargs): + context = super().get_context_data(**kwargs) + request_query = self.request.GET + context["package_search_form"] = PackageSearchForm(request_query) + context["search"] = request_query.get("search") + + # Tooltips for each input purl component. + tooltip_default = "has-tooltip-multiline has-tooltip-black has-tooltip-arrow tooltip-narrow" + tooltip_error = "has-text-danger has-tooltip-multiline has-tooltip-danger has-tooltip-arrow tooltip-wide-error" + purl_tooltips = [ + {"text": "pkg:", "tooltip_class": tooltip_default, "data_tooltip": "scheme"}, + {"text": "maven", "tooltip_class": tooltip_default, "data_tooltip": "type"}, + {"text": "/"}, + {"text": "org.elasticsearch", "tooltip_class": tooltip_error, "data_tooltip": "namespace"}, + {"text": "/"}, + {"text": "elasticsearch", "tooltip_class": tooltip_default, "data_tooltip": "name"}, + {"text": "@"}, + {"text": "7.17.9", "tooltip_class": tooltip_default, "data_tooltip": "version"}, + {"text": "?"}, + {"text": "classifier=sources", "tooltip_class": tooltip_default, "data_tooltip": "qualifiers"}, + ] + context["purl_tooltips"] = purl_tooltips + + if self.validation_errors: + context['validation_errors'] = self.validation_errors # Pass the errors to the context + context["purl_attributes"] = self.parse_purl(request_query.get("search")) + return context + + def get_queryset(self, query=None): + query = query or self.request.GET.get("search") or "" + result = self.model.objects.search(query) + if isinstance(result, dict): # If result is a validation error dictionary + self.validation_errors = result # Store errors in the instance attribute + return self.model.objects.none() # Return an empty queryset + + return ( + result + .prefetch_related() + .order_by("version") + ) + + def parse_purl(self, query): + # purl_error_message = "The input purl is valid." + purl_error_message = "" + purl_pkg_scheme_component = "AAA" + purl_type = "BBB" + purl_namespace = "CCC" + purl_name = "DDD" + purl_version = "EEE" + purl_qualifiers = "FFF" + purl_subpath = "GGG" + + if not query: + return + + scheme, sep, remainder = query.partition(":") + # print(f"scheme = {scheme}") + # print(f"sep = {sep}") + # print(f"remainder01 = {remainder}") + + # ==> scheme component === + purl_pkg_scheme_component = "MISSING" + + if query: + if not sep or scheme != "pkg": + purl_error_message = "The input purl is missing the required 'scheme' component." + else: + purl_pkg_scheme_component = "pkg:" + # TODO 2024-09-03 Tuesday 14:03:59. Add this here after redefining default as ""? + purl_error_message = "The input purl is valid." + + # print(f"\npurl_error_message_pkg = {purl_error_message}") + + # ==> type component === + purl_type = "MISSING" + + # From original code: + # this strip '/, // and /// as possible in :// or :/// + # TODO 2024-09-03 Tuesday 15:08:12. Why do we do this for just 1 leading '/'? + # remainder = remainder.strip().lstrip("/") + # Try this instead w/o left stripping and vet results. + + # print(f"\nremainder02 = {remainder}") + + type, sep, remainder = remainder.partition("/") # NOQA + # print(f"\ntype = {type}") + # print(f"sep = {sep}") + # print(f"remainder03 = {remainder}") + + if scheme == "pkg": + if not type or not sep: + purl_error_message = "The input purl is missing the required 'type' component." + else: + purl_type = type + else: + if not type or not sep: + purl_error_message = "The input purl is missing the required 'scheme' and 'type' components." + else: + purl_type = type + # print(f"\npurl_error_message_type = {purl_error_message}") + + type = type.lower() + + # ==> user:pass@host:port code block === + # TODO ==> REMEMBER TO COME BACK TO THIS: + # Note that 'path' is defined just below and if not the following 'path' definition fails -- UnboundLocalError: local variable 'path' referenced before assignment + + scheme, authority, path, qualifiers_str, subpath = _urlsplit( + url=remainder, scheme="", allow_fragments=True + ) + # print(f"\n==> after _urlsplit:") + # print(f"==> scheme = {scheme}") + # print(f"==> authority = {authority}") + # print(f"==> path = {path}") + # print(f"==> qualifiers_str = {qualifiers_str}") + # print(f"==> subpath = {subpath}") + + # if scheme or authority: + # msg = ( + # f'Invalid purl {repr(purl)} cannot contain a "user:pass@host:port" ' + # f"URL Authority component: {repr(authority)}." + # ) + # raise ValueError(msg) + + # ==> namespace component === + # TEST Temp test definitions + namespace_01 = "" + sep_01 = "" + path_01 = "" + + # print(f"\n==> path before [path = path.lstrip('/')] = {path}") + + path = path.lstrip("/") + + # 2024-08-28 Wednesday 15:12:56. + # print(f"==> starting path for namespace and version = {path}") + + purl_namespace = "" + # From original code: + namespace: Optional[str] = "" + # NPM purl have a namespace in the path + # and the namespace in an npm purl is + # different from others because it starts with `@` + # so we need to handle this case separately + if type == "npm" and path.startswith("@"): + namespace, sep, path = path.partition("/") + # print(f"\nnamespace = {namespace}") + # print(f"sep = {sep}") + # print(f"path = {path}") + + # TEST 2024-08-28 Wednesday 15:58:54. Can we grab the namespace when it's not npm/@mynamespace? + else: + # namespace_01, sep_01, path_01 = path.partition("/") + + # path_01 = path.partition("/") + # path_01 = path.rpartition("/") + namespace_01, sep_01, path_01 = path.rpartition("/") + + # 2024-08-28 Wednesday 16:56:27. Try this: + namespace = namespace_01 + + # print(f"==> namespace = {namespace}") + # print(f"==> sep = {sep}") + # print(f"==> path = {path}") + # print("---") + # print(f"==> namespace_01 = {namespace_01}") + # print(f"==> sep_01 = {sep_01}") + # print(f"==> path_01 = {path_01}") + + purl_namespace = namespace + # print("=======") + + remainder, sep, version = path.rpartition("@") + # print(f"\nremainder = {remainder}") + # print(f"sep = {sep}") + # print(f"version = {version}") + if not sep: + remainder = version + version = None + + # TODO Define version here? + purl_version = version + + # print(f"==> remainder04 = {remainder}") + # print(f"==> sep = {sep}") + # print(f"==> version = {version}") + + # ==> name component === + purl_name = "MISSING" + + ns_name = remainder.strip().strip("/") + ns_name_parts = ns_name.split("/") + ns_name_parts = [seg for seg in ns_name_parts if seg and seg.strip()] + # print(f"\n==> ns_name = {ns_name}") + # print(f"\n==> ns_name_parts = {ns_name_parts}") + name = "" + + if not namespace and len(ns_name_parts) > 1: + name = ns_name_parts[-1] + ns = ns_name_parts[0:-1] + namespace = "/".join(ns) + elif namespace and len(ns_name_parts) > 1: + name = ns_name_parts[-1] + # This is in the original code: + elif len(ns_name_parts) == 1: + name = ns_name_parts[0] + + # print(f"\nname = {name}") + + if purl_pkg_scheme_component == 'pkg:' and purl_type != "MISSING": + if not name: + purl_error_message = "The input purl is missing the required 'name' component." + else: + purl_name = name + elif purl_pkg_scheme_component == 'MISSING' and purl_type != "MISSING": + if not name: + purl_error_message = "The input purl is missing the required 'scheme' and 'name' components." + else: + purl_name = name + elif purl_pkg_scheme_component == 'MISSING' and purl_type == "MISSING": + if not name: + purl_error_message = "The input purl is missing the required 'scheme', 'type' and 'name' components." + else: + purl_name = name + elif purl_pkg_scheme_component == 'pkg:' and purl_type == "MISSING": + if not name: + purl_error_message = "The input purl is missing the required 'type' and 'name' components." + else: + purl_name = name + + # ==> qualifiers component === + purl_qualifiers = "" + # temp + purl_qualifiers = qualifiers_str + + # to come + + # ==> subpath component === + purl_subpath = "" + # temp + purl_subpath = subpath + + # to come + + # print(f"\n1. -- scheme = {scheme}") + # print(f"1A. -- purl_pkg_scheme_component = {purl_pkg_scheme_component}") + # print(f"2. -- type = {type}") + # print(f"2A. -- purl_type = {purl_type}") + # print(f"3. -- namespace = {namespace}") + # print(f"3A. -- purl_namespace = {purl_namespace}") + # print(f"4. -- name = {name}") + # print(f"4A. -- purl_name = {purl_name}") + # # purl_qualifiers + # # purl_subpath + + # print(f"\npurl_error_message_name = {purl_error_message}") + + # =================================================================== + + purl_attributes = {} + purl_attributes["input"] = query + purl_attributes["status"] = purl_error_message + purl_attributes["scheme"] = purl_pkg_scheme_component + purl_attributes["type"] = purl_type + purl_attributes["namespace"] = purl_namespace + purl_attributes["name"] = purl_name + purl_attributes["version"] = purl_version + purl_attributes["qualifiers"] = purl_qualifiers + purl_attributes["subpath"] = purl_subpath + + print(f"\npurl_attributes['input'] = {purl_attributes['input']}") + print(f"purl_attributes['status'] = {purl_attributes['status']}") + print(f"purl_attributes['scheme'] = {purl_attributes['scheme']}") + print(f"purl_attributes['type'] = {purl_attributes['type']}") + print(f"purl_attributes['namespace'] = {purl_attributes['namespace']}") + print(f"purl_attributes['name'] = {purl_attributes['name']}") + print(f"purl_attributes['version'] = {purl_attributes['version']}") + print(f"purl_attributes['qualifiers'] = {purl_attributes['qualifiers']}") + print(f"purl_attributes['subpath'] = {purl_attributes['subpath']}") + print(f"") + + return purl_attributes diff --git a/purldb_project/context_processors.py b/purldb_project/context_processors.py new file mode 100644 index 00000000..2ca7134c --- /dev/null +++ b/purldb_project/context_processors.py @@ -0,0 +1,16 @@ +# +# Copyright (c) nexB Inc. and others. All rights reserved. +# purldb is a trademark of nexB Inc. +# SPDX-License-Identifier: Apache-2.0 +# See http://www.apache.org/licenses/LICENSE-2.0 for the license text. +# See https://github.com/aboutcode-org/purldb for support or download. +# See https://aboutcode.org for more information about nexB OSS projects. +# + +from purldb_project import __version__ as purldb_version + + +def versions(request): + return { + "PURLDB_VERSION": purldb_version, + } diff --git a/purldb_project/settings.py b/purldb_project/settings.py index aacea674..075e43e4 100644 --- a/purldb_project/settings.py +++ b/purldb_project/settings.py @@ -79,6 +79,7 @@ "drf_spectacular", "rest_framework.authtoken", "django_rq", + "widget_tweaks", ) MIDDLEWARE = ( @@ -132,6 +133,7 @@ "django.contrib.messages.context_processors.messages", "django.template.context_processors.request", "django.template.context_processors.static", + "purldb_project.context_processors.versions", ], }, }, diff --git a/purldb_project/static/assets/clippy copy.svg b/purldb_project/static/assets/clippy copy.svg new file mode 100644 index 00000000..e1b17035 --- /dev/null +++ b/purldb_project/static/assets/clippy copy.svg @@ -0,0 +1,3 @@ + + + diff --git a/purldb_project/static/assets/clippy.svg b/purldb_project/static/assets/clippy.svg new file mode 100644 index 00000000..e1b17035 --- /dev/null +++ b/purldb_project/static/assets/clippy.svg @@ -0,0 +1,3 @@ + + + diff --git a/purldb_project/static/assets/clippy.svg:Zone.Identifier b/purldb_project/static/assets/clippy.svg:Zone.Identifier new file mode 100644 index 00000000..e69de29b diff --git a/purldb_project/static/assets/clippy_mod01.svg b/purldb_project/static/assets/clippy_mod01.svg new file mode 100644 index 00000000..82884168 --- /dev/null +++ b/purldb_project/static/assets/clippy_mod01.svg @@ -0,0 +1,4 @@ + + + + diff --git a/purldb_project/static/css/bulma-tooltip.css b/purldb_project/static/css/bulma-tooltip.css new file mode 100644 index 00000000..200345fb --- /dev/null +++ b/purldb_project/static/css/bulma-tooltip.css @@ -0,0 +1,2506 @@ +/*! @creativebulma/bulma-tooltip v1.2.0 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-tooltip */ +@-webkit-keyframes spinAround { + from { + transform: rotate(0deg); + } + + to { + transform: rotate(359deg); + } +} + +@keyframes spinAround { + from { + transform: rotate(0deg); + } + + to { + transform: rotate(359deg); + } +} + +/* line 67, src/sass/app.sass */ +[data-tooltip]:not(.is-loading), +[data-tooltip]:not(.is-disabled), +[data-tooltip]:not([disabled]) { + cursor: pointer; + overflow: visible; + position: relative; +} + +/* line 36, src/sass/app.sass */ +[data-tooltip]:not(.is-loading)::before, +[data-tooltip]:not(.is-disabled)::before, +[data-tooltip]:not([disabled])::before { + box-sizing: border-box; + color: white; + display: inline-block; + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; + font-size: 0.75rem; + -webkit-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; + opacity: 0; + overflow: hidden; + pointer-events: none; + position: absolute; + visibility: hidden; + z-index: 1020; + background: rgba(74, 74, 74, 0.9); + border-radius: 2px; + content: attr(data-tooltip); + padding: 0.5rem 1rem; + text-overflow: ellipsis; + white-space: pre-line; +} + +/* line 22, src/sass/_position.sass */ +[data-tooltip]:not(.is-loading)::before, +[data-tooltip]:not(.is-disabled)::before, +[data-tooltip]:not([disabled])::before { + top: 0; + right: auto; + bottom: auto; + left: 50%; + top: 0; + margin-top: -5px; + margin-bottom: auto; + transform: translate(-50%, -100%); +} + +/* line 15, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-arrow::after, +[data-tooltip]:not(.is-disabled).has-tooltip-arrow::after, +[data-tooltip]:not([disabled]).has-tooltip-arrow::after { + box-sizing: border-box; + color: white; + display: inline-block; + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; + font-size: 0.75rem; + -webkit-hyphens: auto; + -ms-hyphens: auto; + hyphens: auto; + opacity: 0; + overflow: hidden; + pointer-events: none; + position: absolute; + visibility: hidden; + z-index: 1020; + content: ''; + border-style: solid; + border-width: 6px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; + margin-bottom: -5px; +} + +/* line 10, src/sass/_position.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-arrow.has-tooltip-arrow::after, +[data-tooltip]:not(.is-disabled).has-tooltip-arrow.has-tooltip-arrow::after, +[data-tooltip]:not([disabled]).has-tooltip-arrow.has-tooltip-arrow::after { + top: 0; + right: auto; + bottom: auto; + left: 50%; + margin-top: -5px; + margin-right: auto; + margin-bottom: auto; + margin-left: -5px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; +} + +/* line 38, src/sass/_position.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-bottom.has-tooltip-arrow::after, +[data-tooltip]:not(.is-disabled).has-tooltip-bottom.has-tooltip-arrow::after, +[data-tooltip]:not([disabled]).has-tooltip-bottom.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: -1px; + left: 50%; + margin-top: auto; + margin-right: auto; + margin-bottom: -5px; + margin-left: -5px; + border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; +} + +/* line 50, src/sass/_position.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-bottom::before, +[data-tooltip]:not(.is-disabled).has-tooltip-bottom::before, +[data-tooltip]:not([disabled]).has-tooltip-bottom::before { + top: auto; + right: auto; + bottom: 0; + left: 50%; + margin-top: auto; + margin-bottom: -5px; + transform: translate(-50%, 100%); +} + +/* line 66, src/sass/_position.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-left.has-tooltip-arrow::after, +[data-tooltip]:not(.is-disabled).has-tooltip-left.has-tooltip-arrow::after, +[data-tooltip]:not([disabled]).has-tooltip-left.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: 50%; + left: 0; + margin-top: auto; + margin-right: auto; + margin-bottom: -6px; + margin-left: -5px; + border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); +} + +/* line 78, src/sass/_position.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-left::before, +[data-tooltip]:not(.is-disabled).has-tooltip-left::before, +[data-tooltip]:not([disabled]).has-tooltip-left::before { + top: auto; + right: auto; + bottom: 50%; + left: -5px; + transform: translate(-100%, 50%); +} + +/* line 92, src/sass/_position.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-right.has-tooltip-arrow::after, +[data-tooltip]:not(.is-disabled).has-tooltip-right.has-tooltip-arrow::after, +[data-tooltip]:not([disabled]).has-tooltip-right.has-tooltip-arrow::after { + top: auto; + right: 0; + bottom: 50%; + left: auto; + margin-top: auto; + margin-right: -6px; + margin-bottom: -6px; + margin-left: auto; + border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; +} + +/* line 104, src/sass/_position.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-right::before, +[data-tooltip]:not(.is-disabled).has-tooltip-right::before, +[data-tooltip]:not([disabled]).has-tooltip-right::before { + top: auto; + right: -5px; + bottom: 50%; + left: auto; + margin-top: auto; + transform: translate(100%, 50%); +} + +/* line 58, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-multiline::before, +[data-tooltip]:not(.is-disabled).has-tooltip-multiline::before, +[data-tooltip]:not([disabled]).has-tooltip-multiline::before { + height: auto; + width: 15rem; + max-width: 15rem; + text-overflow: clip; + white-space: normal; + word-break: keep-all; +} + +/* line 91, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-text-left::before, +[data-tooltip]:not(.is-disabled).has-tooltip-text-left::before, +[data-tooltip]:not([disabled]).has-tooltip-text-left::before { + text-align: left; +} + +/* line 94, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-text-centered::before, +[data-tooltip]:not(.is-disabled).has-tooltip-text-centered::before, +[data-tooltip]:not([disabled]).has-tooltip-text-centered::before { + text-align: center; +} + +/* line 97, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-text-right::before, +[data-tooltip]:not(.is-disabled).has-tooltip-text-right::before, +[data-tooltip]:not([disabled]).has-tooltip-text-right::before { + text-align: right; +} + +/* line 104, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-white::after, +[data-tooltip]:not(.is-disabled).has-tooltip-white::after, +[data-tooltip]:not([disabled]).has-tooltip-white::after { + border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent !important; +} + +/* line 107, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-bottom::after, +[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-bottom::after, +[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-bottom::after { + border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent !important; +} + +/* line 110, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-left::after, +[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-left::after, +[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-left::after { + border-color: transparent transparent transparent rgba(255, 255, 255, 0.9) !important; +} + +/* line 113, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-right::after, +[data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-right::after, +[data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-right::after { + border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent !important; +} + +/* line 115, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-white:before, +[data-tooltip]:not(.is-disabled).has-tooltip-white:before, +[data-tooltip]:not([disabled]).has-tooltip-white:before { + background-color: rgba(255, 255, 255, 0.9); + color: #0a0a0a; +} + +/* line 104, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-black::after, +[data-tooltip]:not(.is-disabled).has-tooltip-black::after, +[data-tooltip]:not([disabled]).has-tooltip-black::after { + border-color: rgba(10, 10, 10, 0.9) transparent transparent transparent !important; +} + +/* line 107, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-bottom::after, +[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-bottom::after, +[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-bottom::after { + border-color: transparent transparent rgba(10, 10, 10, 0.9) transparent !important; +} + +/* line 110, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-left::after, +[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-left::after, +[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-left::after { + border-color: transparent transparent transparent rgba(10, 10, 10, 0.9) !important; +} + +/* line 113, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-right::after, +[data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-right::after, +[data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-right::after { + border-color: transparent rgba(10, 10, 10, 0.9) transparent transparent !important; +} + +/* line 115, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-black:before, +[data-tooltip]:not(.is-disabled).has-tooltip-black:before, +[data-tooltip]:not([disabled]).has-tooltip-black:before { + background-color: rgba(10, 10, 10, 0.9); + color: white; +} + +/* line 104, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-light::after, +[data-tooltip]:not(.is-disabled).has-tooltip-light::after, +[data-tooltip]:not([disabled]).has-tooltip-light::after { + border-color: rgba(245, 245, 245, 0.9) transparent transparent transparent !important; +} + +/* line 107, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-bottom::after, +[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-bottom::after, +[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-bottom::after { + border-color: transparent transparent rgba(245, 245, 245, 0.9) transparent !important; +} + +/* line 110, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-left::after, +[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-left::after, +[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-left::after { + border-color: transparent transparent transparent rgba(245, 245, 245, 0.9) !important; +} + +/* line 113, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-right::after, +[data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-right::after, +[data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-right::after { + border-color: transparent rgba(245, 245, 245, 0.9) transparent transparent !important; +} + +/* line 115, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-light:before, +[data-tooltip]:not(.is-disabled).has-tooltip-light:before, +[data-tooltip]:not([disabled]).has-tooltip-light:before { + background-color: rgba(245, 245, 245, 0.9); + color: rgba(0, 0, 0, 0.7); +} + +/* line 104, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-dark::after, +[data-tooltip]:not(.is-disabled).has-tooltip-dark::after, +[data-tooltip]:not([disabled]).has-tooltip-dark::after { + border-color: rgba(54, 54, 54, 0.9) transparent transparent transparent !important; +} + +/* line 107, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-bottom::after, +[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-bottom::after, +[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-bottom::after { + border-color: transparent transparent rgba(54, 54, 54, 0.9) transparent !important; +} + +/* line 110, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-left::after, +[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-left::after, +[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-left::after { + border-color: transparent transparent transparent rgba(54, 54, 54, 0.9) !important; +} + +/* line 113, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-right::after, +[data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-right::after, +[data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-right::after { + border-color: transparent rgba(54, 54, 54, 0.9) transparent transparent !important; +} + +/* line 115, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-dark:before, +[data-tooltip]:not(.is-disabled).has-tooltip-dark:before, +[data-tooltip]:not([disabled]).has-tooltip-dark:before { + background-color: rgba(54, 54, 54, 0.9); + color: #fff; +} + +/* line 104, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-primary::after, +[data-tooltip]:not(.is-disabled).has-tooltip-primary::after, +[data-tooltip]:not([disabled]).has-tooltip-primary::after { + border-color: rgba(0, 209, 178, 0.9) transparent transparent transparent !important; +} + +/* line 107, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-bottom::after, +[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-bottom::after, +[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-bottom::after { + border-color: transparent transparent rgba(0, 209, 178, 0.9) transparent !important; +} + +/* line 110, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-left::after, +[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-left::after, +[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-left::after { + border-color: transparent transparent transparent rgba(0, 209, 178, 0.9) !important; +} + +/* line 113, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-right::after, +[data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-right::after, +[data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-right::after { + border-color: transparent rgba(0, 209, 178, 0.9) transparent transparent !important; +} + +/* line 115, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-primary:before, +[data-tooltip]:not(.is-disabled).has-tooltip-primary:before, +[data-tooltip]:not([disabled]).has-tooltip-primary:before { + background-color: rgba(0, 209, 178, 0.9); + color: #fff; +} + +/* line 104, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-link::after, +[data-tooltip]:not(.is-disabled).has-tooltip-link::after, +[data-tooltip]:not([disabled]).has-tooltip-link::after { + border-color: rgba(50, 115, 220, 0.9) transparent transparent transparent !important; +} + +/* line 107, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-bottom::after, +[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-bottom::after, +[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-bottom::after { + border-color: transparent transparent rgba(50, 115, 220, 0.9) transparent !important; +} + +/* line 110, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-left::after, +[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-left::after, +[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-left::after { + border-color: transparent transparent transparent rgba(50, 115, 220, 0.9) !important; +} + +/* line 113, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-right::after, +[data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-right::after, +[data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-right::after { + border-color: transparent rgba(50, 115, 220, 0.9) transparent transparent !important; +} + +/* line 115, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-link:before, +[data-tooltip]:not(.is-disabled).has-tooltip-link:before, +[data-tooltip]:not([disabled]).has-tooltip-link:before { + background-color: rgba(50, 115, 220, 0.9); + color: #fff; +} + +/* line 104, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-info::after, +[data-tooltip]:not(.is-disabled).has-tooltip-info::after, +[data-tooltip]:not([disabled]).has-tooltip-info::after { + border-color: rgba(50, 152, 220, 0.9) transparent transparent transparent !important; +} + +/* line 107, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-bottom::after, +[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-bottom::after, +[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-bottom::after { + border-color: transparent transparent rgba(50, 152, 220, 0.9) transparent !important; +} + +/* line 110, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-left::after, +[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-left::after, +[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-left::after { + border-color: transparent transparent transparent rgba(50, 152, 220, 0.9) !important; +} + +/* line 113, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-right::after, +[data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-right::after, +[data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-right::after { + border-color: transparent rgba(50, 152, 220, 0.9) transparent transparent !important; +} + +/* line 115, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-info:before, +[data-tooltip]:not(.is-disabled).has-tooltip-info:before, +[data-tooltip]:not([disabled]).has-tooltip-info:before { + background-color: rgba(50, 152, 220, 0.9); + color: #fff; +} + +/* line 104, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-success::after, +[data-tooltip]:not(.is-disabled).has-tooltip-success::after, +[data-tooltip]:not([disabled]).has-tooltip-success::after { + border-color: rgba(72, 199, 116, 0.9) transparent transparent transparent !important; +} + +/* line 107, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-bottom::after, +[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-bottom::after, +[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-bottom::after { + border-color: transparent transparent rgba(72, 199, 116, 0.9) transparent !important; +} + +/* line 110, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-left::after, +[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-left::after, +[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-left::after { + border-color: transparent transparent transparent rgba(72, 199, 116, 0.9) !important; +} + +/* line 113, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-right::after, +[data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-right::after, +[data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-right::after { + border-color: transparent rgba(72, 199, 116, 0.9) transparent transparent !important; +} + +/* line 115, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-success:before, +[data-tooltip]:not(.is-disabled).has-tooltip-success:before, +[data-tooltip]:not([disabled]).has-tooltip-success:before { + background-color: rgba(72, 199, 116, 0.9); + color: #fff; +} + +/* line 104, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-warning::after, +[data-tooltip]:not(.is-disabled).has-tooltip-warning::after, +[data-tooltip]:not([disabled]).has-tooltip-warning::after { + border-color: rgba(255, 221, 87, 0.9) transparent transparent transparent !important; +} + +/* line 107, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-bottom::after, +[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-bottom::after, +[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-bottom::after { + border-color: transparent transparent rgba(255, 221, 87, 0.9) transparent !important; +} + +/* line 110, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-left::after, +[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-left::after, +[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-left::after { + border-color: transparent transparent transparent rgba(255, 221, 87, 0.9) !important; +} + +/* line 113, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-right::after, +[data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-right::after, +[data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-right::after { + border-color: transparent rgba(255, 221, 87, 0.9) transparent transparent !important; +} + +/* line 115, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-warning:before, +[data-tooltip]:not(.is-disabled).has-tooltip-warning:before, +[data-tooltip]:not([disabled]).has-tooltip-warning:before { + background-color: rgba(255, 221, 87, 0.9); + color: rgba(0, 0, 0, 0.7); +} + +/* line 104, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-danger::after, +[data-tooltip]:not(.is-disabled).has-tooltip-danger::after, +[data-tooltip]:not([disabled]).has-tooltip-danger::after { + border-color: rgba(241, 70, 104, 0.9) transparent transparent transparent !important; +} + +/* line 107, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-bottom::after, +[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-bottom::after, +[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-bottom::after { + border-color: transparent transparent rgba(241, 70, 104, 0.9) transparent !important; +} + +/* line 110, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-left::after, +[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-left::after, +[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-left::after { + border-color: transparent transparent transparent rgba(241, 70, 104, 0.9) !important; +} + +/* line 113, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-right::after, +[data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-right::after, +[data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-right::after { + border-color: transparent rgba(241, 70, 104, 0.9) transparent transparent !important; +} + +/* line 115, src/sass/app.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-danger:before, +[data-tooltip]:not(.is-disabled).has-tooltip-danger:before, +[data-tooltip]:not([disabled]).has-tooltip-danger:before { + background-color: rgba(241, 70, 104, 0.9); + color: #fff; +} + +/* line 2, src/sass/_position.sass */ +[data-tooltip]:not(.is-loading):hover::before, +[data-tooltip]:not(.is-loading):hover::after, +[data-tooltip]:not(.is-loading).has-tooltip-active::before, +[data-tooltip]:not(.is-loading).has-tooltip-active::after, +[data-tooltip]:not(.is-disabled):hover::before, +[data-tooltip]:not(.is-disabled):hover::after, +[data-tooltip]:not(.is-disabled).has-tooltip-active::before, +[data-tooltip]:not(.is-disabled).has-tooltip-active::after, +[data-tooltip]:not([disabled]):hover::before, +[data-tooltip]:not([disabled]):hover::after, +[data-tooltip]:not([disabled]).has-tooltip-active::before, +[data-tooltip]:not([disabled]).has-tooltip-active::after { + opacity: 1; + visibility: visible; +} + +/* line 2, src/sass/_animation.sass */ +[data-tooltip]:not(.is-loading).has-tooltip-fade::before, +[data-tooltip]:not(.is-loading).has-tooltip-fade::after, +[data-tooltip]:not(.is-disabled).has-tooltip-fade::before, +[data-tooltip]:not(.is-disabled).has-tooltip-fade::after, +[data-tooltip]:not([disabled]).has-tooltip-fade::before, +[data-tooltip]:not([disabled]).has-tooltip-fade::after { + transition: opacity 0.3s linear, visibility 0.3s linear; +} + +@media screen and (max-width: 768px) { + + /* line 10, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-mobile.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-top-mobile.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-top-mobile.has-tooltip-arrow::after { + top: 0; + right: auto; + bottom: auto; + left: 50%; + margin-top: -5px; + margin-right: auto; + margin-bottom: auto; + margin-left: -5px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; + } + + /* line 22, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-mobile::before, + [data-tooltip]:not(.is-disabled).has-tooltip-top-mobile::before, + [data-tooltip]:not([disabled]).has-tooltip-top-mobile::before { + top: 0; + right: auto; + bottom: auto; + left: 50%; + top: 0; + margin-top: -5px; + margin-bottom: auto; + transform: translate(-50%, -100%); + } +} + +@media screen and (min-width: 769px), +print { + + /* line 10, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-tablet.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-top-tablet.has-tooltip-arrow::after { + top: 0; + right: auto; + bottom: auto; + left: 50%; + margin-top: -5px; + margin-right: auto; + margin-bottom: auto; + margin-left: -5px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; + } + + /* line 22, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-tablet::before, + [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet::before, + [data-tooltip]:not([disabled]).has-tooltip-top-tablet::before { + top: 0; + right: auto; + bottom: auto; + left: 50%; + top: 0; + margin-top: -5px; + margin-bottom: auto; + transform: translate(-50%, -100%); + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + + /* line 10, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-tablet-only.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet-only.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-top-tablet-only.has-tooltip-arrow::after { + top: 0; + right: auto; + bottom: auto; + left: 50%; + margin-top: -5px; + margin-right: auto; + margin-bottom: auto; + margin-left: -5px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; + } + + /* line 22, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-tablet-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet-only::before, + [data-tooltip]:not([disabled]).has-tooltip-top-tablet-only::before { + top: 0; + right: auto; + bottom: auto; + left: 50%; + top: 0; + margin-top: -5px; + margin-bottom: auto; + transform: translate(-50%, -100%); + } +} + +@media screen and (max-width: 1023px) { + + /* line 10, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-touch.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-top-touch.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-top-touch.has-tooltip-arrow::after { + top: 0; + right: auto; + bottom: auto; + left: 50%; + margin-top: -5px; + margin-right: auto; + margin-bottom: auto; + margin-left: -5px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; + } + + /* line 22, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-touch::before, + [data-tooltip]:not(.is-disabled).has-tooltip-top-touch::before, + [data-tooltip]:not([disabled]).has-tooltip-top-touch::before { + top: 0; + right: auto; + bottom: auto; + left: 50%; + top: 0; + margin-top: -5px; + margin-bottom: auto; + transform: translate(-50%, -100%); + } +} + +@media screen and (min-width: 1024px) { + + /* line 10, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-desktop.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-top-desktop.has-tooltip-arrow::after { + top: 0; + right: auto; + bottom: auto; + left: 50%; + margin-top: -5px; + margin-right: auto; + margin-bottom: auto; + margin-left: -5px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; + } + + /* line 22, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-desktop::before, + [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop::before, + [data-tooltip]:not([disabled]).has-tooltip-top-desktop::before { + top: 0; + right: auto; + bottom: auto; + left: 50%; + top: 0; + margin-top: -5px; + margin-bottom: auto; + transform: translate(-50%, -100%); + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + + /* line 10, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-desktop-only.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop-only.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-top-desktop-only.has-tooltip-arrow::after { + top: 0; + right: auto; + bottom: auto; + left: 50%; + margin-top: -5px; + margin-right: auto; + margin-bottom: auto; + margin-left: -5px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; + } + + /* line 22, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-desktop-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop-only::before, + [data-tooltip]:not([disabled]).has-tooltip-top-desktop-only::before { + top: 0; + right: auto; + bottom: auto; + left: 50%; + top: 0; + margin-top: -5px; + margin-bottom: auto; + transform: translate(-50%, -100%); + } +} + +@media screen and (max-width: 1215px) { + + /* line 10, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-until-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-top-until-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-top-until-widescreen.has-tooltip-arrow::after { + top: 0; + right: auto; + bottom: auto; + left: 50%; + margin-top: -5px; + margin-right: auto; + margin-bottom: auto; + margin-left: -5px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; + } + + /* line 22, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-until-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-top-until-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-top-until-widescreen::before { + top: 0; + right: auto; + bottom: auto; + left: 50%; + top: 0; + margin-top: -5px; + margin-bottom: auto; + transform: translate(-50%, -100%); + } +} + +@media screen and (min-width: 1216px) { + + /* line 10, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-top-widescreen.has-tooltip-arrow::after { + top: 0; + right: auto; + bottom: auto; + left: 50%; + margin-top: -5px; + margin-right: auto; + margin-bottom: auto; + margin-left: -5px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; + } + + /* line 22, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-top-widescreen::before { + top: 0; + right: auto; + bottom: auto; + left: 50%; + top: 0; + margin-top: -5px; + margin-bottom: auto; + transform: translate(-50%, -100%); + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + + /* line 10, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-widescreen-only.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen-only.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-top-widescreen-only.has-tooltip-arrow::after { + top: 0; + right: auto; + bottom: auto; + left: 50%; + margin-top: -5px; + margin-right: auto; + margin-bottom: auto; + margin-left: -5px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; + } + + /* line 22, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-widescreen-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen-only::before, + [data-tooltip]:not([disabled]).has-tooltip-top-widescreen-only::before { + top: 0; + right: auto; + bottom: auto; + left: 50%; + top: 0; + margin-top: -5px; + margin-bottom: auto; + transform: translate(-50%, -100%); + } +} + +@media screen and (max-width: 1407px) { + + /* line 10, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-until-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-top-until-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-top-until-fullhd.has-tooltip-arrow::after { + top: 0; + right: auto; + bottom: auto; + left: 50%; + margin-top: -5px; + margin-right: auto; + margin-bottom: auto; + margin-left: -5px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; + } + + /* line 22, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-until-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-top-until-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-top-until-fullhd::before { + top: 0; + right: auto; + bottom: auto; + left: 50%; + top: 0; + margin-top: -5px; + margin-bottom: auto; + transform: translate(-50%, -100%); + } +} + +@media screen and (min-width: 1408px) { + + /* line 10, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-top-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-top-fullhd.has-tooltip-arrow::after { + top: 0; + right: auto; + bottom: auto; + left: 50%; + margin-top: -5px; + margin-right: auto; + margin-bottom: auto; + margin-left: -5px; + border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; + } + + /* line 22, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-top-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-top-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-top-fullhd::before { + top: 0; + right: auto; + bottom: auto; + left: 50%; + top: 0; + margin-top: -5px; + margin-bottom: auto; + transform: translate(-50%, -100%); + } +} + +@media screen and (max-width: 768px) { + + /* line 92, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-mobile.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-right-mobile.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-right-mobile.has-tooltip-arrow::after { + top: auto; + right: 0; + bottom: 50%; + left: auto; + margin-top: auto; + margin-right: -6px; + margin-bottom: -6px; + margin-left: auto; + border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; + } + + /* line 104, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-mobile::before, + [data-tooltip]:not(.is-disabled).has-tooltip-right-mobile::before, + [data-tooltip]:not([disabled]).has-tooltip-right-mobile::before { + top: auto; + right: -5px; + bottom: 50%; + left: auto; + margin-top: auto; + transform: translate(100%, 50%); + } +} + +@media screen and (min-width: 769px), +print { + + /* line 92, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-tablet.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-right-tablet.has-tooltip-arrow::after { + top: auto; + right: 0; + bottom: 50%; + left: auto; + margin-top: auto; + margin-right: -6px; + margin-bottom: -6px; + margin-left: auto; + border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; + } + + /* line 104, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-tablet::before, + [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet::before, + [data-tooltip]:not([disabled]).has-tooltip-right-tablet::before { + top: auto; + right: -5px; + bottom: 50%; + left: auto; + margin-top: auto; + transform: translate(100%, 50%); + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + + /* line 92, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-tablet-only.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet-only.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-right-tablet-only.has-tooltip-arrow::after { + top: auto; + right: 0; + bottom: 50%; + left: auto; + margin-top: auto; + margin-right: -6px; + margin-bottom: -6px; + margin-left: auto; + border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; + } + + /* line 104, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-tablet-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet-only::before, + [data-tooltip]:not([disabled]).has-tooltip-right-tablet-only::before { + top: auto; + right: -5px; + bottom: 50%; + left: auto; + margin-top: auto; + transform: translate(100%, 50%); + } +} + +@media screen and (max-width: 1023px) { + + /* line 92, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-touch.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-right-touch.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-right-touch.has-tooltip-arrow::after { + top: auto; + right: 0; + bottom: 50%; + left: auto; + margin-top: auto; + margin-right: -6px; + margin-bottom: -6px; + margin-left: auto; + border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; + } + + /* line 104, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-touch::before, + [data-tooltip]:not(.is-disabled).has-tooltip-right-touch::before, + [data-tooltip]:not([disabled]).has-tooltip-right-touch::before { + top: auto; + right: -5px; + bottom: 50%; + left: auto; + margin-top: auto; + transform: translate(100%, 50%); + } +} + +@media screen and (min-width: 1024px) { + + /* line 92, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-desktop.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-right-desktop.has-tooltip-arrow::after { + top: auto; + right: 0; + bottom: 50%; + left: auto; + margin-top: auto; + margin-right: -6px; + margin-bottom: -6px; + margin-left: auto; + border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; + } + + /* line 104, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-desktop::before, + [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop::before, + [data-tooltip]:not([disabled]).has-tooltip-right-desktop::before { + top: auto; + right: -5px; + bottom: 50%; + left: auto; + margin-top: auto; + transform: translate(100%, 50%); + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + + /* line 92, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-desktop-only.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop-only.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-right-desktop-only.has-tooltip-arrow::after { + top: auto; + right: 0; + bottom: 50%; + left: auto; + margin-top: auto; + margin-right: -6px; + margin-bottom: -6px; + margin-left: auto; + border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; + } + + /* line 104, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-desktop-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop-only::before, + [data-tooltip]:not([disabled]).has-tooltip-right-desktop-only::before { + top: auto; + right: -5px; + bottom: 50%; + left: auto; + margin-top: auto; + transform: translate(100%, 50%); + } +} + +@media screen and (max-width: 1215px) { + + /* line 92, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-until-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-right-until-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-right-until-widescreen.has-tooltip-arrow::after { + top: auto; + right: 0; + bottom: 50%; + left: auto; + margin-top: auto; + margin-right: -6px; + margin-bottom: -6px; + margin-left: auto; + border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; + } + + /* line 104, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-until-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-right-until-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-right-until-widescreen::before { + top: auto; + right: -5px; + bottom: 50%; + left: auto; + margin-top: auto; + transform: translate(100%, 50%); + } +} + +@media screen and (min-width: 1216px) { + + /* line 92, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-right-widescreen.has-tooltip-arrow::after { + top: auto; + right: 0; + bottom: 50%; + left: auto; + margin-top: auto; + margin-right: -6px; + margin-bottom: -6px; + margin-left: auto; + border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; + } + + /* line 104, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-right-widescreen::before { + top: auto; + right: -5px; + bottom: 50%; + left: auto; + margin-top: auto; + transform: translate(100%, 50%); + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + + /* line 92, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-widescreen-only.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen-only.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-right-widescreen-only.has-tooltip-arrow::after { + top: auto; + right: 0; + bottom: 50%; + left: auto; + margin-top: auto; + margin-right: -6px; + margin-bottom: -6px; + margin-left: auto; + border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; + } + + /* line 104, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-widescreen-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen-only::before, + [data-tooltip]:not([disabled]).has-tooltip-right-widescreen-only::before { + top: auto; + right: -5px; + bottom: 50%; + left: auto; + margin-top: auto; + transform: translate(100%, 50%); + } +} + +@media screen and (max-width: 1407px) { + + /* line 92, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-until-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-right-until-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-right-until-fullhd.has-tooltip-arrow::after { + top: auto; + right: 0; + bottom: 50%; + left: auto; + margin-top: auto; + margin-right: -6px; + margin-bottom: -6px; + margin-left: auto; + border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; + } + + /* line 104, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-until-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-right-until-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-right-until-fullhd::before { + top: auto; + right: -5px; + bottom: 50%; + left: auto; + margin-top: auto; + transform: translate(100%, 50%); + } +} + +@media screen and (min-width: 1408px) { + + /* line 92, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-right-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-right-fullhd.has-tooltip-arrow::after { + top: auto; + right: 0; + bottom: 50%; + left: auto; + margin-top: auto; + margin-right: -6px; + margin-bottom: -6px; + margin-left: auto; + border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; + } + + /* line 104, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-right-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-right-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-right-fullhd::before { + top: auto; + right: -5px; + bottom: 50%; + left: auto; + margin-top: auto; + transform: translate(100%, 50%); + } +} + +@media screen and (max-width: 768px) { + + /* line 38, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-mobile.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-mobile.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-bottom-mobile.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: -1px; + left: 50%; + margin-top: auto; + margin-right: auto; + margin-bottom: -5px; + margin-left: -5px; + border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; + } + + /* line 50, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-mobile::before, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-mobile::before, + [data-tooltip]:not([disabled]).has-tooltip-bottom-mobile::before { + top: auto; + right: auto; + bottom: 0; + left: 50%; + margin-top: auto; + margin-bottom: -5px; + transform: translate(-50%, 100%); + } +} + +@media screen and (min-width: 769px), +print { + + /* line 38, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: -1px; + left: 50%; + margin-top: auto; + margin-right: auto; + margin-bottom: -5px; + margin-left: -5px; + border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; + } + + /* line 50, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet::before, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet::before, + [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet::before { + top: auto; + right: auto; + bottom: 0; + left: 50%; + margin-top: auto; + margin-bottom: -5px; + transform: translate(-50%, 100%); + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + + /* line 38, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: -1px; + left: 50%; + margin-top: auto; + margin-right: auto; + margin-bottom: -5px; + margin-left: -5px; + border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; + } + + /* line 50, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet-only::before, + [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet-only::before { + top: auto; + right: auto; + bottom: 0; + left: 50%; + margin-top: auto; + margin-bottom: -5px; + transform: translate(-50%, 100%); + } +} + +@media screen and (max-width: 1023px) { + + /* line 38, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-touch.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-touch.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-bottom-touch.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: -1px; + left: 50%; + margin-top: auto; + margin-right: auto; + margin-bottom: -5px; + margin-left: -5px; + border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; + } + + /* line 50, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-touch::before, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-touch::before, + [data-tooltip]:not([disabled]).has-tooltip-bottom-touch::before { + top: auto; + right: auto; + bottom: 0; + left: 50%; + margin-top: auto; + margin-bottom: -5px; + transform: translate(-50%, 100%); + } +} + +@media screen and (min-width: 1024px) { + + /* line 38, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: -1px; + left: 50%; + margin-top: auto; + margin-right: auto; + margin-bottom: -5px; + margin-left: -5px; + border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; + } + + /* line 50, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop::before, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop::before, + [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop::before { + top: auto; + right: auto; + bottom: 0; + left: 50%; + margin-top: auto; + margin-bottom: -5px; + transform: translate(-50%, 100%); + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + + /* line 38, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop-only.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop-only.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop-only.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: -1px; + left: 50%; + margin-top: auto; + margin-right: auto; + margin-bottom: -5px; + margin-left: -5px; + border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; + } + + /* line 50, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop-only::before, + [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop-only::before { + top: auto; + right: auto; + bottom: 0; + left: 50%; + margin-top: auto; + margin-bottom: -5px; + transform: translate(-50%, 100%); + } +} + +@media screen and (max-width: 1215px) { + + /* line 38, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-until-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-bottom-until-widescreen.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: -1px; + left: 50%; + margin-top: auto; + margin-right: auto; + margin-bottom: -5px; + margin-left: -5px; + border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; + } + + /* line 50, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-until-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-bottom-until-widescreen::before { + top: auto; + right: auto; + bottom: 0; + left: 50%; + margin-top: auto; + margin-bottom: -5px; + transform: translate(-50%, 100%); + } +} + +@media screen and (min-width: 1216px) { + + /* line 38, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: -1px; + left: 50%; + margin-top: auto; + margin-right: auto; + margin-bottom: -5px; + margin-left: -5px; + border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; + } + + /* line 50, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen::before { + top: auto; + right: auto; + bottom: 0; + left: 50%; + margin-top: auto; + margin-bottom: -5px; + transform: translate(-50%, 100%); + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + + /* line 38, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen-only.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen-only.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen-only.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: -1px; + left: 50%; + margin-top: auto; + margin-right: auto; + margin-bottom: -5px; + margin-left: -5px; + border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; + } + + /* line 50, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen-only::before, + [data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen-only::before { + top: auto; + right: auto; + bottom: 0; + left: 50%; + margin-top: auto; + margin-bottom: -5px; + transform: translate(-50%, 100%); + } +} + +@media screen and (max-width: 1407px) { + + /* line 38, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-until-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-bottom-until-fullhd.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: -1px; + left: 50%; + margin-top: auto; + margin-right: auto; + margin-bottom: -5px; + margin-left: -5px; + border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; + } + + /* line 50, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-until-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-bottom-until-fullhd::before { + top: auto; + right: auto; + bottom: 0; + left: 50%; + margin-top: auto; + margin-bottom: -5px; + transform: translate(-50%, 100%); + } +} + +@media screen and (min-width: 1408px) { + + /* line 38, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-bottom-fullhd.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: -1px; + left: 50%; + margin-top: auto; + margin-right: auto; + margin-bottom: -5px; + margin-left: -5px; + border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; + } + + /* line 50, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-bottom-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-bottom-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-bottom-fullhd::before { + top: auto; + right: auto; + bottom: 0; + left: 50%; + margin-top: auto; + margin-bottom: -5px; + transform: translate(-50%, 100%); + } +} + +@media screen and (max-width: 768px) { + + /* line 66, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-mobile.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-left-mobile.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-left-mobile.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: 50%; + left: 0; + margin-top: auto; + margin-right: auto; + margin-bottom: -6px; + margin-left: -5px; + border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); + } + + /* line 78, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-mobile::before, + [data-tooltip]:not(.is-disabled).has-tooltip-left-mobile::before, + [data-tooltip]:not([disabled]).has-tooltip-left-mobile::before { + top: auto; + right: auto; + bottom: 50%; + left: -5px; + transform: translate(-100%, 50%); + } +} + +@media screen and (min-width: 769px), +print { + + /* line 66, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-tablet.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-left-tablet.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: 50%; + left: 0; + margin-top: auto; + margin-right: auto; + margin-bottom: -6px; + margin-left: -5px; + border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); + } + + /* line 78, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-tablet::before, + [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet::before, + [data-tooltip]:not([disabled]).has-tooltip-left-tablet::before { + top: auto; + right: auto; + bottom: 50%; + left: -5px; + transform: translate(-100%, 50%); + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + + /* line 66, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-tablet-only.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet-only.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-left-tablet-only.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: 50%; + left: 0; + margin-top: auto; + margin-right: auto; + margin-bottom: -6px; + margin-left: -5px; + border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); + } + + /* line 78, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-tablet-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet-only::before, + [data-tooltip]:not([disabled]).has-tooltip-left-tablet-only::before { + top: auto; + right: auto; + bottom: 50%; + left: -5px; + transform: translate(-100%, 50%); + } +} + +@media screen and (max-width: 1023px) { + + /* line 66, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-touch.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-left-touch.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-left-touch.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: 50%; + left: 0; + margin-top: auto; + margin-right: auto; + margin-bottom: -6px; + margin-left: -5px; + border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); + } + + /* line 78, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-touch::before, + [data-tooltip]:not(.is-disabled).has-tooltip-left-touch::before, + [data-tooltip]:not([disabled]).has-tooltip-left-touch::before { + top: auto; + right: auto; + bottom: 50%; + left: -5px; + transform: translate(-100%, 50%); + } +} + +@media screen and (min-width: 1024px) { + + /* line 66, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-desktop.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-left-desktop.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: 50%; + left: 0; + margin-top: auto; + margin-right: auto; + margin-bottom: -6px; + margin-left: -5px; + border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); + } + + /* line 78, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-desktop::before, + [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop::before, + [data-tooltip]:not([disabled]).has-tooltip-left-desktop::before { + top: auto; + right: auto; + bottom: 50%; + left: -5px; + transform: translate(-100%, 50%); + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + + /* line 66, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-desktop-only.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop-only.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-left-desktop-only.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: 50%; + left: 0; + margin-top: auto; + margin-right: auto; + margin-bottom: -6px; + margin-left: -5px; + border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); + } + + /* line 78, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-desktop-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop-only::before, + [data-tooltip]:not([disabled]).has-tooltip-left-desktop-only::before { + top: auto; + right: auto; + bottom: 50%; + left: -5px; + transform: translate(-100%, 50%); + } +} + +@media screen and (max-width: 1215px) { + + /* line 66, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-until-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-left-until-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-left-until-widescreen.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: 50%; + left: 0; + margin-top: auto; + margin-right: auto; + margin-bottom: -6px; + margin-left: -5px; + border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); + } + + /* line 78, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-until-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-left-until-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-left-until-widescreen::before { + top: auto; + right: auto; + bottom: 50%; + left: -5px; + transform: translate(-100%, 50%); + } +} + +@media screen and (min-width: 1216px) { + + /* line 66, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-left-widescreen.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: 50%; + left: 0; + margin-top: auto; + margin-right: auto; + margin-bottom: -6px; + margin-left: -5px; + border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); + } + + /* line 78, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-left-widescreen::before { + top: auto; + right: auto; + bottom: 50%; + left: -5px; + transform: translate(-100%, 50%); + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + + /* line 66, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-widescreen-only.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen-only.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-left-widescreen-only.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: 50%; + left: 0; + margin-top: auto; + margin-right: auto; + margin-bottom: -6px; + margin-left: -5px; + border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); + } + + /* line 78, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-widescreen-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen-only::before, + [data-tooltip]:not([disabled]).has-tooltip-left-widescreen-only::before { + top: auto; + right: auto; + bottom: 50%; + left: -5px; + transform: translate(-100%, 50%); + } +} + +@media screen and (max-width: 1407px) { + + /* line 66, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-until-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-left-until-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-left-until-fullhd.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: 50%; + left: 0; + margin-top: auto; + margin-right: auto; + margin-bottom: -6px; + margin-left: -5px; + border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); + } + + /* line 78, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-until-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-left-until-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-left-until-fullhd::before { + top: auto; + right: auto; + bottom: 50%; + left: -5px; + transform: translate(-100%, 50%); + } +} + +@media screen and (min-width: 1408px) { + + /* line 66, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not(.is-disabled).has-tooltip-left-fullhd.has-tooltip-arrow::after, + [data-tooltip]:not([disabled]).has-tooltip-left-fullhd.has-tooltip-arrow::after { + top: auto; + right: auto; + bottom: 50%; + left: 0; + margin-top: auto; + margin-right: auto; + margin-bottom: -6px; + margin-left: -5px; + border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); + } + + /* line 78, src/sass/_position.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-left-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-left-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-left-fullhd::before { + top: auto; + right: auto; + bottom: 50%; + left: -5px; + transform: translate(-100%, 50%); + } +} + +@media screen and (max-width: 768px) { + + /* line 39, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-hidden-mobile::after, + [data-tooltip]:not(.is-loading).has-tooltip-hidden-mobile::before, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-mobile::after, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-mobile::before, + [data-tooltip]:not([disabled]).has-tooltip-hidden-mobile::after, + [data-tooltip]:not([disabled]).has-tooltip-hidden-mobile::before { + opacity: 0 !important; + display: none !important; + } +} + +@media screen and (min-width: 769px), +print { + + /* line 45, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet::after, + [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet::before, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet::after, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet::before, + [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet::after, + [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet::before { + opacity: 0 !important; + display: none !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + + /* line 51, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet-only::after, + [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet-only::after, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet-only::before, + [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet-only::after, + [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet-only::before { + opacity: 0 !important; + display: none !important; + } +} + +@media screen and (max-width: 1023px) { + + /* line 57, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-hidden-touch::after, + [data-tooltip]:not(.is-loading).has-tooltip-hidden-touch::before, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-touch::after, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-touch::before, + [data-tooltip]:not([disabled]).has-tooltip-hidden-touch::after, + [data-tooltip]:not([disabled]).has-tooltip-hidden-touch::before { + opacity: 0 !important; + display: none !important; + } +} + +@media screen and (min-width: 1024px) { + + /* line 63, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop::after, + [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop::before, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop::after, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop::before, + [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop::after, + [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop::before { + opacity: 0 !important; + display: none !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + + /* line 69, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop-only::after, + [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop-only::after, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop-only::before, + [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop-only::after, + [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop-only::before { + opacity: 0 !important; + display: none !important; + } +} + +@media screen and (max-width: 1215px) { + + /* line 75, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-hidden-until-widescreen::after, + [data-tooltip]:not(.is-loading).has-tooltip-hidden-until-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-widescreen::after, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-hidden-until-widescreen::after, + [data-tooltip]:not([disabled]).has-tooltip-hidden-until-widescreen::before { + opacity: 0 !important; + display: none !important; + } +} + +@media screen and (min-width: 1216px) { + + /* line 81, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen::after, + [data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen::after, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen::after, + [data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen::before { + opacity: 0 !important; + display: none !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + + /* line 87, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen-only::after, + [data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen-only::after, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen-only::before, + [data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen-only::after, + [data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen-only::before { + opacity: 0 !important; + display: none !important; + } +} + +@media screen and (max-width: 1407px) { + + /* line 93, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-hidden-until-fullhd::after, + [data-tooltip]:not(.is-loading).has-tooltip-hidden-until-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-fullhd::after, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-hidden-until-fullhd::after, + [data-tooltip]:not([disabled]).has-tooltip-hidden-until-fullhd::before { + opacity: 0 !important; + display: none !important; + } +} + +@media screen and (min-width: 1408px) { + + /* line 99, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-hidden-fullhd::after, + [data-tooltip]:not(.is-loading).has-tooltip-hidden-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-fullhd::after, + [data-tooltip]:not(.is-disabled).has-tooltip-hidden-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-hidden-fullhd::after, + [data-tooltip]:not([disabled]).has-tooltip-hidden-fullhd::before { + opacity: 0 !important; + display: none !important; + } +} + +@media screen and (max-width: 768px) { + + /* line 110, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-left-mobile::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-left-mobile::before, + [data-tooltip]:not([disabled]).has-tooltip-text-left-mobile::before { + text-align: left; + } +} + +@media screen and (min-width: 769px), +print { + + /* line 114, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-left-tablet::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-left-tablet::before, + [data-tooltip]:not([disabled]).has-tooltip-text-left-tablet::before { + text-align: left; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + + /* line 118, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-left-tablet-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-left-tablet-only::before, + [data-tooltip]:not([disabled]).has-tooltip-text-left-tablet-only::before { + text-align: left; + } +} + +@media screen and (max-width: 1023px) { + + /* line 122, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-left-touch::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-left-touch::before, + [data-tooltip]:not([disabled]).has-tooltip-text-left-touch::before { + text-align: left; + } +} + +@media screen and (min-width: 1024px) { + + /* line 126, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-left-desktop::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-left-desktop::before, + [data-tooltip]:not([disabled]).has-tooltip-text-left-desktop::before { + text-align: left; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + + /* line 130, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-left-desktop-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-left-desktop-only::before, + [data-tooltip]:not([disabled]).has-tooltip-text-left-desktop-only::before { + text-align: left; + } +} + +@media screen and (max-width: 1215px) { + + /* line 134, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-left-until-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-left-until-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-text-left-until-widescreen::before { + text-align: left; + } +} + +@media screen and (min-width: 1216px) { + + /* line 138, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-left-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-left-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-text-left-widescreen::before { + text-align: left; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + + /* line 142, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-left-widescreen-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-left-widescreen-only::before, + [data-tooltip]:not([disabled]).has-tooltip-text-left-widescreen-only::before { + text-align: left; + } +} + +@media screen and (max-width: 1407px) { + + /* line 146, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-left-until-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-left-until-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-text-left-until-fullhd::before { + text-align: left; + } +} + +@media screen and (min-width: 1408px) { + + /* line 150, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-left-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-left-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-text-left-fullhd::before { + text-align: left; + } +} + +@media screen and (max-width: 768px) { + + /* line 110, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-centered-mobile::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-mobile::before, + [data-tooltip]:not([disabled]).has-tooltip-text-centered-mobile::before { + text-align: center; + } +} + +@media screen and (min-width: 769px), +print { + + /* line 114, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-centered-tablet::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-tablet::before, + [data-tooltip]:not([disabled]).has-tooltip-text-centered-tablet::before { + text-align: center; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + + /* line 118, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-centered-tablet-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-tablet-only::before, + [data-tooltip]:not([disabled]).has-tooltip-text-centered-tablet-only::before { + text-align: center; + } +} + +@media screen and (max-width: 1023px) { + + /* line 122, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-centered-touch::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-touch::before, + [data-tooltip]:not([disabled]).has-tooltip-text-centered-touch::before { + text-align: center; + } +} + +@media screen and (min-width: 1024px) { + + /* line 126, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-centered-desktop::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-desktop::before, + [data-tooltip]:not([disabled]).has-tooltip-text-centered-desktop::before { + text-align: center; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + + /* line 130, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-centered-desktop-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-desktop-only::before, + [data-tooltip]:not([disabled]).has-tooltip-text-centered-desktop-only::before { + text-align: center; + } +} + +@media screen and (max-width: 1215px) { + + /* line 134, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-centered-until-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-until-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-text-centered-until-widescreen::before { + text-align: center; + } +} + +@media screen and (min-width: 1216px) { + + /* line 138, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-centered-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-text-centered-widescreen::before { + text-align: center; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + + /* line 142, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-centered-widescreen-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-widescreen-only::before, + [data-tooltip]:not([disabled]).has-tooltip-text-centered-widescreen-only::before { + text-align: center; + } +} + +@media screen and (max-width: 1407px) { + + /* line 146, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-centered-until-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-until-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-text-centered-until-fullhd::before { + text-align: center; + } +} + +@media screen and (min-width: 1408px) { + + /* line 150, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-centered-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-text-centered-fullhd::before { + text-align: center; + } +} + +@media screen and (max-width: 768px) { + + /* line 110, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-right-mobile::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-right-mobile::before, + [data-tooltip]:not([disabled]).has-tooltip-text-right-mobile::before { + text-align: right; + } +} + +@media screen and (min-width: 769px), +print { + + /* line 114, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-right-tablet::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-right-tablet::before, + [data-tooltip]:not([disabled]).has-tooltip-text-right-tablet::before { + text-align: right; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + + /* line 118, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-right-tablet-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-right-tablet-only::before, + [data-tooltip]:not([disabled]).has-tooltip-text-right-tablet-only::before { + text-align: right; + } +} + +@media screen and (max-width: 1023px) { + + /* line 122, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-right-touch::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-right-touch::before, + [data-tooltip]:not([disabled]).has-tooltip-text-right-touch::before { + text-align: right; + } +} + +@media screen and (min-width: 1024px) { + + /* line 126, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-right-desktop::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-right-desktop::before, + [data-tooltip]:not([disabled]).has-tooltip-text-right-desktop::before { + text-align: right; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + + /* line 130, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-right-desktop-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-right-desktop-only::before, + [data-tooltip]:not([disabled]).has-tooltip-text-right-desktop-only::before { + text-align: right; + } +} + +@media screen and (max-width: 1215px) { + + /* line 134, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-right-until-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-right-until-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-text-right-until-widescreen::before { + text-align: right; + } +} + +@media screen and (min-width: 1216px) { + + /* line 138, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-right-widescreen::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-right-widescreen::before, + [data-tooltip]:not([disabled]).has-tooltip-text-right-widescreen::before { + text-align: right; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + + /* line 142, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-right-widescreen-only::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-right-widescreen-only::before, + [data-tooltip]:not([disabled]).has-tooltip-text-right-widescreen-only::before { + text-align: right; + } +} + +@media screen and (max-width: 1407px) { + + /* line 146, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-right-until-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-right-until-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-text-right-until-fullhd::before { + text-align: right; + } +} + +@media screen and (min-width: 1408px) { + + /* line 150, src/sass/_responsiveness.sass */ + [data-tooltip]:not(.is-loading).has-tooltip-text-right-fullhd::before, + [data-tooltip]:not(.is-disabled).has-tooltip-text-right-fullhd::before, + [data-tooltip]:not([disabled]).has-tooltip-text-right-fullhd::before { + text-align: right; + } +} + +/* line 129, src/sass/app.sass */ +span[data-tooltip] { + /* border-bottom: 1px dashed #dbdbdb; */ + border-bottom: 1px dotted #dbdbdb; + /* border-bottom: none; */ +} + +/* line 134, src/sass/app.sass */ +span[data-tooltip].has-tooltip-white { + border-bottom-color: white; +} + +/* line 134, src/sass/app.sass */ +span[data-tooltip].has-tooltip-black { + border-bottom-color: #171717; +} + +/* line 134, src/sass/app.sass */ +span[data-tooltip].has-tooltip-light { + border-bottom-color: white; +} + +/* line 134, src/sass/app.sass */ +span[data-tooltip].has-tooltip-dark { + border-bottom-color: #424242; +} + +/* line 134, src/sass/app.sass */ +span[data-tooltip].has-tooltip-primary { + border-bottom-color: #00ebc7; +} + +/* line 134, src/sass/app.sass */ +span[data-tooltip].has-tooltip-link { + border-bottom-color: #4882e0; +} + +/* line 134, src/sass/app.sass */ +span[data-tooltip].has-tooltip-info { + border-bottom-color: #48a3e0; +} + +/* line 134, src/sass/app.sass */ +span[data-tooltip].has-tooltip-success { + border-bottom-color: #5bcd83; +} + +/* line 134, src/sass/app.sass */ +span[data-tooltip].has-tooltip-warning { + border-bottom-color: #ffe270; +} + +/* line 134, src/sass/app.sass */ +span[data-tooltip].has-tooltip-danger { + border-bottom-color: #f35e7c; +} + +/* line 139, src/sass/app.sass */ +.control span[data-tooltip] { + border-bottom: none; +} \ No newline at end of file diff --git a/purldb_project/static/css/bulma.css b/purldb_project/static/css/bulma.css new file mode 100644 index 00000000..9559ea47 --- /dev/null +++ b/purldb_project/static/css/bulma.css @@ -0,0 +1,11331 @@ +/*! bulma.io v0.9.0 | MIT License | github.com/jgthms/bulma */ +@-webkit-keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +@keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} + +.delete, .modal-close, .button, .file, .breadcrumb, .pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis, .tabs, .is-unselectable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after { + border: 3px solid transparent; + border-radius: 2px; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.625em; + margin-top: -0.4375em; + pointer-events: none; + position: absolute; + top: 50%; + transform: rotate(-45deg); + transform-origin: center; + width: 0.625em; +} + +.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .block:not(:last-child), .highlight:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .pagination:not(:last-child), .tabs:not(:last-child) { + margin-bottom: 1.5rem; +} + +.delete, .modal-close { + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, 0.2); + border: none; + border-radius: 290486px; + cursor: pointer; + pointer-events: auto; + display: inline-block; + flex-grow: 0; + flex-shrink: 0; + font-size: 0; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: none; + position: relative; + vertical-align: top; + width: 20px; +} + +.delete::before, .modal-close::before, .delete::after, .modal-close::after { + background-color: white; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} + +.delete::before, .modal-close::before { + height: 2px; + width: 50%; +} + +.delete::after, .modal-close::after { + height: 50%; + width: 2px; +} + +.delete:hover, .modal-close:hover, .delete:focus, .modal-close:focus { + background-color: rgba(10, 10, 10, 0.3); +} + +.delete:active, .modal-close:active { + background-color: rgba(10, 10, 10, 0.4); +} + +.is-small.delete, .is-small.modal-close { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} + +.is-medium.delete, .is-medium.modal-close { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} + +.is-large.delete, .is-large.modal-close { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px; +} + +.button.is-loading::after, .loader, .select.is-loading::after, .control.is-loading::after { + -webkit-animation: spinAround 500ms infinite linear; + animation: spinAround 500ms infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; +} + +.image.is-square img, +.image.is-square .has-ratio, .image.is-1by1 img, +.image.is-1by1 .has-ratio, .image.is-5by4 img, +.image.is-5by4 .has-ratio, .image.is-4by3 img, +.image.is-4by3 .has-ratio, .image.is-3by2 img, +.image.is-3by2 .has-ratio, .image.is-5by3 img, +.image.is-5by3 .has-ratio, .image.is-16by9 img, +.image.is-16by9 .has-ratio, .image.is-2by1 img, +.image.is-2by1 .has-ratio, .image.is-3by1 img, +.image.is-3by1 .has-ratio, .image.is-4by5 img, +.image.is-4by5 .has-ratio, .image.is-3by4 img, +.image.is-3by4 .has-ratio, .image.is-2by3 img, +.image.is-2by3 .has-ratio, .image.is-3by5 img, +.image.is-3by5 .has-ratio, .image.is-9by16 img, +.image.is-9by16 .has-ratio, .image.is-1by2 img, +.image.is-1by2 .has-ratio, .image.is-1by3 img, +.image.is-1by3 .has-ratio, .modal, .modal-background, .is-overlay, .hero-video { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.button, .input, .textarea, .select select, .file-cta, +.file-name, .pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis { + -moz-appearance: none; + -webkit-appearance: none; + align-items: center; + border: 1px solid transparent; + border-radius: 4px; + box-shadow: none; + display: inline-flex; + font-size: 1rem; + height: 2.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; +} + +.button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus, +.file-name:focus, .pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus, +.pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, +.is-focused.file-name, .is-focused.pagination-previous, +.is-focused.pagination-next, +.is-focused.pagination-link, +.is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active, +.file-name:active, .pagination-previous:active, +.pagination-next:active, +.pagination-link:active, +.pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta, +.is-active.file-name, .is-active.pagination-previous, +.is-active.pagination-next, +.is-active.pagination-link, +.is-active.pagination-ellipsis { + outline: none; +} + +.button[disabled], .input[disabled], .textarea[disabled], .select select[disabled], .file-cta[disabled], +.file-name[disabled], .pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled], +.pagination-ellipsis[disabled], +fieldset[disabled] .button, +fieldset[disabled] .input, +fieldset[disabled] .textarea, +fieldset[disabled] .select select, +.select fieldset[disabled] select, +fieldset[disabled] .file-cta, +fieldset[disabled] .file-name, +fieldset[disabled] .pagination-previous, +fieldset[disabled] .pagination-next, +fieldset[disabled] .pagination-link, +fieldset[disabled] .pagination-ellipsis { + cursor: not-allowed; +} + +/*! minireset.css v0.0.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: white; + font-size: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + min-width: 300px; + overflow-x: hidden; + overflow-y: scroll; + text-rendering: optimizeLegibility; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; +} + +article, +aside, +figure, +footer, +header, +hgroup, +section { + display: block; +} + +body, +button, +input, +select, +textarea { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; +} + +code, +pre { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: auto; + font-family: monospace; +} + +body { + color: #4a4a4a; + font-size: 1em; + font-weight: 400; + line-height: 1.5; +} + +a { + color: #3273dc; + cursor: pointer; + text-decoration: none; +} + +a strong { + color: currentColor; +} + +a:hover { + color: #363636; +} + +code { + background-color: whitesmoke; + color: #f14668; + font-size: 0.875em; + font-weight: normal; + padding: 0.25em 0.5em 0.25em; +} + +hr { + background-color: whitesmoke; + border: none; + display: block; + height: 2px; + margin: 1.5rem 0; +} + +img { + height: auto; + max-width: 100%; +} + +input[type="checkbox"], +input[type="radio"] { + vertical-align: baseline; +} + +small { + font-size: 0.875em; +} + +span { + font-style: inherit; + font-weight: inherit; +} + +strong { + color: #363636; + font-weight: 700; +} + +fieldset { + border: none; +} + +pre { + -webkit-overflow-scrolling: touch; + background-color: whitesmoke; + color: #4a4a4a; + font-size: 0.875em; + overflow-x: auto; + padding: 1.25rem 1.5rem; + white-space: pre; + word-wrap: normal; +} + +pre code { + background-color: transparent; + color: currentColor; + font-size: 1em; + padding: 0; +} + +table td, +table th { + vertical-align: top; +} + +table td:not([align]), +table th:not([align]) { + text-align: inherit; +} + +table th { + color: #363636; +} + +.box { + background-color: white; + 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: #4a4a4a; + 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 #3273dc; +} + +a.box:active { + box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; +} + +.button { + background-color: white; + border-color: #dbdbdb; + border-width: 1px; + color: #363636; + cursor: pointer; + justify-content: center; + padding-bottom: calc(0.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: #b5b5b5; + color: #363636; +} + +.button:focus, .button.is-focused { + border-color: #3273dc; + color: #363636; +} + +.button:focus:not(:active), .button.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +.button:active, .button.is-active { + border-color: #4a4a4a; + color: #363636; +} + +.button.is-text { + background-color: transparent; + border-color: transparent; + color: #4a4a4a; + text-decoration: underline; +} + +.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { + background-color: whitesmoke; + color: #363636; +} + +.button.is-text:active, .button.is-text.is-active { + background-color: #e8e8e8; + color: #363636; +} + +.button.is-text[disabled], +fieldset[disabled] .button.is-text { + background-color: transparent; + border-color: transparent; + box-shadow: none; +} + +.button.is-white { + background-color: white; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:hover, .button.is-white.is-hovered { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:focus, .button.is-white.is-focused { + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); +} + +.button.is-white:active, .button.is-white.is-active { + background-color: #f2f2f2; + border-color: transparent; + color: #0a0a0a; +} + +.button.is-white[disabled], +fieldset[disabled] .button.is-white { + background-color: white; + border-color: transparent; + box-shadow: none; +} + +.button.is-white.is-inverted { + background-color: #0a0a0a; + color: white; +} + +.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { + background-color: black; +} + +.button.is-white.is-inverted[disabled], +fieldset[disabled] .button.is-white.is-inverted { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none; + color: white; +} + +.button.is-white.is-loading::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-white.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.button.is-white.is-outlined.is-loading::after { + border-color: transparent transparent white white !important; +} + +.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-white.is-outlined[disabled], +fieldset[disabled] .button.is-white.is-outlined { + background-color: transparent; + border-color: white; + box-shadow: none; + color: white; +} + +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused { + background-color: #0a0a0a; + color: white; +} + +.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent white white !important; +} + +.button.is-white.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black { + background-color: #0a0a0a; + border-color: transparent; + color: white; +} + +.button.is-black:hover, .button.is-black.is-hovered { + background-color: #040404; + border-color: transparent; + color: white; +} + +.button.is-black:focus, .button.is-black.is-focused { + border-color: transparent; + color: white; +} + +.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); +} + +.button.is-black:active, .button.is-black.is-active { + background-color: black; + border-color: transparent; + color: white; +} + +.button.is-black[disabled], +fieldset[disabled] .button.is-black { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none; +} + +.button.is-black.is-inverted { + background-color: white; + color: #0a0a0a; +} + +.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { + background-color: #f2f2f2; +} + +.button.is-black.is-inverted[disabled], +fieldset[disabled] .button.is-black.is-inverted { + background-color: white; + border-color: transparent; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black.is-loading::after { + border-color: transparent transparent white white !important; +} + +.button.is-black.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; +} + +.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.button.is-black.is-outlined.is-loading::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent white white !important; +} + +.button.is-black.is-outlined[disabled], +fieldset[disabled] .button.is-black.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + box-shadow: none; + color: #0a0a0a; +} + +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + color: white; +} + +.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused { + background-color: white; + color: #0a0a0a; +} + +.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} + +.button.is-black.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + box-shadow: none; + color: white; +} + +.button.is-light { + background-color: whitesmoke; + border-color: transparent; + color: 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: whitesmoke; + border-color: transparent; + box-shadow: none; +} + +.button.is-light.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: whitesmoke; +} + +.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: whitesmoke; +} + +.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: whitesmoke; + color: whitesmoke; +} + +.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused { + background-color: whitesmoke; + border-color: whitesmoke; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-light.is-outlined.is-loading::after { + border-color: transparent transparent whitesmoke whitesmoke !important; +} + +.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent 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: whitesmoke; + box-shadow: none; + color: whitesmoke; +} + +.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: whitesmoke; +} + +.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent whitesmoke whitesmoke !important; +} + +.button.is-light.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-dark { + background-color: #363636; + 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: #363636; + border-color: transparent; + box-shadow: none; +} + +.button.is-dark.is-inverted { + background-color: #fff; + color: #363636; +} + +.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: #363636; +} + +.button.is-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} + +.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused { + background-color: #363636; + border-color: #363636; + color: #fff; +} + +.button.is-dark.is-outlined.is-loading::after { + border-color: transparent transparent #363636 #363636 !important; +} + +.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-dark.is-outlined[disabled], +fieldset[disabled] .button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636; +} + +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #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: #363636; +} + +.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #363636 #363636 !important; +} + +.button.is-dark.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} + +.button.is-primary { + background-color: #00d1b2; + border-color: transparent; + color: #fff; +} + +.button.is-primary:hover, .button.is-primary.is-hovered { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} + +.button.is-primary:focus, .button.is-primary.is-focused { + border-color: transparent; + color: #fff; +} + +.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); +} + +.button.is-primary:active, .button.is-primary.is-active { + background-color: #00b89c; + border-color: transparent; + color: #fff; +} + +.button.is-primary[disabled], +fieldset[disabled] .button.is-primary { + background-color: #00d1b2; + border-color: transparent; + box-shadow: none; +} + +.button.is-primary.is-inverted { + background-color: #fff; + color: #00d1b2; +} + +.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { + background-color: #f2f2f2; +} + +.button.is-primary.is-inverted[disabled], +fieldset[disabled] .button.is-primary.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #00d1b2; +} + +.button.is-primary.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-primary.is-outlined { + background-color: transparent; + border-color: #00d1b2; + color: #00d1b2; +} + +.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.button.is-primary.is-outlined.is-loading::after { + border-color: transparent transparent #00d1b2 #00d1b2 !important; +} + +.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-primary.is-outlined[disabled], +fieldset[disabled] .button.is-primary.is-outlined { + background-color: transparent; + border-color: #00d1b2; + box-shadow: none; + color: #00d1b2; +} + +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #00d1b2; +} + +.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #00d1b2 #00d1b2 !important; +} + +.button.is-primary.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} + +.button.is-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: #3273dc; + border-color: transparent; + color: #fff; +} + +.button.is-link:hover, .button.is-link.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; +} + +.button.is-link:focus, .button.is-link.is-focused { + border-color: transparent; + color: #fff; +} + +.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +.button.is-link:active, .button.is-link.is-active { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} + +.button.is-link[disabled], +fieldset[disabled] .button.is-link { + background-color: #3273dc; + border-color: transparent; + box-shadow: none; +} + +.button.is-link.is-inverted { + background-color: #fff; + color: #3273dc; +} + +.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { + background-color: #f2f2f2; +} + +.button.is-link.is-inverted[disabled], +fieldset[disabled] .button.is-link.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #3273dc; +} + +.button.is-link.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-link.is-outlined { + background-color: transparent; + border-color: #3273dc; + color: #3273dc; +} + +.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} + +.button.is-link.is-outlined.is-loading::after { + border-color: transparent transparent #3273dc #3273dc !important; +} + +.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-link.is-outlined[disabled], +fieldset[disabled] .button.is-link.is-outlined { + background-color: transparent; + border-color: #3273dc; + box-shadow: none; + color: #3273dc; +} + +.button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} + +.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #3273dc; +} + +.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #3273dc #3273dc !important; +} + +.button.is-link.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} + +.button.is-link.is-light { + background-color: #eef3fc; + color: #2160c4; +} + +.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered { + background-color: #e3ecfa; + border-color: transparent; + color: #2160c4; +} + +.button.is-link.is-light:active, .button.is-link.is-light.is-active { + background-color: #d8e4f8; + border-color: transparent; + color: #2160c4; +} + +.button.is-info { + background-color: #3298dc; + border-color: transparent; + color: #fff; +} + +.button.is-info:hover, .button.is-info.is-hovered { + background-color: #2793da; + 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(50, 152, 220, 0.25); +} + +.button.is-info:active, .button.is-info.is-active { + background-color: #238cd1; + border-color: transparent; + color: #fff; +} + +.button.is-info[disabled], +fieldset[disabled] .button.is-info { + background-color: #3298dc; + border-color: transparent; + box-shadow: none; +} + +.button.is-info.is-inverted { + background-color: #fff; + color: #3298dc; +} + +.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: #3298dc; +} + +.button.is-info.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-info.is-outlined { + background-color: transparent; + border-color: #3298dc; + color: #3298dc; +} + +.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: #3298dc; + border-color: #3298dc; + color: #fff; +} + +.button.is-info.is-outlined.is-loading::after { + border-color: transparent transparent #3298dc #3298dc !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: #3298dc; + box-shadow: none; + color: #3298dc; +} + +.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: #3298dc; +} + +.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 #3298dc #3298dc !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: #eef6fc; + color: #1d72aa; +} + +.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered { + background-color: #e3f1fa; + border-color: transparent; + color: #1d72aa; +} + +.button.is-info.is-light:active, .button.is-info.is-light.is-active { + background-color: #d8ebf8; + border-color: transparent; + color: #1d72aa; +} + +.button.is-success { + background-color: #48c774; + border-color: transparent; + color: #fff; +} + +.button.is-success:hover, .button.is-success.is-hovered { + background-color: #3ec46d; + 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(72, 199, 116, 0.25); +} + +.button.is-success:active, .button.is-success.is-active { + background-color: #3abb67; + border-color: transparent; + color: #fff; +} + +.button.is-success[disabled], +fieldset[disabled] .button.is-success { + background-color: #48c774; + border-color: transparent; + box-shadow: none; +} + +.button.is-success.is-inverted { + background-color: #fff; + color: #48c774; +} + +.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: #48c774; +} + +.button.is-success.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-success.is-outlined { + background-color: transparent; + border-color: #48c774; + color: #48c774; +} + +.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: #48c774; + border-color: #48c774; + color: #fff; +} + +.button.is-success.is-outlined.is-loading::after { + border-color: transparent transparent #48c774 #48c774 !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: #48c774; + box-shadow: none; + color: #48c774; +} + +.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: #48c774; +} + +.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 #48c774 #48c774 !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: #effaf3; + color: #257942; +} + +.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered { + background-color: #e6f7ec; + border-color: transparent; + color: #257942; +} + +.button.is-success.is-light:active, .button.is-success.is-light.is-active { + background-color: #dcf4e4; + border-color: transparent; + color: #257942; +} + +.button.is-warning { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:hover, .button.is-warning.is-hovered { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:focus, .button.is-warning.is-focused { + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); +} + +.button.is-warning:active, .button.is-warning.is-active { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning[disabled], +fieldset[disabled] .button.is-warning { + background-color: #ffdd57; + border-color: transparent; + box-shadow: none; +} + +.button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { + background-color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-inverted[disabled], +fieldset[disabled] .button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + box-shadow: none; + color: #ffdd57; +} + +.button.is-warning.is-loading::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} + +.button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffdd57; + color: #ffdd57; +} + +.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-outlined.is-loading::after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; +} + +.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} + +.button.is-warning.is-outlined[disabled], +fieldset[disabled] .button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffdd57; + box-shadow: none; + color: #ffdd57; +} + +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; +} + +.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; +} + +.button.is-warning.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} + +.button.is-warning.is-light { + background-color: #fffbeb; + color: #947600; +} + +.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered { + background-color: #fff8de; + border-color: transparent; + color: #947600; +} + +.button.is-warning.is-light:active, .button.is-warning.is-light.is-active { + background-color: #fff6d1; + border-color: transparent; + color: #947600; +} + +.button.is-danger { + background-color: #f14668; + border-color: transparent; + color: #fff; +} + +.button.is-danger:hover, .button.is-danger.is-hovered { + background-color: #f03a5f; + 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(241, 70, 104, 0.25); +} + +.button.is-danger:active, .button.is-danger.is-active { + background-color: #ef2e55; + border-color: transparent; + color: #fff; +} + +.button.is-danger[disabled], +fieldset[disabled] .button.is-danger { + background-color: #f14668; + border-color: transparent; + box-shadow: none; +} + +.button.is-danger.is-inverted { + background-color: #fff; + color: #f14668; +} + +.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: #f14668; +} + +.button.is-danger.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} + +.button.is-danger.is-outlined { + background-color: transparent; + border-color: #f14668; + color: #f14668; +} + +.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: #f14668; + border-color: #f14668; + color: #fff; +} + +.button.is-danger.is-outlined.is-loading::after { + border-color: transparent transparent #f14668 #f14668 !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: #f14668; + box-shadow: none; + color: #f14668; +} + +.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: #f14668; +} + +.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 #f14668 #f14668 !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: #feecf0; + color: #cc0f35; +} + +.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered { + background-color: #fde0e6; + border-color: transparent; + color: #cc0f35; +} + +.button.is-danger.is-light:active, .button.is-danger.is-light.is-active { + background-color: #fcd4dc; + border-color: transparent; + color: #cc0f35; +} + +.button.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.button.is-normal { + font-size: 1rem; +} + +.button.is-medium { + font-size: 1.25rem; +} + +.button.is-large { + font-size: 1.5rem; +} + +.button[disabled], +fieldset[disabled] .button { + background-color: white; + border-color: #dbdbdb; + box-shadow: none; + opacity: 0.5; +} + +.button.is-fullwidth { + display: flex; + width: 100%; +} + +.button.is-loading { + color: transparent !important; + pointer-events: none; +} + +.button.is-loading::after { + position: absolute; + left: calc(50% - (1em / 2)); + top: calc(50% - (1em / 2)); + position: absolute !important; +} + +.button.is-static { + background-color: whitesmoke; + border-color: #dbdbdb; + color: #7a7a7a; + box-shadow: none; + pointer-events: none; +} + +.button.is-rounded { + border-radius: 290486px; + padding-left: 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) { + border-radius: 2px; + font-size: 0.75rem; +} + +.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { + font-size: 1.25rem; +} + +.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { + font-size: 1.5rem; +} + +.buttons.has-addons .button:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.buttons.has-addons .button:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + margin-right: -1px; +} + +.buttons.has-addons .button:last-child { + margin-right: 0; +} + +.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { + z-index: 2; +} + +.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { + z-index: 3; +} + +.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { + z-index: 4; +} + +.buttons.has-addons .button.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} + +.buttons.is-centered { + justify-content: center; +} + +.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; +} + +.buttons.is-right { + justify-content: flex-end; +} + +.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; +} + +.container { + flex-grow: 1; + margin: 0 auto; + position: relative; + width: auto; +} + +.container.is-fluid { + max-width: none; + 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 { + max-width: 1152px; + } +} + +@media screen and (max-width: 1407px) { + .container.is-fullhd { + max-width: 1344px; + } +} + +@media screen and (min-width: 1216px) { + .container { + max-width: 1152px; + } +} + +@media screen and (min-width: 1408px) { + .container { + max-width: 1344px; + } +} + +.content li + li { + margin-top: 0.25em; +} + +.content p:not(:last-child), +.content dl:not(:last-child), +.content ol:not(:last-child), +.content ul:not(:last-child), +.content blockquote:not(:last-child), +.content pre:not(:last-child), +.content table:not(:last-child) { + margin-bottom: 1em; +} + +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + color: #363636; + font-weight: 600; + line-height: 1.125; +} + +.content h1 { + font-size: 2em; + margin-bottom: 0.5em; +} + +.content h1:not(:first-child) { + margin-top: 1em; +} + +.content h2 { + font-size: 1.75em; + margin-bottom: 0.5714em; +} + +.content h2:not(:first-child) { + margin-top: 1.1428em; +} + +.content h3 { + font-size: 1.5em; + margin-bottom: 0.6666em; +} + +.content h3:not(:first-child) { + margin-top: 1.3333em; +} + +.content h4 { + font-size: 1.25em; + margin-bottom: 0.8em; +} + +.content h5 { + font-size: 1.125em; + margin-bottom: 0.8888em; +} + +.content h6 { + font-size: 1em; + margin-bottom: 1em; +} + +.content blockquote { + background-color: whitesmoke; + border-left: 5px solid #dbdbdb; + padding: 1.25em 1.5em; +} + +.content ol { + list-style-position: outside; + margin-left: 2em; + margin-top: 1em; +} + +.content ol:not([type]) { + list-style-type: decimal; +} + +.content ol:not([type]).is-lower-alpha { + list-style-type: lower-alpha; +} + +.content ol:not([type]).is-lower-roman { + list-style-type: lower-roman; +} + +.content ol:not([type]).is-upper-alpha { + list-style-type: upper-alpha; +} + +.content ol:not([type]).is-upper-roman { + list-style-type: upper-roman; +} + +.content ul { + list-style: disc outside; + margin-left: 2em; + margin-top: 1em; +} + +.content ul ul { + list-style-type: circle; + margin-top: 0.5em; +} + +.content ul ul ul { + list-style-type: square; +} + +.content dd { + margin-left: 2em; +} + +.content figure { + margin-left: 2em; + margin-right: 2em; + text-align: center; +} + +.content figure:not(:first-child) { + margin-top: 2em; +} + +.content figure:not(:last-child) { + margin-bottom: 2em; +} + +.content figure img { + display: inline-block; +} + +.content figure figcaption { + font-style: italic; +} + +.content pre { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal; +} + +.content sup, +.content sub { + font-size: 75%; +} + +.content table { + width: 100%; +} + +.content table td, +.content table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.content table th { + color: #363636; +} + +.content table th:not([align]) { + text-align: inherit; +} + +.content table thead td, +.content table thead th { + border-width: 0 0 2px; + color: #363636; +} + +.content table tfoot td, +.content table tfoot th { + border-width: 2px 0 0; + color: #363636; +} + +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: 0; +} + +.content .tabs li + li { + margin-top: 0; +} + +.content.is-small { + font-size: 0.75rem; +} + +.content.is-medium { + font-size: 1.25rem; +} + +.content.is-large { + font-size: 1.5rem; +} + +.icon { + align-items: center; + display: inline-flex; + justify-content: center; + height: 1.5rem; + width: 1.5rem; +} + +.icon.is-small { + height: 1rem; + width: 1rem; +} + +.icon.is-medium { + height: 2rem; + width: 2rem; +} + +.icon.is-large { + height: 3rem; + width: 3rem; +} + +.image { + display: block; + position: relative; +} + +.image img { + display: block; + height: auto; + width: 100%; +} + +.image img.is-rounded { + border-radius: 290486px; +} + +.image.is-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: whitesmoke; + 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: white; +} + +.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: white; + color: #0a0a0a; +} + +.notification.is-black { + background-color: #0a0a0a; + color: white; +} + +.notification.is-light { + background-color: whitesmoke; + color: rgba(0, 0, 0, 0.7); +} + +.notification.is-dark { + background-color: #363636; + color: #fff; +} + +.notification.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.notification.is-primary.is-light { + background-color: #ebfffc; + color: #00947e; +} + +.notification.is-link { + background-color: #3273dc; + color: #fff; +} + +.notification.is-link.is-light { + background-color: #eef3fc; + color: #2160c4; +} + +.notification.is-info { + background-color: #3298dc; + color: #fff; +} + +.notification.is-info.is-light { + background-color: #eef6fc; + color: #1d72aa; +} + +.notification.is-success { + background-color: #48c774; + color: #fff; +} + +.notification.is-success.is-light { + background-color: #effaf3; + color: #257942; +} + +.notification.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.notification.is-warning.is-light { + background-color: #fffbeb; + color: #947600; +} + +.notification.is-danger { + background-color: #f14668; + color: #fff; +} + +.notification.is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; +} + +.progress { + -moz-appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 290486px; + display: block; + height: 1rem; + overflow: hidden; + padding: 0; + width: 100%; +} + +.progress::-webkit-progress-bar { + background-color: #ededed; +} + +.progress::-webkit-progress-value { + background-color: #4a4a4a; +} + +.progress::-moz-progress-bar { + background-color: #4a4a4a; +} + +.progress::-ms-fill { + background-color: #4a4a4a; + border: none; +} + +.progress.is-white::-webkit-progress-value { + background-color: white; +} + +.progress.is-white::-moz-progress-bar { + background-color: white; +} + +.progress.is-white::-ms-fill { + background-color: white; +} + +.progress.is-white:indeterminate { + background-image: linear-gradient(to right, white 30%, #ededed 30%); +} + +.progress.is-black::-webkit-progress-value { + background-color: #0a0a0a; +} + +.progress.is-black::-moz-progress-bar { + background-color: #0a0a0a; +} + +.progress.is-black::-ms-fill { + background-color: #0a0a0a; +} + +.progress.is-black:indeterminate { + background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%); +} + +.progress.is-light::-webkit-progress-value { + background-color: whitesmoke; +} + +.progress.is-light::-moz-progress-bar { + background-color: whitesmoke; +} + +.progress.is-light::-ms-fill { + background-color: whitesmoke; +} + +.progress.is-light:indeterminate { + background-image: linear-gradient(to right, whitesmoke 30%, #ededed 30%); +} + +.progress.is-dark::-webkit-progress-value { + background-color: #363636; +} + +.progress.is-dark::-moz-progress-bar { + background-color: #363636; +} + +.progress.is-dark::-ms-fill { + background-color: #363636; +} + +.progress.is-dark:indeterminate { + background-image: linear-gradient(to right, #363636 30%, #ededed 30%); +} + +.progress.is-primary::-webkit-progress-value { + background-color: #00d1b2; +} + +.progress.is-primary::-moz-progress-bar { + background-color: #00d1b2; +} + +.progress.is-primary::-ms-fill { + background-color: #00d1b2; +} + +.progress.is-primary:indeterminate { + background-image: linear-gradient(to right, #00d1b2 30%, #ededed 30%); +} + +.progress.is-link::-webkit-progress-value { + background-color: #3273dc; +} + +.progress.is-link::-moz-progress-bar { + background-color: #3273dc; +} + +.progress.is-link::-ms-fill { + background-color: #3273dc; +} + +.progress.is-link:indeterminate { + background-image: linear-gradient(to right, #3273dc 30%, #ededed 30%); +} + +.progress.is-info::-webkit-progress-value { + background-color: #3298dc; +} + +.progress.is-info::-moz-progress-bar { + background-color: #3298dc; +} + +.progress.is-info::-ms-fill { + background-color: #3298dc; +} + +.progress.is-info:indeterminate { + background-image: linear-gradient(to right, #3298dc 30%, #ededed 30%); +} + +.progress.is-success::-webkit-progress-value { + background-color: #48c774; +} + +.progress.is-success::-moz-progress-bar { + background-color: #48c774; +} + +.progress.is-success::-ms-fill { + background-color: #48c774; +} + +.progress.is-success:indeterminate { + background-image: linear-gradient(to right, #48c774 30%, #ededed 30%); +} + +.progress.is-warning::-webkit-progress-value { + background-color: #ffdd57; +} + +.progress.is-warning::-moz-progress-bar { + background-color: #ffdd57; +} + +.progress.is-warning::-ms-fill { + background-color: #ffdd57; +} + +.progress.is-warning:indeterminate { + background-image: linear-gradient(to right, #ffdd57 30%, #ededed 30%); +} + +.progress.is-danger::-webkit-progress-value { + background-color: #f14668; +} + +.progress.is-danger::-moz-progress-bar { + background-color: #f14668; +} + +.progress.is-danger::-ms-fill { + background-color: #f14668; +} + +.progress.is-danger:indeterminate { + background-image: linear-gradient(to right, #f14668 30%, #ededed 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: #ededed; + background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%); + background-position: top left; + background-repeat: no-repeat; + background-size: 150% 150%; +} + +.progress:indeterminate::-webkit-progress-bar { + background-color: transparent; +} + +.progress:indeterminate::-moz-progress-bar { + background-color: transparent; +} + +.progress.is-small { + height: 0.75rem; +} + +.progress.is-medium { + height: 1.25rem; +} + +.progress.is-large { + height: 1.5rem; +} + +@-webkit-keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} + +@keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} + +.table { + background-color: white; + color: #363636; +} + +.table td, +.table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} + +.table td.is-white, +.table th.is-white { + background-color: white; + border-color: white; + color: #0a0a0a; +} + +.table td.is-black, +.table th.is-black { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.table td.is-light, +.table th.is-light { + background-color: whitesmoke; + border-color: whitesmoke; + color: rgba(0, 0, 0, 0.7); +} + +.table td.is-dark, +.table th.is-dark { + background-color: #363636; + border-color: #363636; + color: #fff; +} + +.table td.is-primary, +.table th.is-primary { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; +} + +.table td.is-link, +.table th.is-link { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} + +.table td.is-info, +.table th.is-info { + background-color: #3298dc; + border-color: #3298dc; + color: #fff; +} + +.table td.is-success, +.table th.is-success { + background-color: #48c774; + border-color: #48c774; + color: #fff; +} + +.table td.is-warning, +.table th.is-warning { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.table td.is-danger, +.table th.is-danger { + background-color: #f14668; + border-color: #f14668; + color: #fff; +} + +.table td.is-narrow, +.table th.is-narrow { + white-space: nowrap; + width: 1%; +} + +.table td.is-selected, +.table th.is-selected { + background-color: #00d1b2; + color: #fff; +} + +.table td.is-selected a, +.table td.is-selected strong, +.table th.is-selected a, +.table th.is-selected strong { + color: currentColor; +} + +.table td.is-vcentered, +.table th.is-vcentered { + vertical-align: middle; +} + +.table th { + color: #363636; +} + +.table th:not([align]) { + text-align: inherit; +} + +.table tr.is-selected { + background-color: #00d1b2; + color: #fff; +} + +.table tr.is-selected a, +.table tr.is-selected strong { + color: currentColor; +} + +.table tr.is-selected td, +.table tr.is-selected th { + border-color: #fff; + color: currentColor; +} + +.table thead { + background-color: transparent; +} + +.table thead td, +.table thead th { + border-width: 0 0 2px; + color: #363636; +} + +.table tfoot { + background-color: transparent; +} + +.table tfoot td, +.table tfoot th { + border-width: 2px 0 0; + color: #363636; +} + +.table tbody { + background-color: transparent; +} + +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0; +} + +.table.is-bordered td, +.table.is-bordered th { + border-width: 1px; +} + +.table.is-bordered tr:last-child td, +.table.is-bordered tr:last-child th { + border-bottom-width: 1px; +} + +.table.is-fullwidth { + width: 100%; +} + +.table.is-hoverable tbody tr:not(.is-selected):hover { + background-color: #fafafa; +} + +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { + background-color: #fafafa; +} + +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { + background-color: whitesmoke; +} + +.table.is-narrow td, +.table.is-narrow th { + padding: 0.25em 0.5em; +} + +.table.is-striped tbody tr:not(.is-selected):nth-child(even) { + background-color: #fafafa; +} + +.table-container { + -webkit-overflow-scrolling: touch; + overflow: auto; + overflow-y: hidden; + max-width: 100%; +} + +.tags { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.tags .tag { + margin-bottom: 0.5rem; +} + +.tags .tag:not(:last-child) { + margin-right: 0.5rem; +} + +.tags:last-child { + margin-bottom: -0.5rem; +} + +.tags:not(:last-child) { + margin-bottom: 1rem; +} + +.tags.are-medium .tag:not(.is-normal):not(.is-large) { + font-size: 1rem; +} + +.tags.are-large .tag:not(.is-normal):not(.is-medium) { + font-size: 1.25rem; +} + +.tags.is-centered { + justify-content: center; +} + +.tags.is-centered .tag { + margin-right: 0.25rem; + margin-left: 0.25rem; +} + +.tags.is-right { + justify-content: flex-end; +} + +.tags.is-right .tag:not(:first-child) { + margin-left: 0.5rem; +} + +.tags.is-right .tag:not(:last-child) { + margin-right: 0; +} + +.tags.has-addons .tag { + margin-right: 0; +} + +.tags.has-addons .tag:not(:first-child) { + margin-left: 0; + border-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: whitesmoke; + border-radius: 4px; + color: #4a4a4a; + display: inline-flex; + font-size: 0.75rem; + height: 2em; + justify-content: center; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} + +.tag:not(body) .delete { + margin-left: 0.25rem; + margin-right: -0.375rem; +} + +.tag:not(body).is-white { + background-color: white; + color: #0a0a0a; +} + +.tag:not(body).is-black { + background-color: #0a0a0a; + color: white; +} + +.tag:not(body).is-light { + background-color: whitesmoke; + color: rgba(0, 0, 0, 0.7); +} + +.tag:not(body).is-dark { + background-color: #363636; + color: #fff; +} + +.tag:not(body).is-primary { + background-color: #00d1b2; + color: #fff; +} + +.tag:not(body).is-primary.is-light { + background-color: #ebfffc; + color: #00947e; +} + +.tag:not(body).is-link { + background-color: #3273dc; + color: #fff; +} + +.tag:not(body).is-link.is-light { + background-color: #eef3fc; + color: #2160c4; +} + +.tag:not(body).is-info { + background-color: #3298dc; + color: #fff; +} + +.tag:not(body).is-info.is-light { + background-color: #eef6fc; + color: #1d72aa; +} + +.tag:not(body).is-success { + background-color: #48c774; + color: #fff; +} + +.tag:not(body).is-success.is-light { + background-color: #effaf3; + color: #257942; +} + +.tag:not(body).is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.tag:not(body).is-warning.is-light { + background-color: #fffbeb; + color: #947600; +} + +.tag:not(body).is-danger { + background-color: #f14668; + color: #fff; +} + +.tag:not(body).is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; +} + +.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: 290486px; +} + +a.tag:hover { + text-decoration: underline; +} + +.title, +.subtitle { + word-break: break-word; +} + +.title em, +.title span, +.subtitle em, +.subtitle span { + font-weight: inherit; +} + +.title sub, +.subtitle sub { + font-size: 0.75em; +} + +.title sup, +.subtitle sup { + font-size: 0.75em; +} + +.title .tag, +.subtitle .tag { + vertical-align: middle; +} + +.title { + color: #363636; + font-size: 2rem; + font-weight: 600; + line-height: 1.125; +} + +.title strong { + color: inherit; + font-weight: inherit; +} + +.title + .highlight { + margin-top: -0.75rem; +} + +.title:not(.is-spaced) + .subtitle { + margin-top: -1.25rem; +} + +.title.is-1 { + font-size: 3rem; +} + +.title.is-2 { + font-size: 2.5rem; +} + +.title.is-3 { + font-size: 2rem; +} + +.title.is-4 { + font-size: 1.5rem; +} + +.title.is-5 { + font-size: 1.25rem; +} + +.title.is-6 { + font-size: 1rem; +} + +.title.is-7 { + font-size: 0.75rem; +} + +.subtitle { + color: #4a4a4a; + font-size: 1.25rem; + font-weight: 400; + line-height: 1.25; +} + +.subtitle strong { + color: #363636; + font-weight: 600; +} + +.subtitle:not(.is-spaced) + .title { + margin-top: -1.25rem; +} + +.subtitle.is-1 { + font-size: 3rem; +} + +.subtitle.is-2 { + font-size: 2.5rem; +} + +.subtitle.is-3 { + font-size: 2rem; +} + +.subtitle.is-4 { + font-size: 1.5rem; +} + +.subtitle.is-5 { + font-size: 1.25rem; +} + +.subtitle.is-6 { + font-size: 1rem; +} + +.subtitle.is-7 { + font-size: 0.75rem; +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase; +} + +.highlight { + font-weight: 400; + max-width: 100%; + overflow: hidden; + padding: 0; +} + +.highlight pre { + overflow: auto; + max-width: 100%; +} + +.number { + align-items: center; + background-color: whitesmoke; + border-radius: 290486px; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: 0.25rem 0.5rem; + text-align: center; + vertical-align: top; +} + +.input, .textarea, .select select { + background-color: white; + border-color: #dbdbdb; + border-radius: 4px; + color: #363636; +} + +.input::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder { + color: rgba(54, 54, 54, 0.3); +} + +.input:hover, .textarea:hover, .select select:hover, .is-hovered.input, .is-hovered.textarea, .select select.is-hovered { + border-color: #b5b5b5; +} + +.input:focus, .textarea:focus, .select select:focus, .is-focused.input, .is-focused.textarea, .select select.is-focused, .input:active, .textarea:active, .select select:active, .is-active.input, .is-active.textarea, .select select.is-active { + border-color: #3273dc; + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +.input[disabled], .textarea[disabled], .select select[disabled], +fieldset[disabled] .input, +fieldset[disabled] .textarea, +fieldset[disabled] .select select, +.select fieldset[disabled] select { + background-color: whitesmoke; + border-color: whitesmoke; + box-shadow: none; + color: #7a7a7a; +} + +.input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder, +fieldset[disabled] .input::-moz-placeholder, +fieldset[disabled] .textarea::-moz-placeholder, +fieldset[disabled] .select select::-moz-placeholder, +.select fieldset[disabled] select::-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, +fieldset[disabled] .input::-webkit-input-placeholder, +fieldset[disabled] .textarea::-webkit-input-placeholder, +fieldset[disabled] .select select::-webkit-input-placeholder, +.select fieldset[disabled] select::-webkit-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder, +fieldset[disabled] .input:-moz-placeholder, +fieldset[disabled] .textarea:-moz-placeholder, +fieldset[disabled] .select select:-moz-placeholder, +.select fieldset[disabled] select:-moz-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, +fieldset[disabled] .input:-ms-input-placeholder, +fieldset[disabled] .textarea:-ms-input-placeholder, +fieldset[disabled] .select select:-ms-input-placeholder, +.select fieldset[disabled] select:-ms-input-placeholder { + color: rgba(122, 122, 122, 0.3); +} + +.input, .textarea { + box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05); + max-width: 100%; + width: 100%; +} + +.input[readonly], .textarea[readonly] { + box-shadow: none; +} + +.is-white.input, .is-white.textarea { + border-color: white; +} + +.is-white.input:focus, .is-white.textarea:focus, .is-white.is-focused.input, .is-white.is-focused.textarea, .is-white.input:active, .is-white.textarea:active, .is-white.is-active.input, .is-white.is-active.textarea { + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); +} + +.is-black.input, .is-black.textarea { + border-color: #0a0a0a; +} + +.is-black.input:focus, .is-black.textarea:focus, .is-black.is-focused.input, .is-black.is-focused.textarea, .is-black.input:active, .is-black.textarea:active, .is-black.is-active.input, .is-black.is-active.textarea { + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); +} + +.is-light.input, .is-light.textarea { + border-color: whitesmoke; +} + +.is-light.input:focus, .is-light.textarea:focus, .is-light.is-focused.input, .is-light.is-focused.textarea, .is-light.input:active, .is-light.textarea:active, .is-light.is-active.input, .is-light.is-active.textarea { + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); +} + +.is-dark.input, .is-dark.textarea { + border-color: #363636; +} + +.is-dark.input:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .is-dark.is-focused.textarea, .is-dark.input:active, .is-dark.textarea:active, .is-dark.is-active.input, .is-dark.is-active.textarea { + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); +} + +.is-primary.input, .is-primary.textarea { + border-color: #00d1b2; +} + +.is-primary.input:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .is-primary.is-focused.textarea, .is-primary.input:active, .is-primary.textarea:active, .is-primary.is-active.input, .is-primary.is-active.textarea { + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); +} + +.is-link.input, .is-link.textarea { + border-color: #3273dc; +} + +.is-link.input:focus, .is-link.textarea:focus, .is-link.is-focused.input, .is-link.is-focused.textarea, .is-link.input:active, .is-link.textarea:active, .is-link.is-active.input, .is-link.is-active.textarea { + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +.is-info.input, .is-info.textarea { + border-color: #3298dc; +} + +.is-info.input:focus, .is-info.textarea:focus, .is-info.is-focused.input, .is-info.is-focused.textarea, .is-info.input:active, .is-info.textarea:active, .is-info.is-active.input, .is-info.is-active.textarea { + box-shadow: 0 0 0 0.125em rgba(50, 152, 220, 0.25); +} + +.is-success.input, .is-success.textarea { + border-color: #48c774; +} + +.is-success.input:focus, .is-success.textarea:focus, .is-success.is-focused.input, .is-success.is-focused.textarea, .is-success.input:active, .is-success.textarea:active, .is-success.is-active.input, .is-success.is-active.textarea { + box-shadow: 0 0 0 0.125em rgba(72, 199, 116, 0.25); +} + +.is-warning.input, .is-warning.textarea { + border-color: #ffdd57; +} + +.is-warning.input:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .is-warning.is-focused.textarea, .is-warning.input:active, .is-warning.textarea:active, .is-warning.is-active.input, .is-warning.is-active.textarea { + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); +} + +.is-danger.input, .is-danger.textarea { + border-color: #f14668; +} + +.is-danger.input:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .is-danger.is-focused.textarea, .is-danger.input:active, .is-danger.textarea:active, .is-danger.is-active.input, .is-danger.is-active.textarea { + box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25); +} + +.is-small.input, .is-small.textarea { + border-radius: 2px; + font-size: 0.75rem; +} + +.is-medium.input, .is-medium.textarea { + font-size: 1.25rem; +} + +.is-large.input, .is-large.textarea { + font-size: 1.5rem; +} + +.is-fullwidth.input, .is-fullwidth.textarea { + display: block; + width: 100%; +} + +.is-inline.input, .is-inline.textarea { + display: inline; + width: auto; +} + +.input.is-rounded { + border-radius: 290486px; + padding-left: 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; +} + +.checkbox, .radio { + cursor: pointer; + display: inline-block; + line-height: 1.25; + position: relative; +} + +.checkbox input, .radio input { + cursor: pointer; +} + +.checkbox:hover, .radio:hover { + color: #363636; +} + +.checkbox[disabled], .radio[disabled], +fieldset[disabled] .checkbox, +fieldset[disabled] .radio { + color: #7a7a7a; + cursor: not-allowed; +} + +.radio + .radio { + margin-left: 0.5em; +} + +.select { + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top; +} + +.select:not(.is-multiple) { + height: 2.5em; +} + +.select:not(.is-multiple):not(.is-loading)::after { + border-color: #3273dc; + right: 1.125em; + z-index: 4; +} + +.select.is-rounded select { + border-radius: 290486px; + padding-left: 1em; +} + +.select select { + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: none; +} + +.select select::-ms-expand { + display: none; +} + +.select select[disabled]:hover, +fieldset[disabled] .select select:hover { + border-color: whitesmoke; +} + +.select select:not([multiple]) { + padding-right: 2.5em; +} + +.select select[multiple] { + height: auto; + padding: 0; +} + +.select select[multiple] option { + padding: 0.5em 1em; +} + +.select:not(.is-multiple):not(.is-loading):hover::after { + border-color: #363636; +} + +.select.is-white:not(:hover)::after { + border-color: white; +} + +.select.is-white select { + border-color: white; +} + +.select.is-white select:hover, .select.is-white select.is-hovered { + border-color: #f2f2f2; +} + +.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); +} + +.select.is-black:not(:hover)::after { + border-color: #0a0a0a; +} + +.select.is-black select { + border-color: #0a0a0a; +} + +.select.is-black select:hover, .select.is-black select.is-hovered { + border-color: black; +} + +.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); +} + +.select.is-light:not(:hover)::after { + border-color: whitesmoke; +} + +.select.is-light select { + border-color: whitesmoke; +} + +.select.is-light select:hover, .select.is-light select.is-hovered { + border-color: #e8e8e8; +} + +.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); +} + +.select.is-dark:not(:hover)::after { + border-color: #363636; +} + +.select.is-dark select { + border-color: #363636; +} + +.select.is-dark select:hover, .select.is-dark select.is-hovered { + border-color: #292929; +} + +.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); +} + +.select.is-primary:not(:hover)::after { + border-color: #00d1b2; +} + +.select.is-primary select { + border-color: #00d1b2; +} + +.select.is-primary select:hover, .select.is-primary select.is-hovered { + border-color: #00b89c; +} + +.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); +} + +.select.is-link:not(:hover)::after { + border-color: #3273dc; +} + +.select.is-link select { + border-color: #3273dc; +} + +.select.is-link select:hover, .select.is-link select.is-hovered { + border-color: #2366d1; +} + +.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); +} + +.select.is-info:not(:hover)::after { + border-color: #3298dc; +} + +.select.is-info select { + border-color: #3298dc; +} + +.select.is-info select:hover, .select.is-info select.is-hovered { + border-color: #238cd1; +} + +.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(50, 152, 220, 0.25); +} + +.select.is-success:not(:hover)::after { + border-color: #48c774; +} + +.select.is-success select { + border-color: #48c774; +} + +.select.is-success select:hover, .select.is-success select.is-hovered { + border-color: #3abb67; +} + +.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(72, 199, 116, 0.25); +} + +.select.is-warning:not(:hover)::after { + border-color: #ffdd57; +} + +.select.is-warning select { + border-color: #ffdd57; +} + +.select.is-warning select:hover, .select.is-warning select.is-hovered { + border-color: #ffd83d; +} + +.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); +} + +.select.is-danger:not(:hover)::after { + border-color: #f14668; +} + +.select.is-danger select { + border-color: #f14668; +} + +.select.is-danger select:hover, .select.is-danger select.is-hovered { + border-color: #ef2e55; +} + +.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(241, 70, 104, 0.25); +} + +.select.is-small { + border-radius: 2px; + font-size: 0.75rem; +} + +.select.is-medium { + font-size: 1.25rem; +} + +.select.is-large { + font-size: 1.5rem; +} + +.select.is-disabled::after { + border-color: #7a7a7a; +} + +.select.is-fullwidth { + width: 100%; +} + +.select.is-fullwidth select { + width: 100%; +} + +.select.is-loading::after { + margin-top: 0; + position: absolute; + right: 0.625em; + top: 0.625em; + transform: none; +} + +.select.is-loading.is-small:after { + font-size: 0.75rem; +} + +.select.is-loading.is-medium:after { + font-size: 1.25rem; +} + +.select.is-loading.is-large:after { + font-size: 1.5rem; +} + +.file { + align-items: stretch; + display: flex; + justify-content: flex-start; + position: relative; +} + +.file.is-white .file-cta { + background-color: white; + border-color: transparent; + color: #0a0a0a; +} + +.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; +} + +.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + color: #0a0a0a; +} + +.file.is-white:active .file-cta, .file.is-white.is-active .file-cta { + background-color: #f2f2f2; + border-color: transparent; + color: #0a0a0a; +} + +.file.is-black .file-cta { + background-color: #0a0a0a; + border-color: transparent; + color: white; +} + +.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { + background-color: #040404; + border-color: transparent; + color: white; +} + +.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + color: white; +} + +.file.is-black:active .file-cta, .file.is-black.is-active .file-cta { + background-color: black; + border-color: transparent; + color: white; +} + +.file.is-light .file-cta { + background-color: whitesmoke; + border-color: transparent; + color: 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: #363636; + 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: #00d1b2; + border-color: transparent; + color: #fff; +} + +.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { + background-color: #00c4a7; + border-color: transparent; + color: #fff; +} + +.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #fff; +} + +.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { + background-color: #00b89c; + border-color: transparent; + color: #fff; +} + +.file.is-link .file-cta { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} + +.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { + background-color: #276cda; + border-color: transparent; + color: #fff; +} + +.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + color: #fff; +} + +.file.is-link:active .file-cta, .file.is-link.is-active .file-cta { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} + +.file.is-info .file-cta { + background-color: #3298dc; + border-color: transparent; + color: #fff; +} + +.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { + background-color: #2793da; + 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(50, 152, 220, 0.25); + color: #fff; +} + +.file.is-info:active .file-cta, .file.is-info.is-active .file-cta { + background-color: #238cd1; + border-color: transparent; + color: #fff; +} + +.file.is-success .file-cta { + background-color: #48c774; + border-color: transparent; + color: #fff; +} + +.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { + background-color: #3ec46d; + 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(72, 199, 116, 0.25); + color: #fff; +} + +.file.is-success:active .file-cta, .file.is-success.is-active .file-cta { + background-color: #3abb67; + border-color: transparent; + color: #fff; +} + +.file.is-warning .file-cta { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + color: rgba(0, 0, 0, 0.7); +} + +.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} + +.file.is-danger .file-cta { + background-color: #f14668; + border-color: transparent; + color: #fff; +} + +.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { + background-color: #f03a5f; + 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(241, 70, 104, 0.25); + color: #fff; +} + +.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { + background-color: #ef2e55; + border-color: transparent; + color: #fff; +} + +.file.is-small { + font-size: 0.75rem; +} + +.file.is-medium { + font-size: 1.25rem; +} + +.file.is-medium .file-icon .fa { + font-size: 21px; +} + +.file.is-large { + font-size: 1.5rem; +} + +.file.is-large .file-icon .fa { + font-size: 28px; +} + +.file.has-name .file-cta { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} + +.file.has-name .file-name { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} + +.file.has-name.is-empty .file-cta { + border-radius: 4px; +} + +.file.has-name.is-empty .file-name { + display: none; +} + +.file.is-boxed .file-label { + flex-direction: column; +} + +.file.is-boxed .file-cta { + flex-direction: column; + height: auto; + padding: 1em 3em; +} + +.file.is-boxed .file-name { + border-width: 0 1px 1px; +} + +.file.is-boxed .file-icon { + height: 1.5em; + width: 1.5em; +} + +.file.is-boxed .file-icon .fa { + font-size: 21px; +} + +.file.is-boxed.is-small .file-icon .fa { + font-size: 14px; +} + +.file.is-boxed.is-medium .file-icon .fa { + font-size: 28px; +} + +.file.is-boxed.is-large .file-icon .fa { + font-size: 35px; +} + +.file.is-boxed.has-name .file-cta { + border-radius: 4px 4px 0 0; +} + +.file.is-boxed.has-name .file-name { + border-radius: 0 0 4px 4px; + border-width: 0 1px 1px; +} + +.file.is-centered { + justify-content: center; +} + +.file.is-fullwidth .file-label { + width: 100%; +} + +.file.is-fullwidth .file-name { + flex-grow: 1; + max-width: none; +} + +.file.is-right { + justify-content: flex-end; +} + +.file.is-right .file-cta { + border-radius: 0 4px 4px 0; +} + +.file.is-right .file-name { + border-radius: 4px 0 0 4px; + border-width: 1px 0 1px 1px; + order: -1; +} + +.file-label { + align-items: stretch; + display: flex; + cursor: pointer; + justify-content: flex-start; + overflow: hidden; + position: relative; +} + +.file-label:hover .file-cta { + background-color: #eeeeee; + color: #363636; +} + +.file-label:hover .file-name { + border-color: #d5d5d5; +} + +.file-label:active .file-cta { + background-color: #e8e8e8; + color: #363636; +} + +.file-label:active .file-name { + border-color: #cfcfcf; +} + +.file-input { + height: 100%; + left: 0; + opacity: 0; + outline: none; + position: absolute; + top: 0; + width: 100%; +} + +.file-cta, +.file-name { + border-color: #dbdbdb; + border-radius: 4px; + font-size: 1em; + padding-left: 1em; + padding-right: 1em; + white-space: nowrap; +} + +.file-cta { + background-color: whitesmoke; + color: #4a4a4a; +} + +.file-name { + border-color: #dbdbdb; + border-style: solid; + border-width: 1px 1px 1px 0; + display: block; + max-width: 16em; + overflow: hidden; + text-align: 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: #363636; + display: block; + font-size: 1rem; + font-weight: 700; +} + +.label:not(:last-child) { + margin-bottom: 0.5em; +} + +.label.is-small { + font-size: 0.75rem; +} + +.label.is-medium { + font-size: 1.25rem; +} + +.label.is-large { + font-size: 1.5rem; +} + +.help { + display: block; + font-size: 0.75rem; + margin-top: 0.25rem; +} + +.help.is-white { + color: white; +} + +.help.is-black { + color: #0a0a0a; +} + +.help.is-light { + color: whitesmoke; +} + +.help.is-dark { + color: #363636; +} + +.help.is-primary { + color: #00d1b2; +} + +.help.is-link { + color: #3273dc; +} + +.help.is-info { + color: #3298dc; +} + +.help.is-success { + color: #48c774; +} + +.help.is-warning { + color: #ffdd57; +} + +.help.is-danger { + color: #f14668; +} + +.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: #4a4a4a; +} + +.control.has-icons-left .input.is-small ~ .icon, +.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, +.control.has-icons-right .select.is-small ~ .icon { + font-size: 0.75rem; +} + +.control.has-icons-left .input.is-medium ~ .icon, +.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, +.control.has-icons-right .select.is-medium ~ .icon { + font-size: 1.25rem; +} + +.control.has-icons-left .input.is-large ~ .icon, +.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, +.control.has-icons-right .select.is-large ~ .icon { + font-size: 1.5rem; +} + +.control.has-icons-left .icon, .control.has-icons-right .icon { + color: #dbdbdb; + height: 2.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; +} + +.breadcrumb { + font-size: 1rem; + white-space: nowrap; +} + +.breadcrumb a { + align-items: center; + color: #3273dc; + display: flex; + justify-content: center; + padding: 0 0.75em; +} + +.breadcrumb a:hover { + color: #363636; +} + +.breadcrumb li { + align-items: center; + display: flex; +} + +.breadcrumb li:first-child a { + padding-left: 0; +} + +.breadcrumb li.is-active a { + color: #363636; + cursor: default; + pointer-events: none; +} + +.breadcrumb li + li::before { + color: #b5b5b5; + content: "\0002f"; +} + +.breadcrumb ul, +.breadcrumb ol { + align-items: flex-start; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} + +.breadcrumb .icon:first-child { + margin-right: 0.5em; +} + +.breadcrumb .icon:last-child { + margin-left: 0.5em; +} + +.breadcrumb.is-centered ol, +.breadcrumb.is-centered ul { + justify-content: center; +} + +.breadcrumb.is-right ol, +.breadcrumb.is-right ul { + justify-content: flex-end; +} + +.breadcrumb.is-small { + font-size: 0.75rem; +} + +.breadcrumb.is-medium { + font-size: 1.25rem; +} + +.breadcrumb.is-large { + font-size: 1.5rem; +} + +.breadcrumb.has-arrow-separator li + li::before { + content: "\02192"; +} + +.breadcrumb.has-bullet-separator li + li::before { + content: "\02022"; +} + +.breadcrumb.has-dot-separator li + li::before { + content: "\000b7"; +} + +.breadcrumb.has-succeeds-separator li + li::before { + content: "\0227B"; +} + +.card { + background-color: white; + box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); + color: #4a4a4a; + max-width: 100%; + position: relative; +} + +.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: #363636; + display: flex; + flex-grow: 1; + font-weight: 700; + padding: 0.75rem 1rem; +} + +.card-header-title.is-centered { + justify-content: center; +} + +.card-header-icon { + align-items: center; + cursor: pointer; + display: flex; + justify-content: center; + padding: 0.75rem 1rem; +} + +.card-image { + display: block; + position: relative; +} + +.card-content { + background-color: transparent; + padding: 1.5rem; +} + +.card-footer { + background-color: transparent; + border-top: 1px solid #ededed; + 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 #ededed; +} + +.card .media:not(:last-child) { + margin-bottom: 1.5rem; +} + +.dropdown { + display: inline-flex; + position: relative; + vertical-align: top; +} + +.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { + display: block; +} + +.dropdown.is-right .dropdown-menu { + left: auto; + right: 0; +} + +.dropdown.is-up .dropdown-menu { + bottom: 100%; + padding-bottom: 4px; + padding-top: initial; + top: auto; +} + +.dropdown-menu { + display: none; + left: 0; + min-width: 12rem; + padding-top: 4px; + position: absolute; + top: 100%; + z-index: 20; +} + +.dropdown-content { + background-color: white; + border-radius: 4px; + box-shadow: 0 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: #4a4a4a; + display: block; + font-size: 0.875rem; + line-height: 1.5; + padding: 0.375rem 1rem; + position: relative; +} + +a.dropdown-item, +button.dropdown-item { + padding-right: 3rem; + text-align: inherit; + white-space: nowrap; + width: 100%; +} + +a.dropdown-item:hover, +button.dropdown-item:hover { + background-color: whitesmoke; + color: #0a0a0a; +} + +a.dropdown-item.is-active, +button.dropdown-item.is-active { + background-color: #3273dc; + color: #fff; +} + +.dropdown-divider { + background-color: #ededed; + 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: #4a4a4a; + display: block; + padding: 0.5em 0.75em; +} + +.menu-list a:hover { + background-color: whitesmoke; + color: #363636; +} + +.menu-list a.is-active { + background-color: #3273dc; + color: #fff; +} + +.menu-list li ul { + border-left: 1px solid #dbdbdb; + margin: 0.75em; + padding-left: 0.75em; +} + +.menu-label { + color: #7a7a7a; + font-size: 0.75em; + letter-spacing: 0.1em; + text-transform: uppercase; +} + +.menu-label:not(:first-child) { + margin-top: 1em; +} + +.menu-label:not(:last-child) { + margin-bottom: 1em; +} + +.message { + background-color: whitesmoke; + border-radius: 4px; + font-size: 1rem; +} + +.message strong { + color: currentColor; +} + +.message a:not(.button):not(.tag):not(.dropdown-item) { + color: currentColor; + text-decoration: underline; +} + +.message.is-small { + font-size: 0.75rem; +} + +.message.is-medium { + font-size: 1.25rem; +} + +.message.is-large { + font-size: 1.5rem; +} + +.message.is-white { + background-color: white; +} + +.message.is-white .message-header { + background-color: white; + color: #0a0a0a; +} + +.message.is-white .message-body { + border-color: white; +} + +.message.is-black { + background-color: #fafafa; +} + +.message.is-black .message-header { + background-color: #0a0a0a; + color: white; +} + +.message.is-black .message-body { + border-color: #0a0a0a; +} + +.message.is-light { + background-color: #fafafa; +} + +.message.is-light .message-header { + background-color: whitesmoke; + color: rgba(0, 0, 0, 0.7); +} + +.message.is-light .message-body { + border-color: whitesmoke; +} + +.message.is-dark { + background-color: #fafafa; +} + +.message.is-dark .message-header { + background-color: #363636; + color: #fff; +} + +.message.is-dark .message-body { + border-color: #363636; +} + +.message.is-primary { + background-color: #ebfffc; +} + +.message.is-primary .message-header { + background-color: #00d1b2; + color: #fff; +} + +.message.is-primary .message-body { + border-color: #00d1b2; + color: #00947e; +} + +.message.is-link { + background-color: #eef3fc; +} + +.message.is-link .message-header { + background-color: #3273dc; + color: #fff; +} + +.message.is-link .message-body { + border-color: #3273dc; + color: #2160c4; +} + +.message.is-info { + background-color: #eef6fc; +} + +.message.is-info .message-header { + background-color: #3298dc; + color: #fff; +} + +.message.is-info .message-body { + border-color: #3298dc; + color: #1d72aa; +} + +.message.is-success { + background-color: #effaf3; +} + +.message.is-success .message-header { + background-color: #48c774; + color: #fff; +} + +.message.is-success .message-body { + border-color: #48c774; + color: #257942; +} + +.message.is-warning { + background-color: #fffbeb; +} + +.message.is-warning .message-header { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.message.is-warning .message-body { + border-color: #ffdd57; + color: #947600; +} + +.message.is-danger { + background-color: #feecf0; +} + +.message.is-danger .message-header { + background-color: #f14668; + color: #fff; +} + +.message.is-danger .message-body { + border-color: #f14668; + color: #cc0f35; +} + +.message-header { + align-items: center; + background-color: #4a4a4a; + border-radius: 4px 4px 0 0; + color: #fff; + display: flex; + font-weight: 700; + justify-content: space-between; + line-height: 1.25; + padding: 0.75em 1em; + position: relative; +} + +.message-header .delete { + flex-grow: 0; + flex-shrink: 0; + margin-left: 0.75em; +} + +.message-header + .message-body { + border-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.message-body { + border-color: #dbdbdb; + border-radius: 4px; + border-style: solid; + border-width: 0 0 0 4px; + color: #4a4a4a; + padding: 1.25em 1.5em; +} + +.message-body code, +.message-body pre { + background-color: white; +} + +.message-body pre code { + background-color: transparent; +} + +.modal { + align-items: center; + display: none; + flex-direction: column; + justify-content: center; + overflow: hidden; + position: fixed; + z-index: 40; +} + +.modal.is-active { + display: flex; +} + +.modal-background { + background-color: rgba(10, 10, 10, 0.86); +} + +.modal-content, +.modal-card { + margin: 0 20px; + max-height: calc(100vh - 160px); + overflow: auto; + position: relative; + width: 100%; +} + +@media screen and (min-width: 769px), print { + .modal-content, + .modal-card { + margin: 0 auto; + max-height: calc(100vh - 40px); + width: 640px; + } +} + +.modal-close { + background: none; + height: 40px; + position: fixed; + right: 20px; + top: 20px; + width: 40px; +} + +.modal-card { + display: flex; + flex-direction: column; + max-height: calc(100vh - 40px); + overflow: hidden; + -ms-overflow-y: visible; +} + +.modal-card-head, +.modal-card-foot { + align-items: center; + background-color: whitesmoke; + display: flex; + flex-shrink: 0; + justify-content: flex-start; + padding: 20px; + position: relative; +} + +.modal-card-head { + border-bottom: 1px solid #dbdbdb; + border-top-left-radius: 6px; + border-top-right-radius: 6px; +} + +.modal-card-title { + color: #363636; + flex-grow: 1; + flex-shrink: 0; + font-size: 1.5rem; + line-height: 1; +} + +.modal-card-foot { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 1px solid #dbdbdb; +} + +.modal-card-foot .button:not(:last-child) { + margin-right: 0.5em; +} + +.modal-card-body { + -webkit-overflow-scrolling: touch; + background-color: white; + flex-grow: 1; + flex-shrink: 1; + overflow: auto; + padding: 20px; +} + +.navbar { + background-color: white; + min-height: 3.25rem; + position: relative; + z-index: 30; +} + +.navbar.is-white { + background-color: white; + color: #0a0a0a; +} + +.navbar.is-white .navbar-brand > .navbar-item, +.navbar.is-white .navbar-brand .navbar-link { + color: #0a0a0a; +} + +.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, +.navbar.is-white .navbar-brand .navbar-link:focus, +.navbar.is-white .navbar-brand .navbar-link:hover, +.navbar.is-white .navbar-brand .navbar-link.is-active { + background-color: #f2f2f2; + color: #0a0a0a; +} + +.navbar.is-white .navbar-brand .navbar-link::after { + border-color: #0a0a0a; +} + +.navbar.is-white .navbar-burger { + color: #0a0a0a; +} + +@media screen and (min-width: 1024px) { + .navbar.is-white .navbar-start > .navbar-item, + .navbar.is-white .navbar-start .navbar-link, + .navbar.is-white .navbar-end > .navbar-item, + .navbar.is-white .navbar-end .navbar-link { + color: #0a0a0a; + } + .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, + .navbar.is-white .navbar-start .navbar-link:focus, + .navbar.is-white .navbar-start .navbar-link:hover, + .navbar.is-white .navbar-start .navbar-link.is-active, + .navbar.is-white .navbar-end > a.navbar-item:focus, + .navbar.is-white .navbar-end > a.navbar-item:hover, + .navbar.is-white .navbar-end > a.navbar-item.is-active, + .navbar.is-white .navbar-end .navbar-link:focus, + .navbar.is-white .navbar-end .navbar-link:hover, + .navbar.is-white .navbar-end .navbar-link.is-active { + background-color: #f2f2f2; + color: #0a0a0a; + } + .navbar.is-white .navbar-start .navbar-link::after, + .navbar.is-white .navbar-end .navbar-link::after { + border-color: #0a0a0a; + } + .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #f2f2f2; + color: #0a0a0a; + } + .navbar.is-white .navbar-dropdown a.navbar-item.is-active { + background-color: white; + color: #0a0a0a; + } +} + +.navbar.is-black { + background-color: #0a0a0a; + color: white; +} + +.navbar.is-black .navbar-brand > .navbar-item, +.navbar.is-black .navbar-brand .navbar-link { + color: white; +} + +.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, +.navbar.is-black .navbar-brand .navbar-link:focus, +.navbar.is-black .navbar-brand .navbar-link:hover, +.navbar.is-black .navbar-brand .navbar-link.is-active { + background-color: black; + color: white; +} + +.navbar.is-black .navbar-brand .navbar-link::after { + border-color: white; +} + +.navbar.is-black .navbar-burger { + color: white; +} + +@media screen and (min-width: 1024px) { + .navbar.is-black .navbar-start > .navbar-item, + .navbar.is-black .navbar-start .navbar-link, + .navbar.is-black .navbar-end > .navbar-item, + .navbar.is-black .navbar-end .navbar-link { + color: white; + } + .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, + .navbar.is-black .navbar-start .navbar-link:focus, + .navbar.is-black .navbar-start .navbar-link:hover, + .navbar.is-black .navbar-start .navbar-link.is-active, + .navbar.is-black .navbar-end > a.navbar-item:focus, + .navbar.is-black .navbar-end > a.navbar-item:hover, + .navbar.is-black .navbar-end > a.navbar-item.is-active, + .navbar.is-black .navbar-end .navbar-link:focus, + .navbar.is-black .navbar-end .navbar-link:hover, + .navbar.is-black .navbar-end .navbar-link.is-active { + background-color: black; + color: white; + } + .navbar.is-black .navbar-start .navbar-link::after, + .navbar.is-black .navbar-end .navbar-link::after { + border-color: white; + } + .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { + background-color: black; + color: white; + } + .navbar.is-black .navbar-dropdown a.navbar-item.is-active { + background-color: #0a0a0a; + color: white; + } +} + +.navbar.is-light { + background-color: whitesmoke; + color: 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: whitesmoke; + color: rgba(0, 0, 0, 0.7); + } +} + +.navbar.is-dark { + background-color: #363636; + 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: #363636; + color: #fff; + } +} + +.navbar.is-primary { + background-color: #00d1b2; + color: #fff; +} + +.navbar.is-primary .navbar-brand > .navbar-item, +.navbar.is-primary .navbar-brand .navbar-link { + color: #fff; +} + +.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, +.navbar.is-primary .navbar-brand .navbar-link:focus, +.navbar.is-primary .navbar-brand .navbar-link:hover, +.navbar.is-primary .navbar-brand .navbar-link.is-active { + background-color: #00b89c; + color: #fff; +} + +.navbar.is-primary .navbar-brand .navbar-link::after { + border-color: #fff; +} + +.navbar.is-primary .navbar-burger { + color: #fff; +} + +@media screen and (min-width: 1024px) { + .navbar.is-primary .navbar-start > .navbar-item, + .navbar.is-primary .navbar-start .navbar-link, + .navbar.is-primary .navbar-end > .navbar-item, + .navbar.is-primary .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, + .navbar.is-primary .navbar-start .navbar-link:focus, + .navbar.is-primary .navbar-start .navbar-link:hover, + .navbar.is-primary .navbar-start .navbar-link.is-active, + .navbar.is-primary .navbar-end > a.navbar-item:focus, + .navbar.is-primary .navbar-end > a.navbar-item:hover, + .navbar.is-primary .navbar-end > a.navbar-item.is-active, + .navbar.is-primary .navbar-end .navbar-link:focus, + .navbar.is-primary .navbar-end .navbar-link:hover, + .navbar.is-primary .navbar-end .navbar-link.is-active { + background-color: #00b89c; + color: #fff; + } + .navbar.is-primary .navbar-start .navbar-link::after, + .navbar.is-primary .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #00b89c; + color: #fff; + } + .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { + background-color: #00d1b2; + color: #fff; + } +} + +.navbar.is-link { + background-color: #3273dc; + color: #fff; +} + +.navbar.is-link .navbar-brand > .navbar-item, +.navbar.is-link .navbar-brand .navbar-link { + color: #fff; +} + +.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, +.navbar.is-link .navbar-brand .navbar-link:focus, +.navbar.is-link .navbar-brand .navbar-link:hover, +.navbar.is-link .navbar-brand .navbar-link.is-active { + background-color: #2366d1; + color: #fff; +} + +.navbar.is-link .navbar-brand .navbar-link::after { + border-color: #fff; +} + +.navbar.is-link .navbar-burger { + color: #fff; +} + +@media screen and (min-width: 1024px) { + .navbar.is-link .navbar-start > .navbar-item, + .navbar.is-link .navbar-start .navbar-link, + .navbar.is-link .navbar-end > .navbar-item, + .navbar.is-link .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, + .navbar.is-link .navbar-start .navbar-link:focus, + .navbar.is-link .navbar-start .navbar-link:hover, + .navbar.is-link .navbar-start .navbar-link.is-active, + .navbar.is-link .navbar-end > a.navbar-item:focus, + .navbar.is-link .navbar-end > a.navbar-item:hover, + .navbar.is-link .navbar-end > a.navbar-item.is-active, + .navbar.is-link .navbar-end .navbar-link:focus, + .navbar.is-link .navbar-end .navbar-link:hover, + .navbar.is-link .navbar-end .navbar-link.is-active { + background-color: #2366d1; + color: #fff; + } + .navbar.is-link .navbar-start .navbar-link::after, + .navbar.is-link .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #2366d1; + color: #fff; + } + .navbar.is-link .navbar-dropdown a.navbar-item.is-active { + background-color: #3273dc; + color: #fff; + } +} + +.navbar.is-info { + background-color: #3298dc; + 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: #238cd1; + 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: #238cd1; + 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: #238cd1; + color: #fff; + } + .navbar.is-info .navbar-dropdown a.navbar-item.is-active { + background-color: #3298dc; + color: #fff; + } +} + +.navbar.is-success { + background-color: #48c774; + 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: #3abb67; + 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: #3abb67; + 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: #3abb67; + color: #fff; + } + .navbar.is-success .navbar-dropdown a.navbar-item.is-active { + background-color: #48c774; + color: #fff; + } +} + +.navbar.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.navbar.is-warning .navbar-brand > .navbar-item, +.navbar.is-warning .navbar-brand .navbar-link { + color: rgba(0, 0, 0, 0.7); +} + +.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, +.navbar.is-warning .navbar-brand .navbar-link:focus, +.navbar.is-warning .navbar-brand .navbar-link:hover, +.navbar.is-warning .navbar-brand .navbar-link.is-active { + background-color: #ffd83d; + color: rgba(0, 0, 0, 0.7); +} + +.navbar.is-warning .navbar-brand .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); +} + +.navbar.is-warning .navbar-burger { + color: rgba(0, 0, 0, 0.7); +} + +@media screen and (min-width: 1024px) { + .navbar.is-warning .navbar-start > .navbar-item, + .navbar.is-warning .navbar-start .navbar-link, + .navbar.is-warning .navbar-end > .navbar-item, + .navbar.is-warning .navbar-end .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, + .navbar.is-warning .navbar-start .navbar-link:focus, + .navbar.is-warning .navbar-start .navbar-link:hover, + .navbar.is-warning .navbar-start .navbar-link.is-active, + .navbar.is-warning .navbar-end > a.navbar-item:focus, + .navbar.is-warning .navbar-end > a.navbar-item:hover, + .navbar.is-warning .navbar-end > a.navbar-item.is-active, + .navbar.is-warning .navbar-end .navbar-link:focus, + .navbar.is-warning .navbar-end .navbar-link:hover, + .navbar.is-warning .navbar-end .navbar-link.is-active { + background-color: #ffd83d; + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-start .navbar-link::after, + .navbar.is-warning .navbar-end .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #ffd83d; + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); + } +} + +.navbar.is-danger { + background-color: #f14668; + 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: #ef2e55; + 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: #ef2e55; + 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: #ef2e55; + color: #fff; + } + .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { + background-color: #f14668; + color: #fff; + } +} + +.navbar > .container { + align-items: stretch; + display: flex; + min-height: 3.25rem; + width: 100%; +} + +.navbar.has-shadow { + box-shadow: 0 2px 0 0 whitesmoke; +} + +.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 whitesmoke; +} + +.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: #4a4a4a; + 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: #4a4a4a; + 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: #fafafa; + color: #3273dc; +} + +.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: #3273dc; +} + +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom-color: #3273dc; + border-bottom-style: solid; + border-bottom-width: 3px; + color: #3273dc; + 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: #3273dc; + 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: whitesmoke; + 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: white; + 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: whitesmoke; + color: #0a0a0a; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #3273dc; + } + .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 #dbdbdb; + 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: white; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 2px solid #dbdbdb; + 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: whitesmoke; + color: #0a0a0a; + } + .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #3273dc; + } + .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: #0a0a0a; + } + 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: #fafafa; + } +} + +.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: 290486px; +} + +.pagination.is-rounded .pagination-link { + border-radius: 290486px; +} + +.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: #dbdbdb; + color: #363636; + min-width: 2.5em; +} + +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover { + border-color: #b5b5b5; + color: #363636; +} + +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus { + border-color: #3273dc; +} + +.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-next[disabled], +.pagination-link[disabled] { + background-color: #dbdbdb; + border-color: #dbdbdb; + box-shadow: none; + color: #7a7a7a; + opacity: 0.5; +} + +.pagination-previous, +.pagination-next { + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} + +.pagination-link.is-current { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} + +.pagination-ellipsis { + color: #b5b5b5; + pointer-events: none; +} + +.pagination-list { + flex-wrap: wrap; +} + +@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 { + order: 2; + } + .pagination-next { + order: 3; + } + .pagination { + justify-content: space-between; + } + .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: white; + color: #0a0a0a; +} + +.panel.is-white .panel-tabs a.is-active { + border-bottom-color: white; +} + +.panel.is-white .panel-block.is-active .panel-icon { + color: white; +} + +.panel.is-black .panel-heading { + background-color: #0a0a0a; + color: white; +} + +.panel.is-black .panel-tabs a.is-active { + border-bottom-color: #0a0a0a; +} + +.panel.is-black .panel-block.is-active .panel-icon { + color: #0a0a0a; +} + +.panel.is-light .panel-heading { + background-color: whitesmoke; + color: rgba(0, 0, 0, 0.7); +} + +.panel.is-light .panel-tabs a.is-active { + border-bottom-color: whitesmoke; +} + +.panel.is-light .panel-block.is-active .panel-icon { + color: whitesmoke; +} + +.panel.is-dark .panel-heading { + background-color: #363636; + color: #fff; +} + +.panel.is-dark .panel-tabs a.is-active { + border-bottom-color: #363636; +} + +.panel.is-dark .panel-block.is-active .panel-icon { + color: #363636; +} + +.panel.is-primary .panel-heading { + background-color: #00d1b2; + color: #fff; +} + +.panel.is-primary .panel-tabs a.is-active { + border-bottom-color: #00d1b2; +} + +.panel.is-primary .panel-block.is-active .panel-icon { + color: #00d1b2; +} + +.panel.is-link .panel-heading { + background-color: #3273dc; + color: #fff; +} + +.panel.is-link .panel-tabs a.is-active { + border-bottom-color: #3273dc; +} + +.panel.is-link .panel-block.is-active .panel-icon { + color: #3273dc; +} + +.panel.is-info .panel-heading { + background-color: #3298dc; + color: #fff; +} + +.panel.is-info .panel-tabs a.is-active { + border-bottom-color: #3298dc; +} + +.panel.is-info .panel-block.is-active .panel-icon { + color: #3298dc; +} + +.panel.is-success .panel-heading { + background-color: #48c774; + color: #fff; +} + +.panel.is-success .panel-tabs a.is-active { + border-bottom-color: #48c774; +} + +.panel.is-success .panel-block.is-active .panel-icon { + color: #48c774; +} + +.panel.is-warning .panel-heading { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); +} + +.panel.is-warning .panel-tabs a.is-active { + border-bottom-color: #ffdd57; +} + +.panel.is-warning .panel-block.is-active .panel-icon { + color: #ffdd57; +} + +.panel.is-danger .panel-heading { + background-color: #f14668; + color: #fff; +} + +.panel.is-danger .panel-tabs a.is-active { + border-bottom-color: #f14668; +} + +.panel.is-danger .panel-block.is-active .panel-icon { + color: #f14668; +} + +.panel-tabs:not(:last-child), +.panel-block:not(:last-child) { + border-bottom: 1px solid #ededed; +} + +.panel-heading { + background-color: #ededed; + border-radius: 6px 6px 0 0; + color: #363636; + 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 #dbdbdb; + margin-bottom: -1px; + padding: 0.5em; +} + +.panel-tabs a.is-active { + border-bottom-color: #4a4a4a; + color: #363636; +} + +.panel-list a { + color: #4a4a4a; +} + +.panel-list a:hover { + color: #3273dc; +} + +.panel-block { + align-items: center; + color: #363636; + 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: #3273dc; + color: #363636; +} + +.panel-block.is-active .panel-icon { + color: #3273dc; +} + +.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: whitesmoke; +} + +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: #7a7a7a; + 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: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + color: #4a4a4a; + display: flex; + justify-content: center; + margin-bottom: -1px; + padding: 0.5em 1em; + vertical-align: top; +} + +.tabs a:hover { + border-bottom-color: #363636; + color: #363636; +} + +.tabs li { + display: block; +} + +.tabs li.is-active a { + border-bottom-color: #3273dc; + color: #3273dc; +} + +.tabs ul { + align-items: center; + border-bottom-color: #dbdbdb; + 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: whitesmoke; + border-bottom-color: #dbdbdb; +} + +.tabs.is-boxed li.is-active a { + background-color: white; + border-color: #dbdbdb; + border-bottom-color: transparent !important; +} + +.tabs.is-fullwidth li { + flex-grow: 1; + flex-shrink: 0; +} + +.tabs.is-toggle a { + border-color: #dbdbdb; + border-style: solid; + border-width: 1px; + margin-bottom: 0; + position: relative; +} + +.tabs.is-toggle a:hover { + background-color: whitesmoke; + border-color: #b5b5b5; + 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: #3273dc; + border-color: #3273dc; + 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: 290486px; + border-top-left-radius: 290486px; + padding-left: 1.25em; +} + +.tabs.is-toggle.is-toggle-rounded li:last-child a { + border-bottom-right-radius: 290486px; + border-top-right-radius: 290486px; + 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; +} + +.column { + display: block; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + padding: 0.75rem; +} + +.columns.is-mobile > .column.is-narrow { + flex: none; +} + +.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.33333%; +} + +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.33333%; +} + +.columns.is-mobile > .column.is-2 { + flex: none; + width: 16.66667%; +} + +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.66667%; +} + +.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.33333%; +} + +.columns.is-mobile > .column.is-offset-4 { + margin-left: 33.33333%; +} + +.columns.is-mobile > .column.is-5 { + flex: none; + width: 41.66667%; +} + +.columns.is-mobile > .column.is-offset-5 { + margin-left: 41.66667%; +} + +.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.33333%; +} + +.columns.is-mobile > .column.is-offset-7 { + margin-left: 58.33333%; +} + +.columns.is-mobile > .column.is-8 { + flex: none; + width: 66.66667%; +} + +.columns.is-mobile > .column.is-offset-8 { + margin-left: 66.66667%; +} + +.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.33333%; +} + +.columns.is-mobile > .column.is-offset-10 { + margin-left: 83.33333%; +} + +.columns.is-mobile > .column.is-11 { + flex: none; + width: 91.66667%; +} + +.columns.is-mobile > .column.is-offset-11 { + margin-left: 91.66667%; +} + +.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; + } + .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.33333%; + } + .column.is-offset-1-mobile { + margin-left: 8.33333%; + } + .column.is-2-mobile { + flex: none; + width: 16.66667%; + } + .column.is-offset-2-mobile { + margin-left: 16.66667%; + } + .column.is-3-mobile { + flex: none; + width: 25%; + } + .column.is-offset-3-mobile { + margin-left: 25%; + } + .column.is-4-mobile { + flex: none; + width: 33.33333%; + } + .column.is-offset-4-mobile { + margin-left: 33.33333%; + } + .column.is-5-mobile { + flex: none; + width: 41.66667%; + } + .column.is-offset-5-mobile { + margin-left: 41.66667%; + } + .column.is-6-mobile { + flex: none; + width: 50%; + } + .column.is-offset-6-mobile { + margin-left: 50%; + } + .column.is-7-mobile { + flex: none; + width: 58.33333%; + } + .column.is-offset-7-mobile { + margin-left: 58.33333%; + } + .column.is-8-mobile { + flex: none; + width: 66.66667%; + } + .column.is-offset-8-mobile { + margin-left: 66.66667%; + } + .column.is-9-mobile { + flex: none; + width: 75%; + } + .column.is-offset-9-mobile { + margin-left: 75%; + } + .column.is-10-mobile { + flex: none; + width: 83.33333%; + } + .column.is-offset-10-mobile { + margin-left: 83.33333%; + } + .column.is-11-mobile { + flex: none; + width: 91.66667%; + } + .column.is-offset-11-mobile { + margin-left: 91.66667%; + } + .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; + } + .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.33333%; + } + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.33333%; + } + .column.is-2, .column.is-2-tablet { + flex: none; + width: 16.66667%; + } + .column.is-offset-2, .column.is-offset-2-tablet { + margin-left: 16.66667%; + } + .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.33333%; + } + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.33333%; + } + .column.is-5, .column.is-5-tablet { + flex: none; + width: 41.66667%; + } + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.66667%; + } + .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.33333%; + } + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.33333%; + } + .column.is-8, .column.is-8-tablet { + flex: none; + width: 66.66667%; + } + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.66667%; + } + .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.33333%; + } + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.33333%; + } + .column.is-11, .column.is-11-tablet { + flex: none; + width: 91.66667%; + } + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.66667%; + } + .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; + } + .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.33333%; + } + .column.is-offset-1-touch { + margin-left: 8.33333%; + } + .column.is-2-touch { + flex: none; + width: 16.66667%; + } + .column.is-offset-2-touch { + margin-left: 16.66667%; + } + .column.is-3-touch { + flex: none; + width: 25%; + } + .column.is-offset-3-touch { + margin-left: 25%; + } + .column.is-4-touch { + flex: none; + width: 33.33333%; + } + .column.is-offset-4-touch { + margin-left: 33.33333%; + } + .column.is-5-touch { + flex: none; + width: 41.66667%; + } + .column.is-offset-5-touch { + margin-left: 41.66667%; + } + .column.is-6-touch { + flex: none; + width: 50%; + } + .column.is-offset-6-touch { + margin-left: 50%; + } + .column.is-7-touch { + flex: none; + width: 58.33333%; + } + .column.is-offset-7-touch { + margin-left: 58.33333%; + } + .column.is-8-touch { + flex: none; + width: 66.66667%; + } + .column.is-offset-8-touch { + margin-left: 66.66667%; + } + .column.is-9-touch { + flex: none; + width: 75%; + } + .column.is-offset-9-touch { + margin-left: 75%; + } + .column.is-10-touch { + flex: none; + width: 83.33333%; + } + .column.is-offset-10-touch { + margin-left: 83.33333%; + } + .column.is-11-touch { + flex: none; + width: 91.66667%; + } + .column.is-offset-11-touch { + margin-left: 91.66667%; + } + .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; + } + .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.33333%; + } + .column.is-offset-1-desktop { + margin-left: 8.33333%; + } + .column.is-2-desktop { + flex: none; + width: 16.66667%; + } + .column.is-offset-2-desktop { + margin-left: 16.66667%; + } + .column.is-3-desktop { + flex: none; + width: 25%; + } + .column.is-offset-3-desktop { + margin-left: 25%; + } + .column.is-4-desktop { + flex: none; + width: 33.33333%; + } + .column.is-offset-4-desktop { + margin-left: 33.33333%; + } + .column.is-5-desktop { + flex: none; + width: 41.66667%; + } + .column.is-offset-5-desktop { + margin-left: 41.66667%; + } + .column.is-6-desktop { + flex: none; + width: 50%; + } + .column.is-offset-6-desktop { + margin-left: 50%; + } + .column.is-7-desktop { + flex: none; + width: 58.33333%; + } + .column.is-offset-7-desktop { + margin-left: 58.33333%; + } + .column.is-8-desktop { + flex: none; + width: 66.66667%; + } + .column.is-offset-8-desktop { + margin-left: 66.66667%; + } + .column.is-9-desktop { + flex: none; + width: 75%; + } + .column.is-offset-9-desktop { + margin-left: 75%; + } + .column.is-10-desktop { + flex: none; + width: 83.33333%; + } + .column.is-offset-10-desktop { + margin-left: 83.33333%; + } + .column.is-11-desktop { + flex: none; + width: 91.66667%; + } + .column.is-offset-11-desktop { + margin-left: 91.66667%; + } + .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; + } + .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.33333%; + } + .column.is-offset-1-widescreen { + margin-left: 8.33333%; + } + .column.is-2-widescreen { + flex: none; + width: 16.66667%; + } + .column.is-offset-2-widescreen { + margin-left: 16.66667%; + } + .column.is-3-widescreen { + flex: none; + width: 25%; + } + .column.is-offset-3-widescreen { + margin-left: 25%; + } + .column.is-4-widescreen { + flex: none; + width: 33.33333%; + } + .column.is-offset-4-widescreen { + margin-left: 33.33333%; + } + .column.is-5-widescreen { + flex: none; + width: 41.66667%; + } + .column.is-offset-5-widescreen { + margin-left: 41.66667%; + } + .column.is-6-widescreen { + flex: none; + width: 50%; + } + .column.is-offset-6-widescreen { + margin-left: 50%; + } + .column.is-7-widescreen { + flex: none; + width: 58.33333%; + } + .column.is-offset-7-widescreen { + margin-left: 58.33333%; + } + .column.is-8-widescreen { + flex: none; + width: 66.66667%; + } + .column.is-offset-8-widescreen { + margin-left: 66.66667%; + } + .column.is-9-widescreen { + flex: none; + width: 75%; + } + .column.is-offset-9-widescreen { + margin-left: 75%; + } + .column.is-10-widescreen { + flex: none; + width: 83.33333%; + } + .column.is-offset-10-widescreen { + margin-left: 83.33333%; + } + .column.is-11-widescreen { + flex: none; + width: 91.66667%; + } + .column.is-offset-11-widescreen { + margin-left: 91.66667%; + } + .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; + } + .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.33333%; + } + .column.is-offset-1-fullhd { + margin-left: 8.33333%; + } + .column.is-2-fullhd { + flex: none; + width: 16.66667%; + } + .column.is-offset-2-fullhd { + margin-left: 16.66667%; + } + .column.is-3-fullhd { + flex: none; + width: 25%; + } + .column.is-offset-3-fullhd { + margin-left: 25%; + } + .column.is-4-fullhd { + flex: none; + width: 33.33333%; + } + .column.is-offset-4-fullhd { + margin-left: 33.33333%; + } + .column.is-5-fullhd { + flex: none; + width: 41.66667%; + } + .column.is-offset-5-fullhd { + margin-left: 41.66667%; + } + .column.is-6-fullhd { + flex: none; + width: 50%; + } + .column.is-offset-6-fullhd { + margin-left: 50%; + } + .column.is-7-fullhd { + flex: none; + width: 58.33333%; + } + .column.is-offset-7-fullhd { + margin-left: 58.33333%; + } + .column.is-8-fullhd { + flex: none; + width: 66.66667%; + } + .column.is-offset-8-fullhd { + margin-left: 66.66667%; + } + .column.is-9-fullhd { + flex: none; + width: 75%; + } + .column.is-offset-9-fullhd { + margin-left: 75%; + } + .column.is-10-fullhd { + flex: none; + width: 83.33333%; + } + .column.is-offset-10-fullhd { + margin-left: 83.33333%; + } + .column.is-11-fullhd { + flex: none; + width: 91.66667%; + } + .column.is-offset-11-fullhd { + margin-left: 91.66667%; + } + .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.33333%; + } + .tile.is-2 { + flex: none; + width: 16.66667%; + } + .tile.is-3 { + flex: none; + width: 25%; + } + .tile.is-4 { + flex: none; + width: 33.33333%; + } + .tile.is-5 { + flex: none; + width: 41.66667%; + } + .tile.is-6 { + flex: none; + width: 50%; + } + .tile.is-7 { + flex: none; + width: 58.33333%; + } + .tile.is-8 { + flex: none; + width: 66.66667%; + } + .tile.is-9 { + flex: none; + width: 75%; + } + .tile.is-10 { + flex: none; + width: 83.33333%; + } + .tile.is-11 { + flex: none; + width: 91.66667%; + } + .tile.is-12 { + flex: none; + width: 100%; + } +} + +.has-text-white { + color: white !important; +} + +a.has-text-white:hover, a.has-text-white:focus { + color: #e6e6e6 !important; +} + +.has-background-white { + background-color: white !important; +} + +.has-text-black { + color: #0a0a0a !important; +} + +a.has-text-black:hover, a.has-text-black:focus { + color: black !important; +} + +.has-background-black { + background-color: #0a0a0a !important; +} + +.has-text-light { + color: whitesmoke !important; +} + +a.has-text-light:hover, a.has-text-light:focus { + color: #dbdbdb !important; +} + +.has-background-light { + background-color: whitesmoke !important; +} + +.has-text-dark { + color: #363636 !important; +} + +a.has-text-dark:hover, a.has-text-dark:focus { + color: #1c1c1c !important; +} + +.has-background-dark { + background-color: #363636 !important; +} + +.has-text-primary { + color: #00d1b2 !important; +} + +a.has-text-primary:hover, a.has-text-primary:focus { + color: #009e86 !important; +} + +.has-background-primary { + background-color: #00d1b2 !important; +} + +.has-text-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: #3273dc !important; +} + +a.has-text-link:hover, a.has-text-link:focus { + color: #205bbc !important; +} + +.has-background-link { + background-color: #3273dc !important; +} + +.has-text-link-light { + color: #eef3fc !important; +} + +a.has-text-link-light:hover, a.has-text-link-light:focus { + color: #c2d5f5 !important; +} + +.has-background-link-light { + background-color: #eef3fc !important; +} + +.has-text-link-dark { + color: #2160c4 !important; +} + +a.has-text-link-dark:hover, a.has-text-link-dark:focus { + color: #3b79de !important; +} + +.has-background-link-dark { + background-color: #2160c4 !important; +} + +.has-text-info { + color: #3298dc !important; +} + +a.has-text-info:hover, a.has-text-info:focus { + color: #207dbc !important; +} + +.has-background-info { + background-color: #3298dc !important; +} + +.has-text-info-light { + color: #eef6fc !important; +} + +a.has-text-info-light:hover, a.has-text-info-light:focus { + color: #c2e0f5 !important; +} + +.has-background-info-light { + background-color: #eef6fc !important; +} + +.has-text-info-dark { + color: #1d72aa !important; +} + +a.has-text-info-dark:hover, a.has-text-info-dark:focus { + color: #248fd6 !important; +} + +.has-background-info-dark { + background-color: #1d72aa !important; +} + +.has-text-success { + color: #48c774 !important; +} + +a.has-text-success:hover, a.has-text-success:focus { + color: #34a85c !important; +} + +.has-background-success { + background-color: #48c774 !important; +} + +.has-text-success-light { + color: #effaf3 !important; +} + +a.has-text-success-light:hover, a.has-text-success-light:focus { + color: #c8eed6 !important; +} + +.has-background-success-light { + background-color: #effaf3 !important; +} + +.has-text-success-dark { + color: #257942 !important; +} + +a.has-text-success-dark:hover, a.has-text-success-dark:focus { + color: #31a058 !important; +} + +.has-background-success-dark { + background-color: #257942 !important; +} + +.has-text-warning { + color: #ffdd57 !important; +} + +a.has-text-warning:hover, a.has-text-warning:focus { + color: #ffd324 !important; +} + +.has-background-warning { + background-color: #ffdd57 !important; +} + +.has-text-warning-light { + color: #fffbeb !important; +} + +a.has-text-warning-light:hover, a.has-text-warning-light:focus { + color: #fff1b8 !important; +} + +.has-background-warning-light { + background-color: #fffbeb !important; +} + +.has-text-warning-dark { + color: #947600 !important; +} + +a.has-text-warning-dark:hover, a.has-text-warning-dark:focus { + color: #c79f00 !important; +} + +.has-background-warning-dark { + background-color: #947600 !important; +} + +.has-text-danger { + color: #f14668 !important; +} + +a.has-text-danger:hover, a.has-text-danger:focus { + color: #ee1742 !important; +} + +.has-background-danger { + background-color: #f14668 !important; +} + +.has-text-danger-light { + color: #feecf0 !important; +} + +a.has-text-danger-light:hover, a.has-text-danger-light:focus { + color: #fabdc9 !important; +} + +.has-background-danger-light { + background-color: #feecf0 !important; +} + +.has-text-danger-dark { + color: #cc0f35 !important; +} + +a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { + color: #ee2049 !important; +} + +.has-background-danger-dark { + background-color: #cc0f35 !important; +} + +.has-text-black-bis { + color: #121212 !important; +} + +.has-background-black-bis { + background-color: #121212 !important; +} + +.has-text-black-ter { + color: #242424 !important; +} + +.has-background-black-ter { + background-color: #242424 !important; +} + +.has-text-grey-darker { + color: #363636 !important; +} + +.has-background-grey-darker { + background-color: #363636 !important; +} + +.has-text-grey-dark { + color: #4a4a4a !important; +} + +.has-background-grey-dark { + background-color: #4a4a4a !important; +} + +.has-text-grey { + color: #7a7a7a !important; +} + +.has-background-grey { + background-color: #7a7a7a !important; +} + +.has-text-grey-light { + color: #b5b5b5 !important; +} + +.has-background-grey-light { + background-color: #b5b5b5 !important; +} + +.has-text-grey-lighter { + color: #dbdbdb !important; +} + +.has-background-grey-lighter { + background-color: #dbdbdb !important; +} + +.has-text-white-ter { + color: whitesmoke !important; +} + +.has-background-white-ter { + background-color: whitesmoke !important; +} + +.has-text-white-bis { + color: #fafafa !important; +} + +.has-background-white-bis { + background-color: #fafafa !important; +} + +.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-clipped { + overflow: hidden !important; +} + +.is-relative { + position: relative !important; +} + +.is-marginless { + margin: 0 !important; +} + +.is-paddingless { + padding: 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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.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; +} + +.is-size-1 { + font-size: 3rem !important; +} + +.is-size-2 { + font-size: 2.5rem !important; +} + +.is-size-3 { + font-size: 2rem !important; +} + +.is-size-4 { + font-size: 1.5rem !important; +} + +.is-size-5 { + font-size: 1.25rem !important; +} + +.is-size-6 { + font-size: 1rem !important; +} + +.is-size-7 { + font-size: 0.75rem !important; +} + +@media screen and (max-width: 768px) { + .is-size-1-mobile { + font-size: 3rem !important; + } + .is-size-2-mobile { + font-size: 2.5rem !important; + } + .is-size-3-mobile { + font-size: 2rem !important; + } + .is-size-4-mobile { + font-size: 1.5rem !important; + } + .is-size-5-mobile { + font-size: 1.25rem !important; + } + .is-size-6-mobile { + font-size: 1rem !important; + } + .is-size-7-mobile { + font-size: 0.75rem !important; + } +} + +@media screen and (min-width: 769px), print { + .is-size-1-tablet { + font-size: 3rem !important; + } + .is-size-2-tablet { + font-size: 2.5rem !important; + } + .is-size-3-tablet { + font-size: 2rem !important; + } + .is-size-4-tablet { + font-size: 1.5rem !important; + } + .is-size-5-tablet { + font-size: 1.25rem !important; + } + .is-size-6-tablet { + font-size: 1rem !important; + } + .is-size-7-tablet { + font-size: 0.75rem !important; + } +} + +@media screen and (max-width: 1023px) { + .is-size-1-touch { + font-size: 3rem !important; + } + .is-size-2-touch { + font-size: 2.5rem !important; + } + .is-size-3-touch { + font-size: 2rem !important; + } + .is-size-4-touch { + font-size: 1.5rem !important; + } + .is-size-5-touch { + font-size: 1.25rem !important; + } + .is-size-6-touch { + font-size: 1rem !important; + } + .is-size-7-touch { + font-size: 0.75rem !important; + } +} + +@media screen and (min-width: 1024px) { + .is-size-1-desktop { + font-size: 3rem !important; + } + .is-size-2-desktop { + font-size: 2.5rem !important; + } + .is-size-3-desktop { + font-size: 2rem !important; + } + .is-size-4-desktop { + font-size: 1.5rem !important; + } + .is-size-5-desktop { + font-size: 1.25rem !important; + } + .is-size-6-desktop { + font-size: 1rem !important; + } + .is-size-7-desktop { + font-size: 0.75rem !important; + } +} + +@media screen and (min-width: 1216px) { + .is-size-1-widescreen { + font-size: 3rem !important; + } + .is-size-2-widescreen { + font-size: 2.5rem !important; + } + .is-size-3-widescreen { + font-size: 2rem !important; + } + .is-size-4-widescreen { + font-size: 1.5rem !important; + } + .is-size-5-widescreen { + font-size: 1.25rem !important; + } + .is-size-6-widescreen { + font-size: 1rem !important; + } + .is-size-7-widescreen { + font-size: 0.75rem !important; + } +} + +@media screen and (min-width: 1408px) { + .is-size-1-fullhd { + font-size: 3rem !important; + } + .is-size-2-fullhd { + font-size: 2.5rem !important; + } + .is-size-3-fullhd { + font-size: 2rem !important; + } + .is-size-4-fullhd { + font-size: 1.5rem !important; + } + .is-size-5-fullhd { + font-size: 1.25rem !important; + } + .is-size-6-fullhd { + font-size: 1rem !important; + } + .is-size-7-fullhd { + font-size: 0.75rem !important; + } +} + +.has-text-centered { + text-align: center !important; +} + +.has-text-justified { + text-align: justify !important; +} + +.has-text-left { + text-align: left !important; +} + +.has-text-right { + text-align: right !important; +} + +@media screen and (max-width: 768px) { + .has-text-centered-mobile { + text-align: center !important; + } +} + +@media screen and (min-width: 769px), print { + .has-text-centered-tablet { + text-align: center !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-centered-tablet-only { + text-align: center !important; + } +} + +@media screen and (max-width: 1023px) { + .has-text-centered-touch { + text-align: center !important; + } +} + +@media screen and (min-width: 1024px) { + .has-text-centered-desktop { + text-align: center !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-centered-desktop-only { + text-align: center !important; + } +} + +@media screen and (min-width: 1216px) { + .has-text-centered-widescreen { + text-align: center !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-centered-widescreen-only { + text-align: center !important; + } +} + +@media screen and (min-width: 1408px) { + .has-text-centered-fullhd { + text-align: center !important; + } +} + +@media screen and (max-width: 768px) { + .has-text-justified-mobile { + text-align: justify !important; + } +} + +@media screen and (min-width: 769px), print { + .has-text-justified-tablet { + text-align: justify !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-justified-tablet-only { + text-align: justify !important; + } +} + +@media screen and (max-width: 1023px) { + .has-text-justified-touch { + text-align: justify !important; + } +} + +@media screen and (min-width: 1024px) { + .has-text-justified-desktop { + text-align: justify !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-justified-desktop-only { + text-align: justify !important; + } +} + +@media screen and (min-width: 1216px) { + .has-text-justified-widescreen { + text-align: justify !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-justified-widescreen-only { + text-align: justify !important; + } +} + +@media screen and (min-width: 1408px) { + .has-text-justified-fullhd { + text-align: justify !important; + } +} + +@media screen and (max-width: 768px) { + .has-text-left-mobile { + text-align: left !important; + } +} + +@media screen and (min-width: 769px), print { + .has-text-left-tablet { + text-align: left !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-left-tablet-only { + text-align: left !important; + } +} + +@media screen and (max-width: 1023px) { + .has-text-left-touch { + text-align: left !important; + } +} + +@media screen and (min-width: 1024px) { + .has-text-left-desktop { + text-align: left !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-left-desktop-only { + text-align: left !important; + } +} + +@media screen and (min-width: 1216px) { + .has-text-left-widescreen { + text-align: left !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-left-widescreen-only { + text-align: left !important; + } +} + +@media screen and (min-width: 1408px) { + .has-text-left-fullhd { + text-align: left !important; + } +} + +@media screen and (max-width: 768px) { + .has-text-right-mobile { + text-align: right !important; + } +} + +@media screen and (min-width: 769px), print { + .has-text-right-tablet { + text-align: right !important; + } +} + +@media screen and (min-width: 769px) and (max-width: 1023px) { + .has-text-right-tablet-only { + text-align: right !important; + } +} + +@media screen and (max-width: 1023px) { + .has-text-right-touch { + text-align: right !important; + } +} + +@media screen and (min-width: 1024px) { + .has-text-right-desktop { + text-align: right !important; + } +} + +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .has-text-right-desktop-only { + text-align: right !important; + } +} + +@media screen and (min-width: 1216px) { + .has-text-right-widescreen { + text-align: right !important; + } +} + +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .has-text-right-widescreen-only { + text-align: right !important; + } +} + +@media screen and (min-width: 1408px) { + .has-text-right-fullhd { + text-align: right !important; + } +} + +.is-capitalized { + text-transform: capitalize !important; +} + +.is-lowercase { + text-transform: lowercase !important; +} + +.is-uppercase { + text-transform: uppercase !important; +} + +.is-italic { + font-style: italic !important; +} + +.has-text-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; + } +} + +.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: white; + color: #0a0a0a; +} + +.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: #0a0a0a; +} + +.hero.is-white .subtitle { + color: rgba(10, 10, 10, 0.9); +} + +.hero.is-white .subtitle a:not(.button), +.hero.is-white .subtitle strong { + color: #0a0a0a; +} + +@media screen and (max-width: 1023px) { + .hero.is-white .navbar-menu { + background-color: white; + } +} + +.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: #0a0a0a; +} + +.hero.is-white .tabs a { + color: #0a0a0a; + opacity: 0.9; +} + +.hero.is-white .tabs a:hover { + opacity: 1; +} + +.hero.is-white .tabs li.is-active a { + opacity: 1; +} + +.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { + color: #0a0a0a; +} + +.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: #0a0a0a; + border-color: #0a0a0a; + color: white; +} + +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); + } +} + +.hero.is-black { + background-color: #0a0a0a; + color: white; +} + +.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: white; +} + +.hero.is-black .subtitle { + color: rgba(255, 255, 255, 0.9); +} + +.hero.is-black .subtitle a:not(.button), +.hero.is-black .subtitle strong { + color: white; +} + +@media screen and (max-width: 1023px) { + .hero.is-black .navbar-menu { + background-color: #0a0a0a; + } +} + +.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: white; +} + +.hero.is-black .tabs a { + color: white; + opacity: 0.9; +} + +.hero.is-black .tabs a:hover { + opacity: 1; +} + +.hero.is-black .tabs li.is-active a { + opacity: 1; +} + +.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { + color: white; +} + +.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: white; + border-color: white; + color: #0a0a0a; +} + +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .navbar-menu { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); + } +} + +.hero.is-light { + background-color: whitesmoke; + 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: whitesmoke; + } +} + +.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 { + 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: whitesmoke; +} + +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); + } +} + +.hero.is-dark { + background-color: #363636; + 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: #363636; + } +} + +.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 { + 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: #363636; +} + +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); + } +} + +.hero.is-primary { + background-color: #00d1b2; + 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: #00d1b2; + } +} + +.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 { + 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: #00d1b2; +} + +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); + } +} + +.hero.is-link { + background-color: #3273dc; + 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: #3273dc; + } +} + +.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: #2366d1; + 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 { + 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: #3273dc; +} + +.hero.is-link.is-bold { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-link.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); + } +} + +.hero.is-info { + background-color: #3298dc; + 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: #3298dc; + } +} + +.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: #238cd1; + 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 { + 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: #3298dc; +} + +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, #159dc6 0%, #3298dc 71%, #4389e5 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #159dc6 0%, #3298dc 71%, #4389e5 100%); + } +} + +.hero.is-success { + background-color: #48c774; + 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: #48c774; + } +} + +.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: #3abb67; + 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 { + 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: #48c774; +} + +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, #29b342 0%, #48c774 71%, #56d296 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #29b342 0%, #48c774 71%, #56d296 100%); + } +} + +.hero.is-warning { + background-color: #ffdd57; + 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: #ffdd57; + } +} + +.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: #ffd83d; + 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 { + 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: #ffdd57; +} + +.hero.is-warning.is-bold { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); + } +} + +.hero.is-danger { + background-color: #f14668; + 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: #f14668; + } +} + +.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: #ef2e55; + 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 { + 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: #f14668; +} + +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%); +} + +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #fa0a62 0%, #f14668 71%, #f7595f 100%); + } +} + +.hero.is-small .hero-body { + padding: 1.5rem; +} + +@media screen and (min-width: 769px), print { + .hero.is-medium .hero-body { + padding: 9rem 1.5rem; + } +} + +@media screen and (min-width: 769px), print { + .hero.is-large .hero-body { + padding: 18rem 1.5rem; + } +} + +.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; +} + +.section { + padding: 3rem 1.5rem; +} + +@media screen and (min-width: 1024px) { + .section.is-medium { + padding: 9rem 1.5rem; + } + .section.is-large { + padding: 18rem 1.5rem; + } +} + +.footer { + background-color: #fafafa; + padding: 3rem 1.5rem 6rem; +} +/*# sourceMappingURL=bulma.css.map */ \ No newline at end of file diff --git a/purldb_project/static/css/bulma.css.ABOUT b/purldb_project/static/css/bulma.css.ABOUT new file mode 100644 index 00000000..27d7e116 --- /dev/null +++ b/purldb_project/static/css/bulma.css.ABOUT @@ -0,0 +1,14 @@ +about_resource: bulma.css +version: v0.9.0 +download_url: https://raw.githubusercontent.com/jgthms/bulma/891fb0677e74190dc6259fe4677eab2bd8a57ac1/css/bulma.css + +name: bulma css +homepage_url: https://github.com/jgthms/bulma +owner: Jeremy Thomas +author: Jeremy Thomas +notes: This is the minified version of Bulma CSS framework. + +license: mit +license_file: bulma.css.LICENSE + +copyright: Code copyright 2020 Jeremy Thomas. Code released under the MIT license. \ No newline at end of file diff --git a/purldb_project/static/css/bulma.css.LICENSE b/purldb_project/static/css/bulma.css.LICENSE new file mode 100644 index 00000000..04ab9e02 --- /dev/null +++ b/purldb_project/static/css/bulma.css.LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2020 Jeremy Thomas + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. \ No newline at end of file diff --git a/purldb_project/static/css/custom.css b/purldb_project/static/css/custom.css new file mode 100644 index 00000000..eb685744 --- /dev/null +++ b/purldb_project/static/css/custom.css @@ -0,0 +1,1150 @@ +tab.Site { + display: flex; + min-height: 100vh; + flex-direction: column; +} + +.Site-content { + flex: 1; +} + +.nexb-orange { + color: #f7bf3c; +} + +.container.max-desktop-width { + width: 100%; + max-width: 100%; +} + +body { + display: flex; + min-height: 100vh; + flex-direction: column; +} + +a { + color: #0066ff; + text-decoration: none; +} + +a:visited { + color: #0066ff; + text-decoration: none; +} + +a:hover { + color: #0066ff; + text-decoration:underline; +} + +a { + font-weight: 400; +} + +a.button.paging { + color: #0066ff; +} + +a.button.paging:hover { + color: #0066ff; + text-decoration:underline; +} + +a.button.paging:visited { + color: #0066ff; +} + +.button.is-link { + background-color: #485fc7; + border-color: transparent; + color: #fff; +} + +.container.is-fullheight { + min-height: 100vh; + flex: 1; + display: flex; + flex-direction: column; +} + +.footer { + background-color: #ffffff; + padding: 10px 10px 20px 10px; + border-top: solid 1px #000000; + font-size: 14px; + /* This keeps the footer at the bottom of a "short" page. */ + margin-top: auto; +} + +@media screen and (min-width: 1024px) { + .footer { + width: 100%; + } +} + +.navbar.border-bottom-radius { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; +} + +code { + padding-left: 30px; + color: #cd0000; + font-size: 14px; +} + +.inline-code { + padding-left: 0px; + color: #cd0000; + background-color: #ffffff; + border: 0; + padding: 0; + font-family: Consolas; +} + +/* start tabset */ + +/* 2024-08-25 Sunday 12:41:24. Comment out for now since I'm experimenting with a simpler approach that actually works with Bulma columns (and a slightly different JavaScript script). */ + +#tab-content div, +#tab-content div>div { + display: none; +} + +#tab-content div.is-active, +#tab-content div.is-active>div, +#tab-content div.is-active>div>div, +#tab-content div.is-active>div>div>div, +#tab-content div.is-active>div>div>div>div { + display: block; + visibility: visible; +} + +#tab-content div { + border-bottom: 0; +} + +#tab-content .tab-nested-div { + border-bottom: 0; + margin-bottom: 0px; + padding-bottom: 0px; +} + +.tab-div { + border: 0; + background-color: #ffffff; + padding: 10px; +} + +.tabs.is-boxed ul { + padding-left: 20px; + border-color: #3298dc; +} + +.tabs li { + margin-left: 0px; + margin-right: 0px; +} + +.tabs.is-boxed li a { + border-top-width: 3px; +} + +.tabs:not(:last-child) { + margin-bottom: 0px; +} + +.tabs.is-boxed li a:hover { + border: solid 1px #e8e8e8; + border-top-width: 3px; + background-color: #ffffff; + border-color: #e8e8e8; + border-bottom-color: #3298dc; +} + +.tabs.is-boxed li.is-active a, +.tabs.is-boxed li.is-active a:hover { + background-color: white; + border-top: solid 3px #3298dc; + border-bottom-color: transparent !important; + color: #000000; + border-color: #3298dc; +} + +/* end tabset */ + +.table.vcio-table tr:last-child td, +.table.vcio-table td { + border: solid 1px #dbdbdb; +} + +.table th { + border-color: #000000; +} + +.table.gray-header-border th { + border-color: #dbdbdb; +} + +.wrap-strings { + word-break: break-word; +} + +.two-col-left { + width: 255px; + text-align: right !important; + font-weight: bold; + padding-right: 15px !important; + line-height: 20px; +} + +.two-col-right { + line-height: 20px; +} + +pre { + font-family: Consolas; + font-size: 14px; /* 0.875em */ + color: #cc0000; + background-color: #f8f8f8; + border: solid 1px #e8e8e8; + border-radius: 5px; + overflow: visible; + white-space: pre-wrap; + margin: 10px 0px 0px 0px; + padding: 12px; + display: block; +} + +pre.data-display { + font-family: Consolas; + font-size: 14px; /* 0.875em */ + color: #000000; + background-color: #ffffff; + border-color: #d8d8d8; + word-wrap: break-word; word-break: break-word; + /* word-break: break-all; */ + line-height: 18px; + + /* Add right padding to create room for copy button on hover */ + padding-right: 50px; +} + +.data-display { + font-family: Consolas; + font-size: 14px; /* 0.875em */ + color: #000000; + word-wrap: break-word; word-break: break-word; + /* word-break: break-all; */ + line-height: 18px; +} + +.data-display-bg { + background-color: #f8f8f8 !important; + border-color: #e8e8e8 !important; +} + +.data-container { + font-family: Consolas; + font-size: 14px; /* 0.875em */ + color: #000000; + word-wrap: break-word; word-break: break-word; + /* word-break: break-all; */ + line-height: 18px; + border: solid 1px !important; + border-color: #c8c8c8 !important; + border-radius: 5px; + background-color: #ffffff; + padding: 10px; + /* margin: 10px; */ + /* display: inline-block; */ +} + +.note { + line-height: 18px; + padding:5px 5px 5px 5px; + font-size: 14px; + /* Like DejaCode edit screen: */ + font-size: .875em; +} + +ul { + list-style-type: square; +} + +ul li { + background-repeat: no-repeat; + margin-left: 20px; +} + +.is-clipped-list ul { + list-style-type: none; + padding-left: 0px; + margin-left: 0px; + margin-top: 0px; +} + +.is-clipped-list ul li { + margin-left: 0px; + line-height: 18px; +} + +.tag:not(body).is-search-label-left { + box-shadow: 5px 5px 5px #cccccc; + border: solid 1px #b8b8b8; + font-weight: bold; +} + +.tag:not(body).is-search-label-right { + box-shadow: 5px 5px 5px #cccccc; + border: solid 1px #b8b8b8; + border-left: 0; +} + +.message a:not(.button):not(.tag):not(.dropdown-item) { + color: #0066ff; + text-decoration: none; +} + +.message a:not(.button):not(.tag):not(.dropdown-item):hover { + color: #0066ff; + text-decoration: underline; +} + +.message.is-info { + background-color: #ffffff; + border: 0; + box-shadow: 0 0.5em 1em -0.125em #e8e8e8, 0 0 0 1px #e8e8e8; +} + +.message.is-info .message-header { + background-color: #3e8ed0; + color: #fff; +} + +.message.is-info .message-body { + border-color: #3298dc; + color: #000000; +} + +/* This is missing from our local bulma.css file, and is needed for the page-bottom pagination */ +.pagination-list li { + list-style: none; + margin: 0; +} + +.small_page_button { + border: solid 1px #f2f2f2; + border-radius: 3px; + padding: 0px 6px 0px 6px; + background-color: #f8f8f8; + color: #cccccc; + font-size: 12px; +} + +a.small_page_button { + border-color: #99c2ff; + background-color: #ffffff; + color: #0066ff; +} + +.page_arrow_spacing { + padding: 0px 3px 0px 3px; +} + +.panel:not(:last-child).panel-header-only { + margin-bottom: 1.0rem; +} + +.column.skinny { + padding: 0.10rem; + line-height: 17px; + background-color: #ffffff; + border: solid 1px #e8e8e8; + font-size: 14px; +} + +.dropdown-instructions-width { + width: 600px; +} + +.dropdown-instructions-box-shadow { + box-shadow: 0px 8px 16px 0px #808080; +} + +.dropdown-vuln-list-width { + width: 400px; +} + +.dropdown-vuln-dict-width { + max-width: 600px; +} + +.width-100-pct { + width: 100%; +} + +.search-alert { + border: solid 1px #ff9999; + padding: 20px; + margin-top: 20px; + background-color: #ffffff; + color: #ff0000; + z-index: 10; +} + +.navbar-hover-div { + border: 0; + box-shadow: 0px 8px 16px 0px #808080; + min-width: 13rem; + padding: 0px; +} + +.details-container { + border: 0; + border-radius: 6px; + box-shadow: 0 0.5em 1em -0.125em rgba(8, 8, 8, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); +} + +.about-hover-div { + width: 500px; +} + +.fa_link_custom { + font-size: 10px !important; + vertical-align: super; + margin-left: 2px; +} + +span.tag.custom { + margin: 0px 0px 0px 10px; +} + +/* CSS for dev fixed by headers */ +.dev_fixed_by_headers { + border: solid 1px #cccccc; + border-radius: 3px; + background-color: #f2f2f2; + color: #000000; + font-weight: bold; + font-size: 13px; + padding: 3px; + margin-bottom: 3px; + display: block; +} + +.non-floating-purl { + position: relative; + width: 100%; + z-index: 100; + margin-bottom: 0px; +} + +.non-floating-purl .table td, +.non-floating-purl .table tbody tr:last-child td, +.non-floating-purl .table th { + border: solid 1px #dbdbdb; + background-color: #ffffff; +} + +.non-vuln { + margin-top: -25px; +} + +.non-vuln .table td, +.non-vuln .table tbody tr:last-child td, +.non-vuln .table th { + border: solid 1px #dbdbdb; +} + +/* Floating container to display the PURL on the Package details page as the user scrolls down. */ +.floating-purl { + position: sticky; + top: 0; + width: 100%; + z-index: 100; + margin-bottom: 0px; +} + +.floating-purl .table td, +.floating-purl .table tbody tr:last-child td, +.floating-purl .table th { + border: solid 1px #dbdbdb; + background-color: #ffffff; +} + +ul.fixed_by_bullet { + list-style-type: disc; + margin-top: 0.25em; + margin-left: 7px; + margin-bottom: 0.25em; + padding-left: 10px; +} + +ul.fixed_by_bullet ul { + list-style-type: disc; + margin-top: 0px; + margin-bottom: 0px; + margin-left: 18px; + padding: 0; + border: none; +} + + + +ul.fixed_by_bullet li { + margin-left: 0px; + font-family: Arial; + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; + font-size: 13px; + font-weight: normal; + /*margin-bottom: 10px;*/ + margin-bottom: 2px; +} + +ul.fixed_by_bullet li:last-child { + margin-left: 0px; + font-family: Arial; + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; + font-size: 13px; + font-weight: normal; + margin-bottom: 0px; +} + +ul.fixed_by_bullet li li { + margin-left: 0px; + font-family: Arial; + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; + font-size: 13px; + font-weight: normal; + margin-top: 0px; + color: #000000; +} + +/* 3rd-level bullets */ +ul.fixed_by_bullet ul ul { + list-style-type: disc; + margin-top: 0px; + margin-bottom: 0px; + margin-left: 17px; + padding: 0; + border: none; +} + +ul.fixed_by_bullet li li li { + margin-left: 0px; + font-family: Arial; + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; + font-size: 13px; + font-weight: normal; + margin-top: 0px; + color: #000000; +} + +/* CSS for dev fixed by headers */ +.dev_fixed_by_headers { + border: solid 1px #cccccc; + border-radius: 3px; + background-color: #f2f2f2; + color: #000000; + font-weight: bold; + font-size: 13px; + padding: 3px; + margin-bottom: 3px; + display: block; +} + +.non-floating-purl { + position: relative; + width: 100%; + z-index: 100; + margin-bottom: 0px; +} + +.non-floating-purl .table td, +.non-floating-purl .table tbody tr:last-child td, +.non-floating-purl .table th { + border: solid 1px #dbdbdb; + background-color: #ffffff; +} + +.non-vuln { + margin-top: -25px; +} + +.non-vuln .table td, +.non-vuln .table tbody tr:last-child td, +.non-vuln .table th { + border: solid 1px #dbdbdb; +} + +/* Floating container to display the PURL on the Package details page as the user scrolls down. */ +.floating-purl { + position: sticky; + top: 0; + width: 100%; + z-index: 100; + margin-bottom: 0px; +} + +.floating-purl .table td, +.floating-purl .table tbody tr:last-child td, +.floating-purl .table th { + border: solid 1px #dbdbdb; + background-color: #ffffff; +} + +/* Emphasis for affected/fixed headings and related references. */ +.affected-fixed { + color: #000000; + font-weight: 800; +} + +/* Emphasis for not vulnerable. */ +.emphasis-not-vulnerable { + background-color: #e6ffe6; + word-wrap: break-word; word-break: break-all; + display: block; +} + +/* Emphasis for vulnerable. */ +.emphasis-vulnerable { + background-color: #ffe6e6; +} + +/* From https://github.com/jgthms/bulma/issues/2040#issuecomment-734507270 (the Bulma GH repo under the author's top-level GH entity). This helps display the responsive navbar dropdown properly < 1024px width. JMH: some added styles to remove box-shadow and make other adjustnments for the collapsed navbar. */ +@media screen and (max-width: 1024px) { + .navbar-menu { + align-items: stretch; + background-color: transparent; + font-size: 0.875rem; + display: flex; + flex-grow: 1; + flex-shrink: 0; + padding: 0; + + margin-right: 0px !important; + + .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-end { + justify-content: flex-end; + margin-left: auto; + align-items: stretch; + display: flex; + + .navbar-item.has-dropdown { + align-items: stretch; + } + + .navbar-item, + .navbar-link { + align-items: center; + display: flex; + } + + .navbar-dropdown { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 2px solid #dbdbdb; + 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; + } + } + } + + /* Make sure the 'About' navbar link hovering div appears left-aligned on narrower screens so it's visible rather than forced beyond the left-hand screen edge. */ + .dropdown.is-right .dropdown-menu { + left: 0; + right: auto; + } + + /* Remove the collapsed menu's right-hand dark bar, inherited because of how Bulma handles this process. */ + div.navbar-end.mr-3 { + margin-right: 0 !important; + } + + .navbar-item, + .navbar-item:active, + .navbar-item:focus, + .navbar-item:visited { + color: #ffffff; + background-color: transparent; + align-items: stretch; + display: flex; + } + + div.navbar-start { + width: 100%; + } + + a.navbar-item:focus { + background-color: transparent; + color: #ffffff; + } + + a.navbar-item:hover { + color: #ffffff; + background-color: #000000; + } + +} + +@media screen and (max-width: 1023px) { + .navbar-menu { + box-shadow: none; + } +} + +/* ================================================================================================================================== */ +/* ================================================================================================================================== */ + +/* Copied for clipboard.js from https://github.com/aboutcode-org/dejacode/blob/0f01d2b4f79dbd92575ec51d3f21f29a4894a498/dejacode/static/css/dejacode_bootstrap.css#L166 */ +/* -- clipboard.js -- */ +.clipboard { + position: relative; + } + .btn-clipboard, + .btn-expend { + position: absolute; + display: none; + top: .375rem; + top: 0.9rem; + right: 0; + z-index: 10; + color: #000000; + color: #0066ff; + cursor: pointer; + background-color: transparent; + + border: solid 1px #b8b8b8; + border-radius: 3px; + /* padding: 5px 7px 5px 7px !important; */ + + border: 0; + border-radius: 0; + padding: 0 !important; + + } + dd .btn-clipboard { + right: 1rem; + } + dd .btn-expend { + right: 3.1rem; + } + .clipboard:hover .btn-clipboard, + .btn-clipboard:focus, + .clipboard:hover .btn-expend, + .btn-expend:focus { + display: block; + } + .btn-clipboard:hover, + .btn-expend:hover { + background-color: #f2f2f2; + background-color: transparent; + border: solid 1px #808080; + border: 0; + color: #000000; + color: #ff0000; + color: #0066ff; + } + +/* ================================================================================================================================== */ +/* ================================================================================================================================== */ + +/* 2024-09-02 Monday 17:32:03. Try this */ +/* .btn-clipboard:hover span[data-tooltip]::after { + border: solid 1px #ff0000; +} */ + + + + + + + + + + + + /* ============================== */ + + /* 2024-09-02 Monday 13:18:11. Try this */ + + /* .btn-clipboard:hover span[data-tooltip]::after, + .btn-clipboard.tooltip-visible span[data-tooltip]::after { + opacity: 1; + visibility: visible; + display: block; + } */ + + /* ----------------------------------------------------------------------- */ + + /* 2024-09-02 Monday 12:50:15. Try this instead of the block just above. */ + + /* .btn-clipboard { + position: relative; + position: absolute; +} + + +.btn-clipboard span[data-tooltip]::before, +.btn-clipboard span[data-tooltip]::after { + content: ""; + position: absolute; + left: 50%; + visibility: hidden; + opacity: 0; + transition: opacity 0.3s, visibility 0.3s; +} + +.btn-clipboard span[data-tooltip]::before { + border-style: solid; + border-width: 6px 6px 0 6px; + border-color: #333 transparent transparent transparent; + bottom: calc(100% + 10px); + transform: translateX(-50%); + z-index: 1001; +} */ + + +/* .btn-clipboard span[data-tooltip]::after { + content: attr(data-tooltip); + position: absolute; + + bottom: 125%; + left: 50%; + + transform: translateX(-50%); + background-color: #333; + color: white; + padding: 5px 10px; + padding: 0px; + border-radius: 4px; + font-size: 14px; + font-size: 12px; + white-space: nowrap; + opacity: 0; + visibility: hidden; + transition: opacity 0.3s, visibility 0.3s; +} */ + +/* .btn-clipboard:hover span[data-tooltip]::after, +.btn-clipboard.tooltip-visible span[data-tooltip]::after { + opacity: 1; + visibility: visible; +} */ + +/* .btn-clipboard span[data-tooltip]::after { + content: attr(data-tooltip); + background-color: #333; + color: white; + padding: 5px 10px; + border-radius: 4px; + font-size: 14px; + white-space: nowrap; + bottom: calc(100% + 16px); + transform: translateX(-50%); + z-index: 1000; +} + +.btn-clipboard:hover span[data-tooltip]::before, +.btn-clipboard:hover span[data-tooltip]::after, +.btn-clipboard.tooltip-visible span[data-tooltip]::before, +.btn-clipboard.tooltip-visible span[data-tooltip]::after { + visibility: visible; + opacity: 1; +} */ + + /* ----------------------------------------------------------------------- */ + +/* 2024-09-02 Monday 16:56:19. Try this */ + +/* .btn-clipboard { + position: relative; + position: absolute; +} + +.btn-clipboard span[data-tooltip]::before, +.btn-clipboard span[data-tooltip]::after { + content: ""; + position: absolute; + left: 50%; + visibility: hidden; + opacity: 0; + transition: opacity 0.3s, visibility 0.3s; +} + +.btn-clipboard span[data-tooltip]::before { + border-style: solid; + border-width: 6px 6px 0 6px; + border-color: #333 transparent transparent transparent; + bottom: 100%; + transform: translateX(-50%); + z-index: 1001; +} + +.btn-clipboard span[data-tooltip]::after { + content: attr(data-tooltip); + background-color: #333; + color: white; + padding: 5px 10px; + border-radius: 4px; + font-size: 14px; + white-space: nowrap; + bottom: calc(100% + 6px); + transform: translateX(-50%); + z-index: 1000; +} + +.btn-clipboard:hover span[data-tooltip]::before, +.btn-clipboard:hover span[data-tooltip]::after, +.btn-clipboard.tooltip-visible span[data-tooltip]::before, +.btn-clipboard.tooltip-visible span[data-tooltip]::after, +.btn-clipboard span.tooltip-success.is-active::before, +.btn-clipboard span.tooltip-success.is-active::after { + visibility: visible; + opacity: 1; +} */ + +/* Ensure the icon remains visible */ +.btn-clipboard span .custom-icon { + position: relative; + z-index: 1002; +} + + /* ----------------------------------------------------------------------- */ + + /* 2024-08-27 Tuesday 11:03:51. Adjust for display inside div inside td. */ + .btn-clipboard-adjust { + top: -0.1rem; + background-color: #ffffff; + } + .btn-clipboard-adjust:hover { + background-color: #e8e8e8; + } + + .results-message-red { + /* border: solid 2px #ffb3b3; */ + /* border: solid 1px #d8d8d8; */ + background-color: #ffe6e6; + border-radius: 5px; + padding: 10px; + padding: 5px; + margin: 20px 0px 50px 0px; + margin: 5px 0px 40px 0px; + margin: 0px 0px 5px 0px; + color: #000000; + } + + .results-message-green { + /* border: solid 2px #00e6ac; */ + /* border: solid 1px #d8d8d8; */ + background-color: #99ffe6; + border-radius: 5px; + padding: 10px; + padding: 5px; + margin: 20px 0px 50px 0px; + margin: 5px 0px 40px 0px; + margin: 0px 0px 5px 0px; + color: #000000; + } + + .results-message-yellow { + /* border: solid 2px #ffeb99; */ + /* border: solid 1px #d8d8d8; */ + background-color: #ffffcc; + border-radius: 5px; + padding: 10px; + padding: 5px; + margin: 20px 0px 50px 0px; + margin: 5px 0px 40px 0px; + margin: 0px 0px 5px 0px; + color: #000000; + } + + .bold-white { + font-weight: 600; + color: #ffffff; + } + + .positive { + background-color: #00cc99; + color: #000000; + } + + /* Makes the placeholder darker in Firefox. */ + ::placeholder { + opacity: 1; + } + +/* ================================================================================================================================== */ +/* ================================================================================================================================== */ + + /* For the clipboard.js/copy-to-clipboard tooltips */ + +/* Base tooltip styles */ +/* [data-tooltip] { + position: relative; + cursor: pointer; + } */ + + /* [data-tooltip]::before, + [data-tooltip]::after { + position: absolute; + opacity: 0; + visibility: hidden; + visibility: visible !important; + transition: opacity 0.3s ease, visibility 0.3s ease; + } */ + + /* Tooltip text */ + /* [data-tooltip]::before { + content: attr(data-tooltip); + background-color: #333; + background-color: #000000 !important; + color: #fff; + text-align: center; + padding: 5px 10px; + border-radius: 6px !important; + white-space: nowrap; + z-index: 1; + bottom: 125%; + left: 50%; + transform: translateX(-50%); + } */ + + /* Tooltip arrow */ + /* [data-tooltip]::after { + content: ""; + border-width: 5px; + border-style: solid; + border-color: #333 transparent transparent transparent; + bottom: 75%; + left: 50%; + transform: translateX(-50%); + } */ + + + /* Show tooltip on hover */ + /* 2024-09-02 Monday 12:19:54. Seems to have no effect on the latest tooltip */ + /* [data-tooltip]:hover::before, + [data-tooltip]:hover::after { + opacity: 1; + visibility: visible; + } */ + + /* Custom width classes */ + [data-tooltip].tooltip-wide::before { + width: 200px !important; + white-space: normal; + border-radius: 5px !important; + background-color: #000000 !important; + text-align: center; + padding: 5px !important; + } + + [data-tooltip].tooltip-wide-error::before { + width: 200px !important; + white-space: normal; + border-radius: 5px !important; + background-color: #ff0000 !important; + text-align: center; + padding: 5px !important; + } + + [data-tooltip].tooltip-wide-success::before { + width: 200px !important; + white-space: normal; + border-radius: 5px !important; + background-color: #009900 !important; + text-align: center; + padding: 5px !important; + } + + [data-tooltip].tooltip-narrow::before { + width: 100px !important; + white-space: normal; + /* border: solid 1px #0000; */ + border-radius: 5px !important; + background-color: #000000 !important; + text-align: center; + padding: 5px !important; + } + + [data-tooltip].tooltip-narrow-success::before { + width: 100px !important; + white-space: normal; + border-radius: 5px !important; + background-color: #009900 !important; + text-align: center; + padding: 5px !important; + } + + /* or maybe this? */ + /* [data-tooltip].tooltip-narrow-success::before { + visibility: visible; + opacity: 1; + } */ + +/* ================================================================================================================================== */ +/* ================================================================================================================================== */ + + .fa .fa-copy { + color: #ff0000 !important; + background-color: #ff0000 !important; + } + .fa .fa-copy:hover { + color: #0000cc !important; + background-color: #0000cc !important; + } + + /* Scale the clippy.svg used by clipboard.js */ + .small-svg { + height: 16px; + width: 14px; + background-color: transparent; + fill: #0000cc !important; + + transition: fill 0.3s ease; +} +.small-svg:hover { + color: #ff0000 !important; + fill: #00ff00 !important; +} + +.custom-icon { + color: #000000; + font-size: 24px; + font-size: 16px !important; + transition: color 0.3s ease; +} + +.custom-icon:hover { + color: #808080; +} + +/* Keep tooltip visible until user clicks elsewhere on page. */ +.btn-clipboard span[data-tooltip]:not(.tooltip-visible)::after { + display: none; + display: block !important; + visibility: visible !important; +} + +.btn-clipboard span[data-tooltip].tooltip-visible::after { + display: block; + display: block !important; + visibility: visible !important; +} diff --git a/purldb_project/static/css/font-awesome.css b/purldb_project/static/css/font-awesome.css new file mode 100644 index 00000000..ee906a81 --- /dev/null +++ b/purldb_project/static/css/font-awesome.css @@ -0,0 +1,2337 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.33333333em; + line-height: 0.75em; + vertical-align: -15%; +} +.fa-2x { + font-size: 2em; +} +.fa-3x { + font-size: 3em; +} +.fa-4x { + font-size: 4em; +} +.fa-5x { + font-size: 5em; +} +.fa-fw { + width: 1.28571429em; + text-align: center; +} +.fa-ul { + padding-left: 0; + margin-left: 2.14285714em; + list-style-type: none; +} +.fa-ul > li { + position: relative; +} +.fa-li { + position: absolute; + left: -2.14285714em; + width: 2.14285714em; + top: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + border-radius: .1em; +} +.fa-pull-left { + float: left; +} +.fa-pull-right { + float: right; +} +.fa.fa-pull-left { + margin-right: .3em; +} +.fa.fa-pull-right { + margin-left: .3em; +} +/* Deprecated as of 4.4.0 */ +.pull-right { + float: right; +} +.pull-left { + float: left; +} +.fa.pull-left { + margin-right: .3em; +} +.fa.pull-right { + margin-left: .3em; +} +.fa-spin { + -webkit-animation: fa-spin 2s infinite linear; + animation: fa-spin 2s infinite linear; +} +.fa-pulse { + -webkit-animation: fa-spin 1s infinite steps(8); + animation: fa-spin 1s infinite steps(8); +} +@-webkit-keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +@keyframes fa-spin { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + transform: rotate(359deg); + } +} +.fa-rotate-90 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)"; + -webkit-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.fa-flip-vertical { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"; + -webkit-transform: scale(1, -1); + -ms-transform: scale(1, -1); + transform: scale(1, -1); +} +:root .fa-rotate-90, +:root .fa-rotate-180, +:root .fa-rotate-270, +:root .fa-flip-horizontal, +:root .fa-flip-vertical { + filter: none; +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle; +} +.fa-stack-1x, +.fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center; +} +.fa-stack-1x { + line-height: inherit; +} +.fa-stack-2x { + font-size: 2em; +} +.fa-inverse { + color: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.fa-glass:before { + content: "\f000"; +} +.fa-music:before { + content: "\f001"; +} +.fa-search:before { + content: "\f002"; +} +.fa-envelope-o:before { + content: "\f003"; +} +.fa-heart:before { + content: "\f004"; +} +.fa-star:before { + content: "\f005"; +} +.fa-star-o:before { + content: "\f006"; +} +.fa-user:before { + content: "\f007"; +} +.fa-film:before { + content: "\f008"; +} +.fa-th-large:before { + content: "\f009"; +} +.fa-th:before { + content: "\f00a"; +} +.fa-th-list:before { + content: "\f00b"; +} +.fa-check:before { + content: "\f00c"; +} +.fa-remove:before, +.fa-close:before, +.fa-times:before { + content: "\f00d"; +} +.fa-search-plus:before { + content: "\f00e"; +} +.fa-search-minus:before { + content: "\f010"; +} +.fa-power-off:before { + content: "\f011"; +} +.fa-signal:before { + content: "\f012"; +} +.fa-gear:before, +.fa-cog:before { + content: "\f013"; +} +.fa-trash-o:before { + content: "\f014"; +} +.fa-home:before { + content: "\f015"; +} +.fa-file-o:before { + content: "\f016"; +} +.fa-clock-o:before { + content: "\f017"; +} +.fa-road:before { + content: "\f018"; +} +.fa-download:before { + content: "\f019"; +} +.fa-arrow-circle-o-down:before { + content: "\f01a"; +} +.fa-arrow-circle-o-up:before { + content: "\f01b"; +} +.fa-inbox:before { + content: "\f01c"; +} +.fa-play-circle-o:before { + content: "\f01d"; +} +.fa-rotate-right:before, +.fa-repeat:before { + content: "\f01e"; +} +.fa-refresh:before { + content: "\f021"; +} +.fa-list-alt:before { + content: "\f022"; +} +.fa-lock:before { + content: "\f023"; +} +.fa-flag:before { + content: "\f024"; +} +.fa-headphones:before { + content: "\f025"; +} +.fa-volume-off:before { + content: "\f026"; +} +.fa-volume-down:before { + content: "\f027"; +} +.fa-volume-up:before { + content: "\f028"; +} +.fa-qrcode:before { + content: "\f029"; +} +.fa-barcode:before { + content: "\f02a"; +} +.fa-tag:before { + content: "\f02b"; +} +.fa-tags:before { + content: "\f02c"; +} +.fa-book:before { + content: "\f02d"; +} +.fa-bookmark:before { + content: "\f02e"; +} +.fa-print:before { + content: "\f02f"; +} +.fa-camera:before { + content: "\f030"; +} +.fa-font:before { + content: "\f031"; +} +.fa-bold:before { + content: "\f032"; +} +.fa-italic:before { + content: "\f033"; +} +.fa-text-height:before { + content: "\f034"; +} +.fa-text-width:before { + content: "\f035"; +} +.fa-align-left:before { + content: "\f036"; +} +.fa-align-center:before { + content: "\f037"; +} +.fa-align-right:before { + content: "\f038"; +} +.fa-align-justify:before { + content: "\f039"; +} +.fa-list:before { + content: "\f03a"; +} +.fa-dedent:before, +.fa-outdent:before { + content: "\f03b"; +} +.fa-indent:before { + content: "\f03c"; +} +.fa-video-camera:before { + content: "\f03d"; +} +.fa-photo:before, +.fa-image:before, +.fa-picture-o:before { + content: "\f03e"; +} +.fa-pencil:before { + content: "\f040"; +} +.fa-map-marker:before { + content: "\f041"; +} +.fa-adjust:before { + content: "\f042"; +} +.fa-tint:before { + content: "\f043"; +} +.fa-edit:before, +.fa-pencil-square-o:before { + content: "\f044"; +} +.fa-share-square-o:before { + content: "\f045"; +} +.fa-check-square-o:before { + content: "\f046"; +} +.fa-arrows:before { + content: "\f047"; +} +.fa-step-backward:before { + content: "\f048"; +} +.fa-fast-backward:before { + content: "\f049"; +} +.fa-backward:before { + content: "\f04a"; +} +.fa-play:before { + content: "\f04b"; +} +.fa-pause:before { + content: "\f04c"; +} +.fa-stop:before { + content: "\f04d"; +} +.fa-forward:before { + content: "\f04e"; +} +.fa-fast-forward:before { + content: "\f050"; +} +.fa-step-forward:before { + content: "\f051"; +} +.fa-eject:before { + content: "\f052"; +} +.fa-chevron-left:before { + content: "\f053"; +} +.fa-chevron-right:before { + content: "\f054"; +} +.fa-plus-circle:before { + content: "\f055"; +} +.fa-minus-circle:before { + content: "\f056"; +} +.fa-times-circle:before { + content: "\f057"; +} +.fa-check-circle:before { + content: "\f058"; +} +.fa-question-circle:before { + content: "\f059"; +} +.fa-info-circle:before { + content: "\f05a"; +} +.fa-crosshairs:before { + content: "\f05b"; +} +.fa-times-circle-o:before { + content: "\f05c"; +} +.fa-check-circle-o:before { + content: "\f05d"; +} +.fa-ban:before { + content: "\f05e"; +} +.fa-arrow-left:before { + content: "\f060"; +} +.fa-arrow-right:before { + content: "\f061"; +} +.fa-arrow-up:before { + content: "\f062"; +} +.fa-arrow-down:before { + content: "\f063"; +} +.fa-mail-forward:before, +.fa-share:before { + content: "\f064"; +} +.fa-expand:before { + content: "\f065"; +} +.fa-compress:before { + content: "\f066"; +} +.fa-plus:before { + content: "\f067"; +} +.fa-minus:before { + content: "\f068"; +} +.fa-asterisk:before { + content: "\f069"; +} +.fa-exclamation-circle:before { + content: "\f06a"; +} +.fa-gift:before { + content: "\f06b"; +} +.fa-leaf:before { + content: "\f06c"; +} +.fa-fire:before { + content: "\f06d"; +} +.fa-eye:before { + content: "\f06e"; +} +.fa-eye-slash:before { + content: "\f070"; +} +.fa-warning:before, +.fa-exclamation-triangle:before { + content: "\f071"; +} +.fa-plane:before { + content: "\f072"; +} +.fa-calendar:before { + content: "\f073"; +} +.fa-random:before { + content: "\f074"; +} +.fa-comment:before { + content: "\f075"; +} +.fa-magnet:before { + content: "\f076"; +} +.fa-chevron-up:before { + content: "\f077"; +} +.fa-chevron-down:before { + content: "\f078"; +} +.fa-retweet:before { + content: "\f079"; +} +.fa-shopping-cart:before { + content: "\f07a"; +} +.fa-folder:before { + content: "\f07b"; +} +.fa-folder-open:before { + content: "\f07c"; +} +.fa-arrows-v:before { + content: "\f07d"; +} +.fa-arrows-h:before { + content: "\f07e"; +} +.fa-bar-chart-o:before, +.fa-bar-chart:before { + content: "\f080"; +} +.fa-twitter-square:before { + content: "\f081"; +} +.fa-facebook-square:before { + content: "\f082"; +} +.fa-camera-retro:before { + content: "\f083"; +} +.fa-key:before { + content: "\f084"; +} +.fa-gears:before, +.fa-cogs:before { + content: "\f085"; +} +.fa-comments:before { + content: "\f086"; +} +.fa-thumbs-o-up:before { + content: "\f087"; +} +.fa-thumbs-o-down:before { + content: "\f088"; +} +.fa-star-half:before { + content: "\f089"; +} +.fa-heart-o:before { + content: "\f08a"; +} +.fa-sign-out:before { + content: "\f08b"; +} +.fa-linkedin-square:before { + content: "\f08c"; +} +.fa-thumb-tack:before { + content: "\f08d"; +} +.fa-external-link:before { + content: "\f08e"; +} +.fa-sign-in:before { + content: "\f090"; +} +.fa-trophy:before { + content: "\f091"; +} +.fa-github-square:before { + content: "\f092"; +} +.fa-upload:before { + content: "\f093"; +} +.fa-lemon-o:before { + content: "\f094"; +} +.fa-phone:before { + content: "\f095"; +} +.fa-square-o:before { + content: "\f096"; +} +.fa-bookmark-o:before { + content: "\f097"; +} +.fa-phone-square:before { + content: "\f098"; +} +.fa-twitter:before { + content: "\f099"; +} +.fa-facebook-f:before, +.fa-facebook:before { + content: "\f09a"; +} +.fa-github:before { + content: "\f09b"; +} +.fa-unlock:before { + content: "\f09c"; +} +.fa-credit-card:before { + content: "\f09d"; +} +.fa-feed:before, +.fa-rss:before { + content: "\f09e"; +} +.fa-hdd-o:before { + content: "\f0a0"; +} +.fa-bullhorn:before { + content: "\f0a1"; +} +.fa-bell:before { + content: "\f0f3"; +} +.fa-certificate:before { + content: "\f0a3"; +} +.fa-hand-o-right:before { + content: "\f0a4"; +} +.fa-hand-o-left:before { + content: "\f0a5"; +} +.fa-hand-o-up:before { + content: "\f0a6"; +} +.fa-hand-o-down:before { + content: "\f0a7"; +} +.fa-arrow-circle-left:before { + content: "\f0a8"; +} +.fa-arrow-circle-right:before { + content: "\f0a9"; +} +.fa-arrow-circle-up:before { + content: "\f0aa"; +} +.fa-arrow-circle-down:before { + content: "\f0ab"; +} +.fa-globe:before { + content: "\f0ac"; +} +.fa-wrench:before { + content: "\f0ad"; +} +.fa-tasks:before { + content: "\f0ae"; +} +.fa-filter:before { + content: "\f0b0"; +} +.fa-briefcase:before { + content: "\f0b1"; +} +.fa-arrows-alt:before { + content: "\f0b2"; +} +.fa-group:before, +.fa-users:before { + content: "\f0c0"; +} +.fa-chain:before, +.fa-link:before { + content: "\f0c1"; +} +.fa-cloud:before { + content: "\f0c2"; +} +.fa-flask:before { + content: "\f0c3"; +} +.fa-cut:before, +.fa-scissors:before { + content: "\f0c4"; +} +.fa-copy:before, +.fa-files-o:before { + content: "\f0c5"; +} +.fa-paperclip:before { + content: "\f0c6"; +} +.fa-save:before, +.fa-floppy-o:before { + content: "\f0c7"; +} +.fa-square:before { + content: "\f0c8"; +} +.fa-navicon:before, +.fa-reorder:before, +.fa-bars:before { + content: "\f0c9"; +} +.fa-list-ul:before { + content: "\f0ca"; +} +.fa-list-ol:before { + content: "\f0cb"; +} +.fa-strikethrough:before { + content: "\f0cc"; +} +.fa-underline:before { + content: "\f0cd"; +} +.fa-table:before { + content: "\f0ce"; +} +.fa-magic:before { + content: "\f0d0"; +} +.fa-truck:before { + content: "\f0d1"; +} +.fa-pinterest:before { + content: "\f0d2"; +} +.fa-pinterest-square:before { + content: "\f0d3"; +} +.fa-google-plus-square:before { + content: "\f0d4"; +} +.fa-google-plus:before { + content: "\f0d5"; +} +.fa-money:before { + content: "\f0d6"; +} +.fa-caret-down:before { + content: "\f0d7"; +} +.fa-caret-up:before { + content: "\f0d8"; +} +.fa-caret-left:before { + content: "\f0d9"; +} +.fa-caret-right:before { + content: "\f0da"; +} +.fa-columns:before { + content: "\f0db"; +} +.fa-unsorted:before, +.fa-sort:before { + content: "\f0dc"; +} +.fa-sort-down:before, +.fa-sort-desc:before { + content: "\f0dd"; +} +.fa-sort-up:before, +.fa-sort-asc:before { + content: "\f0de"; +} +.fa-envelope:before { + content: "\f0e0"; +} +.fa-linkedin:before { + content: "\f0e1"; +} +.fa-rotate-left:before, +.fa-undo:before { + content: "\f0e2"; +} +.fa-legal:before, +.fa-gavel:before { + content: "\f0e3"; +} +.fa-dashboard:before, +.fa-tachometer:before { + content: "\f0e4"; +} +.fa-comment-o:before { + content: "\f0e5"; +} +.fa-comments-o:before { + content: "\f0e6"; +} +.fa-flash:before, +.fa-bolt:before { + content: "\f0e7"; +} +.fa-sitemap:before { + content: "\f0e8"; +} +.fa-umbrella:before { + content: "\f0e9"; +} +.fa-paste:before, +.fa-clipboard:before { + content: "\f0ea"; +} +.fa-lightbulb-o:before { + content: "\f0eb"; +} +.fa-exchange:before { + content: "\f0ec"; +} +.fa-cloud-download:before { + content: "\f0ed"; +} +.fa-cloud-upload:before { + content: "\f0ee"; +} +.fa-user-md:before { + content: "\f0f0"; +} +.fa-stethoscope:before { + content: "\f0f1"; +} +.fa-suitcase:before { + content: "\f0f2"; +} +.fa-bell-o:before { + content: "\f0a2"; +} +.fa-coffee:before { + content: "\f0f4"; +} +.fa-cutlery:before { + content: "\f0f5"; +} +.fa-file-text-o:before { + content: "\f0f6"; +} +.fa-building-o:before { + content: "\f0f7"; +} +.fa-hospital-o:before { + content: "\f0f8"; +} +.fa-ambulance:before { + content: "\f0f9"; +} +.fa-medkit:before { + content: "\f0fa"; +} +.fa-fighter-jet:before { + content: "\f0fb"; +} +.fa-beer:before { + content: "\f0fc"; +} +.fa-h-square:before { + content: "\f0fd"; +} +.fa-plus-square:before { + content: "\f0fe"; +} +.fa-angle-double-left:before { + content: "\f100"; +} +.fa-angle-double-right:before { + content: "\f101"; +} +.fa-angle-double-up:before { + content: "\f102"; +} +.fa-angle-double-down:before { + content: "\f103"; +} +.fa-angle-left:before { + content: "\f104"; +} +.fa-angle-right:before { + content: "\f105"; +} +.fa-angle-up:before { + content: "\f106"; +} +.fa-angle-down:before { + content: "\f107"; +} +.fa-desktop:before { + content: "\f108"; +} +.fa-laptop:before { + content: "\f109"; +} +.fa-tablet:before { + content: "\f10a"; +} +.fa-mobile-phone:before, +.fa-mobile:before { + content: "\f10b"; +} +.fa-circle-o:before { + content: "\f10c"; +} +.fa-quote-left:before { + content: "\f10d"; +} +.fa-quote-right:before { + content: "\f10e"; +} +.fa-spinner:before { + content: "\f110"; +} +.fa-circle:before { + content: "\f111"; +} +.fa-mail-reply:before, +.fa-reply:before { + content: "\f112"; +} +.fa-github-alt:before { + content: "\f113"; +} +.fa-folder-o:before { + content: "\f114"; +} +.fa-folder-open-o:before { + content: "\f115"; +} +.fa-smile-o:before { + content: "\f118"; +} +.fa-frown-o:before { + content: "\f119"; +} +.fa-meh-o:before { + content: "\f11a"; +} +.fa-gamepad:before { + content: "\f11b"; +} +.fa-keyboard-o:before { + content: "\f11c"; +} +.fa-flag-o:before { + content: "\f11d"; +} +.fa-flag-checkered:before { + content: "\f11e"; +} +.fa-terminal:before { + content: "\f120"; +} +.fa-code:before { + content: "\f121"; +} +.fa-mail-reply-all:before, +.fa-reply-all:before { + content: "\f122"; +} +.fa-star-half-empty:before, +.fa-star-half-full:before, +.fa-star-half-o:before { + content: "\f123"; +} +.fa-location-arrow:before { + content: "\f124"; +} +.fa-crop:before { + content: "\f125"; +} +.fa-code-fork:before { + content: "\f126"; +} +.fa-unlink:before, +.fa-chain-broken:before { + content: "\f127"; +} +.fa-question:before { + content: "\f128"; +} +.fa-info:before { + content: "\f129"; +} +.fa-exclamation:before { + content: "\f12a"; +} +.fa-superscript:before { + content: "\f12b"; +} +.fa-subscript:before { + content: "\f12c"; +} +.fa-eraser:before { + content: "\f12d"; +} +.fa-puzzle-piece:before { + content: "\f12e"; +} +.fa-microphone:before { + content: "\f130"; +} +.fa-microphone-slash:before { + content: "\f131"; +} +.fa-shield:before { + content: "\f132"; +} +.fa-calendar-o:before { + content: "\f133"; +} +.fa-fire-extinguisher:before { + content: "\f134"; +} +.fa-rocket:before { + content: "\f135"; +} +.fa-maxcdn:before { + content: "\f136"; +} +.fa-chevron-circle-left:before { + content: "\f137"; +} +.fa-chevron-circle-right:before { + content: "\f138"; +} +.fa-chevron-circle-up:before { + content: "\f139"; +} +.fa-chevron-circle-down:before { + content: "\f13a"; +} +.fa-html5:before { + content: "\f13b"; +} +.fa-css3:before { + content: "\f13c"; +} +.fa-anchor:before { + content: "\f13d"; +} +.fa-unlock-alt:before { + content: "\f13e"; +} +.fa-bullseye:before { + content: "\f140"; +} +.fa-ellipsis-h:before { + content: "\f141"; +} +.fa-ellipsis-v:before { + content: "\f142"; +} +.fa-rss-square:before { + content: "\f143"; +} +.fa-play-circle:before { + content: "\f144"; +} +.fa-ticket:before { + content: "\f145"; +} +.fa-minus-square:before { + content: "\f146"; +} +.fa-minus-square-o:before { + content: "\f147"; +} +.fa-level-up:before { + content: "\f148"; +} +.fa-level-down:before { + content: "\f149"; +} +.fa-check-square:before { + content: "\f14a"; +} +.fa-pencil-square:before { + content: "\f14b"; +} +.fa-external-link-square:before { + content: "\f14c"; +} +.fa-share-square:before { + content: "\f14d"; +} +.fa-compass:before { + content: "\f14e"; +} +.fa-toggle-down:before, +.fa-caret-square-o-down:before { + content: "\f150"; +} +.fa-toggle-up:before, +.fa-caret-square-o-up:before { + content: "\f151"; +} +.fa-toggle-right:before, +.fa-caret-square-o-right:before { + content: "\f152"; +} +.fa-euro:before, +.fa-eur:before { + content: "\f153"; +} +.fa-gbp:before { + content: "\f154"; +} +.fa-dollar:before, +.fa-usd:before { + content: "\f155"; +} +.fa-rupee:before, +.fa-inr:before { + content: "\f156"; +} +.fa-cny:before, +.fa-rmb:before, +.fa-yen:before, +.fa-jpy:before { + content: "\f157"; +} +.fa-ruble:before, +.fa-rouble:before, +.fa-rub:before { + content: "\f158"; +} +.fa-won:before, +.fa-krw:before { + content: "\f159"; +} +.fa-bitcoin:before, +.fa-btc:before { + content: "\f15a"; +} +.fa-file:before { + content: "\f15b"; +} +.fa-file-text:before { + content: "\f15c"; +} +.fa-sort-alpha-asc:before { + content: "\f15d"; +} +.fa-sort-alpha-desc:before { + content: "\f15e"; +} +.fa-sort-amount-asc:before { + content: "\f160"; +} +.fa-sort-amount-desc:before { + content: "\f161"; +} +.fa-sort-numeric-asc:before { + content: "\f162"; +} +.fa-sort-numeric-desc:before { + content: "\f163"; +} +.fa-thumbs-up:before { + content: "\f164"; +} +.fa-thumbs-down:before { + content: "\f165"; +} +.fa-youtube-square:before { + content: "\f166"; +} +.fa-youtube:before { + content: "\f167"; +} +.fa-xing:before { + content: "\f168"; +} +.fa-xing-square:before { + content: "\f169"; +} +.fa-youtube-play:before { + content: "\f16a"; +} +.fa-dropbox:before { + content: "\f16b"; +} +.fa-stack-overflow:before { + content: "\f16c"; +} +.fa-instagram:before { + content: "\f16d"; +} +.fa-flickr:before { + content: "\f16e"; +} +.fa-adn:before { + content: "\f170"; +} +.fa-bitbucket:before { + content: "\f171"; +} +.fa-bitbucket-square:before { + content: "\f172"; +} +.fa-tumblr:before { + content: "\f173"; +} +.fa-tumblr-square:before { + content: "\f174"; +} +.fa-long-arrow-down:before { + content: "\f175"; +} +.fa-long-arrow-up:before { + content: "\f176"; +} +.fa-long-arrow-left:before { + content: "\f177"; +} +.fa-long-arrow-right:before { + content: "\f178"; +} +.fa-apple:before { + content: "\f179"; +} +.fa-windows:before { + content: "\f17a"; +} +.fa-android:before { + content: "\f17b"; +} +.fa-linux:before { + content: "\f17c"; +} +.fa-dribbble:before { + content: "\f17d"; +} +.fa-skype:before { + content: "\f17e"; +} +.fa-foursquare:before { + content: "\f180"; +} +.fa-trello:before { + content: "\f181"; +} +.fa-female:before { + content: "\f182"; +} +.fa-male:before { + content: "\f183"; +} +.fa-gittip:before, +.fa-gratipay:before { + content: "\f184"; +} +.fa-sun-o:before { + content: "\f185"; +} +.fa-moon-o:before { + content: "\f186"; +} +.fa-archive:before { + content: "\f187"; +} +.fa-bug:before { + content: "\f188"; +} +.fa-vk:before { + content: "\f189"; +} +.fa-weibo:before { + content: "\f18a"; +} +.fa-renren:before { + content: "\f18b"; +} +.fa-pagelines:before { + content: "\f18c"; +} +.fa-stack-exchange:before { + content: "\f18d"; +} +.fa-arrow-circle-o-right:before { + content: "\f18e"; +} +.fa-arrow-circle-o-left:before { + content: "\f190"; +} +.fa-toggle-left:before, +.fa-caret-square-o-left:before { + content: "\f191"; +} +.fa-dot-circle-o:before { + content: "\f192"; +} +.fa-wheelchair:before { + content: "\f193"; +} +.fa-vimeo-square:before { + content: "\f194"; +} +.fa-turkish-lira:before, +.fa-try:before { + content: "\f195"; +} +.fa-plus-square-o:before { + content: "\f196"; +} +.fa-space-shuttle:before { + content: "\f197"; +} +.fa-slack:before { + content: "\f198"; +} +.fa-envelope-square:before { + content: "\f199"; +} +.fa-wordpress:before { + content: "\f19a"; +} +.fa-openid:before { + content: "\f19b"; +} +.fa-institution:before, +.fa-bank:before, +.fa-university:before { + content: "\f19c"; +} +.fa-mortar-board:before, +.fa-graduation-cap:before { + content: "\f19d"; +} +.fa-yahoo:before { + content: "\f19e"; +} +.fa-google:before { + content: "\f1a0"; +} +.fa-reddit:before { + content: "\f1a1"; +} +.fa-reddit-square:before { + content: "\f1a2"; +} +.fa-stumbleupon-circle:before { + content: "\f1a3"; +} +.fa-stumbleupon:before { + content: "\f1a4"; +} +.fa-delicious:before { + content: "\f1a5"; +} +.fa-digg:before { + content: "\f1a6"; +} +.fa-pied-piper-pp:before { + content: "\f1a7"; +} +.fa-pied-piper-alt:before { + content: "\f1a8"; +} +.fa-drupal:before { + content: "\f1a9"; +} +.fa-joomla:before { + content: "\f1aa"; +} +.fa-language:before { + content: "\f1ab"; +} +.fa-fax:before { + content: "\f1ac"; +} +.fa-building:before { + content: "\f1ad"; +} +.fa-child:before { + content: "\f1ae"; +} +.fa-paw:before { + content: "\f1b0"; +} +.fa-spoon:before { + content: "\f1b1"; +} +.fa-cube:before { + content: "\f1b2"; +} +.fa-cubes:before { + content: "\f1b3"; +} +.fa-behance:before { + content: "\f1b4"; +} +.fa-behance-square:before { + content: "\f1b5"; +} +.fa-steam:before { + content: "\f1b6"; +} +.fa-steam-square:before { + content: "\f1b7"; +} +.fa-recycle:before { + content: "\f1b8"; +} +.fa-automobile:before, +.fa-car:before { + content: "\f1b9"; +} +.fa-cab:before, +.fa-taxi:before { + content: "\f1ba"; +} +.fa-tree:before { + content: "\f1bb"; +} +.fa-spotify:before { + content: "\f1bc"; +} +.fa-deviantart:before { + content: "\f1bd"; +} +.fa-soundcloud:before { + content: "\f1be"; +} +.fa-database:before { + content: "\f1c0"; +} +.fa-file-pdf-o:before { + content: "\f1c1"; +} +.fa-file-word-o:before { + content: "\f1c2"; +} +.fa-file-excel-o:before { + content: "\f1c3"; +} +.fa-file-powerpoint-o:before { + content: "\f1c4"; +} +.fa-file-photo-o:before, +.fa-file-picture-o:before, +.fa-file-image-o:before { + content: "\f1c5"; +} +.fa-file-zip-o:before, +.fa-file-archive-o:before { + content: "\f1c6"; +} +.fa-file-sound-o:before, +.fa-file-audio-o:before { + content: "\f1c7"; +} +.fa-file-movie-o:before, +.fa-file-video-o:before { + content: "\f1c8"; +} +.fa-file-code-o:before { + content: "\f1c9"; +} +.fa-vine:before { + content: "\f1ca"; +} +.fa-codepen:before { + content: "\f1cb"; +} +.fa-jsfiddle:before { + content: "\f1cc"; +} +.fa-life-bouy:before, +.fa-life-buoy:before, +.fa-life-saver:before, +.fa-support:before, +.fa-life-ring:before { + content: "\f1cd"; +} +.fa-circle-o-notch:before { + content: "\f1ce"; +} +.fa-ra:before, +.fa-resistance:before, +.fa-rebel:before { + content: "\f1d0"; +} +.fa-ge:before, +.fa-empire:before { + content: "\f1d1"; +} +.fa-git-square:before { + content: "\f1d2"; +} +.fa-git:before { + content: "\f1d3"; +} +.fa-y-combinator-square:before, +.fa-yc-square:before, +.fa-hacker-news:before { + content: "\f1d4"; +} +.fa-tencent-weibo:before { + content: "\f1d5"; +} +.fa-qq:before { + content: "\f1d6"; +} +.fa-wechat:before, +.fa-weixin:before { + content: "\f1d7"; +} +.fa-send:before, +.fa-paper-plane:before { + content: "\f1d8"; +} +.fa-send-o:before, +.fa-paper-plane-o:before { + content: "\f1d9"; +} +.fa-history:before { + content: "\f1da"; +} +.fa-circle-thin:before { + content: "\f1db"; +} +.fa-header:before { + content: "\f1dc"; +} +.fa-paragraph:before { + content: "\f1dd"; +} +.fa-sliders:before { + content: "\f1de"; +} +.fa-share-alt:before { + content: "\f1e0"; +} +.fa-share-alt-square:before { + content: "\f1e1"; +} +.fa-bomb:before { + content: "\f1e2"; +} +.fa-soccer-ball-o:before, +.fa-futbol-o:before { + content: "\f1e3"; +} +.fa-tty:before { + content: "\f1e4"; +} +.fa-binoculars:before { + content: "\f1e5"; +} +.fa-plug:before { + content: "\f1e6"; +} +.fa-slideshare:before { + content: "\f1e7"; +} +.fa-twitch:before { + content: "\f1e8"; +} +.fa-yelp:before { + content: "\f1e9"; +} +.fa-newspaper-o:before { + content: "\f1ea"; +} +.fa-wifi:before { + content: "\f1eb"; +} +.fa-calculator:before { + content: "\f1ec"; +} +.fa-paypal:before { + content: "\f1ed"; +} +.fa-google-wallet:before { + content: "\f1ee"; +} +.fa-cc-visa:before { + content: "\f1f0"; +} +.fa-cc-mastercard:before { + content: "\f1f1"; +} +.fa-cc-discover:before { + content: "\f1f2"; +} +.fa-cc-amex:before { + content: "\f1f3"; +} +.fa-cc-paypal:before { + content: "\f1f4"; +} +.fa-cc-stripe:before { + content: "\f1f5"; +} +.fa-bell-slash:before { + content: "\f1f6"; +} +.fa-bell-slash-o:before { + content: "\f1f7"; +} +.fa-trash:before { + content: "\f1f8"; +} +.fa-copyright:before { + content: "\f1f9"; +} +.fa-at:before { + content: "\f1fa"; +} +.fa-eyedropper:before { + content: "\f1fb"; +} +.fa-paint-brush:before { + content: "\f1fc"; +} +.fa-birthday-cake:before { + content: "\f1fd"; +} +.fa-area-chart:before { + content: "\f1fe"; +} +.fa-pie-chart:before { + content: "\f200"; +} +.fa-line-chart:before { + content: "\f201"; +} +.fa-lastfm:before { + content: "\f202"; +} +.fa-lastfm-square:before { + content: "\f203"; +} +.fa-toggle-off:before { + content: "\f204"; +} +.fa-toggle-on:before { + content: "\f205"; +} +.fa-bicycle:before { + content: "\f206"; +} +.fa-bus:before { + content: "\f207"; +} +.fa-ioxhost:before { + content: "\f208"; +} +.fa-angellist:before { + content: "\f209"; +} +.fa-cc:before { + content: "\f20a"; +} +.fa-shekel:before, +.fa-sheqel:before, +.fa-ils:before { + content: "\f20b"; +} +.fa-meanpath:before { + content: "\f20c"; +} +.fa-buysellads:before { + content: "\f20d"; +} +.fa-connectdevelop:before { + content: "\f20e"; +} +.fa-dashcube:before { + content: "\f210"; +} +.fa-forumbee:before { + content: "\f211"; +} +.fa-leanpub:before { + content: "\f212"; +} +.fa-sellsy:before { + content: "\f213"; +} +.fa-shirtsinbulk:before { + content: "\f214"; +} +.fa-simplybuilt:before { + content: "\f215"; +} +.fa-skyatlas:before { + content: "\f216"; +} +.fa-cart-plus:before { + content: "\f217"; +} +.fa-cart-arrow-down:before { + content: "\f218"; +} +.fa-diamond:before { + content: "\f219"; +} +.fa-ship:before { + content: "\f21a"; +} +.fa-user-secret:before { + content: "\f21b"; +} +.fa-motorcycle:before { + content: "\f21c"; +} +.fa-street-view:before { + content: "\f21d"; +} +.fa-heartbeat:before { + content: "\f21e"; +} +.fa-venus:before { + content: "\f221"; +} +.fa-mars:before { + content: "\f222"; +} +.fa-mercury:before { + content: "\f223"; +} +.fa-intersex:before, +.fa-transgender:before { + content: "\f224"; +} +.fa-transgender-alt:before { + content: "\f225"; +} +.fa-venus-double:before { + content: "\f226"; +} +.fa-mars-double:before { + content: "\f227"; +} +.fa-venus-mars:before { + content: "\f228"; +} +.fa-mars-stroke:before { + content: "\f229"; +} +.fa-mars-stroke-v:before { + content: "\f22a"; +} +.fa-mars-stroke-h:before { + content: "\f22b"; +} +.fa-neuter:before { + content: "\f22c"; +} +.fa-genderless:before { + content: "\f22d"; +} +.fa-facebook-official:before { + content: "\f230"; +} +.fa-pinterest-p:before { + content: "\f231"; +} +.fa-whatsapp:before { + content: "\f232"; +} +.fa-server:before { + content: "\f233"; +} +.fa-user-plus:before { + content: "\f234"; +} +.fa-user-times:before { + content: "\f235"; +} +.fa-hotel:before, +.fa-bed:before { + content: "\f236"; +} +.fa-viacoin:before { + content: "\f237"; +} +.fa-train:before { + content: "\f238"; +} +.fa-subway:before { + content: "\f239"; +} +.fa-medium:before { + content: "\f23a"; +} +.fa-yc:before, +.fa-y-combinator:before { + content: "\f23b"; +} +.fa-optin-monster:before { + content: "\f23c"; +} +.fa-opencart:before { + content: "\f23d"; +} +.fa-expeditedssl:before { + content: "\f23e"; +} +.fa-battery-4:before, +.fa-battery:before, +.fa-battery-full:before { + content: "\f240"; +} +.fa-battery-3:before, +.fa-battery-three-quarters:before { + content: "\f241"; +} +.fa-battery-2:before, +.fa-battery-half:before { + content: "\f242"; +} +.fa-battery-1:before, +.fa-battery-quarter:before { + content: "\f243"; +} +.fa-battery-0:before, +.fa-battery-empty:before { + content: "\f244"; +} +.fa-mouse-pointer:before { + content: "\f245"; +} +.fa-i-cursor:before { + content: "\f246"; +} +.fa-object-group:before { + content: "\f247"; +} +.fa-object-ungroup:before { + content: "\f248"; +} +.fa-sticky-note:before { + content: "\f249"; +} +.fa-sticky-note-o:before { + content: "\f24a"; +} +.fa-cc-jcb:before { + content: "\f24b"; +} +.fa-cc-diners-club:before { + content: "\f24c"; +} +.fa-clone:before { + content: "\f24d"; +} +.fa-balance-scale:before { + content: "\f24e"; +} +.fa-hourglass-o:before { + content: "\f250"; +} +.fa-hourglass-1:before, +.fa-hourglass-start:before { + content: "\f251"; +} +.fa-hourglass-2:before, +.fa-hourglass-half:before { + content: "\f252"; +} +.fa-hourglass-3:before, +.fa-hourglass-end:before { + content: "\f253"; +} +.fa-hourglass:before { + content: "\f254"; +} +.fa-hand-grab-o:before, +.fa-hand-rock-o:before { + content: "\f255"; +} +.fa-hand-stop-o:before, +.fa-hand-paper-o:before { + content: "\f256"; +} +.fa-hand-scissors-o:before { + content: "\f257"; +} +.fa-hand-lizard-o:before { + content: "\f258"; +} +.fa-hand-spock-o:before { + content: "\f259"; +} +.fa-hand-pointer-o:before { + content: "\f25a"; +} +.fa-hand-peace-o:before { + content: "\f25b"; +} +.fa-trademark:before { + content: "\f25c"; +} +.fa-registered:before { + content: "\f25d"; +} +.fa-creative-commons:before { + content: "\f25e"; +} +.fa-gg:before { + content: "\f260"; +} +.fa-gg-circle:before { + content: "\f261"; +} +.fa-tripadvisor:before { + content: "\f262"; +} +.fa-odnoklassniki:before { + content: "\f263"; +} +.fa-odnoklassniki-square:before { + content: "\f264"; +} +.fa-get-pocket:before { + content: "\f265"; +} +.fa-wikipedia-w:before { + content: "\f266"; +} +.fa-safari:before { + content: "\f267"; +} +.fa-chrome:before { + content: "\f268"; +} +.fa-firefox:before { + content: "\f269"; +} +.fa-opera:before { + content: "\f26a"; +} +.fa-internet-explorer:before { + content: "\f26b"; +} +.fa-tv:before, +.fa-television:before { + content: "\f26c"; +} +.fa-contao:before { + content: "\f26d"; +} +.fa-500px:before { + content: "\f26e"; +} +.fa-amazon:before { + content: "\f270"; +} +.fa-calendar-plus-o:before { + content: "\f271"; +} +.fa-calendar-minus-o:before { + content: "\f272"; +} +.fa-calendar-times-o:before { + content: "\f273"; +} +.fa-calendar-check-o:before { + content: "\f274"; +} +.fa-industry:before { + content: "\f275"; +} +.fa-map-pin:before { + content: "\f276"; +} +.fa-map-signs:before { + content: "\f277"; +} +.fa-map-o:before { + content: "\f278"; +} +.fa-map:before { + content: "\f279"; +} +.fa-commenting:before { + content: "\f27a"; +} +.fa-commenting-o:before { + content: "\f27b"; +} +.fa-houzz:before { + content: "\f27c"; +} +.fa-vimeo:before { + content: "\f27d"; +} +.fa-black-tie:before { + content: "\f27e"; +} +.fa-fonticons:before { + content: "\f280"; +} +.fa-reddit-alien:before { + content: "\f281"; +} +.fa-edge:before { + content: "\f282"; +} +.fa-credit-card-alt:before { + content: "\f283"; +} +.fa-codiepie:before { + content: "\f284"; +} +.fa-modx:before { + content: "\f285"; +} +.fa-fort-awesome:before { + content: "\f286"; +} +.fa-usb:before { + content: "\f287"; +} +.fa-product-hunt:before { + content: "\f288"; +} +.fa-mixcloud:before { + content: "\f289"; +} +.fa-scribd:before { + content: "\f28a"; +} +.fa-pause-circle:before { + content: "\f28b"; +} +.fa-pause-circle-o:before { + content: "\f28c"; +} +.fa-stop-circle:before { + content: "\f28d"; +} +.fa-stop-circle-o:before { + content: "\f28e"; +} +.fa-shopping-bag:before { + content: "\f290"; +} +.fa-shopping-basket:before { + content: "\f291"; +} +.fa-hashtag:before { + content: "\f292"; +} +.fa-bluetooth:before { + content: "\f293"; +} +.fa-bluetooth-b:before { + content: "\f294"; +} +.fa-percent:before { + content: "\f295"; +} +.fa-gitlab:before { + content: "\f296"; +} +.fa-wpbeginner:before { + content: "\f297"; +} +.fa-wpforms:before { + content: "\f298"; +} +.fa-envira:before { + content: "\f299"; +} +.fa-universal-access:before { + content: "\f29a"; +} +.fa-wheelchair-alt:before { + content: "\f29b"; +} +.fa-question-circle-o:before { + content: "\f29c"; +} +.fa-blind:before { + content: "\f29d"; +} +.fa-audio-description:before { + content: "\f29e"; +} +.fa-volume-control-phone:before { + content: "\f2a0"; +} +.fa-braille:before { + content: "\f2a1"; +} +.fa-assistive-listening-systems:before { + content: "\f2a2"; +} +.fa-asl-interpreting:before, +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; +} +.fa-deafness:before, +.fa-hard-of-hearing:before, +.fa-deaf:before { + content: "\f2a4"; +} +.fa-glide:before { + content: "\f2a5"; +} +.fa-glide-g:before { + content: "\f2a6"; +} +.fa-signing:before, +.fa-sign-language:before { + content: "\f2a7"; +} +.fa-low-vision:before { + content: "\f2a8"; +} +.fa-viadeo:before { + content: "\f2a9"; +} +.fa-viadeo-square:before { + content: "\f2aa"; +} +.fa-snapchat:before { + content: "\f2ab"; +} +.fa-snapchat-ghost:before { + content: "\f2ac"; +} +.fa-snapchat-square:before { + content: "\f2ad"; +} +.fa-pied-piper:before { + content: "\f2ae"; +} +.fa-first-order:before { + content: "\f2b0"; +} +.fa-yoast:before { + content: "\f2b1"; +} +.fa-themeisle:before { + content: "\f2b2"; +} +.fa-google-plus-circle:before, +.fa-google-plus-official:before { + content: "\f2b3"; +} +.fa-fa:before, +.fa-font-awesome:before { + content: "\f2b4"; +} +.fa-handshake-o:before { + content: "\f2b5"; +} +.fa-envelope-open:before { + content: "\f2b6"; +} +.fa-envelope-open-o:before { + content: "\f2b7"; +} +.fa-linode:before { + content: "\f2b8"; +} +.fa-address-book:before { + content: "\f2b9"; +} +.fa-address-book-o:before { + content: "\f2ba"; +} +.fa-vcard:before, +.fa-address-card:before { + content: "\f2bb"; +} +.fa-vcard-o:before, +.fa-address-card-o:before { + content: "\f2bc"; +} +.fa-user-circle:before { + content: "\f2bd"; +} +.fa-user-circle-o:before { + content: "\f2be"; +} +.fa-user-o:before { + content: "\f2c0"; +} +.fa-id-badge:before { + content: "\f2c1"; +} +.fa-drivers-license:before, +.fa-id-card:before { + content: "\f2c2"; +} +.fa-drivers-license-o:before, +.fa-id-card-o:before { + content: "\f2c3"; +} +.fa-quora:before { + content: "\f2c4"; +} +.fa-free-code-camp:before { + content: "\f2c5"; +} +.fa-telegram:before { + content: "\f2c6"; +} +.fa-thermometer-4:before, +.fa-thermometer:before, +.fa-thermometer-full:before { + content: "\f2c7"; +} +.fa-thermometer-3:before, +.fa-thermometer-three-quarters:before { + content: "\f2c8"; +} +.fa-thermometer-2:before, +.fa-thermometer-half:before { + content: "\f2c9"; +} +.fa-thermometer-1:before, +.fa-thermometer-quarter:before { + content: "\f2ca"; +} +.fa-thermometer-0:before, +.fa-thermometer-empty:before { + content: "\f2cb"; +} +.fa-shower:before { + content: "\f2cc"; +} +.fa-bathtub:before, +.fa-s15:before, +.fa-bath:before { + content: "\f2cd"; +} +.fa-podcast:before { + content: "\f2ce"; +} +.fa-window-maximize:before { + content: "\f2d0"; +} +.fa-window-minimize:before { + content: "\f2d1"; +} +.fa-window-restore:before { + content: "\f2d2"; +} +.fa-times-rectangle:before, +.fa-window-close:before { + content: "\f2d3"; +} +.fa-times-rectangle-o:before, +.fa-window-close-o:before { + content: "\f2d4"; +} +.fa-bandcamp:before { + content: "\f2d5"; +} +.fa-grav:before { + content: "\f2d6"; +} +.fa-etsy:before { + content: "\f2d7"; +} +.fa-imdb:before { + content: "\f2d8"; +} +.fa-ravelry:before { + content: "\f2d9"; +} +.fa-eercast:before { + content: "\f2da"; +} +.fa-microchip:before { + content: "\f2db"; +} +.fa-snowflake-o:before { + content: "\f2dc"; +} +.fa-superpowers:before { + content: "\f2dd"; +} +.fa-wpexplorer:before { + content: "\f2de"; +} +.fa-meetup:before { + content: "\f2e0"; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} diff --git a/purldb_project/static/css/font-awesome.css.ABOUT b/purldb_project/static/css/font-awesome.css.ABOUT new file mode 100644 index 00000000..7f1afbc8 --- /dev/null +++ b/purldb_project/static/css/font-awesome.css.ABOUT @@ -0,0 +1,12 @@ +about_resource: font-awesome.css +version: 4.7.0 +download_url: https://raw.githubusercontent.com/FortAwesome/Font-Awesome/v4.7.0/css/font-awesome.css + +name: font-awesome.css +homepage_url: https://github.com/FortAwesome/Font-Awesome +owner: FortAwesome +author: Dave Gandy +notes: This is the minified version of Font Awesome. + +license: mit +license_file: font-awesome.css.LICENSE \ No newline at end of file diff --git a/purldb_project/static/css/font-awesome.css.LICENSE b/purldb_project/static/css/font-awesome.css.LICENSE new file mode 100644 index 00000000..fc0b9892 --- /dev/null +++ b/purldb_project/static/css/font-awesome.css.LICENSE @@ -0,0 +1,20 @@ +The MIT License (MIT) + + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. \ No newline at end of file diff --git a/purldb_project/static/fonts/FontAwesome.otf b/purldb_project/static/fonts/FontAwesome.otf new file mode 100644 index 00000000..401ec0f3 Binary files /dev/null and b/purldb_project/static/fonts/FontAwesome.otf differ diff --git a/purldb_project/static/fonts/FontAwesome.otf.ABOUT b/purldb_project/static/fonts/FontAwesome.otf.ABOUT new file mode 100644 index 00000000..8bc27c1a --- /dev/null +++ b/purldb_project/static/fonts/FontAwesome.otf.ABOUT @@ -0,0 +1,12 @@ +about_resource: FontAwesome.otf +version: 4.7.0 +download_url: https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/fonts/FontAwesome.otf?raw=true + +name: FontAwesome.otf +homepage_url: https://github.com/FortAwesome/Font-Awesome +owner: FortAwesome +author: Dave Gandy +notes: Fonts provided by Font Awesome. + +license: ofl-1.1 +license_file: fontawesome.LICENSE \ No newline at end of file diff --git a/purldb_project/static/fonts/fontawesome-webfont.eot b/purldb_project/static/fonts/fontawesome-webfont.eot new file mode 100644 index 00000000..e9f60ca9 Binary files /dev/null and b/purldb_project/static/fonts/fontawesome-webfont.eot differ diff --git a/purldb_project/static/fonts/fontawesome-webfont.eot.ABOUT b/purldb_project/static/fonts/fontawesome-webfont.eot.ABOUT new file mode 100644 index 00000000..40ba301c --- /dev/null +++ b/purldb_project/static/fonts/fontawesome-webfont.eot.ABOUT @@ -0,0 +1,12 @@ +about_resource: fontawesome-webfont.eot +version: 4.7.0 +download_url: https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/fonts/fontawesome-webfont.eot?raw=true + +name: fontawesome-webfont.eot +homepage_url: https://github.com/FortAwesome/Font-Awesome +owner: FortAwesome +author: Dave Gandy +notes: Fonts provided by Font Awesome. + +license: ofl-1.1 +license_file: fontawesome.LICENSE \ No newline at end of file diff --git a/purldb_project/static/fonts/fontawesome-webfont.svg b/purldb_project/static/fonts/fontawesome-webfont.svg new file mode 100644 index 00000000..855c845e --- /dev/null +++ b/purldb_project/static/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/purldb_project/static/fonts/fontawesome-webfont.svg.ABOUT b/purldb_project/static/fonts/fontawesome-webfont.svg.ABOUT new file mode 100644 index 00000000..47f97083 --- /dev/null +++ b/purldb_project/static/fonts/fontawesome-webfont.svg.ABOUT @@ -0,0 +1,12 @@ +about_resource: fontawesome-webfont.svg +version: 4.7.0 +download_url: https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/fonts/fontawesome-webfont.svg?raw=true + +name: fontawesome-webfont.svg +homepage_url: https://github.com/FortAwesome/Font-Awesome +owner: FortAwesome +author: Dave Gandy +notes: Fonts provided by Font Awesome. + +license: ofl-1.1 +license_file: fontawesome.LICENSE \ No newline at end of file diff --git a/purldb_project/static/fonts/fontawesome-webfont.ttf b/purldb_project/static/fonts/fontawesome-webfont.ttf new file mode 100644 index 00000000..35acda2f Binary files /dev/null and b/purldb_project/static/fonts/fontawesome-webfont.ttf differ diff --git a/purldb_project/static/fonts/fontawesome-webfont.ttf.ABOUT b/purldb_project/static/fonts/fontawesome-webfont.ttf.ABOUT new file mode 100644 index 00000000..d2410e17 --- /dev/null +++ b/purldb_project/static/fonts/fontawesome-webfont.ttf.ABOUT @@ -0,0 +1,12 @@ +about_resource: fontawesome-webfont.ttf +version: 4.7.0 +download_url: https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/fonts/fontawesome-webfont.ttf?raw=true + +name: fontawesome-webfont.ttf +homepage_url: https://github.com/FortAwesome/Font-Awesome +owner: FortAwesome +author: Dave Gandy +notes: Fonts provided by Font Awesome. + +license: ofl-1.1 +license_file: fontawesome.LICENSE \ No newline at end of file diff --git a/purldb_project/static/fonts/fontawesome-webfont.woff b/purldb_project/static/fonts/fontawesome-webfont.woff new file mode 100644 index 00000000..400014a4 Binary files /dev/null and b/purldb_project/static/fonts/fontawesome-webfont.woff differ diff --git a/purldb_project/static/fonts/fontawesome-webfont.woff.ABOUT b/purldb_project/static/fonts/fontawesome-webfont.woff.ABOUT new file mode 100644 index 00000000..4e33d800 --- /dev/null +++ b/purldb_project/static/fonts/fontawesome-webfont.woff.ABOUT @@ -0,0 +1,12 @@ +about_resource: fontawesome-webfont.woff +version: 4.7.0 +download_url: https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/fonts/fontawesome-webfont.woff?raw=true + +name: fontawesome-webfont.woff +homepage_url: https://github.com/FortAwesome/Font-Awesome +owner: FortAwesome +author: Dave Gandy +notes: Fonts provided by Font Awesome. + +license: ofl-1.1 +license_file: fontawesome.LICENSE \ No newline at end of file diff --git a/purldb_project/static/fonts/fontawesome-webfont.woff2 b/purldb_project/static/fonts/fontawesome-webfont.woff2 new file mode 100644 index 00000000..4d13fc60 Binary files /dev/null and b/purldb_project/static/fonts/fontawesome-webfont.woff2 differ diff --git a/purldb_project/static/fonts/fontawesome-webfont.woff2.ABOUT b/purldb_project/static/fonts/fontawesome-webfont.woff2.ABOUT new file mode 100644 index 00000000..e1e3173e --- /dev/null +++ b/purldb_project/static/fonts/fontawesome-webfont.woff2.ABOUT @@ -0,0 +1,12 @@ +about_resource: fontawesome-webfont.woff2 +version: 4.7.0 +download_url:https://github.com/FortAwesome/Font-Awesome/blob/v4.7.0/fonts/fontawesome-webfont.woff2?raw=true + +name: fontawesome-webfont.woff2 +homepage_url: https://github.com/FortAwesome/Font-Awesome +owner: FortAwesome +author: Dave Gandy +notes: Fonts provided by Font Awesome. + +license: ofl-1.1 +license_file: fontawesome.LICENSE \ No newline at end of file diff --git a/purldb_project/static/fonts/fontawesome.LICENSE b/purldb_project/static/fonts/fontawesome.LICENSE new file mode 100644 index 00000000..219d68a7 --- /dev/null +++ b/purldb_project/static/fonts/fontawesome.LICENSE @@ -0,0 +1,97 @@ +Copyright (c) , (), +with Reserved Font Name . +Copyright (c) , (), +with Reserved Font Name . +Copyright (c) , (). + +This Font Software is licensed under the SIL Open Font License, Version 1.1. +This license is copied below, and is also available with a FAQ at: +http://scripts.sil.org/OFL + + +----------------------------------------------------------- +SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 +----------------------------------------------------------- + +PREAMBLE +The goals of the Open Font License (OFL) are to stimulate worldwide +development of collaborative font projects, to support the font creation +efforts of academic and linguistic communities, and to provide a free and +open framework in which fonts may be shared and improved in partnership +with others. + +The OFL allows the licensed fonts to be used, studied, modified and +redistributed freely as long as they are not sold by themselves. The +fonts, including any derivative works, can be bundled, embedded, +redistributed and/or sold with any software provided that any reserved +names are not used by derivative works. The fonts and derivatives, +however, cannot be released under any other type of license. The +requirement for fonts to remain under this license does not apply +to any document created using the fonts or their derivatives. + +DEFINITIONS +"Font Software" refers to the set of files released by the Copyright +Holder(s) under this license and clearly marked as such. This may +include source files, build scripts and documentation. + +"Reserved Font Name" refers to any names specified as such after the +copyright statement(s). + +"Original Version" refers to the collection of Font Software components as +distributed by the Copyright Holder(s). + +"Modified Version" refers to any derivative made by adding to, deleting, +or substituting -- in part or in whole -- any of the components of the +Original Version, by changing formats or by porting the Font Software to a +new environment. + +"Author" refers to any designer, engineer, programmer, technical +writer or other person who contributed to the Font Software. + +PERMISSION & CONDITIONS +Permission is hereby granted, free of charge, to any person obtaining +a copy of the Font Software, to use, study, copy, merge, embed, modify, +redistribute, and sell modified and unmodified copies of the Font +Software, subject to the following conditions: + +1) Neither the Font Software nor any of its individual components, +in Original or Modified Versions, may be sold by itself. + +2) Original or Modified Versions of the Font Software may be bundled, +redistributed and/or sold with any software, provided that each copy +contains the above copyright notice and this license. These can be +included either as stand-alone text files, human-readable headers or +in the appropriate machine-readable metadata fields within text or +binary files as long as those fields can be easily viewed by the user. + +3) No Modified Version of the Font Software may use the Reserved Font +Name(s) unless explicit written permission is granted by the corresponding +Copyright Holder. This restriction only applies to the primary font name as +presented to the users. + +4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font +Software shall not be used to promote, endorse or advertise any +Modified Version, except to acknowledge the contribution(s) of the +Copyright Holder(s) and the Author(s) or with their explicit written +permission. + +5) The Font Software, modified or unmodified, in part or in whole, +must be distributed entirely under this license, and must not be +distributed under any other license. The requirement for fonts to +remain under this license does not apply to any document created +using the Font Software. + +TERMINATION +This license becomes null and void if any of the above conditions are +not met. + +DISCLAIMER +THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT +OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE +COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, +INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL +DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING +FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM +OTHER DEALINGS IN THE FONT SOFTWARE. \ No newline at end of file diff --git a/purldb_project/static/js/clipboard-2.0.0.min.js b/purldb_project/static/js/clipboard-2.0.0.min.js new file mode 100644 index 00000000..b00ee515 --- /dev/null +++ b/purldb_project/static/js/clipboard-2.0.0.min.js @@ -0,0 +1,7 @@ +/*! + * clipboard.js v2.0.0 + * https://zenorocha.github.io/clipboard.js + * + * Licensed MIT © Zeno Rocha + */ +!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(t){function e(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,e),r.l=!0,r.exports}var n={};return e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=3)}([function(t,e,n){var o,r,i;!function(a,c){r=[t,n(7)],o=c,void 0!==(i="function"==typeof o?o.apply(e,r):o)&&(t.exports=i)}(0,function(t,e){"use strict";function n(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}var o=function(t){return t&&t.__esModule?t:{default:t}}(e),r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function t(t,e){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.container=t.container,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var t=this,e="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[e?"right":"left"]="-9999px";var n=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=n+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,o.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=(0,o.default)(this.target),this.copyText()}},{key:"copyText",value:function(){var t=void 0;try{t=document.execCommand(this.action)}catch(e){t=!1}this.handleResult(t)}},{key:"handleResult",value:function(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(t){if(void 0!==t){if(!t||"object"!==(void 0===t?"undefined":r(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function(){return this._target}}]),t}();t.exports=a})},function(t,e,n){function o(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!c.string(e))throw new TypeError("Second argument must be a String");if(!c.fn(n))throw new TypeError("Third argument must be a Function");if(c.node(t))return r(t,e,n);if(c.nodeList(t))return i(t,e,n);if(c.string(t))return a(t,e,n);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function r(t,e,n){return t.addEventListener(e,n),{destroy:function(){t.removeEventListener(e,n)}}}function i(t,e,n){return Array.prototype.forEach.call(t,function(t){t.addEventListener(e,n)}),{destroy:function(){Array.prototype.forEach.call(t,function(t){t.removeEventListener(e,n)})}}}function a(t,e,n){return u(document.body,t,e,n)}var c=n(6),u=n(5);t.exports=o},function(t,e){function n(){}n.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){function o(){r.off(t,o),e.apply(n,arguments)}var r=this;return o._=e,this.on(t,o,n)},emit:function(t){var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;for(o;o0&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===d(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=(0,f.default)(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new l.default({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}},{key:"defaultAction",value:function(t){return u("action",t)}},{key:"defaultTarget",value:function(t){var e=u("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return u("text",t)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach(function(t){n=n&&!!document.queryCommandSupported(t)}),n}}]),e}(s.default);t.exports=p})},function(t,e){function n(t,e){for(;t&&t.nodeType!==o;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}var o=9;if("undefined"!=typeof Element&&!Element.prototype.matches){var r=Element.prototype;r.matches=r.matchesSelector||r.mozMatchesSelector||r.msMatchesSelector||r.oMatchesSelector||r.webkitMatchesSelector}t.exports=n},function(t,e,n){function o(t,e,n,o,r){var a=i.apply(this,arguments);return t.addEventListener(n,a,r),{destroy:function(){t.removeEventListener(n,a,r)}}}function r(t,e,n,r,i){return"function"==typeof t.addEventListener?o.apply(null,arguments):"function"==typeof n?o.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return o(t,e,n,r,i)}))}function i(t,e,n,o){return function(n){n.delegateTarget=a(n.target,e),n.delegateTarget&&o.call(t,n)}}var a=n(4);t.exports=r},function(t,e){e.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},e.nodeList=function(t){var n=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===n||"[object HTMLCollection]"===n)&&"length"in t&&(0===t.length||e.node(t[0]))},e.string=function(t){return"string"==typeof t||t instanceof String},e.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},function(t,e){function n(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var o=window.getSelection(),r=document.createRange();r.selectNodeContents(t),o.removeAllRanges(),o.addRange(r),e=o.toString()}return e}t.exports=n}])}); \ No newline at end of file diff --git a/purldb_project/static/js/clipboard-2.0.0.min.js:Zone.Identifier b/purldb_project/static/js/clipboard-2.0.0.min.js:Zone.Identifier new file mode 100644 index 00000000..e69de29b diff --git a/purldb_project/static/js/custom-tooltip.js:Zone.Identifier b/purldb_project/static/js/custom-tooltip.js:Zone.Identifier new file mode 100644 index 00000000..73cdf12f --- /dev/null +++ b/purldb_project/static/js/custom-tooltip.js:Zone.Identifier @@ -0,0 +1,3 @@ +[ZoneTransfer] +ZoneId=3 +HostUrl=https://claude.ai/ diff --git a/purldb_project/static/js/main.js b/purldb_project/static/js/main.js new file mode 100644 index 00000000..902b0f5d --- /dev/null +++ b/purldb_project/static/js/main.js @@ -0,0 +1,37 @@ +// +// Selected parts from https://bulma.io/lib/main.js?v=202104191409 +// + +'use strict'; + +function setupTabs() { + const $tabLinks = getAll('.tabs a'); + + $tabLinks.forEach(function ($el) { + $el.addEventListener('click', function (event) { + const activeLink = document.querySelector('div.tabs.is-boxed li.is-active'); + const activeTabContent = document.querySelector('div.tab-div.is-active'); + + //Get the target id of the clicked tab. + const target_id = $el.parentNode.getAttribute('data-tab') + // ID the target tab content. + const targetTabContent = document.querySelector("[data-content='" + target_id + "']"); + + activeLink.classList.remove('is-active'); + $el.parentNode.classList.add('is-active'); + if (activeTabContent) activeTabContent.classList.remove('is-active'); + if (targetTabContent) targetTabContent.classList.add('is-active'); + }); + }); +} + +// Utils, available globally + +function getAll(selector) { + var parent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document; + return Array.prototype.slice.call(parent.querySelectorAll(selector), 0); +} + +document.addEventListener('DOMContentLoaded', function () { + setupTabs(); +}); \ No newline at end of file diff --git a/purldb_project/static/js/main.js.ABOUT b/purldb_project/static/js/main.js.ABOUT new file mode 100644 index 00000000..8e0662a4 --- /dev/null +++ b/purldb_project/static/js/main.js.ABOUT @@ -0,0 +1,15 @@ +about_resource: main.js +purl: pkg:github/jgthms/bulma@0.9.0 +version: v0.9.0 +download_url: https://github.com/jgthms/bulma/archive/refs/tags/0.9.0.tar.gz + +name: bulma css +homepage_url: https://github.com/jgthms/bulma +owner: Jeremy Thomas +author: Jeremy Thomas +notes: This is a generated subset of Bulma JS framework. + +license: mit +license_file: main.js.LICENSE + +copyright: Code copyright 2020 Jeremy Thomas. Code released under the MIT license. \ No newline at end of file diff --git a/purldb_project/static/js/main.js.LICENSE b/purldb_project/static/js/main.js.LICENSE new file mode 100644 index 00000000..04ab9e02 --- /dev/null +++ b/purldb_project/static/js/main.js.LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2020 Jeremy Thomas + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in +all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN +THE SOFTWARE. \ No newline at end of file diff --git a/purldb_project/urls.py b/purldb_project/urls.py index c3e8fab5..737f7a8d 100644 --- a/purldb_project/urls.py +++ b/purldb_project/urls.py @@ -11,7 +11,6 @@ from django.urls import path from django.views.generic import RedirectView from django.views.generic.base import TemplateView - from drf_spectacular.views import SpectacularAPIView from drf_spectacular.views import SpectacularSwaggerView from rest_framework import routers @@ -29,6 +28,9 @@ from packagedb.api import ResourceViewSet from packagedb.from_purl import api_from_purl_router from packagedb.to_purl import api_to_purl_router +from packagedb.views import HomePage +from packagedb.views import PackageSearch +from packagedb.views import PackageSearchTestTabset api_router = routers.DefaultRouter() api_router.register("packages", PackageViewSet) @@ -55,7 +57,6 @@ path("api/", include((api_router.urls, "api"))), path("api/to_purl/", include((api_to_purl_router.urls, "api_to"))), path("api/from_purl/", include((api_from_purl_router.urls, "api_from"))), - path("", RedirectView.as_view(url="api/")), path("api/schema/", SpectacularAPIView.as_view(), name="schema"), path( "api/docs/", @@ -67,4 +68,19 @@ index_package_scan, name="index_package_scan", ), + path( + "", + HomePage.as_view(), + name="home", + ), + path( + "packages/search", + PackageSearch.as_view(), + name="package_search", + ), + path( + "packages/search_test_tabset", + PackageSearchTestTabset.as_view(), + name="package_search_test_tabset", + ), ] diff --git a/requirements.txt b/requirements.txt index 8520859c..c398cc48 100644 --- a/requirements.txt +++ b/requirements.txt @@ -33,6 +33,7 @@ django-filter==24.2 django-probes==1.7.0 django-rq==2.10.2 django-taggit==5.0.1 +django-widget-tweaks==1.4.12 djangorestframework==3.15.2 dockerfile-parse==2.0.1 dparse2==0.7.0 diff --git a/setup.cfg b/setup.cfg index 898d1042..4ee935d8 100644 --- a/setup.cfg +++ b/setup.cfg @@ -44,6 +44,7 @@ install_requires = django-rq == 2.10.2 djangorestframework == 3.15.2 django-filter == 24.2 + django-widget-tweaks>=1.4.8 drf-spectacular == 0.27.2 fetchcode == 0.5.1 gunicorn == 22.0.0