From 4e61ec152090635695282b018eabd091714a0f85 Mon Sep 17 00:00:00 2001 From: bkfox Date: Thu, 19 Sep 2019 15:22:56 +0200 Subject: [PATCH] create aircox_streamer as separate application --- aircox/admin/__init__.py | 8 - aircox/admin/article.py | 18 - aircox/admin/episode.py | 58 - aircox/admin/log.py | 13 - aircox/admin/mixins.py | 42 - aircox/admin/page.py | 52 - aircox/admin/program.py | 76 - aircox/admin/sound.py | 65 - aircox/admin/station.py | 20 - aircox/apps.py | 3 +- aircox/models/__init__.py | 2 +- .../__pycache__/__init__.cpython-37.pyc | Bin 577 -> 562 bytes .../models/__pycache__/station.cpython-37.pyc | Bin 4691 -> 5499 bytes aircox/models/signals.py | 7 +- aircox/models/station.py | 43 +- aircox/settings.py | 1 + aircox/static/aircox/admin.css | 2 +- aircox/static/aircox/admin.js | 2 +- aircox/static/aircox/main.css | 2 +- aircox/static/aircox/main.js | 2 +- aircox/static/aircox/vendor.css | 11437 ---------------- aircox/static/aircox/vendor.js | 11 - aircox/templates/aircox/home.html | 19 +- aircox/urls.py | 1 - aircox/views/admin.py | 36 +- aircox/views/api.py | 3 +- aircox/views/base.py | 3 +- aircox/views/page.py | 1 - aircox_streamer/__init__.py | 0 aircox_streamer/admin.py | 17 + aircox_streamer/apps.py | 5 + {aircox => aircox_streamer}/connector.py | 0 .../liquidsoap.py | 167 +- aircox_streamer/management/__init__.py | 0 .../management/commands/__init__.py | 0 .../management/commands/streamer.py | 5 +- aircox_streamer/models.py | 101 + aircox_streamer/serializers.py | 40 + .../aircox_streamer}/scripts/station.liq | 0 aircox_streamer/tests.py | 3 + aircox_streamer/views.py | 3 + aircox_streamer/viewsets.py | 158 + assets/public/index.js | 1 - assets/public/styles.scss | 2 +- instance/urls.py | 2 +- 45 files changed, 497 insertions(+), 11934 deletions(-) delete mode 100644 aircox/admin/__init__.py delete mode 100644 aircox/admin/article.py delete mode 100644 aircox/admin/episode.py delete mode 100644 aircox/admin/log.py delete mode 100644 aircox/admin/mixins.py delete mode 100644 aircox/admin/page.py delete mode 100644 aircox/admin/program.py delete mode 100644 aircox/admin/sound.py delete mode 100644 aircox/admin/station.py create mode 100644 aircox_streamer/__init__.py create mode 100644 aircox_streamer/admin.py create mode 100644 aircox_streamer/apps.py rename {aircox => aircox_streamer}/connector.py (100%) rename aircox/controllers.py => aircox_streamer/liquidsoap.py (73%) create mode 100755 aircox_streamer/management/__init__.py create mode 100755 aircox_streamer/management/commands/__init__.py rename {aircox => aircox_streamer}/management/commands/streamer.py (99%) create mode 100644 aircox_streamer/models.py create mode 100644 aircox_streamer/serializers.py rename {aircox/templates/aircox => aircox_streamer/templates/aircox_streamer}/scripts/station.liq (100%) create mode 100644 aircox_streamer/tests.py create mode 100644 aircox_streamer/views.py create mode 100644 aircox_streamer/viewsets.py diff --git a/aircox/admin/__init__.py b/aircox/admin/__init__.py deleted file mode 100644 index 42af3f2..0000000 --- a/aircox/admin/__init__.py +++ /dev/null @@ -1,8 +0,0 @@ -from .article import ArticleAdmin -from .episode import DiffusionAdmin, EpisodeAdmin -from .log import LogAdmin -from .program import ProgramAdmin, ScheduleAdmin, StreamAdmin -from .sound import SoundAdmin, TrackAdmin -from .station import StationAdmin - - diff --git a/aircox/admin/article.py b/aircox/admin/article.py deleted file mode 100644 index 4a08dc9..0000000 --- a/aircox/admin/article.py +++ /dev/null @@ -1,18 +0,0 @@ -import copy - -from django.contrib import admin - -from ..models import Article -from .page import PageAdmin - - -__all__ = ['ArticleAdmin'] - - -@admin.register(Article) -class ArticleAdmin(PageAdmin): - list_filter = PageAdmin.list_filter - search_fields = PageAdmin.search_fields + ['parent__title'] - # TODO: readonly field - - diff --git a/aircox/admin/episode.py b/aircox/admin/episode.py deleted file mode 100644 index 9e91d44..0000000 --- a/aircox/admin/episode.py +++ /dev/null @@ -1,58 +0,0 @@ -import copy - -from django.contrib import admin -from django.utils.translation import ugettext as _, ugettext_lazy - -from aircox.models import Episode, Diffusion, Sound, Track - -from .page import PageAdmin -from .sound import SoundInline, TracksInline - - -class DiffusionBaseAdmin: - fields = ['type', 'start', 'end'] - - def get_readonly_fields(self, request, obj=None): - fields = super().get_readonly_fields(request, obj) - if not request.user.has_perm('aircox_program.scheduling'): - fields += ['program', 'start', 'end'] - return [field for field in fields if field in self.fields] - - -@admin.register(Diffusion) -class DiffusionAdmin(DiffusionBaseAdmin, admin.ModelAdmin): - def start_date(self, obj): - return obj.local_start.strftime('%Y/%m/%d %H:%M') - start_date.short_description = _('start') - - def end_date(self, obj): - return obj.local_end.strftime('%H:%M') - end_date.short_description = _('end') - - list_display = ('episode', 'start_date', 'end_date', 'type', 'initial') - list_filter = ('type', 'start', 'program') - list_editable = ('type',) - ordering = ('-start', 'id') - - fields = ['type', 'start', 'end', 'initial', 'program'] - - -class DiffusionInline(DiffusionBaseAdmin, admin.TabularInline): - model = Diffusion - fk_name = 'episode' - extra = 0 - - def has_add_permission(self, request): - return request.user.has_perm('aircox_program.scheduling') - - -@admin.register(Episode) -class EpisodeAdmin(PageAdmin): - list_display = PageAdmin.list_display - list_filter = PageAdmin.list_filter - search_fields = PageAdmin.search_fields + ['parent__title'] - # readonly_fields = ('parent',) - - inlines = [TracksInline, SoundInline, DiffusionInline] - - diff --git a/aircox/admin/log.py b/aircox/admin/log.py deleted file mode 100644 index a27f6a6..0000000 --- a/aircox/admin/log.py +++ /dev/null @@ -1,13 +0,0 @@ -from django.contrib import admin - -from ..models import Log - - -__all__ = ['LogAdmin'] - - -@admin.register(Log) -class LogAdmin(admin.ModelAdmin): - list_display = ['id', 'date', 'station', 'source', 'type', 'comment'] - list_filter = ['date', 'source', 'station'] - diff --git a/aircox/admin/mixins.py b/aircox/admin/mixins.py deleted file mode 100644 index 3d2ed6a..0000000 --- a/aircox/admin/mixins.py +++ /dev/null @@ -1,42 +0,0 @@ -class UnrelatedInlineMixin: - """ - Inline class that can be included in an admin change view whose model - is not directly related to inline's model. - """ - view_model = None - parent_model = None - parent_fk = '' - - def __init__(self, parent_model, admin_site): - self.view_model = parent_model - super().__init__(self.parent_model, admin_site) - - def get_parent(self, view_obj): - """ Get formset's instance from `obj` of AdminSite's change form. """ - field = self.parent_model._meta.get_field(self.parent_fk).remote_field - return getattr(view_obj, field.name, None) - - def save_parent(self, parent, view_obj): - """ Save formset's instance. """ - setattr(parent, self.parent_fk, view_obj) - parent.save() - return parent - - def get_formset(self, request, obj): - ParentFormSet = super().get_formset(request, obj) - inline = self - class FormSet(ParentFormSet): - view_obj = None - - def __init__(self, *args, instance=None, **kwargs): - self.view_obj = instance - instance = inline.get_parent(instance) - self.instance = instance - super().__init__(*args, instance=instance, **kwargs) - - def save(self): - inline.save_parent(self.instance, self.view_obj) - return super().save() - return FormSet - - diff --git a/aircox/admin/page.py b/aircox/admin/page.py deleted file mode 100644 index a139f5c..0000000 --- a/aircox/admin/page.py +++ /dev/null @@ -1,52 +0,0 @@ -from django.contrib import admin -from django.utils.safestring import mark_safe -from django.utils.translation import ugettext_lazy as _ - -from adminsortable2.admin import SortableInlineAdminMixin - -from ..models import Category, Article, NavItem - - -__all__ = ['CategoryAdmin', 'PageAdmin', 'NavItemInline'] - - -@admin.register(Category) -class CategoryAdmin(admin.ModelAdmin): - list_display = ['pk', 'title', 'slug'] - list_editable = ['title', 'slug'] - search_fields = ['title'] - fields = ['title', 'slug'] - prepopulated_fields = {"slug": ("title",)} - - -# limit category choice -class PageAdmin(admin.ModelAdmin): - list_display = ('cover_thumb', 'title', 'status', 'category', 'parent') - list_display_links = ('cover_thumb', 'title') - list_editable = ('status', 'category') - list_filter = ('status', 'category') - prepopulated_fields = {"slug": ("title",)} - - search_fields = ['title', 'category__title'] - fieldsets = [ - ('', { - 'fields': ['title', 'slug', 'category', 'cover', 'content'], - }), - (_('Publication Settings'), { - 'fields': ['featured', 'allow_comments', 'status', 'parent'], - 'classes': ('collapse',), - }), - ] - - change_form_template = 'admin/aircox/page_change_form.html' - - def cover_thumb(self, obj): - return mark_safe(''.format(obj.cover.icons['64'])) \ - if obj.cover else '' - - -class NavItemInline(SortableInlineAdminMixin, admin.TabularInline): - model = NavItem - - - diff --git a/aircox/admin/program.py b/aircox/admin/program.py deleted file mode 100644 index df732ea..0000000 --- a/aircox/admin/program.py +++ /dev/null @@ -1,76 +0,0 @@ -from copy import deepcopy - -from django.contrib import admin -from django.utils.translation import ugettext_lazy as _ - -from ..models import Program, Schedule, Stream -from .page import PageAdmin - - -class ScheduleInline(admin.TabularInline): - model = Schedule - extra = 1 - - -class StreamInline(admin.TabularInline): - fields = ['delay', 'begin', 'end'] - model = Stream - extra = 1 - - -@admin.register(Program) -class ProgramAdmin(PageAdmin): - def schedule(self, obj): - return Schedule.objects.filter(program=obj).count() > 0 - - schedule.boolean = True - schedule.short_description = _("Schedule") - - list_display = PageAdmin.list_display + ('schedule', 'station', 'active') - list_filter = PageAdmin.list_filter + ('station', 'active') - fieldsets = deepcopy(PageAdmin.fieldsets) + [ - (_('Program Settings'), { - 'fields': ['active', 'station', 'sync'], - 'classes': ('collapse',), - }) - ] - - prepopulated_fields = {'slug': ('title',)} - search_fields = ['title'] - - inlines = [ScheduleInline, StreamInline] - - -@admin.register(Schedule) -class ScheduleAdmin(admin.ModelAdmin): - def program_title(self, obj): - return obj.program.title - program_title.short_description = _('Program') - - def freq(self, obj): - return obj.get_frequency_verbose() - freq.short_description = _('Day') - - def rerun(self, obj): - return obj.initial is not None - rerun.short_description = _('Rerun') - rerun.boolean = True - - list_filter = ['frequency', 'program'] - list_display = ['program_title', 'freq', 'time', 'timezone', 'duration', - 'rerun'] - list_editable = ['time', 'duration'] - - def get_readonly_fields(self, request, obj=None): - if obj: - return ['program', 'date', 'frequency'] - else: - return [] - - -@admin.register(Stream) -class StreamAdmin(admin.ModelAdmin): - list_display = ('id', 'program', 'delay', 'begin', 'end') - - - diff --git a/aircox/admin/sound.py b/aircox/admin/sound.py deleted file mode 100644 index ca0f9f5..0000000 --- a/aircox/admin/sound.py +++ /dev/null @@ -1,65 +0,0 @@ -from django.contrib import admin -from django.utils.translation import ugettext as _, ugettext_lazy - -from adminsortable2.admin import SortableInlineAdminMixin - -from ..models import Sound, Track - - -class TracksInline(SortableInlineAdminMixin, admin.TabularInline): - template = 'admin/aircox/playlist_inline.html' - model = Track - extra = 0 - fields = ('position', 'artist', 'title', 'info', 'timestamp', 'tags') - - list_display = ['artist', 'title', 'tags', 'related'] - list_filter = ['artist', 'title', 'tags'] - - - -class SoundInline(admin.TabularInline): - model = Sound - fields = ['type', 'path', 'embed', 'duration', 'is_public'] - readonly_fields = ['type', 'path', 'duration'] - extra = 0 - - -@admin.register(Sound) -class SoundAdmin(admin.ModelAdmin): - def filename(self, obj): - return '/'.join(obj.path.split('/')[-2:]) - filename.short_description=_('file') - - fields = None - list_display = ['id', 'name', 'program', 'type', 'duration', - 'is_public', 'is_good_quality', 'episode', 'filename'] - list_filter = ('program', 'type', 'is_good_quality', 'is_public') - - search_fields = ['name', 'program'] - fieldsets = [ - (None, {'fields': ['name', 'path', 'type', 'program', 'episode']}), - (None, {'fields': ['embed', 'duration', 'is_public', 'mtime']}), - (None, {'fields': ['is_good_quality']}) - ] - readonly_fields = ('path', 'duration',) - inlines = [TracksInline] - - -@admin.register(Track) -class TrackAdmin(admin.ModelAdmin): - def tag_list(self, obj): - return u", ".join(o.name for o in obj.tags.all()) - - list_display = ['pk', 'artist', 'title', 'tag_list', 'episode', 'sound', 'timestamp'] - list_editable = ['artist', 'title'] - list_filter = ['artist', 'title', 'tags'] - - search_fields = ['artist', 'title'] - fieldsets = [ - (_('Playlist'), {'fields': ['episode', 'sound', 'position', 'timestamp']}), - (_('Info'), {'fields': ['artist', 'title', 'info', 'tags']}), - ] - - # TODO on edit: readonly_fields = ['episode', 'sound'] - - diff --git a/aircox/admin/station.py b/aircox/admin/station.py deleted file mode 100644 index 489f18e..0000000 --- a/aircox/admin/station.py +++ /dev/null @@ -1,20 +0,0 @@ -from django.contrib import admin - -from ..models import Port, Station -from .page import NavItemInline - - -__all__ = ['PortInline', 'StationAdmin'] - - -class PortInline(admin.StackedInline): - model = Port - extra = 0 - - -@admin.register(Station) -class StationAdmin(admin.ModelAdmin): - prepopulated_fields = {'slug': ('name',)} - inlines = [PortInline, NavItemInline] - - diff --git a/aircox/apps.py b/aircox/apps.py index d18dc5f..a3ebdc8 100755 --- a/aircox/apps.py +++ b/aircox/apps.py @@ -8,7 +8,6 @@ class AircoxConfig(AppConfig): class AircoxAdminConfig(AdminConfig): - default_site = 'aircox.views.admin.AdminSite' - + default_site = 'aircox.admin_site.AdminSite' diff --git a/aircox/models/__init__.py b/aircox/models/__init__.py index a312fef..653270d 100644 --- a/aircox/models/__init__.py +++ b/aircox/models/__init__.py @@ -4,7 +4,7 @@ from .program import Program, Stream, Schedule from .episode import Episode, Diffusion from .log import Log from .sound import Sound, Track -from .station import Station, Port +from .station import Station from . import signals diff --git a/aircox/models/__pycache__/__init__.cpython-37.pyc b/aircox/models/__pycache__/__init__.cpython-37.pyc index 4631e3661a782f3baa1037a02f0ce27f9fd1dc46..1db681d4e576da889fa9a6b9a19240b966c7d5f9 100644 GIT binary patch delta 95 zcmX@evWbP)iIn5bUJ!^n`rkiwB8nkyD1HgQF}1mi9C;F83W u%=|n}AhS3#Jufk**iTb@vM*zez%7O%0iX#h8Hz-KRFUZ9dyI)pJWK$y_8Bz* delta 110 zcmdnQa*&1BiIl#wBYA%!DHELS{AeBzRJIi_3e z!6k_$nfZCQSOW5kN;Da7u@`5i=OyM8`)Nu{c4n**EfN5lbc>-#5J;_LC=vrwMPifB KGbS<#FaZFPY#pKi diff --git a/aircox/models/__pycache__/station.cpython-37.pyc b/aircox/models/__pycache__/station.cpython-37.pyc index 3b8c0b8d40cd4897205e3f02442e75788d734110..873eb19172f12e4c76982f057caec605d2217661 100644 GIT binary patch delta 2418 zcmZ`*O>Ep$5cczWz4pfYo4-xdB+gG;mXuYCs`AsOq)8J9P17{HMZySH+kH;r;H;x( zr?jEcqBc@52=glT9VJpu(&zl*4Z{Ez8 z{xtT_i|MIUDk;J5*E{#$@95r57s#i(r_5%YNK~SVtF9-k1gzs!b+vWf(qWyT+KOx? z-;}6MwQY%Nw!GHyAZ8h0Nzw#Z5@1PzB@LDiYJkOP`DDP7qG_!QCQ(A=9sE{op@QG3)dT0YT_g-0K&3#jOj~4el?PFP$Cp7! zWUHqf)B?wA+}O0)-Lf5&_LD3WsH~Rq)1jD)NF_)p8OeG zB&5Kn;?qs6Nf^K7)*2sfWvIPe+jIldk7~0uyy@F!u{3x? zqEG{nMpSF-^hc{UxUgsAL<+}s&8W<#$IONolq~*pypIg>zvI(cM8ZrI*eGm(UsFFG z>w)FbHyS3YRXRbFb_3;p*07o6vY%$CFL5H&Ehsv7gG?>c2ON^cBLt}#38*Z&` zN4W8(!i0Bg&8`Q&=pP2Xr;U*mFKTBq2N!-C9ItXmJKa3SI$_PaP;`s%YL$BRYL#JY zh5Gbrjm~5|^Mg$STGp0PxwQG&Ye$a2&QlVC!sZ#ca9 zUa{{4=*csBp^5DmCTo6mz1FC$*o?h^Sw~PH&@ff4*4>)#*KOAYVC`9e3Y|eG(ZhK5 zS7Qf9(4?!X?Xno5x++$5hE^drOnG?zRe8?_f0qg&N3)Nx&m4j;~vIu z*IXFo_DQ27qNjy<#mD5W&chH|BahV5#92ma3CNn<{&K;bb=&}28Jm4G*w_r(7($&o z40;9_q!<%@6DpWH%wCyWnwhT5U0hVTCmsz|0UJc{2vr?5qK*CAu!~hsgT$PF0T~T=ejrc%Z3;FU zp`+WHH7v+%1e$7$O+5KAd5#zn2mvR~dyM&$STZ>DFsP^;Buvy-J*RF1Cj@slY;gd- zYxJoRf$?vQ`)NUAf__X0E9xQIxPE~FT}&tThEK}ZCrXiM~asl`%o zk9!>=*CaSV!oO1IN00bJ6{Z}&3cc*mDx!SE7t^0lRUjlxzJnb;!YS|f`5|h;$P*C6_G^*>4y1b2PUJmj5O?*oOR?# wq*XSLLgl~bddCHa#;?KuQCx0~FCJ%g6KmDcO*Xm=?>Y^Aq{>zXIO-XaE2J delta 1624 zcmZuxOK;p%6!!Jl9^3QsJo0QZGi{QlMj?GbX(&)gCTWw>PC}D{TiTsN8E8AsPM zLBJw{L~1t`3U|S#i?U>cgo?x(sSCu0N^FqXutMqven2;zV^5n#s;&8a?sx9J=Q-!; zD}Rh<=Q0^xfamd}PjCKS*v}4*E9+RhJRWP$p(1E&1LZ#(X z*9%ON2+0Tgzb>B-r4^rb8mNEvBtUo%enCHgD_DdImPjQk(!?II648w^)A%a+k)*gR zo*{WYBVHy3-xViilhjR#pGZu+TZH2*e;5k5)Btku3q$~w95S8+3ZLLl&J!Cu8CTlO zLOv8%p}Ac`jeC-n1I~bT9@d4Pt_X7Jo^0iNx;|L<_jCh2UBN9rD19ebeRPlx?Fm*t z9l0aiCUlq{+0(3nJAx!wgOIIJrh)^`1QCRX-$;vu4Dr9@8el~kdFNE~cD1qLHa>Cb zRJF6w45~rL=`{Uz6~u1f(y9{x?^at*vt9Mut|_u85oNfO-&cl7h5xM7j3HREqX-p* zGS`z|j1Pcl5{9{XA#s?qFlpOChuQWl|33Lc1#g6nDfnD84K{*1L_Y|nO~2V@NxrR) zPYy@Nn7idU4L9}y;|i1htxdPl30M|ZEX99O$4QR=qn^%1wTdeADyZi9acwFy#7elW z522si+URQ&D59sKw(51)FE(9|GBg&uk)HE?&vn`{AB8USpR}{fSoKhM0=wn3opqNn z6VHqxpt&$(+YQeNf`;pPwtWyk#CaMwMUG(vXe&6yXY^5iQy=3`(;CsaoOyDBmT3j* z8dtSSkM60~C_P5UfGbDUtw43hnf|bxeVyb(x!K<8c0$GPcHqkt{&DWgNdqnii^t#- zYP889Q&3#^=Oh~&ezW01jys=ixuN2KV%z19b3;m8U;bb2t1MPIt|-=)f0TbPuz*+P z=9jK5)Yg`k>-JK8<@y@C#KpoJV=t?8rWx4Vj@P6%8v2soDBPc`;~n~kj@NY;81osM zLOYl?GZDATG!iF~=%wp$F~8<-7LV{9;&o^9u}166RN1j^{14J1(?N+*@%ZcS|fS_%LF diff --git a/aircox/models/signals.py b/aircox/models/signals.py index 351f6b1..ceb724b 100755 --- a/aircox/models/signals.py +++ b/aircox/models/signals.py @@ -44,8 +44,8 @@ def program_post_save(sender, instance, created, *args, **kwargs): Clean-up later diffusions when a program becomes inactive """ if not instance.active: - Diffusion.objects.program(instance).after(tz.now()).delete() - Episode.object.program(instance).filter(diffusion__isnull=True) \ + Diffusion.object.program(instance).after(tz.now()).delete() + Episode.object.parent(instance).filter(diffusion__isnull=True) \ .delete() @@ -94,7 +94,6 @@ def schedule_pre_delete(sender, instance, *args, **kwargs): @receiver(signals.post_delete, sender=Diffusion) def diffusion_post_delete(sender, instance, *args, **kwargs): Episode.objects.filter(diffusion__isnull=True, content__isnull=True, - sound__isnull=True) \ - .delete() + sound__isnull=True).delete() diff --git a/aircox/models/station.py b/aircox/models/station.py index 691a439..7ec7be9 100644 --- a/aircox/models/station.py +++ b/aircox/models/station.py @@ -1,7 +1,6 @@ import os from django.db import models -from django.db.models import Q from django.utils.translation import ugettext_lazy as _ from filer.fields.image import FilerImageField @@ -9,7 +8,7 @@ from filer.fields.image import FilerImageField from .. import settings -__all__ = ['Station', 'StationQuerySet', 'Port'] +__all__ = ['Station', 'StationQuerySet'] class StationQuerySet(models.QuerySet): @@ -22,6 +21,9 @@ class StationQuerySet(models.QuerySet): return self.order_by('-default', 'pk').first() return self.filter(pk=station).first() + def active(self): + return self.filter(active=True) + class Station(models.Model): """ @@ -44,7 +46,12 @@ class Station(models.Model): default = models.BooleanField( _('default station'), default=True, - help_text=_('if checked, this station is used as the main one') + help_text=_('use this station as the main one.') + ) + active = models.BooleanField( + _('active'), + default=True, + help_text=_('whether this station is still active or not.') ) logo = FilerImageField( on_delete=models.SET_NULL, null=True, blank=True, @@ -79,6 +86,20 @@ class Station(models.Model): super().save(*args, **kwargs) +class PortQuerySet(models.QuerySet): + def active(self, value=True): + """ Active ports """ + return self.filter(active=value) + + def output(self): + """ Filter in output ports """ + return self.filter(direction=Port.DIRECTION_OUTPUT) + + def input(self): + """ Fitler in input ports """ + return self.filter(direction=Port.DIRECTION_INPUT) + + class Port(models.Model): """ Represent an audio input/output for the audio stream @@ -126,6 +147,14 @@ class Port(models.Model): blank=True, null=True ) + objects = PortQuerySet.as_manager() + + def __str__(self): + return "{direction}: {type} #{id}".format( + direction=self.get_direction_display(), + type=self.get_type_display(), id=self.pk or '' + ) + def is_valid_type(self): """ Return True if the type is available for the given direction. @@ -148,11 +177,3 @@ class Port(models.Model): return super().save(*args, **kwargs) - def __str__(self): - return "{direction}: {type} #{id}".format( - direction=self.get_direction_display(), - type=self.get_type_display(), - id=self.pk or '' - ) - - diff --git a/aircox/settings.py b/aircox/settings.py index 43ffbca..4805ba4 100755 --- a/aircox/settings.py +++ b/aircox/settings.py @@ -1,3 +1,4 @@ +# Code inspired from rest_framework of course. import os import stat diff --git a/aircox/static/aircox/admin.css b/aircox/static/aircox/admin.css index 515d1ee..866e617 100644 --- a/aircox/static/aircox/admin.css +++ b/aircox/static/aircox/admin.css @@ -7221,7 +7221,7 @@ a.navbar-item.is-active { .card-super-title { position: absolute; z-index: 1000; - font-size: 1.2em; + font-size: 1rem; font-weight: 700; padding: 0.2em; top: 1em; diff --git a/aircox/static/aircox/admin.js b/aircox/static/aircox/admin.js index fbaf339..4138e99 100644 --- a/aircox/static/aircox/admin.js +++ b/aircox/static/aircox/admin.js @@ -234,7 +234,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n/* harmony import */ var _fortawesome_fontawesome_free_css_all_min_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @fortawesome/fontawesome-free/css/all.min.css */ \"./node_modules/@fortawesome/fontawesome-free/css/all.min.css\");\n/* harmony import */ var _fortawesome_fontawesome_free_css_all_min_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_fontawesome_free_css_all_min_css__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _fortawesome_fontawesome_free_css_fontawesome_min_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @fortawesome/fontawesome-free/css/fontawesome.min.css */ \"./node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css\");\n/* harmony import */ var _fortawesome_fontawesome_free_css_fontawesome_min_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_fontawesome_free_css_fontawesome_min_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var buefy_dist_buefy_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! buefy/dist/buefy.css */ \"./node_modules/buefy/dist/buefy.css\");\n/* harmony import */ var buefy_dist_buefy_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(buefy_dist_buefy_css__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _app__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./app */ \"./assets/public/app.js\");\n/* harmony import */ var _liveInfo__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./liveInfo */ \"./assets/public/liveInfo.js\");\n/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./styles.scss */ \"./assets/public/styles.scss\");\n/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_styles_scss__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _player_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./player.vue */ \"./assets/public/player.vue\");\n/**\n * This module includes code available for both the public website and\n * administration interface)\n */\n//-- vendor\n\n\n\n\n\n\n\n//-- aircox\n\n\n\n\n\n\n\nvue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].component('a-player', _player_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"])\n\n\nwindow.aircox = {\n app: _app__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n LiveInfo: _liveInfo__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n}\n\n\n\n//# sourceURL=webpack:///./assets/public/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n/* harmony import */ var _fortawesome_fontawesome_free_css_all_min_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @fortawesome/fontawesome-free/css/all.min.css */ \"./node_modules/@fortawesome/fontawesome-free/css/all.min.css\");\n/* harmony import */ var _fortawesome_fontawesome_free_css_all_min_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_fontawesome_free_css_all_min_css__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _fortawesome_fontawesome_free_css_fontawesome_min_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @fortawesome/fontawesome-free/css/fontawesome.min.css */ \"./node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css\");\n/* harmony import */ var _fortawesome_fontawesome_free_css_fontawesome_min_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_fontawesome_free_css_fontawesome_min_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _app__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./app */ \"./assets/public/app.js\");\n/* harmony import */ var _liveInfo__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./liveInfo */ \"./assets/public/liveInfo.js\");\n/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./styles.scss */ \"./assets/public/styles.scss\");\n/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_styles_scss__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _player_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./player.vue */ \"./assets/public/player.vue\");\n/**\n * This module includes code available for both the public website and\n * administration interface)\n */\n//-- vendor\n\n\n\n\n\n\n//-- aircox\n\n\n\n\n\n\n\nvue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].component('a-player', _player_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"])\n\n\nwindow.aircox = {\n app: _app__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n LiveInfo: _liveInfo__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n}\n\n\n\n//# sourceURL=webpack:///./assets/public/index.js?"); /***/ }), diff --git a/aircox/static/aircox/main.css b/aircox/static/aircox/main.css index 6e70140..1198314 100644 --- a/aircox/static/aircox/main.css +++ b/aircox/static/aircox/main.css @@ -7203,7 +7203,7 @@ a.navbar-item.is-active { .card-super-title { position: absolute; z-index: 1000; - font-size: 1.2em; + font-size: 1rem; font-weight: 700; padding: 0.2em; top: 1em; diff --git a/aircox/static/aircox/main.js b/aircox/static/aircox/main.js index 5af8f05..4b6d3c3 100644 --- a/aircox/static/aircox/main.js +++ b/aircox/static/aircox/main.js @@ -175,7 +175,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) * /***/ (function(module, __webpack_exports__, __webpack_require__) { "use strict"; -eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n/* harmony import */ var _fortawesome_fontawesome_free_css_all_min_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @fortawesome/fontawesome-free/css/all.min.css */ \"./node_modules/@fortawesome/fontawesome-free/css/all.min.css\");\n/* harmony import */ var _fortawesome_fontawesome_free_css_all_min_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_fontawesome_free_css_all_min_css__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _fortawesome_fontawesome_free_css_fontawesome_min_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @fortawesome/fontawesome-free/css/fontawesome.min.css */ \"./node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css\");\n/* harmony import */ var _fortawesome_fontawesome_free_css_fontawesome_min_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_fontawesome_free_css_fontawesome_min_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var buefy_dist_buefy_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! buefy/dist/buefy.css */ \"./node_modules/buefy/dist/buefy.css\");\n/* harmony import */ var buefy_dist_buefy_css__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(buefy_dist_buefy_css__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _app__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./app */ \"./assets/public/app.js\");\n/* harmony import */ var _liveInfo__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./liveInfo */ \"./assets/public/liveInfo.js\");\n/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./styles.scss */ \"./assets/public/styles.scss\");\n/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_styles_scss__WEBPACK_IMPORTED_MODULE_6__);\n/* harmony import */ var _player_vue__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./player.vue */ \"./assets/public/player.vue\");\n/**\n * This module includes code available for both the public website and\n * administration interface)\n */\n//-- vendor\n\n\n\n\n\n\n\n//-- aircox\n\n\n\n\n\n\n\nvue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].component('a-player', _player_vue__WEBPACK_IMPORTED_MODULE_7__[\"default\"])\n\n\nwindow.aircox = {\n app: _app__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n LiveInfo: _liveInfo__WEBPACK_IMPORTED_MODULE_5__[\"default\"],\n}\n\n\n\n//# sourceURL=webpack:///./assets/public/index.js?"); +eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var vue__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vue */ \"./node_modules/vue/dist/vue.esm.browser.js\");\n/* harmony import */ var _fortawesome_fontawesome_free_css_all_min_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @fortawesome/fontawesome-free/css/all.min.css */ \"./node_modules/@fortawesome/fontawesome-free/css/all.min.css\");\n/* harmony import */ var _fortawesome_fontawesome_free_css_all_min_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_fontawesome_free_css_all_min_css__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _fortawesome_fontawesome_free_css_fontawesome_min_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @fortawesome/fontawesome-free/css/fontawesome.min.css */ \"./node_modules/@fortawesome/fontawesome-free/css/fontawesome.min.css\");\n/* harmony import */ var _fortawesome_fontawesome_free_css_fontawesome_min_css__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_fortawesome_fontawesome_free_css_fontawesome_min_css__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _app__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./app */ \"./assets/public/app.js\");\n/* harmony import */ var _liveInfo__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./liveInfo */ \"./assets/public/liveInfo.js\");\n/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./styles.scss */ \"./assets/public/styles.scss\");\n/* harmony import */ var _styles_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_styles_scss__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _player_vue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./player.vue */ \"./assets/public/player.vue\");\n/**\n * This module includes code available for both the public website and\n * administration interface)\n */\n//-- vendor\n\n\n\n\n\n\n//-- aircox\n\n\n\n\n\n\n\nvue__WEBPACK_IMPORTED_MODULE_0__[\"default\"].component('a-player', _player_vue__WEBPACK_IMPORTED_MODULE_6__[\"default\"])\n\n\nwindow.aircox = {\n app: _app__WEBPACK_IMPORTED_MODULE_3__[\"default\"],\n LiveInfo: _liveInfo__WEBPACK_IMPORTED_MODULE_4__[\"default\"],\n}\n\n\n\n//# sourceURL=webpack:///./assets/public/index.js?"); /***/ }), diff --git a/aircox/static/aircox/vendor.css b/aircox/static/aircox/vendor.css index 073fe46..1f6f775 100644 --- a/aircox/static/aircox/vendor.css +++ b/aircox/static/aircox/vendor.css @@ -8724,11440 +8724,3 @@ position: static; width: auto; } -/*! Buefy v0.7.10 | MIT License | github.com/buefy/buefy */ -.is-noscroll { - position: fixed; - overflow-y: hidden; - width: 100%; - bottom: 0; } - -@keyframes fadeOut { - from { - opacity: 1; } - to { - opacity: 0; } } - -.fadeOut { - animation-name: fadeOut; } - -@keyframes fadeOutDown { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(0, 100%, 0); } } - -.fadeOutDown { - animation-name: fadeOutDown; } - -@keyframes fadeOutUp { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(0, -100%, 0); } } - -.fadeOutUp { - animation-name: fadeOutUp; } - -@keyframes fadeIn { - from { - opacity: 0; } - to { - opacity: 1; } } - -.fadeIn { - animation-name: fadeIn; } - -@keyframes fadeInDown { - from { - opacity: 0; - transform: translate3d(0, -100%, 0); } - to { - opacity: 1; - transform: none; } } - -.fadeInDown { - animation-name: fadeInDown; } - -@keyframes fadeInUp { - from { - opacity: 0; - transform: translate3d(0, 100%, 0); } - to { - opacity: 1; - transform: none; } } - -.fadeInUp { - animation-name: fadeInUp; } - -/** - * Vue Transitions - */ -.fade-enter-active, -.fade-leave-active { - transition: opacity 150ms ease-out; } - -.fade-enter, -.fade-leave-to { - opacity: 0; } - -.zoom-in-enter-active, -.zoom-in-leave-active { - transition: opacity 150ms ease-out; } - -.zoom-in-enter-active .animation-content, -.zoom-in-enter-active .animation-content, -.zoom-in-leave-active .animation-content, -.zoom-in-leave-active .animation-content { - transition: transform 150ms ease-out; } - -.zoom-in-enter, -.zoom-in-leave-active { - opacity: 0; } - -.zoom-in-enter .animation-content, -.zoom-in-enter .animation-content, -.zoom-in-leave-active .animation-content, -.zoom-in-leave-active .animation-content { - transform: scale(0.95); } - -.zoom-out-enter-active, -.zoom-out-leave-active { - transition: opacity 150ms ease-out; } - -.zoom-out-enter-active .animation-content, -.zoom-out-enter-active .animation-content, -.zoom-out-leave-active .animation-content, -.zoom-out-leave-active .animation-content { - transition: transform 150ms ease-out; } - -.zoom-out-enter, -.zoom-out-leave-active { - opacity: 0; } - -.zoom-out-enter .animation-content, -.zoom-out-enter .animation-content, -.zoom-out-leave-active .animation-content, -.zoom-out-leave-active .animation-content { - transform: scale(1.05); } - -.slide-next-enter-active, -.slide-next-leave-active, -.slide-prev-enter-active, -.slide-prev-leave-active { - transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } - -.slide-prev-leave-to, .slide-next-enter { - transform: translate3d(-100%, 0, 0); - position: absolute; - width: 100%; } - -.slide-prev-enter, .slide-next-leave-to { - transform: translate3d(100%, 0, 0); - position: absolute; - width: 100%; } - -/*! bulma.io v0.7.5 | MIT License | github.com/jgthms/bulma */ -@keyframes spinAround { - from { - transform: rotate(0deg); } - to { - transform: rotate(359deg); } } - -.delete, .modal-close, .is-unselectable, .button, .file, .breadcrumb, .pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis, .tabs { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after { - border: 3px solid transparent; - border-radius: 2px; - border-right: 0; - border-top: 0; - content: " "; - display: block; - height: 0.625em; - margin-top: -0.4375em; - pointer-events: none; - position: absolute; - top: 50%; - 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), .list:not(:last-child), .message:not(:last-child), .tabs:not(:last-child) { - margin-bottom: 1.5rem; } - -.delete, .modal-close { - -moz-appearance: none; - -webkit-appearance: none; - background-color: rgba(10, 10, 10, 0.2); - border: none; - border-radius: 290486px; - cursor: pointer; - pointer-events: auto; - display: inline-block; - flex-grow: 0; - flex-shrink: 0; - font-size: 0; - height: 20px; - max-height: 20px; - max-width: 20px; - min-height: 20px; - min-width: 20px; - outline: none; - position: relative; - vertical-align: top; - width: 20px; } - -.delete::before, .modal-close::before, .delete::after, .modal-close::after { - background-color: white; - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - 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 { - animation: spinAround 500ms infinite linear; - border: 2px solid #dbdbdb; - border-radius: 290486px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; } - -.is-overlay, .image.is-square img, -.image.is-square .has-ratio, .image.is-1by1 img, -.image.is-1by1 .has-ratio, .image.is-5by4 img, -.image.is-5by4 .has-ratio, .image.is-4by3 img, -.image.is-4by3 .has-ratio, .image.is-3by2 img, -.image.is-3by2 .has-ratio, .image.is-5by3 img, -.image.is-5by3 .has-ratio, .image.is-16by9 img, -.image.is-16by9 .has-ratio, .image.is-2by1 img, -.image.is-2by1 .has-ratio, .image.is-3by1 img, -.image.is-3by1 .has-ratio, .image.is-4by5 img, -.image.is-4by5 .has-ratio, .image.is-3by4 img, -.image.is-3by4 .has-ratio, .image.is-2by3 img, -.image.is-2by3 .has-ratio, .image.is-3by5 img, -.image.is-3by5 .has-ratio, .image.is-9by16 img, -.image.is-9by16 .has-ratio, .image.is-1by2 img, -.image.is-1by2 .has-ratio, .image.is-1by3 img, -.image.is-1by3 .has-ratio, .modal, .modal-background, .hero-video { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; } - -.button, .input, .taginput .taginput-container.is-focusable, .textarea, .select select, .file-cta, -.file-name, .pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis { - -moz-appearance: none; - -webkit-appearance: none; - align-items: center; - border: 1px solid transparent; - border-radius: 4px; - box-shadow: none; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; } - -.button:focus, .input:focus, .taginput .taginput-container.is-focusable: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, .taginput .is-focused.taginput-container.is-focusable, .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, .taginput .taginput-container.is-focusable: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, .taginput .is-active.taginput-container.is-focusable, .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], .taginput .taginput-container.is-focusable[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] .taginput .taginput-container.is-focusable, -.taginput fieldset[disabled] .taginput-container.is-focusable, -fieldset[disabled] .textarea, -fieldset[disabled] .select select, -.select fieldset[disabled] select, -fieldset[disabled] .file-cta, -fieldset[disabled] .file-name, -fieldset[disabled] .pagination-previous, -fieldset[disabled] .pagination-next, -fieldset[disabled] .pagination-link, -fieldset[disabled] .pagination-ellipsis { - cursor: not-allowed; } - -/*! minireset.css v0.0.4 | MIT License | github.com/jgthms/minireset.css */ -html, -body, -p, -ol, -ul, -li, -dl, -dt, -dd, -blockquote, -figure, -fieldset, -legend, -textarea, -pre, -iframe, -hr, -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 0; - padding: 0; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: 100%; - font-weight: normal; } - -ul { - list-style: none; } - -button, -input, -select, -textarea { - margin: 0; } - -html { - box-sizing: border-box; } - -*, *::before, *::after { - box-sizing: inherit; } - -img, -embed, -iframe, -object, -video { - height: auto; - max-width: 100%; } - -audio { - max-width: 100%; } - -iframe { - border: 0; } - -table { - border-collapse: collapse; - border-spacing: 0; } - -td, -th { - padding: 0; } - -td:not([align]), -th:not([align]) { - text-align: left; } - -html { - background-color: white; - font-size: 16px; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - min-width: 300px; - overflow-x: hidden; - overflow-y: scroll; - text-rendering: optimizeLegibility; - 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: #7957d5; - cursor: pointer; - text-decoration: none; } - -a strong { - color: currentColor; } - -a:hover { - color: #363636; } - -code { - background-color: whitesmoke; - color: #ff3860; - font-size: 0.875em; - font-weight: normal; - padding: 0.25em 0.5em 0.25em; } - -hr { - background-color: whitesmoke; - border: none; - display: block; - height: 2px; - margin: 1.5rem 0; } - -img { - height: auto; - max-width: 100%; } - -input[type="checkbox"], -input[type="radio"] { - vertical-align: baseline; } - -small { - font-size: 0.875em; } - -span { - font-style: inherit; - font-weight: inherit; } - -strong { - color: #363636; - font-weight: 700; } - -fieldset { - border: none; } - -pre { - -webkit-overflow-scrolling: touch; - background-color: whitesmoke; - color: #4a4a4a; - font-size: 0.875em; - overflow-x: auto; - padding: 1.25rem 1.5rem; - white-space: pre; - word-wrap: normal; } - -pre code { - background-color: transparent; - color: currentColor; - font-size: 1em; - padding: 0; } - -table td, -table th { - vertical-align: top; } - -table td:not([align]), -table th:not([align]) { - text-align: left; } - -table th { - color: #363636; } - -.is-clearfix::after { - clear: both; - content: " "; - display: table; } - -.is-pulled-left { - float: left !important; } - -.is-pulled-right { - float: right !important; } - -.is-clipped { - overflow: hidden !important; } - -.is-size-1 { - font-size: 3rem !important; } - -.is-size-2 { - font-size: 2.5rem !important; } - -.is-size-3 { - font-size: 2rem !important; } - -.is-size-4 { - font-size: 1.5rem !important; } - -.is-size-5 { - font-size: 1.25rem !important; } - -.is-size-6 { - font-size: 1rem !important; } - -.is-size-7 { - font-size: 0.75rem !important; } - -@media screen and (max-width: 768px) { - .is-size-1-mobile { - font-size: 3rem !important; } - .is-size-2-mobile { - font-size: 2.5rem !important; } - .is-size-3-mobile { - font-size: 2rem !important; } - .is-size-4-mobile { - font-size: 1.5rem !important; } - .is-size-5-mobile { - font-size: 1.25rem !important; } - .is-size-6-mobile { - font-size: 1rem !important; } - .is-size-7-mobile { - font-size: 0.75rem !important; } } - -@media screen and (min-width: 769px), print { - .is-size-1-tablet { - font-size: 3rem !important; } - .is-size-2-tablet { - font-size: 2.5rem !important; } - .is-size-3-tablet { - font-size: 2rem !important; } - .is-size-4-tablet { - font-size: 1.5rem !important; } - .is-size-5-tablet { - font-size: 1.25rem !important; } - .is-size-6-tablet { - font-size: 1rem !important; } - .is-size-7-tablet { - font-size: 0.75rem !important; } } - -@media screen and (max-width: 1023px) { - .is-size-1-touch { - font-size: 3rem !important; } - .is-size-2-touch { - font-size: 2.5rem !important; } - .is-size-3-touch { - font-size: 2rem !important; } - .is-size-4-touch { - font-size: 1.5rem !important; } - .is-size-5-touch { - font-size: 1.25rem !important; } - .is-size-6-touch { - font-size: 1rem !important; } - .is-size-7-touch { - font-size: 0.75rem !important; } } - -@media screen and (min-width: 1024px) { - .is-size-1-desktop { - font-size: 3rem !important; } - .is-size-2-desktop { - font-size: 2.5rem !important; } - .is-size-3-desktop { - font-size: 2rem !important; } - .is-size-4-desktop { - font-size: 1.5rem !important; } - .is-size-5-desktop { - font-size: 1.25rem !important; } - .is-size-6-desktop { - font-size: 1rem !important; } - .is-size-7-desktop { - font-size: 0.75rem !important; } } - -@media screen and (min-width: 1216px) { - .is-size-1-widescreen { - font-size: 3rem !important; } - .is-size-2-widescreen { - font-size: 2.5rem !important; } - .is-size-3-widescreen { - font-size: 2rem !important; } - .is-size-4-widescreen { - font-size: 1.5rem !important; } - .is-size-5-widescreen { - font-size: 1.25rem !important; } - .is-size-6-widescreen { - font-size: 1rem !important; } - .is-size-7-widescreen { - font-size: 0.75rem !important; } } - -@media screen and (min-width: 1408px) { - .is-size-1-fullhd { - font-size: 3rem !important; } - .is-size-2-fullhd { - font-size: 2.5rem !important; } - .is-size-3-fullhd { - font-size: 2rem !important; } - .is-size-4-fullhd { - font-size: 1.5rem !important; } - .is-size-5-fullhd { - font-size: 1.25rem !important; } - .is-size-6-fullhd { - font-size: 1rem !important; } - .is-size-7-fullhd { - font-size: 0.75rem !important; } } - -.has-text-centered { - text-align: center !important; } - -.has-text-justified { - text-align: justify !important; } - -.has-text-left { - text-align: left !important; } - -.has-text-right { - text-align: right !important; } - -@media screen and (max-width: 768px) { - .has-text-centered-mobile { - text-align: center !important; } } - -@media screen and (min-width: 769px), print { - .has-text-centered-tablet { - text-align: center !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .has-text-centered-tablet-only { - text-align: center !important; } } - -@media screen and (max-width: 1023px) { - .has-text-centered-touch { - text-align: center !important; } } - -@media screen and (min-width: 1024px) { - .has-text-centered-desktop { - text-align: center !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .has-text-centered-desktop-only { - text-align: center !important; } } - -@media screen and (min-width: 1216px) { - .has-text-centered-widescreen { - text-align: center !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .has-text-centered-widescreen-only { - text-align: center !important; } } - -@media screen and (min-width: 1408px) { - .has-text-centered-fullhd { - text-align: center !important; } } - -@media screen and (max-width: 768px) { - .has-text-justified-mobile { - text-align: justify !important; } } - -@media screen and (min-width: 769px), print { - .has-text-justified-tablet { - text-align: justify !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .has-text-justified-tablet-only { - text-align: justify !important; } } - -@media screen and (max-width: 1023px) { - .has-text-justified-touch { - text-align: justify !important; } } - -@media screen and (min-width: 1024px) { - .has-text-justified-desktop { - text-align: justify !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .has-text-justified-desktop-only { - text-align: justify !important; } } - -@media screen and (min-width: 1216px) { - .has-text-justified-widescreen { - text-align: justify !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .has-text-justified-widescreen-only { - text-align: justify !important; } } - -@media screen and (min-width: 1408px) { - .has-text-justified-fullhd { - text-align: justify !important; } } - -@media screen and (max-width: 768px) { - .has-text-left-mobile { - text-align: left !important; } } - -@media screen and (min-width: 769px), print { - .has-text-left-tablet { - text-align: left !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .has-text-left-tablet-only { - text-align: left !important; } } - -@media screen and (max-width: 1023px) { - .has-text-left-touch { - text-align: left !important; } } - -@media screen and (min-width: 1024px) { - .has-text-left-desktop { - text-align: left !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .has-text-left-desktop-only { - text-align: left !important; } } - -@media screen and (min-width: 1216px) { - .has-text-left-widescreen { - text-align: left !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .has-text-left-widescreen-only { - text-align: left !important; } } - -@media screen and (min-width: 1408px) { - .has-text-left-fullhd { - text-align: left !important; } } - -@media screen and (max-width: 768px) { - .has-text-right-mobile { - text-align: right !important; } } - -@media screen and (min-width: 769px), print { - .has-text-right-tablet { - text-align: right !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .has-text-right-tablet-only { - text-align: right !important; } } - -@media screen and (max-width: 1023px) { - .has-text-right-touch { - text-align: right !important; } } - -@media screen and (min-width: 1024px) { - .has-text-right-desktop { - text-align: right !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .has-text-right-desktop-only { - text-align: right !important; } } - -@media screen and (min-width: 1216px) { - .has-text-right-widescreen { - text-align: right !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .has-text-right-widescreen-only { - text-align: right !important; } } - -@media screen and (min-width: 1408px) { - .has-text-right-fullhd { - text-align: right !important; } } - -.is-capitalized { - text-transform: capitalize !important; } - -.is-lowercase { - text-transform: lowercase !important; } - -.is-uppercase { - text-transform: uppercase !important; } - -.is-italic { - font-style: italic !important; } - -.has-text-white { - color: white !important; } - -a.has-text-white:hover, a.has-text-white:focus { - color: #e6e6e6 !important; } - -.has-background-white { - background-color: white !important; } - -.has-text-black { - color: #0a0a0a !important; } - -a.has-text-black:hover, a.has-text-black:focus { - color: black !important; } - -.has-background-black { - background-color: #0a0a0a !important; } - -.has-text-light { - color: whitesmoke !important; } - -a.has-text-light:hover, a.has-text-light:focus { - color: #dbdbdb !important; } - -.has-background-light { - background-color: whitesmoke !important; } - -.has-text-dark { - color: #363636 !important; } - -a.has-text-dark:hover, a.has-text-dark:focus { - color: #1c1c1c !important; } - -.has-background-dark { - background-color: #363636 !important; } - -.has-text-primary { - color: #7957d5 !important; } - -a.has-text-primary:hover, a.has-text-primary:focus { - color: #5a32c7 !important; } - -.has-background-primary { - background-color: #7957d5 !important; } - -.has-text-link { - color: #7957d5 !important; } - -a.has-text-link:hover, a.has-text-link:focus { - color: #5a32c7 !important; } - -.has-background-link { - background-color: #7957d5 !important; } - -.has-text-info { - color: #167df0 !important; } - -a.has-text-info:hover, a.has-text-info:focus { - color: #0d64c6 !important; } - -.has-background-info { - background-color: #167df0 !important; } - -.has-text-success { - color: #23d160 !important; } - -a.has-text-success:hover, a.has-text-success:focus { - color: #1ca64c !important; } - -.has-background-success { - background-color: #23d160 !important; } - -.has-text-warning { - color: #ffdd57 !important; } - -a.has-text-warning:hover, a.has-text-warning:focus { - color: #ffd324 !important; } - -.has-background-warning { - background-color: #ffdd57 !important; } - -.has-text-danger { - color: #ff3860 !important; } - -a.has-text-danger:hover, a.has-text-danger:focus { - color: #ff0537 !important; } - -.has-background-danger { - background-color: #ff3860 !important; } - -.has-text-black-bis { - color: #121212 !important; } - -.has-background-black-bis { - background-color: #121212 !important; } - -.has-text-black-ter { - color: #242424 !important; } - -.has-background-black-ter { - background-color: #242424 !important; } - -.has-text-grey-darker { - color: #363636 !important; } - -.has-background-grey-darker { - background-color: #363636 !important; } - -.has-text-grey-dark { - color: #4a4a4a !important; } - -.has-background-grey-dark { - background-color: #4a4a4a !important; } - -.has-text-grey { - color: #7a7a7a !important; } - -.has-background-grey { - background-color: #7a7a7a !important; } - -.has-text-grey-light { - color: #b5b5b5 !important; } - -.has-background-grey-light { - background-color: #b5b5b5 !important; } - -.has-text-grey-lighter { - color: #dbdbdb !important; } - -.has-background-grey-lighter { - background-color: #dbdbdb !important; } - -.has-text-white-ter { - color: whitesmoke !important; } - -.has-background-white-ter { - background-color: whitesmoke !important; } - -.has-text-white-bis { - color: #fafafa !important; } - -.has-background-white-bis { - background-color: #fafafa !important; } - -.has-text-weight-light { - font-weight: 300 !important; } - -.has-text-weight-normal { - font-weight: 400 !important; } - -.has-text-weight-medium { - font-weight: 500 !important; } - -.has-text-weight-semibold { - font-weight: 600 !important; } - -.has-text-weight-bold { - font-weight: 700 !important; } - -.is-family-primary { - font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } - -.is-family-secondary { - font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } - -.is-family-sans-serif { - font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important; } - -.is-family-monospace { - font-family: monospace !important; } - -.is-family-code { - font-family: monospace !important; } - -.is-block { - display: block !important; } - -@media screen and (max-width: 768px) { - .is-block-mobile { - display: block !important; } } - -@media screen and (min-width: 769px), print { - .is-block-tablet { - display: block !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-block-tablet-only { - display: block !important; } } - -@media screen and (max-width: 1023px) { - .is-block-touch { - display: block !important; } } - -@media screen and (min-width: 1024px) { - .is-block-desktop { - display: block !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-block-desktop-only { - display: block !important; } } - -@media screen and (min-width: 1216px) { - .is-block-widescreen { - display: block !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-block-widescreen-only { - display: block !important; } } - -@media screen and (min-width: 1408px) { - .is-block-fullhd { - display: block !important; } } - -.is-flex { - display: flex !important; } - -@media screen and (max-width: 768px) { - .is-flex-mobile { - display: flex !important; } } - -@media screen and (min-width: 769px), print { - .is-flex-tablet { - display: flex !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-flex-tablet-only { - display: flex !important; } } - -@media screen and (max-width: 1023px) { - .is-flex-touch { - display: flex !important; } } - -@media screen and (min-width: 1024px) { - .is-flex-desktop { - display: flex !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-flex-desktop-only { - display: flex !important; } } - -@media screen and (min-width: 1216px) { - .is-flex-widescreen { - display: flex !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-flex-widescreen-only { - display: flex !important; } } - -@media screen and (min-width: 1408px) { - .is-flex-fullhd { - display: flex !important; } } - -.is-inline { - display: inline !important; } - -@media screen and (max-width: 768px) { - .is-inline-mobile { - display: inline !important; } } - -@media screen and (min-width: 769px), print { - .is-inline-tablet { - display: inline !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-inline-tablet-only { - display: inline !important; } } - -@media screen and (max-width: 1023px) { - .is-inline-touch { - display: inline !important; } } - -@media screen and (min-width: 1024px) { - .is-inline-desktop { - display: inline !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-inline-desktop-only { - display: inline !important; } } - -@media screen and (min-width: 1216px) { - .is-inline-widescreen { - display: inline !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-inline-widescreen-only { - display: inline !important; } } - -@media screen and (min-width: 1408px) { - .is-inline-fullhd { - display: inline !important; } } - -.is-inline-block { - display: inline-block !important; } - -@media screen and (max-width: 768px) { - .is-inline-block-mobile { - display: inline-block !important; } } - -@media screen and (min-width: 769px), print { - .is-inline-block-tablet { - display: inline-block !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-inline-block-tablet-only { - display: inline-block !important; } } - -@media screen and (max-width: 1023px) { - .is-inline-block-touch { - display: inline-block !important; } } - -@media screen and (min-width: 1024px) { - .is-inline-block-desktop { - display: inline-block !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-inline-block-desktop-only { - display: inline-block !important; } } - -@media screen and (min-width: 1216px) { - .is-inline-block-widescreen { - display: inline-block !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-inline-block-widescreen-only { - display: inline-block !important; } } - -@media screen and (min-width: 1408px) { - .is-inline-block-fullhd { - display: inline-block !important; } } - -.is-inline-flex { - display: inline-flex !important; } - -@media screen and (max-width: 768px) { - .is-inline-flex-mobile { - display: inline-flex !important; } } - -@media screen and (min-width: 769px), print { - .is-inline-flex-tablet { - display: inline-flex !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-inline-flex-tablet-only { - display: inline-flex !important; } } - -@media screen and (max-width: 1023px) { - .is-inline-flex-touch { - display: inline-flex !important; } } - -@media screen and (min-width: 1024px) { - .is-inline-flex-desktop { - display: inline-flex !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-inline-flex-desktop-only { - display: inline-flex !important; } } - -@media screen and (min-width: 1216px) { - .is-inline-flex-widescreen { - display: inline-flex !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-inline-flex-widescreen-only { - display: inline-flex !important; } } - -@media screen and (min-width: 1408px) { - .is-inline-flex-fullhd { - display: inline-flex !important; } } - -.is-hidden { - display: none !important; } - -.is-sr-only { - border: none !important; - clip: rect(0, 0, 0, 0) !important; - height: 0.01em !important; - overflow: hidden !important; - padding: 0 !important; - position: absolute !important; - white-space: nowrap !important; - width: 0.01em !important; } - -@media screen and (max-width: 768px) { - .is-hidden-mobile { - display: none !important; } } - -@media screen and (min-width: 769px), print { - .is-hidden-tablet { - display: none !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-hidden-tablet-only { - display: none !important; } } - -@media screen and (max-width: 1023px) { - .is-hidden-touch { - display: none !important; } } - -@media screen and (min-width: 1024px) { - .is-hidden-desktop { - display: none !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-hidden-desktop-only { - display: none !important; } } - -@media screen and (min-width: 1216px) { - .is-hidden-widescreen { - display: none !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-hidden-widescreen-only { - display: none !important; } } - -@media screen and (min-width: 1408px) { - .is-hidden-fullhd { - display: none !important; } } - -.is-invisible { - visibility: hidden !important; } - -@media screen and (max-width: 768px) { - .is-invisible-mobile { - visibility: hidden !important; } } - -@media screen and (min-width: 769px), print { - .is-invisible-tablet { - visibility: hidden !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-invisible-tablet-only { - visibility: hidden !important; } } - -@media screen and (max-width: 1023px) { - .is-invisible-touch { - visibility: hidden !important; } } - -@media screen and (min-width: 1024px) { - .is-invisible-desktop { - visibility: hidden !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-invisible-desktop-only { - visibility: hidden !important; } } - -@media screen and (min-width: 1216px) { - .is-invisible-widescreen { - visibility: hidden !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-invisible-widescreen-only { - visibility: hidden !important; } } - -@media screen and (min-width: 1408px) { - .is-invisible-fullhd { - visibility: hidden !important; } } - -.is-marginless { - margin: 0 !important; } - -.is-paddingless { - padding: 0 !important; } - -.is-radiusless { - border-radius: 0 !important; } - -.is-shadowless { - box-shadow: none !important; } - -.is-relative { - position: relative !important; } - -.box { - background-color: white; - border-radius: 6px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - color: #4a4a4a; - display: block; - padding: 1.25rem; } - -a.box:hover, a.box:focus { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #7957d5; } - -a.box:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #7957d5; } - -.button { - background-color: white; - border-color: #dbdbdb; - border-width: 1px; - color: #363636; - cursor: pointer; - justify-content: center; - padding-bottom: calc(0.375em - 1px); - padding-left: 0.75em; - padding-right: 0.75em; - padding-top: calc(0.375em - 1px); - text-align: center; - white-space: nowrap; } - -.button strong { - color: inherit; } - -.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { - height: 1.5em; - width: 1.5em; } - -.button .icon:first-child:not(:last-child) { - margin-left: calc(-0.375em - 1px); - margin-right: 0.1875em; } - -.button .icon:last-child:not(:first-child) { - margin-left: 0.1875em; - margin-right: calc(-0.375em - 1px); } - -.button .icon:first-child:last-child { - margin-left: calc(-0.375em - 1px); - margin-right: calc(-0.375em - 1px); } - -.button:hover, .button.is-hovered { - border-color: #b5b5b5; - color: #363636; } - -.button:focus, .button.is-focused { - border-color: #7957d5; - color: #363636; } - -.button:focus:not(:active), .button.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25); } - -.button:active, .button.is-active { - border-color: #4a4a4a; - color: #363636; } - -.button.is-text { - background-color: transparent; - border-color: transparent; - color: #4a4a4a; - text-decoration: underline; } - -.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { - background-color: whitesmoke; - color: #363636; } - -.button.is-text:active, .button.is-text.is-active { - background-color: #e8e8e8; - color: #363636; } - -.button.is-text[disabled], -fieldset[disabled] .button.is-text { - background-color: transparent; - border-color: transparent; - box-shadow: none; } - -.button.is-white { - background-color: white; - border-color: transparent; - color: #0a0a0a; } - -.button.is-white:hover, .button.is-white.is-hovered { - background-color: #f9f9f9; - border-color: transparent; - color: #0a0a0a; } - -.button.is-white:focus, .button.is-white.is-focused { - border-color: transparent; - color: #0a0a0a; } - -.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } - -.button.is-white:active, .button.is-white.is-active { - background-color: #f2f2f2; - border-color: transparent; - color: #0a0a0a; } - -.button.is-white[disabled], -fieldset[disabled] .button.is-white { - background-color: white; - border-color: transparent; - box-shadow: none; } - -.button.is-white.is-inverted { - background-color: #0a0a0a; - color: white; } - -.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { - background-color: black; } - -.button.is-white.is-inverted[disabled], -fieldset[disabled] .button.is-white.is-inverted { - background-color: #0a0a0a; - border-color: transparent; - box-shadow: none; - color: white; } - -.button.is-white.is-loading::after { - border-color: transparent transparent #0a0a0a #0a0a0a !important; } - -.button.is-white.is-outlined { - background-color: transparent; - border-color: white; - color: white; } - -.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused { - background-color: white; - border-color: white; - color: #0a0a0a; } - -.button.is-white.is-outlined.is-loading::after { - border-color: transparent transparent white white !important; } - -.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #0a0a0a #0a0a0a !important; } - -.button.is-white.is-outlined[disabled], -fieldset[disabled] .button.is-white.is-outlined { - background-color: transparent; - border-color: white; - box-shadow: none; - color: white; } - -.button.is-white.is-inverted.is-outlined { - background-color: transparent; - border-color: #0a0a0a; - color: #0a0a0a; } - -.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused { - background-color: #0a0a0a; - color: white; } - -.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent white white !important; } - -.button.is-white.is-inverted.is-outlined[disabled], -fieldset[disabled] .button.is-white.is-inverted.is-outlined { - background-color: transparent; - border-color: #0a0a0a; - box-shadow: none; - color: #0a0a0a; } - -.button.is-black { - background-color: #0a0a0a; - border-color: transparent; - color: white; } - -.button.is-black:hover, .button.is-black.is-hovered { - background-color: #040404; - border-color: transparent; - color: white; } - -.button.is-black:focus, .button.is-black.is-focused { - border-color: transparent; - color: white; } - -.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } - -.button.is-black:active, .button.is-black.is-active { - background-color: black; - border-color: transparent; - color: white; } - -.button.is-black[disabled], -fieldset[disabled] .button.is-black { - background-color: #0a0a0a; - border-color: transparent; - box-shadow: none; } - -.button.is-black.is-inverted { - background-color: white; - color: #0a0a0a; } - -.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { - background-color: #f2f2f2; } - -.button.is-black.is-inverted[disabled], -fieldset[disabled] .button.is-black.is-inverted { - background-color: white; - border-color: transparent; - box-shadow: none; - color: #0a0a0a; } - -.button.is-black.is-loading::after { - border-color: transparent transparent white white !important; } - -.button.is-black.is-outlined { - background-color: transparent; - border-color: #0a0a0a; - color: #0a0a0a; } - -.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused { - background-color: #0a0a0a; - border-color: #0a0a0a; - color: white; } - -.button.is-black.is-outlined.is-loading::after { - border-color: transparent transparent #0a0a0a #0a0a0a !important; } - -.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent white white !important; } - -.button.is-black.is-outlined[disabled], -fieldset[disabled] .button.is-black.is-outlined { - background-color: transparent; - border-color: #0a0a0a; - box-shadow: none; - color: #0a0a0a; } - -.button.is-black.is-inverted.is-outlined { - background-color: transparent; - border-color: white; - color: white; } - -.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused { - background-color: white; - color: #0a0a0a; } - -.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #0a0a0a #0a0a0a !important; } - -.button.is-black.is-inverted.is-outlined[disabled], -fieldset[disabled] .button.is-black.is-inverted.is-outlined { - background-color: transparent; - border-color: white; - box-shadow: none; - color: white; } - -.button.is-light { - background-color: whitesmoke; - border-color: transparent; - color: #363636; } - -.button.is-light:hover, .button.is-light.is-hovered { - background-color: #eeeeee; - border-color: transparent; - color: #363636; } - -.button.is-light:focus, .button.is-light.is-focused { - border-color: transparent; - color: #363636; } - -.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } - -.button.is-light:active, .button.is-light.is-active { - background-color: #e8e8e8; - border-color: transparent; - color: #363636; } - -.button.is-light[disabled], -fieldset[disabled] .button.is-light { - background-color: whitesmoke; - border-color: transparent; - box-shadow: none; } - -.button.is-light.is-inverted { - background-color: #363636; - color: whitesmoke; } - -.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { - background-color: #292929; } - -.button.is-light.is-inverted[disabled], -fieldset[disabled] .button.is-light.is-inverted { - background-color: #363636; - border-color: transparent; - box-shadow: none; - color: whitesmoke; } - -.button.is-light.is-loading::after { - border-color: transparent transparent #363636 #363636 !important; } - -.button.is-light.is-outlined { - background-color: transparent; - border-color: whitesmoke; - color: whitesmoke; } - -.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused { - background-color: whitesmoke; - border-color: whitesmoke; - color: #363636; } - -.button.is-light.is-outlined.is-loading::after { - border-color: transparent transparent whitesmoke whitesmoke !important; } - -.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #363636 #363636 !important; } - -.button.is-light.is-outlined[disabled], -fieldset[disabled] .button.is-light.is-outlined { - background-color: transparent; - border-color: whitesmoke; - box-shadow: none; - color: whitesmoke; } - -.button.is-light.is-inverted.is-outlined { - background-color: transparent; - border-color: #363636; - color: #363636; } - -.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused { - background-color: #363636; - color: whitesmoke; } - -.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent whitesmoke whitesmoke !important; } - -.button.is-light.is-inverted.is-outlined[disabled], -fieldset[disabled] .button.is-light.is-inverted.is-outlined { - background-color: transparent; - border-color: #363636; - box-shadow: none; - color: #363636; } - -.button.is-dark { - background-color: #363636; - border-color: transparent; - color: whitesmoke; } - -.button.is-dark:hover, .button.is-dark.is-hovered { - background-color: #2f2f2f; - border-color: transparent; - color: whitesmoke; } - -.button.is-dark:focus, .button.is-dark.is-focused { - border-color: transparent; - color: whitesmoke; } - -.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } - -.button.is-dark:active, .button.is-dark.is-active { - background-color: #292929; - border-color: transparent; - color: whitesmoke; } - -.button.is-dark[disabled], -fieldset[disabled] .button.is-dark { - background-color: #363636; - border-color: transparent; - box-shadow: none; } - -.button.is-dark.is-inverted { - background-color: whitesmoke; - color: #363636; } - -.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { - background-color: #e8e8e8; } - -.button.is-dark.is-inverted[disabled], -fieldset[disabled] .button.is-dark.is-inverted { - background-color: whitesmoke; - border-color: transparent; - box-shadow: none; - color: #363636; } - -.button.is-dark.is-loading::after { - border-color: transparent transparent whitesmoke whitesmoke !important; } - -.button.is-dark.is-outlined { - background-color: transparent; - border-color: #363636; - color: #363636; } - -.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused { - background-color: #363636; - border-color: #363636; - color: whitesmoke; } - -.button.is-dark.is-outlined.is-loading::after { - border-color: transparent transparent #363636 #363636 !important; } - -.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent whitesmoke whitesmoke !important; } - -.button.is-dark.is-outlined[disabled], -fieldset[disabled] .button.is-dark.is-outlined { - background-color: transparent; - border-color: #363636; - box-shadow: none; - color: #363636; } - -.button.is-dark.is-inverted.is-outlined { - background-color: transparent; - border-color: whitesmoke; - color: whitesmoke; } - -.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused { - background-color: whitesmoke; - color: #363636; } - -.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #363636 #363636 !important; } - -.button.is-dark.is-inverted.is-outlined[disabled], -fieldset[disabled] .button.is-dark.is-inverted.is-outlined { - background-color: transparent; - border-color: whitesmoke; - box-shadow: none; - color: whitesmoke; } - -.button.is-primary { - background-color: #7957d5; - border-color: transparent; - color: white; } - -.button.is-primary:hover, .button.is-primary.is-hovered { - background-color: #714dd2; - border-color: transparent; - color: white; } - -.button.is-primary:focus, .button.is-primary.is-focused { - border-color: transparent; - color: white; } - -.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25); } - -.button.is-primary:active, .button.is-primary.is-active { - background-color: #6943d0; - border-color: transparent; - color: white; } - -.button.is-primary[disabled], -fieldset[disabled] .button.is-primary { - background-color: #7957d5; - border-color: transparent; - box-shadow: none; } - -.button.is-primary.is-inverted { - background-color: white; - color: #7957d5; } - -.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: white; - border-color: transparent; - box-shadow: none; - color: #7957d5; } - -.button.is-primary.is-loading::after { - border-color: transparent transparent white white !important; } - -.button.is-primary.is-outlined { - background-color: transparent; - border-color: #7957d5; - color: #7957d5; } - -.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: #7957d5; - border-color: #7957d5; - color: white; } - -.button.is-primary.is-outlined.is-loading::after { - border-color: transparent transparent #7957d5 #7957d5 !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 white white !important; } - -.button.is-primary.is-outlined[disabled], -fieldset[disabled] .button.is-primary.is-outlined { - background-color: transparent; - border-color: #7957d5; - box-shadow: none; - color: #7957d5; } - -.button.is-primary.is-inverted.is-outlined { - background-color: transparent; - border-color: white; - color: white; } - -.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: white; - color: #7957d5; } - -.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 #7957d5 #7957d5 !important; } - -.button.is-primary.is-inverted.is-outlined[disabled], -fieldset[disabled] .button.is-primary.is-inverted.is-outlined { - background-color: transparent; - border-color: white; - box-shadow: none; - color: white; } - -.button.is-link { - background-color: #7957d5; - border-color: transparent; - color: white; } - -.button.is-link:hover, .button.is-link.is-hovered { - background-color: #714dd2; - border-color: transparent; - color: white; } - -.button.is-link:focus, .button.is-link.is-focused { - border-color: transparent; - color: white; } - -.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25); } - -.button.is-link:active, .button.is-link.is-active { - background-color: #6943d0; - border-color: transparent; - color: white; } - -.button.is-link[disabled], -fieldset[disabled] .button.is-link { - background-color: #7957d5; - border-color: transparent; - box-shadow: none; } - -.button.is-link.is-inverted { - background-color: white; - color: #7957d5; } - -.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: white; - border-color: transparent; - box-shadow: none; - color: #7957d5; } - -.button.is-link.is-loading::after { - border-color: transparent transparent white white !important; } - -.button.is-link.is-outlined { - background-color: transparent; - border-color: #7957d5; - color: #7957d5; } - -.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: #7957d5; - border-color: #7957d5; - color: white; } - -.button.is-link.is-outlined.is-loading::after { - border-color: transparent transparent #7957d5 #7957d5 !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 white white !important; } - -.button.is-link.is-outlined[disabled], -fieldset[disabled] .button.is-link.is-outlined { - background-color: transparent; - border-color: #7957d5; - box-shadow: none; - color: #7957d5; } - -.button.is-link.is-inverted.is-outlined { - background-color: transparent; - border-color: white; - color: white; } - -.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: white; - color: #7957d5; } - -.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 #7957d5 #7957d5 !important; } - -.button.is-link.is-inverted.is-outlined[disabled], -fieldset[disabled] .button.is-link.is-inverted.is-outlined { - background-color: transparent; - border-color: white; - box-shadow: none; - color: white; } - -.button.is-info { - background-color: #167df0; - border-color: transparent; - color: #fff; } - -.button.is-info:hover, .button.is-info.is-hovered { - background-color: #0f77ea; - 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(22, 125, 240, 0.25); } - -.button.is-info:active, .button.is-info.is-active { - background-color: #0e71de; - border-color: transparent; - color: #fff; } - -.button.is-info[disabled], -fieldset[disabled] .button.is-info { - background-color: #167df0; - border-color: transparent; - box-shadow: none; } - -.button.is-info.is-inverted { - background-color: #fff; - color: #167df0; } - -.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: #167df0; } - -.button.is-info.is-loading::after { - border-color: transparent transparent #fff #fff !important; } - -.button.is-info.is-outlined { - background-color: transparent; - border-color: #167df0; - color: #167df0; } - -.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: #167df0; - border-color: #167df0; - color: #fff; } - -.button.is-info.is-outlined.is-loading::after { - border-color: transparent transparent #167df0 #167df0 !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: #167df0; - box-shadow: none; - color: #167df0; } - -.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: #167df0; } - -.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 #167df0 #167df0 !important; } - -.button.is-info.is-inverted.is-outlined[disabled], -fieldset[disabled] .button.is-info.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - -.button.is-success { - background-color: #23d160; - border-color: transparent; - color: #fff; } - -.button.is-success:hover, .button.is-success.is-hovered { - background-color: #22c65b; - border-color: transparent; - color: #fff; } - -.button.is-success:focus, .button.is-success.is-focused { - border-color: transparent; - color: #fff; } - -.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } - -.button.is-success:active, .button.is-success.is-active { - background-color: #20bc56; - border-color: transparent; - color: #fff; } - -.button.is-success[disabled], -fieldset[disabled] .button.is-success { - background-color: #23d160; - border-color: transparent; - box-shadow: none; } - -.button.is-success.is-inverted { - background-color: #fff; - color: #23d160; } - -.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { - background-color: #f2f2f2; } - -.button.is-success.is-inverted[disabled], -fieldset[disabled] .button.is-success.is-inverted { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: #23d160; } - -.button.is-success.is-loading::after { - border-color: transparent transparent #fff #fff !important; } - -.button.is-success.is-outlined { - background-color: transparent; - border-color: #23d160; - color: #23d160; } - -.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused { - background-color: #23d160; - border-color: #23d160; - color: #fff; } - -.button.is-success.is-outlined.is-loading::after { - border-color: transparent transparent #23d160 #23d160 !important; } - -.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #fff #fff !important; } - -.button.is-success.is-outlined[disabled], -fieldset[disabled] .button.is-success.is-outlined { - background-color: transparent; - border-color: #23d160; - box-shadow: none; - color: #23d160; } - -.button.is-success.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; } - -.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: #23d160; } - -.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #23d160 #23d160 !important; } - -.button.is-success.is-inverted.is-outlined[disabled], -fieldset[disabled] .button.is-success.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - -.button.is-warning { - background-color: #ffdd57; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - -.button.is-warning:hover, .button.is-warning.is-hovered { - background-color: #ffdb4a; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - -.button.is-warning:focus, .button.is-warning.is-focused { - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - -.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } - -.button.is-warning:active, .button.is-warning.is-active { - background-color: #ffd83d; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - -.button.is-warning[disabled], -fieldset[disabled] .button.is-warning { - background-color: #ffdd57; - border-color: transparent; - box-shadow: none; } - -.button.is-warning.is-inverted { - background-color: rgba(0, 0, 0, 0.7); - color: #ffdd57; } - -.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { - background-color: rgba(0, 0, 0, 0.7); } - -.button.is-warning.is-inverted[disabled], -fieldset[disabled] .button.is-warning.is-inverted { - background-color: rgba(0, 0, 0, 0.7); - border-color: transparent; - box-shadow: none; - color: #ffdd57; } - -.button.is-warning.is-loading::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } - -.button.is-warning.is-outlined { - background-color: transparent; - border-color: #ffdd57; - color: #ffdd57; } - -.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused { - background-color: #ffdd57; - border-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - -.button.is-warning.is-outlined.is-loading::after { - border-color: transparent transparent #ffdd57 #ffdd57 !important; } - -.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; } - -.button.is-warning.is-outlined[disabled], -fieldset[disabled] .button.is-warning.is-outlined { - background-color: transparent; - border-color: #ffdd57; - box-shadow: none; - color: #ffdd57; } - -.button.is-warning.is-inverted.is-outlined { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.7); - color: rgba(0, 0, 0, 0.7); } - -.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused { - background-color: rgba(0, 0, 0, 0.7); - color: #ffdd57; } - -.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #ffdd57 #ffdd57 !important; } - -.button.is-warning.is-inverted.is-outlined[disabled], -fieldset[disabled] .button.is-warning.is-inverted.is-outlined { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.7); - box-shadow: none; - color: rgba(0, 0, 0, 0.7); } - -.button.is-danger { - background-color: #ff3860; - border-color: transparent; - color: #fff; } - -.button.is-danger:hover, .button.is-danger.is-hovered { - background-color: #ff2b56; - border-color: transparent; - color: #fff; } - -.button.is-danger:focus, .button.is-danger.is-focused { - border-color: transparent; - color: #fff; } - -.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } - -.button.is-danger:active, .button.is-danger.is-active { - background-color: #ff1f4b; - border-color: transparent; - color: #fff; } - -.button.is-danger[disabled], -fieldset[disabled] .button.is-danger { - background-color: #ff3860; - border-color: transparent; - box-shadow: none; } - -.button.is-danger.is-inverted { - background-color: #fff; - color: #ff3860; } - -.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { - background-color: #f2f2f2; } - -.button.is-danger.is-inverted[disabled], -fieldset[disabled] .button.is-danger.is-inverted { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: #ff3860; } - -.button.is-danger.is-loading::after { - border-color: transparent transparent #fff #fff !important; } - -.button.is-danger.is-outlined { - background-color: transparent; - border-color: #ff3860; - color: #ff3860; } - -.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused { - background-color: #ff3860; - border-color: #ff3860; - color: #fff; } - -.button.is-danger.is-outlined.is-loading::after { - border-color: transparent transparent #ff3860 #ff3860 !important; } - -.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #fff #fff !important; } - -.button.is-danger.is-outlined[disabled], -fieldset[disabled] .button.is-danger.is-outlined { - background-color: transparent; - border-color: #ff3860; - box-shadow: none; - color: #ff3860; } - -.button.is-danger.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; } - -.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: #ff3860; } - -.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #ff3860 #ff3860 !important; } - -.button.is-danger.is-inverted.is-outlined[disabled], -fieldset[disabled] .button.is-danger.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - -.button.is-small { - border-radius: 2px; - font-size: 0.75rem; } - -.button.is-normal { - font-size: 1rem; } - -.button.is-medium { - font-size: 1.25rem; } - -.button.is-large { - font-size: 1.5rem; } - -.button[disabled], -fieldset[disabled] .button { - background-color: white; - border-color: #dbdbdb; - box-shadow: none; - opacity: 0.5; } - -.button.is-fullwidth { - display: flex; - width: 100%; } - -.button.is-loading { - color: transparent !important; - pointer-events: none; } - -.button.is-loading::after { - position: absolute; - left: calc(50% - (1em / 2)); - top: calc(50% - (1em / 2)); - position: absolute !important; } - -.button.is-static { - background-color: whitesmoke; - border-color: #dbdbdb; - color: #7a7a7a; - box-shadow: none; - pointer-events: none; } - -.button.is-rounded { - border-radius: 290486px; - padding-left: 1em; - padding-right: 1em; } - -.buttons { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; } - -.buttons .button { - margin-bottom: 0.5rem; } - -.buttons .button:not(:last-child):not(.is-fullwidth) { - margin-right: 0.5rem; } - -.buttons:last-child { - margin-bottom: -0.5rem; } - -.buttons:not(:last-child) { - margin-bottom: 1rem; } - -.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { - border-radius: 2px; - font-size: 0.75rem; } - -.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { - font-size: 1.25rem; } - -.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { - font-size: 1.5rem; } - -.buttons.has-addons .button:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - -.buttons.has-addons .button:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - margin-right: -1px; } - -.buttons.has-addons .button:last-child { - margin-right: 0; } - -.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { - z-index: 2; } - -.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { - z-index: 3; } - -.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { - z-index: 4; } - -.buttons.has-addons .button.is-expanded { - flex-grow: 1; - flex-shrink: 1; } - -.buttons.is-centered { - justify-content: center; } - -.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { - margin-left: 0.25rem; - margin-right: 0.25rem; } - -.buttons.is-right { - justify-content: flex-end; } - -.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { - margin-left: 0.25rem; - margin-right: 0.25rem; } - -.container { - flex-grow: 1; - margin: 0 auto; - position: relative; - width: auto; } - -@media screen and (min-width: 1024px) { - .container { - max-width: 960px; } - .container.is-fluid { - margin-left: 32px; - margin-right: 32px; - max-width: none; } } - -@media screen and (max-width: 1215px) { - .container.is-widescreen { - max-width: 1152px; } } - -@media screen and (max-width: 1407px) { - .container.is-fullhd { - max-width: 1344px; } } - -@media screen and (min-width: 1216px) { - .container { - max-width: 1152px; } } - -@media screen and (min-width: 1408px) { - .container { - max-width: 1344px; } } - -.content li + li { - margin-top: 0.25em; } - -.content p:not(:last-child), -.content dl:not(:last-child), -.content ol:not(:last-child), -.content ul:not(:last-child), -.content blockquote:not(:last-child), -.content pre:not(:last-child), -.content table:not(:last-child) { - margin-bottom: 1em; } - -.content h1, -.content h2, -.content h3, -.content h4, -.content h5, -.content h6 { - color: #363636; - font-weight: 600; - line-height: 1.125; } - -.content h1 { - font-size: 2em; - margin-bottom: 0.5em; } - -.content h1:not(:first-child) { - margin-top: 1em; } - -.content h2 { - font-size: 1.75em; - margin-bottom: 0.5714em; } - -.content h2:not(:first-child) { - margin-top: 1.1428em; } - -.content h3 { - font-size: 1.5em; - margin-bottom: 0.6666em; } - -.content h3:not(:first-child) { - margin-top: 1.3333em; } - -.content h4 { - font-size: 1.25em; - margin-bottom: 0.8em; } - -.content h5 { - font-size: 1.125em; - margin-bottom: 0.8888em; } - -.content h6 { - font-size: 1em; - margin-bottom: 1em; } - -.content blockquote { - background-color: whitesmoke; - border-left: 5px solid #dbdbdb; - padding: 1.25em 1.5em; } - -.content ol { - list-style-position: outside; - margin-left: 2em; - margin-top: 1em; } - -.content ol:not([type]) { - list-style-type: decimal; } - -.content ol:not([type]).is-lower-alpha { - list-style-type: lower-alpha; } - -.content ol:not([type]).is-lower-roman { - list-style-type: lower-roman; } - -.content ol:not([type]).is-upper-alpha { - list-style-type: upper-alpha; } - -.content ol:not([type]).is-upper-roman { - list-style-type: upper-roman; } - -.content ul { - list-style: disc outside; - margin-left: 2em; - margin-top: 1em; } - -.content ul ul { - list-style-type: circle; - margin-top: 0.5em; } - -.content ul ul ul { - list-style-type: square; } - -.content dd { - margin-left: 2em; } - -.content figure { - margin-left: 2em; - margin-right: 2em; - text-align: center; } - -.content figure:not(:first-child) { - margin-top: 2em; } - -.content figure:not(:last-child) { - margin-bottom: 2em; } - -.content figure img { - display: inline-block; } - -.content figure figcaption { - font-style: italic; } - -.content pre { - -webkit-overflow-scrolling: touch; - overflow-x: auto; - padding: 1.25em 1.5em; - white-space: pre; - word-wrap: normal; } - -.content sup, -.content sub { - font-size: 75%; } - -.content table { - width: 100%; } - -.content table td, -.content table th { - border: 1px solid #dbdbdb; - border-width: 0 0 1px; - padding: 0.5em 0.75em; - vertical-align: top; } - -.content table th { - color: #363636; } - -.content table th:not([align]) { - text-align: left; } - -.content table thead td, -.content table thead th { - border-width: 0 0 2px; - color: #363636; } - -.content table tfoot td, -.content table tfoot th { - border-width: 2px 0 0; - color: #363636; } - -.content table tbody tr:last-child td, -.content table tbody tr:last-child th { - border-bottom-width: 0; } - -.content .tabs li + li { - margin-top: 0; } - -.content.is-small { - font-size: 0.75rem; } - -.content.is-medium { - font-size: 1.25rem; } - -.content.is-large { - font-size: 1.5rem; } - -.icon { - align-items: center; - display: inline-flex; - justify-content: center; - height: 1.5rem; - width: 1.5rem; } - -.icon.is-small { - height: 1rem; - width: 1rem; } - -.icon.is-medium { - height: 2rem; - width: 2rem; } - -.icon.is-large { - height: 3rem; - width: 3rem; } - -.image { - display: block; - position: relative; } - -.image img { - display: block; - height: auto; - width: 100%; } - -.image img.is-rounded { - border-radius: 290486px; } - -.image.is-square img, -.image.is-square .has-ratio, .image.is-1by1 img, -.image.is-1by1 .has-ratio, .image.is-5by4 img, -.image.is-5by4 .has-ratio, .image.is-4by3 img, -.image.is-4by3 .has-ratio, .image.is-3by2 img, -.image.is-3by2 .has-ratio, .image.is-5by3 img, -.image.is-5by3 .has-ratio, .image.is-16by9 img, -.image.is-16by9 .has-ratio, .image.is-2by1 img, -.image.is-2by1 .has-ratio, .image.is-3by1 img, -.image.is-3by1 .has-ratio, .image.is-4by5 img, -.image.is-4by5 .has-ratio, .image.is-3by4 img, -.image.is-3by4 .has-ratio, .image.is-2by3 img, -.image.is-2by3 .has-ratio, .image.is-3by5 img, -.image.is-3by5 .has-ratio, .image.is-9by16 img, -.image.is-9by16 .has-ratio, .image.is-1by2 img, -.image.is-1by2 .has-ratio, .image.is-1by3 img, -.image.is-1by3 .has-ratio { - height: 100%; - width: 100%; } - -.image.is-square, .image.is-1by1 { - padding-top: 100%; } - -.image.is-5by4 { - padding-top: 80%; } - -.image.is-4by3 { - padding-top: 75%; } - -.image.is-3by2 { - padding-top: 66.6666%; } - -.image.is-5by3 { - padding-top: 60%; } - -.image.is-16by9 { - padding-top: 56.25%; } - -.image.is-2by1 { - padding-top: 50%; } - -.image.is-3by1 { - padding-top: 33.3333%; } - -.image.is-4by5 { - padding-top: 125%; } - -.image.is-3by4 { - padding-top: 133.3333%; } - -.image.is-2by3 { - padding-top: 150%; } - -.image.is-3by5 { - padding-top: 166.6666%; } - -.image.is-9by16 { - padding-top: 177.7777%; } - -.image.is-1by2 { - padding-top: 200%; } - -.image.is-1by3 { - padding-top: 300%; } - -.image.is-16x16 { - height: 16px; - width: 16px; } - -.image.is-24x24 { - height: 24px; - width: 24px; } - -.image.is-32x32 { - height: 32px; - width: 32px; } - -.image.is-48x48 { - height: 48px; - width: 48px; } - -.image.is-64x64 { - height: 64px; - width: 64px; } - -.image.is-96x96 { - height: 96px; - width: 96px; } - -.image.is-128x128 { - height: 128px; - width: 128px; } - -.notification { - background-color: whitesmoke; - border-radius: 4px; - padding: 1.25rem 2.5rem 1.25rem 1.5rem; - position: relative; } - -.notification a:not(.button):not(.dropdown-item) { - color: currentColor; - text-decoration: underline; } - -.notification strong { - color: currentColor; } - -.notification code, -.notification pre { - background: white; } - -.notification pre code { - background: transparent; } - -.notification > .delete { - position: absolute; - right: 0.5rem; - top: 0.5rem; } - -.notification .title, -.notification .subtitle, -.notification .content { - color: currentColor; } - -.notification.is-white { - background-color: white; - color: #0a0a0a; } - -.notification.is-black { - background-color: #0a0a0a; - color: white; } - -.notification.is-light { - background-color: whitesmoke; - color: #363636; } - -.notification.is-dark { - background-color: #363636; - color: whitesmoke; } - -.notification.is-primary { - background-color: #7957d5; - color: white; } - -.notification.is-link { - background-color: #7957d5; - color: white; } - -.notification.is-info { - background-color: #167df0; - color: #fff; } - -.notification.is-success { - background-color: #23d160; - color: #fff; } - -.notification.is-warning { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - -.notification.is-danger { - background-color: #ff3860; - color: #fff; } - -.progress { - -moz-appearance: none; - -webkit-appearance: none; - border: none; - border-radius: 290486px; - display: block; - height: 1rem; - overflow: hidden; - padding: 0; - width: 100%; } - -.progress::-webkit-progress-bar { - background-color: #dbdbdb; } - -.progress::-webkit-progress-value { - background-color: #4a4a4a; } - -.progress::-moz-progress-bar { - background-color: #4a4a4a; } - -.progress::-ms-fill { - background-color: #4a4a4a; - border: none; } - -.progress.is-white::-webkit-progress-value { - background-color: white; } - -.progress.is-white::-moz-progress-bar { - background-color: white; } - -.progress.is-white::-ms-fill { - background-color: white; } - -.progress.is-white:indeterminate { - background-image: linear-gradient(to right, white 30%, #dbdbdb 30%); } - -.progress.is-black::-webkit-progress-value { - background-color: #0a0a0a; } - -.progress.is-black::-moz-progress-bar { - background-color: #0a0a0a; } - -.progress.is-black::-ms-fill { - background-color: #0a0a0a; } - -.progress.is-black:indeterminate { - background-image: linear-gradient(to right, #0a0a0a 30%, #dbdbdb 30%); } - -.progress.is-light::-webkit-progress-value { - background-color: whitesmoke; } - -.progress.is-light::-moz-progress-bar { - background-color: whitesmoke; } - -.progress.is-light::-ms-fill { - background-color: whitesmoke; } - -.progress.is-light:indeterminate { - background-image: linear-gradient(to right, whitesmoke 30%, #dbdbdb 30%); } - -.progress.is-dark::-webkit-progress-value { - background-color: #363636; } - -.progress.is-dark::-moz-progress-bar { - background-color: #363636; } - -.progress.is-dark::-ms-fill { - background-color: #363636; } - -.progress.is-dark:indeterminate { - background-image: linear-gradient(to right, #363636 30%, #dbdbdb 30%); } - -.progress.is-primary::-webkit-progress-value { - background-color: #7957d5; } - -.progress.is-primary::-moz-progress-bar { - background-color: #7957d5; } - -.progress.is-primary::-ms-fill { - background-color: #7957d5; } - -.progress.is-primary:indeterminate { - background-image: linear-gradient(to right, #7957d5 30%, #dbdbdb 30%); } - -.progress.is-link::-webkit-progress-value { - background-color: #7957d5; } - -.progress.is-link::-moz-progress-bar { - background-color: #7957d5; } - -.progress.is-link::-ms-fill { - background-color: #7957d5; } - -.progress.is-link:indeterminate { - background-image: linear-gradient(to right, #7957d5 30%, #dbdbdb 30%); } - -.progress.is-info::-webkit-progress-value { - background-color: #167df0; } - -.progress.is-info::-moz-progress-bar { - background-color: #167df0; } - -.progress.is-info::-ms-fill { - background-color: #167df0; } - -.progress.is-info:indeterminate { - background-image: linear-gradient(to right, #167df0 30%, #dbdbdb 30%); } - -.progress.is-success::-webkit-progress-value { - background-color: #23d160; } - -.progress.is-success::-moz-progress-bar { - background-color: #23d160; } - -.progress.is-success::-ms-fill { - background-color: #23d160; } - -.progress.is-success:indeterminate { - background-image: linear-gradient(to right, #23d160 30%, #dbdbdb 30%); } - -.progress.is-warning::-webkit-progress-value { - background-color: #ffdd57; } - -.progress.is-warning::-moz-progress-bar { - background-color: #ffdd57; } - -.progress.is-warning::-ms-fill { - background-color: #ffdd57; } - -.progress.is-warning:indeterminate { - background-image: linear-gradient(to right, #ffdd57 30%, #dbdbdb 30%); } - -.progress.is-danger::-webkit-progress-value { - background-color: #ff3860; } - -.progress.is-danger::-moz-progress-bar { - background-color: #ff3860; } - -.progress.is-danger::-ms-fill { - background-color: #ff3860; } - -.progress.is-danger:indeterminate { - background-image: linear-gradient(to right, #ff3860 30%, #dbdbdb 30%); } - -.progress:indeterminate { - animation-duration: 1.5s; - animation-iteration-count: infinite; - animation-name: moveIndeterminate; - animation-timing-function: linear; - background-color: #dbdbdb; - background-image: linear-gradient(to right, #4a4a4a 30%, #dbdbdb 30%); - background-position: top left; - background-repeat: no-repeat; - background-size: 150% 150%; } - -.progress:indeterminate::-webkit-progress-bar { - background-color: transparent; } - -.progress:indeterminate::-moz-progress-bar { - background-color: transparent; } - -.progress.is-small { - height: 0.75rem; } - -.progress.is-medium { - height: 1.25rem; } - -.progress.is-large { - height: 1.5rem; } - -@keyframes moveIndeterminate { - from { - background-position: 200% 0; } - to { - background-position: -200% 0; } } - -.table { - background-color: white; - color: #363636; } - -.table td, -.table th { - border: 1px solid #dbdbdb; - border-width: 0 0 1px; - padding: 0.5em 0.75em; - vertical-align: top; } - -.table td.is-white, -.table th.is-white { - background-color: white; - border-color: white; - color: #0a0a0a; } - -.table td.is-black, -.table th.is-black { - background-color: #0a0a0a; - border-color: #0a0a0a; - color: white; } - -.table td.is-light, -.table th.is-light { - background-color: whitesmoke; - border-color: whitesmoke; - color: #363636; } - -.table td.is-dark, -.table th.is-dark { - background-color: #363636; - border-color: #363636; - color: whitesmoke; } - -.table td.is-primary, -.table th.is-primary { - background-color: #7957d5; - border-color: #7957d5; - color: white; } - -.table td.is-link, -.table th.is-link { - background-color: #7957d5; - border-color: #7957d5; - color: white; } - -.table td.is-info, -.table th.is-info { - background-color: #167df0; - border-color: #167df0; - color: #fff; } - -.table td.is-success, -.table th.is-success { - background-color: #23d160; - border-color: #23d160; - color: #fff; } - -.table td.is-warning, -.table th.is-warning { - background-color: #ffdd57; - border-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - -.table td.is-danger, -.table th.is-danger { - background-color: #ff3860; - border-color: #ff3860; - color: #fff; } - -.table td.is-narrow, -.table th.is-narrow { - white-space: nowrap; - width: 1%; } - -.table td.is-selected, -.table th.is-selected { - background-color: #7957d5; - color: white; } - -.table td.is-selected a, -.table td.is-selected strong, -.table th.is-selected a, -.table th.is-selected strong { - color: currentColor; } - -.table th { - color: #363636; } - -.table th:not([align]) { - text-align: left; } - -.table tr.is-selected { - background-color: #7957d5; - color: white; } - -.table tr.is-selected a, -.table tr.is-selected strong { - color: currentColor; } - -.table tr.is-selected td, -.table tr.is-selected th { - border-color: white; - color: currentColor; } - -.table thead { - background-color: transparent; } - -.table thead td, -.table thead th { - border-width: 0 0 2px; - color: #363636; } - -.table tfoot { - background-color: transparent; } - -.table tfoot td, -.table tfoot th { - border-width: 2px 0 0; - color: #363636; } - -.table tbody { - background-color: transparent; } - -.table tbody tr:last-child td, -.table tbody tr:last-child th { - border-bottom-width: 0; } - -.table.is-bordered td, -.table.is-bordered th { - border-width: 1px; } - -.table.is-bordered tr:last-child td, -.table.is-bordered tr:last-child th { - border-bottom-width: 1px; } - -.table.is-fullwidth { - width: 100%; } - -.table.is-hoverable tbody tr:not(.is-selected):hover { - background-color: #fafafa; } - -.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { - background-color: #fafafa; } - -.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { - background-color: whitesmoke; } - -.table.is-narrow td, -.table.is-narrow th { - padding: 0.25em 0.5em; } - -.table.is-striped tbody tr:not(.is-selected):nth-child(even) { - background-color: #fafafa; } - -.table-container { - -webkit-overflow-scrolling: touch; - overflow: auto; - overflow-y: hidden; - max-width: 100%; } - -.tags { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; } - -.tags .tag { - margin-bottom: 0.5rem; } - -.tags .tag:not(:last-child) { - margin-right: 0.5rem; } - -.tags:last-child { - margin-bottom: -0.5rem; } - -.tags:not(:last-child) { - margin-bottom: 1rem; } - -.tags.are-medium .tag:not(.is-normal):not(.is-large) { - font-size: 1rem; } - -.tags.are-large .tag:not(.is-normal):not(.is-medium) { - font-size: 1.25rem; } - -.tags.is-centered { - justify-content: center; } - -.tags.is-centered .tag { - margin-right: 0.25rem; - margin-left: 0.25rem; } - -.tags.is-right { - justify-content: flex-end; } - -.tags.is-right .tag:not(:first-child) { - margin-left: 0.5rem; } - -.tags.is-right .tag:not(:last-child) { - margin-right: 0; } - -.tags.has-addons .tag { - margin-right: 0; } - -.tags.has-addons .tag:not(:first-child) { - margin-left: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - -.tags.has-addons .tag:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - -.tag:not(body) { - align-items: center; - background-color: whitesmoke; - border-radius: 4px; - color: #4a4a4a; - display: inline-flex; - font-size: 0.75rem; - height: 2em; - justify-content: center; - line-height: 1.5; - padding-left: 0.75em; - padding-right: 0.75em; - white-space: nowrap; } - -.tag:not(body) .delete { - margin-left: 0.25rem; - margin-right: -0.375rem; } - -.tag:not(body).is-white { - background-color: white; - color: #0a0a0a; } - -.tag:not(body).is-black { - background-color: #0a0a0a; - color: white; } - -.tag:not(body).is-light { - background-color: whitesmoke; - color: #363636; } - -.tag:not(body).is-dark { - background-color: #363636; - color: whitesmoke; } - -.tag:not(body).is-primary { - background-color: #7957d5; - color: white; } - -.tag:not(body).is-link { - background-color: #7957d5; - color: white; } - -.tag:not(body).is-info { - background-color: #167df0; - color: #fff; } - -.tag:not(body).is-success { - background-color: #23d160; - color: #fff; } - -.tag:not(body).is-warning { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - -.tag:not(body).is-danger { - background-color: #ff3860; - color: #fff; } - -.tag:not(body).is-normal { - font-size: 0.75rem; } - -.tag:not(body).is-medium { - font-size: 1rem; } - -.tag:not(body).is-large { - font-size: 1.25rem; } - -.tag:not(body) .icon:first-child:not(:last-child) { - margin-left: -0.375em; - margin-right: 0.1875em; } - -.tag:not(body) .icon:last-child:not(:first-child) { - margin-left: 0.1875em; - margin-right: -0.375em; } - -.tag:not(body) .icon:first-child:last-child { - margin-left: -0.375em; - margin-right: -0.375em; } - -.tag:not(body).is-delete { - margin-left: 1px; - padding: 0; - position: relative; - width: 2em; } - -.tag:not(body).is-delete::before, .tag:not(body).is-delete::after { - background-color: currentColor; - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - 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, .taginput .taginput-container.is-focusable, .textarea, .select select { - background-color: white; - border-color: #dbdbdb; - border-radius: 4px; - color: #363636; } - -.input::-moz-placeholder, .taginput .taginput-container.is-focusable::-moz-placeholder, .textarea::-moz-placeholder, .select select::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - -.input::-webkit-input-placeholder, .taginput .taginput-container.is-focusable::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .select select::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - -.input:-moz-placeholder, .taginput .taginput-container.is-focusable:-moz-placeholder, .textarea:-moz-placeholder, .select select:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - -.input:-ms-input-placeholder, .taginput .taginput-container.is-focusable:-ms-input-placeholder, .textarea:-ms-input-placeholder, .select select:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - -.input:hover, .taginput .taginput-container.is-focusable:hover, .textarea:hover, .select select:hover, .is-hovered.input, .taginput .is-hovered.taginput-container.is-focusable, .is-hovered.textarea, .select select.is-hovered { - border-color: #b5b5b5; } - -.input:focus, .taginput .taginput-container.is-focusable:focus, .textarea:focus, .select select:focus, .is-focused.input, .taginput .is-focused.taginput-container.is-focusable, .is-focused.textarea, .select select.is-focused, .input:active, .taginput .taginput-container.is-focusable:active, .textarea:active, .select select:active, .is-active.input, .taginput .is-active.taginput-container.is-focusable, .is-active.textarea, .select select.is-active { - border-color: #7957d5; - box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25); } - -.input[disabled], .taginput .taginput-container.is-focusable[disabled], .textarea[disabled], .select select[disabled], -fieldset[disabled] .input, -fieldset[disabled] .taginput .taginput-container.is-focusable, -.taginput fieldset[disabled] .taginput-container.is-focusable, -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, .taginput .taginput-container.is-focusable[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder, .select select[disabled]::-moz-placeholder, -fieldset[disabled] .input::-moz-placeholder, -fieldset[disabled] .taginput .taginput-container.is-focusable::-moz-placeholder, -.taginput fieldset[disabled] .taginput-container.is-focusable::-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, .taginput .taginput-container.is-focusable[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder, .select select[disabled]::-webkit-input-placeholder, -fieldset[disabled] .input::-webkit-input-placeholder, -fieldset[disabled] .taginput .taginput-container.is-focusable::-webkit-input-placeholder, -.taginput fieldset[disabled] .taginput-container.is-focusable::-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, .taginput .taginput-container.is-focusable[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder, .select select[disabled]:-moz-placeholder, -fieldset[disabled] .input:-moz-placeholder, -fieldset[disabled] .taginput .taginput-container.is-focusable:-moz-placeholder, -.taginput fieldset[disabled] .taginput-container.is-focusable:-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, .taginput .taginput-container.is-focusable[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder, .select select[disabled]:-ms-input-placeholder, -fieldset[disabled] .input:-ms-input-placeholder, -fieldset[disabled] .taginput .taginput-container.is-focusable:-ms-input-placeholder, -.taginput fieldset[disabled] .taginput-container.is-focusable:-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, .taginput .taginput-container.is-focusable, .textarea { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - max-width: 100%; - width: 100%; } - -.input[readonly], .taginput .taginput-container.is-focusable[readonly], .textarea[readonly] { - box-shadow: none; } - -.is-white.input, .taginput .is-white.taginput-container.is-focusable, .is-white.textarea { - border-color: white; } - -.is-white.input:focus, .taginput .is-white.taginput-container.is-focusable:focus, .is-white.textarea:focus, .is-white.is-focused.input, .taginput .is-white.is-focused.taginput-container.is-focusable, .is-white.is-focused.textarea, .is-white.input:active, .taginput .is-white.taginput-container.is-focusable:active, .is-white.textarea:active, .is-white.is-active.input, .taginput .is-white.is-active.taginput-container.is-focusable, .is-white.is-active.textarea { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } - -.is-black.input, .taginput .is-black.taginput-container.is-focusable, .is-black.textarea { - border-color: #0a0a0a; } - -.is-black.input:focus, .taginput .is-black.taginput-container.is-focusable:focus, .is-black.textarea:focus, .is-black.is-focused.input, .taginput .is-black.is-focused.taginput-container.is-focusable, .is-black.is-focused.textarea, .is-black.input:active, .taginput .is-black.taginput-container.is-focusable:active, .is-black.textarea:active, .is-black.is-active.input, .taginput .is-black.is-active.taginput-container.is-focusable, .is-black.is-active.textarea { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } - -.is-light.input, .taginput .is-light.taginput-container.is-focusable, .is-light.textarea { - border-color: whitesmoke; } - -.is-light.input:focus, .taginput .is-light.taginput-container.is-focusable:focus, .is-light.textarea:focus, .is-light.is-focused.input, .taginput .is-light.is-focused.taginput-container.is-focusable, .is-light.is-focused.textarea, .is-light.input:active, .taginput .is-light.taginput-container.is-focusable:active, .is-light.textarea:active, .is-light.is-active.input, .taginput .is-light.is-active.taginput-container.is-focusable, .is-light.is-active.textarea { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } - -.is-dark.input, .taginput .is-dark.taginput-container.is-focusable, .is-dark.textarea { - border-color: #363636; } - -.is-dark.input:focus, .taginput .is-dark.taginput-container.is-focusable:focus, .is-dark.textarea:focus, .is-dark.is-focused.input, .taginput .is-dark.is-focused.taginput-container.is-focusable, .is-dark.is-focused.textarea, .is-dark.input:active, .taginput .is-dark.taginput-container.is-focusable:active, .is-dark.textarea:active, .is-dark.is-active.input, .taginput .is-dark.is-active.taginput-container.is-focusable, .is-dark.is-active.textarea { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } - -.is-primary.input, .taginput .is-primary.taginput-container.is-focusable, .is-primary.textarea { - border-color: #7957d5; } - -.is-primary.input:focus, .taginput .is-primary.taginput-container.is-focusable:focus, .is-primary.textarea:focus, .is-primary.is-focused.input, .taginput .is-primary.is-focused.taginput-container.is-focusable, .is-primary.is-focused.textarea, .is-primary.input:active, .taginput .is-primary.taginput-container.is-focusable:active, .is-primary.textarea:active, .is-primary.is-active.input, .taginput .is-primary.is-active.taginput-container.is-focusable, .is-primary.is-active.textarea { - box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25); } - -.is-link.input, .taginput .is-link.taginput-container.is-focusable, .is-link.textarea { - border-color: #7957d5; } - -.is-link.input:focus, .taginput .is-link.taginput-container.is-focusable:focus, .is-link.textarea:focus, .is-link.is-focused.input, .taginput .is-link.is-focused.taginput-container.is-focusable, .is-link.is-focused.textarea, .is-link.input:active, .taginput .is-link.taginput-container.is-focusable:active, .is-link.textarea:active, .is-link.is-active.input, .taginput .is-link.is-active.taginput-container.is-focusable, .is-link.is-active.textarea { - box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25); } - -.is-info.input, .taginput .is-info.taginput-container.is-focusable, .is-info.textarea { - border-color: #167df0; } - -.is-info.input:focus, .taginput .is-info.taginput-container.is-focusable:focus, .is-info.textarea:focus, .is-info.is-focused.input, .taginput .is-info.is-focused.taginput-container.is-focusable, .is-info.is-focused.textarea, .is-info.input:active, .taginput .is-info.taginput-container.is-focusable:active, .is-info.textarea:active, .is-info.is-active.input, .taginput .is-info.is-active.taginput-container.is-focusable, .is-info.is-active.textarea { - box-shadow: 0 0 0 0.125em rgba(22, 125, 240, 0.25); } - -.is-success.input, .taginput .is-success.taginput-container.is-focusable, .is-success.textarea { - border-color: #23d160; } - -.is-success.input:focus, .taginput .is-success.taginput-container.is-focusable:focus, .is-success.textarea:focus, .is-success.is-focused.input, .taginput .is-success.is-focused.taginput-container.is-focusable, .is-success.is-focused.textarea, .is-success.input:active, .taginput .is-success.taginput-container.is-focusable:active, .is-success.textarea:active, .is-success.is-active.input, .taginput .is-success.is-active.taginput-container.is-focusable, .is-success.is-active.textarea { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } - -.is-warning.input, .taginput .is-warning.taginput-container.is-focusable, .is-warning.textarea { - border-color: #ffdd57; } - -.is-warning.input:focus, .taginput .is-warning.taginput-container.is-focusable:focus, .is-warning.textarea:focus, .is-warning.is-focused.input, .taginput .is-warning.is-focused.taginput-container.is-focusable, .is-warning.is-focused.textarea, .is-warning.input:active, .taginput .is-warning.taginput-container.is-focusable:active, .is-warning.textarea:active, .is-warning.is-active.input, .taginput .is-warning.is-active.taginput-container.is-focusable, .is-warning.is-active.textarea { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } - -.is-danger.input, .taginput .is-danger.taginput-container.is-focusable, .is-danger.textarea { - border-color: #ff3860; } - -.is-danger.input:focus, .taginput .is-danger.taginput-container.is-focusable:focus, .is-danger.textarea:focus, .is-danger.is-focused.input, .taginput .is-danger.is-focused.taginput-container.is-focusable, .is-danger.is-focused.textarea, .is-danger.input:active, .taginput .is-danger.taginput-container.is-focusable:active, .is-danger.textarea:active, .is-danger.is-active.input, .taginput .is-danger.is-active.taginput-container.is-focusable, .is-danger.is-active.textarea { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } - -.is-small.input, .taginput .is-small.taginput-container.is-focusable, .is-small.textarea { - border-radius: 2px; - font-size: 0.75rem; } - -.is-medium.input, .taginput .is-medium.taginput-container.is-focusable, .is-medium.textarea { - font-size: 1.25rem; } - -.is-large.input, .taginput .is-large.taginput-container.is-focusable, .is-large.textarea { - font-size: 1.5rem; } - -.is-fullwidth.input, .taginput .is-fullwidth.taginput-container.is-focusable, .is-fullwidth.textarea { - display: block; - width: 100%; } - -.is-inline.input, .taginput .is-inline.taginput-container.is-focusable, .is-inline.textarea { - display: inline; - width: auto; } - -.input.is-rounded, .taginput .is-rounded.taginput-container.is-focusable { - border-radius: 290486px; - padding-left: 1em; - padding-right: 1em; } - -.input.is-static, .taginput .is-static.taginput-container.is-focusable { - background-color: transparent; - border-color: transparent; - box-shadow: none; - padding-left: 0; - padding-right: 0; } - -.textarea { - display: block; - max-width: 100%; - min-width: 100%; - padding: 0.625em; - resize: vertical; } - -.textarea:not([rows]) { - max-height: 600px; - min-height: 120px; } - -.textarea[rows] { - height: initial; } - -.textarea.has-fixed-size { - resize: none; } - -.checkbox, .radio { - cursor: pointer; - display: inline-block; - line-height: 1.25; - position: relative; } - -.checkbox input, .radio input { - cursor: pointer; } - -.checkbox:hover, .radio:hover { - color: #363636; } - -.checkbox[disabled], .radio[disabled], -fieldset[disabled] .checkbox, -fieldset[disabled] .radio { - color: #7a7a7a; - cursor: not-allowed; } - -.radio + .radio { - margin-left: 0.5em; } - -.select { - display: inline-block; - max-width: 100%; - position: relative; - vertical-align: top; } - -.select:not(.is-multiple) { - height: 2.25em; } - -.select:not(.is-multiple):not(.is-loading)::after { - border-color: #7957d5; - 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: #7957d5; } - -.select.is-primary select { - border-color: #7957d5; } - -.select.is-primary select:hover, .select.is-primary select.is-hovered { - border-color: #6943d0; } - -.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(121, 87, 213, 0.25); } - -.select.is-link:not(:hover)::after { - border-color: #7957d5; } - -.select.is-link select { - border-color: #7957d5; } - -.select.is-link select:hover, .select.is-link select.is-hovered { - border-color: #6943d0; } - -.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(121, 87, 213, 0.25); } - -.select.is-info:not(:hover)::after { - border-color: #167df0; } - -.select.is-info select { - border-color: #167df0; } - -.select.is-info select:hover, .select.is-info select.is-hovered { - border-color: #0e71de; } - -.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(22, 125, 240, 0.25); } - -.select.is-success:not(:hover)::after { - border-color: #23d160; } - -.select.is-success select { - border-color: #23d160; } - -.select.is-success select:hover, .select.is-success select.is-hovered { - border-color: #20bc56; } - -.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } - -.select.is-warning:not(:hover)::after { - border-color: #ffdd57; } - -.select.is-warning select { - border-color: #ffdd57; } - -.select.is-warning select:hover, .select.is-warning select.is-hovered { - border-color: #ffd83d; } - -.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } - -.select.is-danger:not(:hover)::after { - border-color: #ff3860; } - -.select.is-danger select { - border-color: #ff3860; } - -.select.is-danger select:hover, .select.is-danger select.is-hovered { - border-color: #ff1f4b; } - -.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } - -.select.is-small { - border-radius: 2px; - font-size: 0.75rem; } - -.select.is-medium { - font-size: 1.25rem; } - -.select.is-large { - font-size: 1.5rem; } - -.select.is-disabled::after { - border-color: #7a7a7a; } - -.select.is-fullwidth { - width: 100%; } - -.select.is-fullwidth select { - width: 100%; } - -.select.is-loading::after { - margin-top: 0; - position: absolute; - right: 0.625em; - top: 0.625em; - transform: none; } - -.select.is-loading.is-small:after { - font-size: 0.75rem; } - -.select.is-loading.is-medium:after { - font-size: 1.25rem; } - -.select.is-loading.is-large:after { - font-size: 1.5rem; } - -.file { - align-items: stretch; - display: flex; - justify-content: flex-start; - position: relative; } - -.file.is-white .file-cta { - background-color: white; - border-color: transparent; - color: #0a0a0a; } - -.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { - background-color: #f9f9f9; - border-color: transparent; - color: #0a0a0a; } - -.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); - color: #0a0a0a; } - -.file.is-white:active .file-cta, .file.is-white.is-active .file-cta { - background-color: #f2f2f2; - border-color: transparent; - color: #0a0a0a; } - -.file.is-black .file-cta { - background-color: #0a0a0a; - border-color: transparent; - color: white; } - -.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { - background-color: #040404; - border-color: transparent; - color: white; } - -.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); - color: white; } - -.file.is-black:active .file-cta, .file.is-black.is-active .file-cta { - background-color: black; - border-color: transparent; - color: white; } - -.file.is-light .file-cta { - background-color: whitesmoke; - border-color: transparent; - color: #363636; } - -.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { - background-color: #eeeeee; - border-color: transparent; - color: #363636; } - -.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); - color: #363636; } - -.file.is-light:active .file-cta, .file.is-light.is-active .file-cta { - background-color: #e8e8e8; - border-color: transparent; - color: #363636; } - -.file.is-dark .file-cta { - background-color: #363636; - border-color: transparent; - color: whitesmoke; } - -.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { - background-color: #2f2f2f; - border-color: transparent; - color: whitesmoke; } - -.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); - color: whitesmoke; } - -.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { - background-color: #292929; - border-color: transparent; - color: whitesmoke; } - -.file.is-primary .file-cta { - background-color: #7957d5; - border-color: transparent; - color: white; } - -.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { - background-color: #714dd2; - border-color: transparent; - color: white; } - -.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.25); - color: white; } - -.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { - background-color: #6943d0; - border-color: transparent; - color: white; } - -.file.is-link .file-cta { - background-color: #7957d5; - border-color: transparent; - color: white; } - -.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { - background-color: #714dd2; - border-color: transparent; - color: white; } - -.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.25); - color: white; } - -.file.is-link:active .file-cta, .file.is-link.is-active .file-cta { - background-color: #6943d0; - border-color: transparent; - color: white; } - -.file.is-info .file-cta { - background-color: #167df0; - border-color: transparent; - color: #fff; } - -.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { - background-color: #0f77ea; - 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(22, 125, 240, 0.25); - color: #fff; } - -.file.is-info:active .file-cta, .file.is-info.is-active .file-cta { - background-color: #0e71de; - border-color: transparent; - color: #fff; } - -.file.is-success .file-cta { - background-color: #23d160; - border-color: transparent; - color: #fff; } - -.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { - background-color: #22c65b; - border-color: transparent; - color: #fff; } - -.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); - color: #fff; } - -.file.is-success:active .file-cta, .file.is-success.is-active .file-cta { - background-color: #20bc56; - border-color: transparent; - color: #fff; } - -.file.is-warning .file-cta { - background-color: #ffdd57; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - -.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { - background-color: #ffdb4a; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - -.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); - color: rgba(0, 0, 0, 0.7); } - -.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { - background-color: #ffd83d; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); } - -.file.is-danger .file-cta { - background-color: #ff3860; - border-color: transparent; - color: #fff; } - -.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { - background-color: #ff2b56; - border-color: transparent; - color: #fff; } - -.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); - color: #fff; } - -.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { - background-color: #ff1f4b; - border-color: transparent; - color: #fff; } - -.file.is-small { - font-size: 0.75rem; } - -.file.is-medium { - font-size: 1.25rem; } - -.file.is-medium .file-icon .fa { - font-size: 21px; } - -.file.is-large { - font-size: 1.5rem; } - -.file.is-large .file-icon .fa { - font-size: 28px; } - -.file.has-name .file-cta { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - -.file.has-name .file-name { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - -.file.has-name.is-empty .file-cta { - border-radius: 4px; } - -.file.has-name.is-empty .file-name { - display: none; } - -.file.is-boxed .file-label { - flex-direction: column; } - -.file.is-boxed .file-cta { - flex-direction: column; - height: auto; - padding: 1em 3em; } - -.file.is-boxed .file-name { - border-width: 0 1px 1px; } - -.file.is-boxed .file-icon { - height: 1.5em; - width: 1.5em; } - -.file.is-boxed .file-icon .fa { - font-size: 21px; } - -.file.is-boxed.is-small .file-icon .fa { - font-size: 14px; } - -.file.is-boxed.is-medium .file-icon .fa { - font-size: 28px; } - -.file.is-boxed.is-large .file-icon .fa { - font-size: 35px; } - -.file.is-boxed.has-name .file-cta { - border-radius: 4px 4px 0 0; } - -.file.is-boxed.has-name .file-name { - border-radius: 0 0 4px 4px; - border-width: 0 1px 1px; } - -.file.is-centered { - justify-content: center; } - -.file.is-fullwidth .file-label { - width: 100%; } - -.file.is-fullwidth .file-name { - flex-grow: 1; - max-width: none; } - -.file.is-right { - justify-content: flex-end; } - -.file.is-right .file-cta { - border-radius: 0 4px 4px 0; } - -.file.is-right .file-name { - border-radius: 4px 0 0 4px; - border-width: 1px 0 1px 1px; - order: -1; } - -.file-label { - align-items: stretch; - display: flex; - cursor: pointer; - justify-content: flex-start; - overflow: hidden; - position: relative; } - -.file-label:hover .file-cta { - background-color: #eeeeee; - color: #363636; } - -.file-label:hover .file-name { - border-color: #d5d5d5; } - -.file-label:active .file-cta { - background-color: #e8e8e8; - color: #363636; } - -.file-label:active .file-name { - border-color: #cfcfcf; } - -.file-input { - height: 100%; - left: 0; - opacity: 0; - outline: none; - position: absolute; - top: 0; - width: 100%; } - -.file-cta, -.file-name { - border-color: #dbdbdb; - border-radius: 4px; - font-size: 1em; - padding-left: 1em; - padding-right: 1em; - white-space: nowrap; } - -.file-cta { - background-color: whitesmoke; - color: #4a4a4a; } - -.file-name { - border-color: #dbdbdb; - border-style: solid; - border-width: 1px 1px 1px 0; - display: block; - max-width: 16em; - overflow: hidden; - text-align: left; - text-overflow: ellipsis; } - -.file-icon { - align-items: center; - display: flex; - height: 1em; - justify-content: center; - margin-right: 0.5em; - width: 1em; } - -.file-icon .fa { - font-size: 14px; } - -.label { - color: #363636; - display: block; - font-size: 1rem; - font-weight: 600; } - -.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: #7957d5; } - -.help.is-link { - color: #7957d5; } - -.help.is-info { - color: #167df0; } - -.help.is-success { - color: #23d160; } - -.help.is-warning { - color: #ffdd57; } - -.help.is-danger { - color: #ff3860; } - -.field:not(:last-child) { - margin-bottom: 0.75rem; } - -.field.has-addons { - display: flex; - justify-content: flex-start; } - -.field.has-addons .control:not(:last-child) { - margin-right: -1px; } - -.field.has-addons .control:not(:first-child):not(:last-child) .button, -.field.has-addons .control:not(:first-child):not(:last-child) .input, -.field.has-addons .control:not(:first-child):not(:last-child) .taginput .taginput-container.is-focusable, -.taginput .field.has-addons .control:not(:first-child):not(:last-child) .taginput-container.is-focusable, -.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) .taginput .taginput-container.is-focusable, -.taginput .field.has-addons .control:first-child:not(:only-child) .taginput-container.is-focusable, -.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) .taginput .taginput-container.is-focusable, -.taginput .field.has-addons .control:last-child:not(:only-child) .taginput-container.is-focusable, -.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 .taginput .taginput-container.is-focusable:not([disabled]):hover, -.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]):hover, -.field.has-addons .control .input:not([disabled]).is-hovered, -.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]).is-hovered, -.taginput .field.has-addons .control .taginput-container.is-focusable: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 .taginput .taginput-container.is-focusable:not([disabled]):focus, -.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]):focus, -.field.has-addons .control .input:not([disabled]).is-focused, -.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]).is-focused, -.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]).is-focused, -.field.has-addons .control .input:not([disabled]):active, -.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]):active, -.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]):active, -.field.has-addons .control .input:not([disabled]).is-active, -.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]).is-active, -.taginput .field.has-addons .control .taginput-container.is-focusable: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 .taginput .taginput-container.is-focusable:not([disabled]):focus:hover, -.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]):focus:hover, -.field.has-addons .control .input:not([disabled]).is-focused:hover, -.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]).is-focused:hover, -.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]).is-focused:hover, -.field.has-addons .control .input:not([disabled]):active:hover, -.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]):active:hover, -.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]):active:hover, -.field.has-addons .control .input:not([disabled]).is-active:hover, -.field.has-addons .control .taginput .taginput-container.is-focusable:not([disabled]).is-active:hover, -.taginput .field.has-addons .control .taginput-container.is-focusable:not([disabled]).is-active:hover, -.field.has-addons .control .select select:not([disabled]):focus:hover, -.field.has-addons .control .select select:not([disabled]).is-focused:hover, -.field.has-addons .control .select select:not([disabled]):active:hover, -.field.has-addons .control .select select:not([disabled]).is-active:hover { - z-index: 4; } - -.field.has-addons .control.is-expanded { - flex-grow: 1; - flex-shrink: 1; } - -.field.has-addons.has-addons-centered { - justify-content: center; } - -.field.has-addons.has-addons-right { - justify-content: flex-end; } - -.field.has-addons.has-addons-fullwidth .control { - flex-grow: 1; - flex-shrink: 0; } - -.field.is-grouped { - display: flex; - justify-content: flex-start; } - -.field.is-grouped > .control { - flex-shrink: 0; } - -.field.is-grouped > .control:not(:last-child) { - margin-bottom: 0; - margin-right: 0.75rem; } - -.field.is-grouped > .control.is-expanded { - flex-grow: 1; - flex-shrink: 1; } - -.field.is-grouped.is-grouped-centered { - justify-content: center; } - -.field.is-grouped.is-grouped-right { - justify-content: flex-end; } - -.field.is-grouped.is-grouped-multiline { - flex-wrap: wrap; } - -.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { - margin-bottom: 0.75rem; } - -.field.is-grouped.is-grouped-multiline:last-child { - margin-bottom: -0.75rem; } - -.field.is-grouped.is-grouped-multiline:not(:last-child) { - margin-bottom: 0; } - -@media screen and (min-width: 769px), print { - .field.is-horizontal { - display: flex; } } - -.field-label .label { - font-size: inherit; } - -@media screen and (max-width: 768px) { - .field-label { - margin-bottom: 0.5rem; } } - -@media screen and (min-width: 769px), print { - .field-label { - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; - margin-right: 1.5rem; - text-align: right; } - .field-label.is-small { - font-size: 0.75rem; - padding-top: 0.375em; } - .field-label.is-normal { - padding-top: 0.375em; } - .field-label.is-medium { - font-size: 1.25rem; - padding-top: 0.375em; } - .field-label.is-large { - font-size: 1.5rem; - padding-top: 0.375em; } } - -.field-body .field .field { - margin-bottom: 0; } - -@media screen and (min-width: 769px), print { - .field-body { - display: flex; - flex-basis: 0; - flex-grow: 5; - flex-shrink: 1; } - .field-body .field { - margin-bottom: 0; } - .field-body > .field { - flex-shrink: 1; } - .field-body > .field:not(.is-narrow) { - flex-grow: 1; } - .field-body > .field:not(:last-child) { - margin-right: 0.75rem; } } - -.control { - box-sizing: border-box; - clear: both; - font-size: 1rem; - position: relative; - text-align: left; } - -.control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .taginput .taginput-container.is-focusable:focus ~ .icon, .taginput .control.has-icons-left .taginput-container.is-focusable:focus ~ .icon, -.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .taginput .taginput-container.is-focusable:focus ~ .icon, .taginput .control.has-icons-right .taginput-container.is-focusable:focus ~ .icon, -.control.has-icons-right .select:focus ~ .icon { - color: #7a7a7a; } - -.control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .taginput .is-small.taginput-container.is-focusable ~ .icon, .taginput .control.has-icons-left .is-small.taginput-container.is-focusable ~ .icon, -.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .taginput .is-small.taginput-container.is-focusable ~ .icon, .taginput .control.has-icons-right .is-small.taginput-container.is-focusable ~ .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 .taginput .is-medium.taginput-container.is-focusable ~ .icon, .taginput .control.has-icons-left .is-medium.taginput-container.is-focusable ~ .icon, -.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .taginput .is-medium.taginput-container.is-focusable ~ .icon, .taginput .control.has-icons-right .is-medium.taginput-container.is-focusable ~ .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 .taginput .is-large.taginput-container.is-focusable ~ .icon, .taginput .control.has-icons-left .is-large.taginput-container.is-focusable ~ .icon, -.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .taginput .is-large.taginput-container.is-focusable ~ .icon, .taginput .control.has-icons-right .is-large.taginput-container.is-focusable ~ .icon, -.control.has-icons-right .select.is-large ~ .icon { - font-size: 1.5rem; } - -.control.has-icons-left .icon, .control.has-icons-right .icon { - color: #dbdbdb; - height: 2.25em; - pointer-events: none; - position: absolute; - top: 0; - width: 2.25em; - z-index: 4; } - -.control.has-icons-left .input, .control.has-icons-left .taginput .taginput-container.is-focusable, .taginput .control.has-icons-left .taginput-container.is-focusable, -.control.has-icons-left .select select { - padding-left: 2.25em; } - -.control.has-icons-left .icon.is-left { - left: 0; } - -.control.has-icons-right .input, .control.has-icons-right .taginput .taginput-container.is-focusable, .taginput .control.has-icons-right .taginput-container.is-focusable, -.control.has-icons-right .select select { - padding-right: 2.25em; } - -.control.has-icons-right .icon.is-right { - right: 0; } - -.control.is-loading::after { - position: absolute !important; - right: 0.625em; - top: 0.625em; - z-index: 4; } - -.control.is-loading.is-small:after { - font-size: 0.75rem; } - -.control.is-loading.is-medium:after { - font-size: 1.25rem; } - -.control.is-loading.is-large:after { - font-size: 1.5rem; } - -.breadcrumb { - font-size: 1rem; - white-space: nowrap; } - -.breadcrumb a { - align-items: center; - color: #7957d5; - 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: "/"; } - -.breadcrumb ul, -.breadcrumb ol { - align-items: flex-start; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; } - -.breadcrumb .icon:first-child { - margin-right: 0.5em; } - -.breadcrumb .icon:last-child { - margin-left: 0.5em; } - -.breadcrumb.is-centered ol, -.breadcrumb.is-centered ul { - justify-content: center; } - -.breadcrumb.is-right ol, -.breadcrumb.is-right ul { - justify-content: flex-end; } - -.breadcrumb.is-small { - font-size: 0.75rem; } - -.breadcrumb.is-medium { - font-size: 1.25rem; } - -.breadcrumb.is-large { - font-size: 1.5rem; } - -.breadcrumb.has-arrow-separator li + li::before { - content: "\2192"; } - -.breadcrumb.has-bullet-separator li + li::before { - content: "\2022"; } - -.breadcrumb.has-dot-separator li + li::before { - content: "\B7"; } - -.breadcrumb.has-succeeds-separator li + li::before { - content: "\227B"; } - -.card { - background-color: white; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - color: #4a4a4a; - max-width: 100%; - position: relative; } - -.card-header { - background-color: transparent; - align-items: stretch; - box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); - display: flex; } - -.card-header-title { - align-items: center; - color: #363636; - display: flex; - flex-grow: 1; - font-weight: 700; - padding: 0.75rem; } - -.card-header-title.is-centered { - justify-content: center; } - -.card-header-icon { - align-items: center; - cursor: pointer; - display: flex; - justify-content: center; - padding: 0.75rem; } - -.card-image { - display: block; - position: relative; } - -.card-content { - background-color: transparent; - padding: 1.5rem; } - -.card-footer { - background-color: transparent; - border-top: 1px solid #dbdbdb; - align-items: stretch; - display: flex; } - -.card-footer-item { - align-items: center; - display: flex; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; - justify-content: center; - padding: 0.75rem; } - -.card-footer-item:not(:last-child) { - border-right: 1px solid #dbdbdb; } - -.card .media:not(:last-child) { - margin-bottom: 1.5rem; } - -.dropdown { - display: inline-flex; - position: relative; - vertical-align: top; } - -.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { - display: block; } - -.dropdown.is-right .dropdown-menu { - left: auto; - right: 0; } - -.dropdown.is-up .dropdown-menu { - bottom: 100%; - padding-bottom: 4px; - padding-top: initial; - top: auto; } - -.dropdown-menu { - display: none; - left: 0; - min-width: 12rem; - padding-top: 4px; - position: absolute; - top: 100%; - z-index: 20; } - -.dropdown-content { - background-color: white; - border-radius: 4px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - padding-bottom: 0.5rem; - padding-top: 0.5rem; } - -.dropdown-item, .dropdown .dropdown-menu .has-link a { - color: #4a4a4a; - display: block; - font-size: 0.875rem; - line-height: 1.5; - padding: 0.375rem 1rem; - position: relative; } - -a.dropdown-item, .dropdown .dropdown-menu .has-link a, -button.dropdown-item { - padding-right: 3rem; - text-align: left; - white-space: nowrap; - width: 100%; } - -a.dropdown-item:hover, .dropdown .dropdown-menu .has-link a:hover, -button.dropdown-item:hover { - background-color: whitesmoke; - color: #0a0a0a; } - -a.dropdown-item.is-active, .dropdown .dropdown-menu .has-link a.is-active, -button.dropdown-item.is-active { - background-color: #7957d5; - color: white; } - -.dropdown-divider { - background-color: #dbdbdb; - border: none; - display: block; - height: 1px; - margin: 0.5rem 0; } - -.level { - align-items: center; - justify-content: space-between; } - -.level code { - border-radius: 4px; } - -.level img { - display: inline-block; - vertical-align: top; } - -.level.is-mobile { - display: flex; } - -.level.is-mobile .level-left, -.level.is-mobile .level-right { - display: flex; } - -.level.is-mobile .level-left + .level-right { - margin-top: 0; } - -.level.is-mobile .level-item:not(:last-child) { - margin-bottom: 0; - margin-right: 0.75rem; } - -.level.is-mobile .level-item:not(.is-narrow) { - flex-grow: 1; } - -@media screen and (min-width: 769px), print { - .level { - display: flex; } - .level > .level-item:not(.is-narrow) { - flex-grow: 1; } } - -.level-item { - align-items: center; - display: flex; - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; - justify-content: center; } - -.level-item .title, -.level-item .subtitle { - margin-bottom: 0; } - -@media screen and (max-width: 768px) { - .level-item:not(:last-child) { - margin-bottom: 0.75rem; } } - -.level-left, -.level-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; } - -.level-left .level-item.is-flexible, -.level-right .level-item.is-flexible { - flex-grow: 1; } - -@media screen and (min-width: 769px), print { - .level-left .level-item:not(:last-child), - .level-right .level-item:not(:last-child) { - margin-right: 0.75rem; } } - -.level-left { - align-items: center; - justify-content: flex-start; } - -@media screen and (max-width: 768px) { - .level-left + .level-right { - margin-top: 1.5rem; } } - -@media screen and (min-width: 769px), print { - .level-left { - display: flex; } } - -.level-right { - align-items: center; - justify-content: flex-end; } - -@media screen and (min-width: 769px), print { - .level-right { - display: flex; } } - -.list { - background-color: white; - border-radius: 4px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); } - -.list-item { - display: block; - padding: 0.5em 1em; } - -.list-item:not(a) { - color: #4a4a4a; } - -.list-item:first-child { - border-top-left-radius: 4px; - border-top-right-radius: 4px; } - -.list-item:last-child { - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; } - -.list-item:not(:last-child) { - border-bottom: 1px solid #dbdbdb; } - -.list-item.is-active { - background-color: #7957d5; - color: white; } - -a.list-item { - background-color: whitesmoke; - cursor: pointer; } - -.media { - align-items: flex-start; - display: flex; - text-align: left; } - -.media .content:not(:last-child) { - margin-bottom: 0.75rem; } - -.media .media { - border-top: 1px solid rgba(219, 219, 219, 0.5); - display: flex; - padding-top: 0.75rem; } - -.media .media .content:not(:last-child), -.media .media .control:not(:last-child) { - margin-bottom: 0.5rem; } - -.media .media .media { - padding-top: 0.5rem; } - -.media .media .media + .media { - margin-top: 0.5rem; } - -.media + .media { - border-top: 1px solid rgba(219, 219, 219, 0.5); - margin-top: 1rem; - padding-top: 1rem; } - -.media.is-large + .media { - margin-top: 1.5rem; - padding-top: 1.5rem; } - -.media-left, -.media-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; } - -.media-left { - margin-right: 1rem; } - -.media-right { - margin-left: 1rem; } - -.media-content { - flex-basis: auto; - flex-grow: 1; - flex-shrink: 1; - text-align: left; } - -@media screen and (max-width: 768px) { - .media-content { - overflow-x: auto; } } - -.menu { - font-size: 1rem; } - -.menu.is-small { - font-size: 0.75rem; } - -.menu.is-medium { - font-size: 1.25rem; } - -.menu.is-large { - font-size: 1.5rem; } - -.menu-list { - line-height: 1.25; } - -.menu-list a { - border-radius: 2px; - color: #4a4a4a; - display: block; - padding: 0.5em 0.75em; } - -.menu-list a:hover { - background-color: whitesmoke; - color: #363636; } - -.menu-list a.is-active { - background-color: #7957d5; - color: white; } - -.menu-list li ul { - border-left: 1px solid #dbdbdb; - margin: 0.75em; - padding-left: 0.75em; } - -.menu-label { - color: #7a7a7a; - font-size: 0.75em; - letter-spacing: 0.1em; - text-transform: uppercase; } - -.menu-label:not(:first-child) { - margin-top: 1em; } - -.menu-label:not(:last-child) { - margin-bottom: 1em; } - -.message { - background-color: whitesmoke; - border-radius: 4px; - font-size: 1rem; } - -.message strong { - color: currentColor; } - -.message a:not(.button):not(.tag):not(.dropdown-item) { - color: currentColor; - text-decoration: underline; } - -.message.is-small { - font-size: 0.75rem; } - -.message.is-medium { - font-size: 1.25rem; } - -.message.is-large { - font-size: 1.5rem; } - -.message.is-white { - background-color: white; } - -.message.is-white .message-header { - background-color: white; - color: #0a0a0a; } - -.message.is-white .message-body { - border-color: white; - color: #4d4d4d; } - -.message.is-black { - background-color: #fafafa; } - -.message.is-black .message-header { - background-color: #0a0a0a; - color: white; } - -.message.is-black .message-body { - border-color: #0a0a0a; - color: #090909; } - -.message.is-light { - background-color: #fafafa; } - -.message.is-light .message-header { - background-color: whitesmoke; - color: #363636; } - -.message.is-light .message-body { - border-color: whitesmoke; - color: #505050; } - -.message.is-dark { - background-color: #fafafa; } - -.message.is-dark .message-header { - background-color: #363636; - color: whitesmoke; } - -.message.is-dark .message-body { - border-color: #363636; - color: #2a2a2a; } - -.message.is-primary { - background-color: #f8f7fd; } - -.message.is-primary .message-header { - background-color: #7957d5; - color: white; } - -.message.is-primary .message-body { - border-color: #7957d5; - color: #5534ae; } - -.message.is-link { - background-color: #f8f7fd; } - -.message.is-link .message-header { - background-color: #7957d5; - color: white; } - -.message.is-link .message-body { - border-color: #7957d5; - color: #5534ae; } - -.message.is-info { - background-color: #f5fafe; } - -.message.is-info .message-header { - background-color: #167df0; - color: #fff; } - -.message.is-info .message-body { - border-color: #167df0; - color: #115199; } - -.message.is-success { - background-color: #f6fef9; } - -.message.is-success .message-header { - background-color: #23d160; - color: #fff; } - -.message.is-success .message-body { - border-color: #23d160; - color: #0e301a; } - -.message.is-warning { - background-color: #fffdf5; } - -.message.is-warning .message-header { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - -.message.is-warning .message-body { - border-color: #ffdd57; - color: #3b3108; } - -.message.is-danger { - background-color: #fff5f7; } - -.message.is-danger .message-header { - background-color: #ff3860; - color: #fff; } - -.message.is-danger .message-body { - border-color: #ff3860; - color: #cd0930; } - -.message-header { - align-items: center; - background-color: #4a4a4a; - border-radius: 4px 4px 0 0; - color: #fff; - display: flex; - font-weight: 700; - justify-content: space-between; - line-height: 1.25; - padding: 0.75em 1em; - position: relative; } - -.message-header .delete { - flex-grow: 0; - flex-shrink: 0; - margin-left: 0.75em; } - -.message-header + .message-body { - border-width: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; } - -.message-body { - border-color: #dbdbdb; - border-radius: 4px; - border-style: solid; - border-width: 0 0 0 4px; - color: #4a4a4a; - padding: 1.25em 1.5em; } - -.message-body code, -.message-body pre { - background-color: white; } - -.message-body pre code { - background-color: transparent; } - -.modal { - align-items: center; - display: none; - flex-direction: column; - justify-content: center; - overflow: hidden; - position: fixed; - z-index: 40; } - -.modal.is-active { - display: flex; } - -.modal-background { - background-color: rgba(10, 10, 10, 0.86); } - -.modal-content, -.modal-card { - margin: 0 20px; - max-height: calc(100vh - 160px); - overflow: auto; - position: relative; - width: 100%; } - -@media screen and (min-width: 769px), print { - .modal-content, - .modal-card { - margin: 0 auto; - max-height: calc(100vh - 40px); - width: 640px; } } - -.modal-close { - background: none; - height: 40px; - position: fixed; - right: 20px; - top: 20px; - width: 40px; } - -.modal-card { - display: flex; - flex-direction: column; - max-height: calc(100vh - 40px); - overflow: hidden; - -ms-overflow-y: visible; } - -.modal-card-head, -.modal-card-foot { - align-items: center; - background-color: whitesmoke; - display: flex; - flex-shrink: 0; - justify-content: flex-start; - padding: 20px; - position: relative; } - -.modal-card-head { - border-bottom: 1px solid #dbdbdb; - border-top-left-radius: 6px; - border-top-right-radius: 6px; } - -.modal-card-title { - color: #363636; - flex-grow: 1; - flex-shrink: 0; - font-size: 1.5rem; - line-height: 1; } - -.modal-card-foot { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-top: 1px solid #dbdbdb; } - -.modal-card-foot .button:not(:last-child) { - margin-right: 0.5em; } - -.modal-card-body { - -webkit-overflow-scrolling: touch; - background-color: white; - flex-grow: 1; - flex-shrink: 1; - overflow: auto; - padding: 20px; } - -.navbar { - background-color: white; - min-height: 3.25rem; - position: relative; - z-index: 30; } - -.navbar.is-white { - background-color: white; - color: #0a0a0a; } - -.navbar.is-white .navbar-brand > .navbar-item, -.navbar.is-white .navbar-brand .navbar-link { - color: #0a0a0a; } - -.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, -.navbar.is-white .navbar-brand .navbar-link:focus, -.navbar.is-white .navbar-brand .navbar-link:hover, -.navbar.is-white .navbar-brand .navbar-link.is-active { - background-color: #f2f2f2; - color: #0a0a0a; } - -.navbar.is-white .navbar-brand .navbar-link::after { - border-color: #0a0a0a; } - -.navbar.is-white .navbar-burger { - color: #0a0a0a; } - -@media screen and (min-width: 1024px) { - .navbar.is-white .navbar-start > .navbar-item, - .navbar.is-white .navbar-start .navbar-link, - .navbar.is-white .navbar-end > .navbar-item, - .navbar.is-white .navbar-end .navbar-link { - color: #0a0a0a; } - .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, - .navbar.is-white .navbar-start .navbar-link:focus, - .navbar.is-white .navbar-start .navbar-link:hover, - .navbar.is-white .navbar-start .navbar-link.is-active, - .navbar.is-white .navbar-end > a.navbar-item:focus, - .navbar.is-white .navbar-end > a.navbar-item:hover, - .navbar.is-white .navbar-end > a.navbar-item.is-active, - .navbar.is-white .navbar-end .navbar-link:focus, - .navbar.is-white .navbar-end .navbar-link:hover, - .navbar.is-white .navbar-end .navbar-link.is-active { - background-color: #f2f2f2; - color: #0a0a0a; } - .navbar.is-white .navbar-start .navbar-link::after, - .navbar.is-white .navbar-end .navbar-link::after { - border-color: #0a0a0a; } - .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #f2f2f2; - color: #0a0a0a; } - .navbar.is-white .navbar-dropdown a.navbar-item.is-active { - background-color: white; - color: #0a0a0a; } } - -.navbar.is-black { - background-color: #0a0a0a; - color: white; } - -.navbar.is-black .navbar-brand > .navbar-item, -.navbar.is-black .navbar-brand .navbar-link { - color: white; } - -.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, -.navbar.is-black .navbar-brand .navbar-link:focus, -.navbar.is-black .navbar-brand .navbar-link:hover, -.navbar.is-black .navbar-brand .navbar-link.is-active { - background-color: black; - color: white; } - -.navbar.is-black .navbar-brand .navbar-link::after { - border-color: white; } - -.navbar.is-black .navbar-burger { - color: white; } - -@media screen and (min-width: 1024px) { - .navbar.is-black .navbar-start > .navbar-item, - .navbar.is-black .navbar-start .navbar-link, - .navbar.is-black .navbar-end > .navbar-item, - .navbar.is-black .navbar-end .navbar-link { - color: white; } - .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, - .navbar.is-black .navbar-start .navbar-link:focus, - .navbar.is-black .navbar-start .navbar-link:hover, - .navbar.is-black .navbar-start .navbar-link.is-active, - .navbar.is-black .navbar-end > a.navbar-item:focus, - .navbar.is-black .navbar-end > a.navbar-item:hover, - .navbar.is-black .navbar-end > a.navbar-item.is-active, - .navbar.is-black .navbar-end .navbar-link:focus, - .navbar.is-black .navbar-end .navbar-link:hover, - .navbar.is-black .navbar-end .navbar-link.is-active { - background-color: black; - color: white; } - .navbar.is-black .navbar-start .navbar-link::after, - .navbar.is-black .navbar-end .navbar-link::after { - border-color: white; } - .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { - background-color: black; - color: white; } - .navbar.is-black .navbar-dropdown a.navbar-item.is-active { - background-color: #0a0a0a; - color: white; } } - -.navbar.is-light { - background-color: whitesmoke; - color: #363636; } - -.navbar.is-light .navbar-brand > .navbar-item, -.navbar.is-light .navbar-brand .navbar-link { - color: #363636; } - -.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, -.navbar.is-light .navbar-brand .navbar-link:focus, -.navbar.is-light .navbar-brand .navbar-link:hover, -.navbar.is-light .navbar-brand .navbar-link.is-active { - background-color: #e8e8e8; - color: #363636; } - -.navbar.is-light .navbar-brand .navbar-link::after { - border-color: #363636; } - -.navbar.is-light .navbar-burger { - color: #363636; } - -@media screen and (min-width: 1024px) { - .navbar.is-light .navbar-start > .navbar-item, - .navbar.is-light .navbar-start .navbar-link, - .navbar.is-light .navbar-end > .navbar-item, - .navbar.is-light .navbar-end .navbar-link { - color: #363636; } - .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, - .navbar.is-light .navbar-start .navbar-link:focus, - .navbar.is-light .navbar-start .navbar-link:hover, - .navbar.is-light .navbar-start .navbar-link.is-active, - .navbar.is-light .navbar-end > a.navbar-item:focus, - .navbar.is-light .navbar-end > a.navbar-item:hover, - .navbar.is-light .navbar-end > a.navbar-item.is-active, - .navbar.is-light .navbar-end .navbar-link:focus, - .navbar.is-light .navbar-end .navbar-link:hover, - .navbar.is-light .navbar-end .navbar-link.is-active { - background-color: #e8e8e8; - color: #363636; } - .navbar.is-light .navbar-start .navbar-link::after, - .navbar.is-light .navbar-end .navbar-link::after { - border-color: #363636; } - .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #e8e8e8; - color: #363636; } - .navbar.is-light .navbar-dropdown a.navbar-item.is-active { - background-color: whitesmoke; - color: #363636; } } - -.navbar.is-dark { - background-color: #363636; - color: whitesmoke; } - -.navbar.is-dark .navbar-brand > .navbar-item, -.navbar.is-dark .navbar-brand .navbar-link { - color: whitesmoke; } - -.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, -.navbar.is-dark .navbar-brand .navbar-link:focus, -.navbar.is-dark .navbar-brand .navbar-link:hover, -.navbar.is-dark .navbar-brand .navbar-link.is-active { - background-color: #292929; - color: whitesmoke; } - -.navbar.is-dark .navbar-brand .navbar-link::after { - border-color: whitesmoke; } - -.navbar.is-dark .navbar-burger { - color: whitesmoke; } - -@media screen and (min-width: 1024px) { - .navbar.is-dark .navbar-start > .navbar-item, - .navbar.is-dark .navbar-start .navbar-link, - .navbar.is-dark .navbar-end > .navbar-item, - .navbar.is-dark .navbar-end .navbar-link { - color: whitesmoke; } - .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, - .navbar.is-dark .navbar-start .navbar-link:focus, - .navbar.is-dark .navbar-start .navbar-link:hover, - .navbar.is-dark .navbar-start .navbar-link.is-active, - .navbar.is-dark .navbar-end > a.navbar-item:focus, - .navbar.is-dark .navbar-end > a.navbar-item:hover, - .navbar.is-dark .navbar-end > a.navbar-item.is-active, - .navbar.is-dark .navbar-end .navbar-link:focus, - .navbar.is-dark .navbar-end .navbar-link:hover, - .navbar.is-dark .navbar-end .navbar-link.is-active { - background-color: #292929; - color: whitesmoke; } - .navbar.is-dark .navbar-start .navbar-link::after, - .navbar.is-dark .navbar-end .navbar-link::after { - border-color: whitesmoke; } - .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #292929; - color: whitesmoke; } - .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { - background-color: #363636; - color: whitesmoke; } } - -.navbar.is-primary { - background-color: #7957d5; - color: white; } - -.navbar.is-primary .navbar-brand > .navbar-item, -.navbar.is-primary .navbar-brand .navbar-link { - color: white; } - -.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: #6943d0; - color: white; } - -.navbar.is-primary .navbar-brand .navbar-link::after { - border-color: white; } - -.navbar.is-primary .navbar-burger { - color: white; } - -@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: white; } - .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: #6943d0; - color: white; } - .navbar.is-primary .navbar-start .navbar-link::after, - .navbar.is-primary .navbar-end .navbar-link::after { - border-color: white; } - .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: #6943d0; - color: white; } - .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { - background-color: #7957d5; - color: white; } } - -.navbar.is-link { - background-color: #7957d5; - color: white; } - -.navbar.is-link .navbar-brand > .navbar-item, -.navbar.is-link .navbar-brand .navbar-link { - color: white; } - -.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: #6943d0; - color: white; } - -.navbar.is-link .navbar-brand .navbar-link::after { - border-color: white; } - -.navbar.is-link .navbar-burger { - color: white; } - -@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: white; } - .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: #6943d0; - color: white; } - .navbar.is-link .navbar-start .navbar-link::after, - .navbar.is-link .navbar-end .navbar-link::after { - border-color: white; } - .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: #6943d0; - color: white; } - .navbar.is-link .navbar-dropdown a.navbar-item.is-active { - background-color: #7957d5; - color: white; } } - -.navbar.is-info { - background-color: #167df0; - 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: #0e71de; - 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: #0e71de; - 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: #0e71de; - color: #fff; } - .navbar.is-info .navbar-dropdown a.navbar-item.is-active { - background-color: #167df0; - color: #fff; } } - -.navbar.is-success { - background-color: #23d160; - color: #fff; } - -.navbar.is-success .navbar-brand > .navbar-item, -.navbar.is-success .navbar-brand .navbar-link { - color: #fff; } - -.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, -.navbar.is-success .navbar-brand .navbar-link:focus, -.navbar.is-success .navbar-brand .navbar-link:hover, -.navbar.is-success .navbar-brand .navbar-link.is-active { - background-color: #20bc56; - color: #fff; } - -.navbar.is-success .navbar-brand .navbar-link::after { - border-color: #fff; } - -.navbar.is-success .navbar-burger { - color: #fff; } - -@media screen and (min-width: 1024px) { - .navbar.is-success .navbar-start > .navbar-item, - .navbar.is-success .navbar-start .navbar-link, - .navbar.is-success .navbar-end > .navbar-item, - .navbar.is-success .navbar-end .navbar-link { - color: #fff; } - .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, - .navbar.is-success .navbar-start .navbar-link:focus, - .navbar.is-success .navbar-start .navbar-link:hover, - .navbar.is-success .navbar-start .navbar-link.is-active, - .navbar.is-success .navbar-end > a.navbar-item:focus, - .navbar.is-success .navbar-end > a.navbar-item:hover, - .navbar.is-success .navbar-end > a.navbar-item.is-active, - .navbar.is-success .navbar-end .navbar-link:focus, - .navbar.is-success .navbar-end .navbar-link:hover, - .navbar.is-success .navbar-end .navbar-link.is-active { - background-color: #20bc56; - color: #fff; } - .navbar.is-success .navbar-start .navbar-link::after, - .navbar.is-success .navbar-end .navbar-link::after { - border-color: #fff; } - .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #20bc56; - color: #fff; } - .navbar.is-success .navbar-dropdown a.navbar-item.is-active { - background-color: #23d160; - color: #fff; } } - -.navbar.is-warning { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - -.navbar.is-warning .navbar-brand > .navbar-item, -.navbar.is-warning .navbar-brand .navbar-link { - color: rgba(0, 0, 0, 0.7); } - -.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, -.navbar.is-warning .navbar-brand .navbar-link:focus, -.navbar.is-warning .navbar-brand .navbar-link:hover, -.navbar.is-warning .navbar-brand .navbar-link.is-active { - background-color: #ffd83d; - color: rgba(0, 0, 0, 0.7); } - -.navbar.is-warning .navbar-brand .navbar-link::after { - border-color: rgba(0, 0, 0, 0.7); } - -.navbar.is-warning .navbar-burger { - color: rgba(0, 0, 0, 0.7); } - -@media screen and (min-width: 1024px) { - .navbar.is-warning .navbar-start > .navbar-item, - .navbar.is-warning .navbar-start .navbar-link, - .navbar.is-warning .navbar-end > .navbar-item, - .navbar.is-warning .navbar-end .navbar-link { - color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, - .navbar.is-warning .navbar-start .navbar-link:focus, - .navbar.is-warning .navbar-start .navbar-link:hover, - .navbar.is-warning .navbar-start .navbar-link.is-active, - .navbar.is-warning .navbar-end > a.navbar-item:focus, - .navbar.is-warning .navbar-end > a.navbar-item:hover, - .navbar.is-warning .navbar-end > a.navbar-item.is-active, - .navbar.is-warning .navbar-end .navbar-link:focus, - .navbar.is-warning .navbar-end .navbar-link:hover, - .navbar.is-warning .navbar-end .navbar-link.is-active { - background-color: #ffd83d; - color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-start .navbar-link::after, - .navbar.is-warning .navbar-end .navbar-link::after { - border-color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #ffd83d; - color: rgba(0, 0, 0, 0.7); } - .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } } - -.navbar.is-danger { - background-color: #ff3860; - color: #fff; } - -.navbar.is-danger .navbar-brand > .navbar-item, -.navbar.is-danger .navbar-brand .navbar-link { - color: #fff; } - -.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, -.navbar.is-danger .navbar-brand .navbar-link:focus, -.navbar.is-danger .navbar-brand .navbar-link:hover, -.navbar.is-danger .navbar-brand .navbar-link.is-active { - background-color: #ff1f4b; - color: #fff; } - -.navbar.is-danger .navbar-brand .navbar-link::after { - border-color: #fff; } - -.navbar.is-danger .navbar-burger { - color: #fff; } - -@media screen and (min-width: 1024px) { - .navbar.is-danger .navbar-start > .navbar-item, - .navbar.is-danger .navbar-start .navbar-link, - .navbar.is-danger .navbar-end > .navbar-item, - .navbar.is-danger .navbar-end .navbar-link { - color: #fff; } - .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, - .navbar.is-danger .navbar-start .navbar-link:focus, - .navbar.is-danger .navbar-start .navbar-link:hover, - .navbar.is-danger .navbar-start .navbar-link.is-active, - .navbar.is-danger .navbar-end > a.navbar-item:focus, - .navbar.is-danger .navbar-end > a.navbar-item:hover, - .navbar.is-danger .navbar-end > a.navbar-item.is-active, - .navbar.is-danger .navbar-end .navbar-link:focus, - .navbar.is-danger .navbar-end .navbar-link:hover, - .navbar.is-danger .navbar-end .navbar-link.is-active { - background-color: #ff1f4b; - color: #fff; } - .navbar.is-danger .navbar-start .navbar-link::after, - .navbar.is-danger .navbar-end .navbar-link::after { - border-color: #fff; } - .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #ff1f4b; - color: #fff; } - .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { - background-color: #ff3860; - color: #fff; } } - -.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: #7957d5; } - -.navbar-item { - display: block; - 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: #7957d5; } - -.navbar-item.is-tab.is-active { - background-color: transparent; - border-bottom-color: #7957d5; - border-bottom-style: solid; - border-bottom-width: 3px; - color: #7957d5; - 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: #7957d5; - 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: #7957d5; } - .navbar-burger { - display: none; } - .navbar-item, - .navbar-link { - align-items: center; - display: flex; } - .navbar-item { - 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: #7957d5; } - .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: -.75rem; } - .navbar > .container .navbar-menu, - .container > .navbar .navbar-menu { - margin-right: -.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.25em; } - -.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: #7957d5; } - -.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: #7957d5; - border-color: #7957d5; - color: white; } - -.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 { - font-size: 1rem; } - -.panel:not(:last-child) { - margin-bottom: 1.5rem; } - -.panel-heading, -.panel-tabs, -.panel-block { - border-bottom: 1px solid #dbdbdb; - border-left: 1px solid #dbdbdb; - border-right: 1px solid #dbdbdb; } - -.panel-heading:first-child, -.panel-tabs:first-child, -.panel-block:first-child { - border-top: 1px solid #dbdbdb; } - -.panel-heading { - background-color: whitesmoke; - border-radius: 4px 4px 0 0; - color: #363636; - font-size: 1.25em; - font-weight: 300; - line-height: 1.25; - padding: 0.5em 0.75em; } - -.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: #7957d5; } - -.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: #7957d5; - color: #363636; } - -.panel-block.is-active .panel-icon { - color: #7957d5; } - -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: #7957d5; - color: #7957d5; } - -.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-radius: 4px 0 0 4px; } - -.tabs.is-toggle li:last-child a { - border-radius: 0 4px 4px 0; } - -.tabs.is-toggle li.is-active a { - background-color: #7957d5; - border-color: #7957d5; - color: white; - 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: 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%; } } - -.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: #363636; } - -.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: #363636; } - -.hero.is-light .subtitle { - color: rgba(54, 54, 54, 0.9); } - -.hero.is-light .subtitle a:not(.button), -.hero.is-light .subtitle strong { - color: #363636; } - -@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(54, 54, 54, 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: #363636; } - -.hero.is-light .tabs a { - color: #363636; - 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: #363636; } - -.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: #363636; - border-color: #363636; - 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: whitesmoke; } - -.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: whitesmoke; } - -.hero.is-dark .subtitle { - color: rgba(245, 245, 245, 0.9); } - -.hero.is-dark .subtitle a:not(.button), -.hero.is-dark .subtitle strong { - color: whitesmoke; } - -@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(245, 245, 245, 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: whitesmoke; } - -.hero.is-dark .tabs a { - color: whitesmoke; - 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: whitesmoke; } - -.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: whitesmoke; - border-color: whitesmoke; - 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: #7957d5; - color: white; } - -.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: white; } - -.hero.is-primary .subtitle { - color: rgba(255, 255, 255, 0.9); } - -.hero.is-primary .subtitle a:not(.button), -.hero.is-primary .subtitle strong { - color: white; } - -@media screen and (max-width: 1023px) { - .hero.is-primary .navbar-menu { - background-color: #7957d5; } } - -.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: #6943d0; - color: white; } - -.hero.is-primary .tabs a { - color: white; - 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: white; } - -.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: white; - border-color: white; - color: #7957d5; } - -.hero.is-primary.is-bold { - background-image: linear-gradient(141deg, #3725d4 0%, #7957d5 71%, #9b67df 100%); } - -@media screen and (max-width: 768px) { - .hero.is-primary.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #3725d4 0%, #7957d5 71%, #9b67df 100%); } } - -.hero.is-link { - background-color: #7957d5; - color: white; } - -.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: white; } - -.hero.is-link .subtitle { - color: rgba(255, 255, 255, 0.9); } - -.hero.is-link .subtitle a:not(.button), -.hero.is-link .subtitle strong { - color: white; } - -@media screen and (max-width: 1023px) { - .hero.is-link .navbar-menu { - background-color: #7957d5; } } - -.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: #6943d0; - color: white; } - -.hero.is-link .tabs a { - color: white; - 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: white; } - -.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: white; - border-color: white; - color: #7957d5; } - -.hero.is-link.is-bold { - background-image: linear-gradient(141deg, #3725d4 0%, #7957d5 71%, #9b67df 100%); } - -@media screen and (max-width: 768px) { - .hero.is-link.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #3725d4 0%, #7957d5 71%, #9b67df 100%); } } - -.hero.is-info { - background-color: #167df0; - 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: #167df0; } } - -.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: #0e71de; - 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: #167df0; } - -.hero.is-info.is-bold { - background-image: linear-gradient(141deg, #0286d1 0%, #167df0 71%, #2868f7 100%); } - -@media screen and (max-width: 768px) { - .hero.is-info.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #0286d1 0%, #167df0 71%, #2868f7 100%); } } - -.hero.is-success { - background-color: #23d160; - 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: #23d160; } } - -.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: #20bc56; - 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: #23d160; } - -.hero.is-success.is-bold { - background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } - -@media screen and (max-width: 768px) { - .hero.is-success.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 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: #ff3860; - 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: #ff3860; } } - -.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: #ff1f4b; - 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: #ff3860; } - -.hero.is-danger.is-bold { - background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } - -@media screen and (max-width: 768px) { - .hero.is-danger.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } } - -.hero.is-small .hero-body { - padding-bottom: 1.5rem; - padding-top: 1.5rem; } - -@media screen and (min-width: 769px), print { - .hero.is-medium .hero-body { - padding-bottom: 9rem; - padding-top: 9rem; } } - -@media screen and (min-width: 769px), print { - .hero.is-large .hero-body { - padding-bottom: 18rem; - padding-top: 18rem; } } - -.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; } - -.is-noscroll { - position: fixed; - overflow-y: hidden; - width: 100%; - bottom: 0; } - -@keyframes fadeOut { - from { - opacity: 1; } - to { - opacity: 0; } } - -.fadeOut { - animation-name: fadeOut; } - -@keyframes fadeOutDown { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(0, 100%, 0); } } - -.fadeOutDown { - animation-name: fadeOutDown; } - -@keyframes fadeOutUp { - from { - opacity: 1; } - to { - opacity: 0; - transform: translate3d(0, -100%, 0); } } - -.fadeOutUp { - animation-name: fadeOutUp; } - -@keyframes fadeIn { - from { - opacity: 0; } - to { - opacity: 1; } } - -.fadeIn { - animation-name: fadeIn; } - -@keyframes fadeInDown { - from { - opacity: 0; - transform: translate3d(0, -100%, 0); } - to { - opacity: 1; - transform: none; } } - -.fadeInDown { - animation-name: fadeInDown; } - -@keyframes fadeInUp { - from { - opacity: 0; - transform: translate3d(0, 100%, 0); } - to { - opacity: 1; - transform: none; } } - -.fadeInUp { - animation-name: fadeInUp; } - -/** - * Vue Transitions - */ -.fade-enter-active, -.fade-leave-active { - transition: opacity 150ms ease-out; } - -.fade-enter, -.fade-leave-to { - opacity: 0; } - -.zoom-in-enter-active, -.zoom-in-leave-active { - transition: opacity 150ms ease-out; } - -.zoom-in-enter-active .animation-content, -.zoom-in-enter-active .animation-content, -.zoom-in-leave-active .animation-content, -.zoom-in-leave-active .animation-content { - transition: transform 150ms ease-out; } - -.zoom-in-enter, -.zoom-in-leave-active { - opacity: 0; } - -.zoom-in-enter .animation-content, -.zoom-in-enter .animation-content, -.zoom-in-leave-active .animation-content, -.zoom-in-leave-active .animation-content { - transform: scale(0.95); } - -.zoom-out-enter-active, -.zoom-out-leave-active { - transition: opacity 150ms ease-out; } - -.zoom-out-enter-active .animation-content, -.zoom-out-enter-active .animation-content, -.zoom-out-leave-active .animation-content, -.zoom-out-leave-active .animation-content { - transition: transform 150ms ease-out; } - -.zoom-out-enter, -.zoom-out-leave-active { - opacity: 0; } - -.zoom-out-enter .animation-content, -.zoom-out-enter .animation-content, -.zoom-out-leave-active .animation-content, -.zoom-out-leave-active .animation-content { - transform: scale(1.05); } - -.slide-next-enter-active, -.slide-next-leave-active, -.slide-prev-enter-active, -.slide-prev-leave-active { - transition: transform 250ms cubic-bezier(0.785, 0.135, 0.15, 0.86); } - -.slide-prev-leave-to, .slide-next-enter { - transform: translate3d(-100%, 0, 0); - position: absolute; - width: 100%; } - -.slide-prev-enter, .slide-next-leave-to { - transform: translate3d(100%, 0, 0); - position: absolute; - width: 100%; } - -.autocomplete { - position: relative; } - -.autocomplete .dropdown-menu { - display: block; - min-width: 100%; - max-width: 100%; } - -.autocomplete .dropdown-menu.is-opened-top { - top: auto; - bottom: 100%; } - -.autocomplete .dropdown-content { - overflow: auto; - max-height: 200px; } - -.autocomplete .dropdown-item, .autocomplete .dropdown .dropdown-menu .has-link a, .dropdown .dropdown-menu .has-link .autocomplete a { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; } - -.autocomplete .dropdown-item.is-hovered, .autocomplete .dropdown .dropdown-menu .has-link a.is-hovered, .dropdown .dropdown-menu .has-link .autocomplete a.is-hovered { - background: whitesmoke; - color: #0a0a0a; } - -.autocomplete .dropdown-item.is-disabled, .autocomplete .dropdown .dropdown-menu .has-link a.is-disabled, .dropdown .dropdown-menu .has-link .autocomplete a.is-disabled { - opacity: 0.5; - cursor: not-allowed; } - -.autocomplete.is-small { - border-radius: 2px; - font-size: 0.75rem; } - -.autocomplete.is-medium { - font-size: 1.25rem; } - -.autocomplete.is-large { - font-size: 1.5rem; } - -.b-checkbox.checkbox { - outline: none; - display: inline-flex; - align-items: center; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.b-checkbox.checkbox + .checkbox { - margin-left: 0.5em; } - -.b-checkbox.checkbox input[type=checkbox] { - position: absolute; - left: 0; - opacity: 0; - outline: none; - z-index: -1; } - -.b-checkbox.checkbox input[type=checkbox] + .check { - width: 1.25em; - height: 1.25em; - flex-shrink: 0; - border-radius: 4px; - border: 2px solid #7a7a7a; - transition: background 150ms ease-out; } - -.b-checkbox.checkbox input[type=checkbox]:checked + .check { - background: #7957d5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:white' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; - border-color: #7957d5; } - -.b-checkbox.checkbox input[type=checkbox]:checked + .check.is-white { - background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%230a0a0a' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; - border-color: white; } - -.b-checkbox.checkbox input[type=checkbox]:checked + .check.is-black { - background: #0a0a0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:white' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; - border-color: #0a0a0a; } - -.b-checkbox.checkbox input[type=checkbox]:checked + .check.is-light { - background: whitesmoke url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23363636' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; - border-color: whitesmoke; } - -.b-checkbox.checkbox input[type=checkbox]:checked + .check.is-dark { - background: #363636 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:whitesmoke' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; - border-color: #363636; } - -.b-checkbox.checkbox input[type=checkbox]:checked + .check.is-primary { - background: #7957d5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:white' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; - border-color: #7957d5; } - -.b-checkbox.checkbox input[type=checkbox]:checked + .check.is-link { - background: #7957d5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:white' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; - border-color: #7957d5; } - -.b-checkbox.checkbox input[type=checkbox]:checked + .check.is-info { - background: #167df0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; - border-color: #167df0; } - -.b-checkbox.checkbox input[type=checkbox]:checked + .check.is-success { - background: #23d160 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; - border-color: #23d160; } - -.b-checkbox.checkbox input[type=checkbox]:checked + .check.is-warning { - background: #ffdd57 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:rgba(0, 0, 0, 0.7)' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; - border-color: #ffdd57; } - -.b-checkbox.checkbox input[type=checkbox]:checked + .check.is-danger { - background: #ff3860 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; - border-color: #ff3860; } - -.b-checkbox.checkbox input[type=checkbox]:indeterminate + .check { - background: #7957d5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:white' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; - border-color: #7957d5; } - -.b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-white { - background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%230a0a0a' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; - border-color: white; } - -.b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-black { - background: #0a0a0a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:white' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; - border-color: #0a0a0a; } - -.b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-light { - background: whitesmoke url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23363636' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; - border-color: whitesmoke; } - -.b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-dark { - background: #363636 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:whitesmoke' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; - border-color: #363636; } - -.b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-primary { - background: #7957d5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:white' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; - border-color: #7957d5; } - -.b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-link { - background: #7957d5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:white' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; - border-color: #7957d5; } - -.b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-info { - background: #167df0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; - border-color: #167df0; } - -.b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-success { - background: #23d160 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; - border-color: #23d160; } - -.b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-warning { - background: #ffdd57 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:rgba(0, 0, 0, 0.7)' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; - border-color: #ffdd57; } - -.b-checkbox.checkbox input[type=checkbox]:indeterminate + .check.is-danger { - background: #ff3860 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Crect style='fill:%23fff' width='0.7' height='0.2' x='.15' y='.4'%3E%3C/rect%3E%3C/svg%3E") no-repeat center center; - border-color: #ff3860; } - -.b-checkbox.checkbox input[type=checkbox]:focus + .check { - box-shadow: 0 0 0.5em rgba(122, 122, 122, 0.8); } - -.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check { - box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8); } - -.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-white { - box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); } - -.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-black { - box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.8); } - -.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-light { - box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); } - -.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-dark { - box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8); } - -.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-primary { - box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8); } - -.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-link { - box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8); } - -.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-info { - box-shadow: 0 0 0.5em rgba(22, 125, 240, 0.8); } - -.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-success { - box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.8); } - -.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-warning { - box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.8); } - -.b-checkbox.checkbox input[type=checkbox]:focus:checked + .check.is-danger { - box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.8); } - -.b-checkbox.checkbox .control-label { - padding-left: 0.5em; } - -.b-checkbox.checkbox[disabled] { - opacity: 0.5; } - -.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check { - border-color: #7957d5; } - -.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-white { - border-color: white; } - -.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-black { - border-color: #0a0a0a; } - -.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-light { - border-color: whitesmoke; } - -.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-dark { - border-color: #363636; } - -.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-primary { - border-color: #7957d5; } - -.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-link { - border-color: #7957d5; } - -.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-info { - border-color: #167df0; } - -.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-success { - border-color: #23d160; } - -.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-warning { - border-color: #ffdd57; } - -.b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled) + .check.is-danger { - border-color: #ff3860; } - -.b-checkbox.checkbox.is-small { - border-radius: 2px; - font-size: 0.75rem; } - -.b-checkbox.checkbox.is-medium { - font-size: 1.25rem; } - -.b-checkbox.checkbox.is-large { - font-size: 1.5rem; } - -.b-clockpicker .card-header { - background-color: #7957d5; - color: white; } - -.b-clockpicker .b-clockpicker-face:after { - background-color: #7957d5; } - -.b-clockpicker .b-clockpicker-face-hand { - background-color: #7957d5; - border-color: #7957d5; } - -.b-clockpicker .b-clockpicker-face-number.active { - background-color: #7957d5; - color: white; } - -.b-clockpicker.is-white .card-header { - background-color: white; - color: #0a0a0a; } - -.b-clockpicker.is-white .b-clockpicker-face:after { - background-color: white; } - -.b-clockpicker.is-white .b-clockpicker-face-hand { - background-color: white; - border-color: white; } - -.b-clockpicker.is-white .b-clockpicker-face-number.active { - background-color: white; - color: #0a0a0a; } - -.b-clockpicker.is-black .card-header { - background-color: #0a0a0a; - color: white; } - -.b-clockpicker.is-black .b-clockpicker-face:after { - background-color: #0a0a0a; } - -.b-clockpicker.is-black .b-clockpicker-face-hand { - background-color: #0a0a0a; - border-color: #0a0a0a; } - -.b-clockpicker.is-black .b-clockpicker-face-number.active { - background-color: #0a0a0a; - color: white; } - -.b-clockpicker.is-light .card-header { - background-color: whitesmoke; - color: #363636; } - -.b-clockpicker.is-light .b-clockpicker-face:after { - background-color: whitesmoke; } - -.b-clockpicker.is-light .b-clockpicker-face-hand { - background-color: whitesmoke; - border-color: whitesmoke; } - -.b-clockpicker.is-light .b-clockpicker-face-number.active { - background-color: whitesmoke; - color: #363636; } - -.b-clockpicker.is-dark .card-header { - background-color: #363636; - color: whitesmoke; } - -.b-clockpicker.is-dark .b-clockpicker-face:after { - background-color: #363636; } - -.b-clockpicker.is-dark .b-clockpicker-face-hand { - background-color: #363636; - border-color: #363636; } - -.b-clockpicker.is-dark .b-clockpicker-face-number.active { - background-color: #363636; - color: whitesmoke; } - -.b-clockpicker.is-primary .card-header { - background-color: #7957d5; - color: white; } - -.b-clockpicker.is-primary .b-clockpicker-face:after { - background-color: #7957d5; } - -.b-clockpicker.is-primary .b-clockpicker-face-hand { - background-color: #7957d5; - border-color: #7957d5; } - -.b-clockpicker.is-primary .b-clockpicker-face-number.active { - background-color: #7957d5; - color: white; } - -.b-clockpicker.is-link .card-header { - background-color: #7957d5; - color: white; } - -.b-clockpicker.is-link .b-clockpicker-face:after { - background-color: #7957d5; } - -.b-clockpicker.is-link .b-clockpicker-face-hand { - background-color: #7957d5; - border-color: #7957d5; } - -.b-clockpicker.is-link .b-clockpicker-face-number.active { - background-color: #7957d5; - color: white; } - -.b-clockpicker.is-info .card-header { - background-color: #167df0; - color: #fff; } - -.b-clockpicker.is-info .b-clockpicker-face:after { - background-color: #167df0; } - -.b-clockpicker.is-info .b-clockpicker-face-hand { - background-color: #167df0; - border-color: #167df0; } - -.b-clockpicker.is-info .b-clockpicker-face-number.active { - background-color: #167df0; - color: #fff; } - -.b-clockpicker.is-success .card-header { - background-color: #23d160; - color: #fff; } - -.b-clockpicker.is-success .b-clockpicker-face:after { - background-color: #23d160; } - -.b-clockpicker.is-success .b-clockpicker-face-hand { - background-color: #23d160; - border-color: #23d160; } - -.b-clockpicker.is-success .b-clockpicker-face-number.active { - background-color: #23d160; - color: #fff; } - -.b-clockpicker.is-warning .card-header { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - -.b-clockpicker.is-warning .b-clockpicker-face:after { - background-color: #ffdd57; } - -.b-clockpicker.is-warning .b-clockpicker-face-hand { - background-color: #ffdd57; - border-color: #ffdd57; } - -.b-clockpicker.is-warning .b-clockpicker-face-number.active { - background-color: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - -.b-clockpicker.is-danger .card-header { - background-color: #ff3860; - color: #fff; } - -.b-clockpicker.is-danger .b-clockpicker-face:after { - background-color: #ff3860; } - -.b-clockpicker.is-danger .b-clockpicker-face-hand { - background-color: #ff3860; - border-color: #ff3860; } - -.b-clockpicker.is-danger .b-clockpicker-face-number.active { - background-color: #ff3860; - color: #fff; } - -.b-clockpicker .dropdown-menu { - min-width: 0; } - -.b-clockpicker .dropdown, -.b-clockpicker .dropdown-trigger { - width: 100%; } - -.b-clockpicker .dropdown-item, .b-clockpicker .dropdown .dropdown-menu .has-link a, .dropdown .dropdown-menu .has-link .b-clockpicker a { - font-size: inherit; - padding: 0; } - -.b-clockpicker .dropdown-content { - padding-top: 0; - padding-bottom: 0; } - -.b-clockpicker .card { - border-radius: 4px; } - -.b-clockpicker .card-header { - border-top-left-radius: 4px; - border-top-right-radius: 4px; } - -.b-clockpicker .card-content { - padding: 12px; } - -.b-clockpicker-btn { - cursor: pointer; - opacity: 0.6; } - -.b-clockpicker-btn:hover, .b-clockpicker-btn.active { - opacity: 1; } - -.b-clockpicker-period .b-clockpicker-btn { - font-size: 16px; - text-transform: uppercase; } - -.b-clockpicker-time span { - align-items: center; - display: inline-flex; - justify-content: center; } - -.b-clockpicker-header { - display: flex; - line-height: 1; - justify-content: flex-end; - color: inherit; } - -.b-clockpicker-header .b-clockpicker-time { - white-space: nowrap; } - -.b-clockpicker-header .b-clockpicker-time span { - height: 60px; - font-size: 60px; } - -.b-clockpicker-header .b-clockpicker-period { - align-self: flex-end; - display: flex; - flex-direction: column; - margin: 8px 0 6px 8px; } - -.b-clockpicker-body { - transition: 0.9s cubic-bezier(0.25, 0.8, 0.5, 1); } - -.b-clockpicker-body .b-clockpicker-btn { - padding: 0 8px; - border-radius: 290486px; - margin-bottom: 2px; } - -.b-clockpicker-body .b-clockpicker-btn:hover, .b-clockpicker-body .b-clockpicker-btn.active { - background-color: #7957d5; - color: white; } - -.b-clockpicker-body .b-clockpicker-period { - position: absolute; - top: 5px; - right: 5px; } - -.b-clockpicker-body .b-clockpicker-time { - position: absolute; - top: 5px; - left: 5px; - font-size: 16px; } - -.b-clockpicker-body .b-clockpicker-face { - border-radius: 50%; - position: relative; - background-color: #dbdbdb; - width: 100%; - height: 100%; - align-items: center; - display: flex; - justify-content: center; } - -.b-clockpicker-body .b-clockpicker-face:after { - border-radius: 50%; - content: ""; - position: absolute; - left: 50%; - top: 50%; - transform: translate(-50%, -50%); - width: 12px; - height: 12px; - z-index: 10; } - -.b-clockpicker-body .b-clockpicker-face-outer-ring { - user-select: none; - height: calc(100% - 50px); - width: calc(100% - 50px); - position: relative; - border-radius: 50%; } - -.b-clockpicker-body .b-clockpicker-face-number { - align-items: center; - border-radius: 100%; - cursor: default; - display: flex; - font-size: 18px; - text-align: center; - justify-content: center; - position: absolute; - width: 40px; - height: 40px; - left: calc(50% - 40px / 2); - top: calc(50% - 40px / 2); - user-select: none; } - -.b-clockpicker-body .b-clockpicker-face-number > span { - z-index: 1; } - -.b-clockpicker-body .b-clockpicker-face-number:before, .b-clockpicker-body .b-clockpicker-face-number:after { - content: ""; - height: 40px; - width: 40px; - border-radius: 100%; - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); } - -.b-clockpicker-body .b-clockpicker-face-number.active { - cursor: default; - z-index: 2; } - -.b-clockpicker-body .b-clockpicker-face-number.disabled { - pointer-events: none; - opacity: .25; } - -.b-clockpicker-body .b-clockpicker-face-hand { - height: calc(50% - 6px); - width: 2px; - bottom: 50%; - left: calc(50% - 1px); - transform-origin: center bottom; - position: absolute; - will-change: transform; - z-index: 1; } - -.b-clockpicker-body .b-clockpicker-face-hand:before { - background: transparent; - border-width: 2px; - border-style: solid; - border-color: inherit; - border-radius: 100%; - width: 12px; - height: 12px; - content: ""; - position: absolute; - top: -6px; - left: 50%; - transform: translate(-50%, -50%); } - -.b-clockpicker-footer { - display: block; - padding: 12px; } - -.b-clockpicker.is-small { - border-radius: 2px; - font-size: 0.75rem; } - -.b-clockpicker.is-medium { - font-size: 1.25rem; } - -.b-clockpicker.is-large { - font-size: 1.5rem; } - -.collapse .collapse-trigger { - display: inline; - cursor: pointer; } - -.collapse .collapse-content { - display: inherit; } - -.datepicker { - font-size: 0.875rem; } - -.datepicker .dropdown, -.datepicker .dropdown-trigger { - width: 100%; } - -.datepicker .dropdown-item, .datepicker .dropdown .dropdown-menu .has-link a, .dropdown .dropdown-menu .has-link .datepicker a { - font-size: inherit; } - -.datepicker .datepicker-header { - padding-bottom: 0.875rem; - margin-bottom: 0.875rem; - border-bottom: 1px solid #dbdbdb; } - -.datepicker .datepicker-content { - height: 16.25rem; } - -.datepicker .datepicker-footer { - margin-top: 0.875rem; - padding-top: 0.875rem; - border-top: 1px solid #dbdbdb; } - -.datepicker .datepicker-table { - display: table; - margin: 0 auto 0 auto; } - -.datepicker .datepicker-table .datepicker-cell { - text-align: center; - vertical-align: middle; - display: table-cell; - border-radius: 4px; - padding: 0.5rem 0.75rem; } - -.datepicker .datepicker-table .datepicker-header { - display: table-header-group; } - -.datepicker .datepicker-table .datepicker-header .datepicker-cell { - color: #7a7a7a; - font-weight: 600; } - -.datepicker .datepicker-table .datepicker-body { - display: table-row-group; } - -.datepicker .datepicker-table .datepicker-body .datepicker-row { - display: table-row; } - -.datepicker .datepicker-table .datepicker-body .datepicker-months { - display: inline-flex; - flex-wrap: wrap; - flex-direction: row; - width: 17rem; } - -.datepicker .datepicker-table .datepicker-body .datepicker-months .datepicker-cell { - display: flex; - align-items: center; - justify-content: center; - width: 33.33%; - height: 2.5rem; } - -.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-unselectable { - color: #b5b5b5; } - -.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-today { - border: solid 1px rgba(121, 87, 213, 0.5); } - -.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable { - color: #4a4a4a; } - -.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable:hover:not(.is-selected), .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable:focus:not(.is-selected) { - background-color: whitesmoke; - color: #0a0a0a; - cursor: pointer; } - -.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected { - background-color: #7957d5; - color: white; } - -.datepicker .datepicker-table .datepicker-body .datepicker-cell.is-nearby:not(.is-selected) { - color: #b5b5b5; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell { - padding: 0.3rem 0.75rem 0.75rem; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event { - position: relative; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events { - bottom: .425rem; - display: flex; - justify-content: center; - left: 0; - padding: 0 .35rem; - position: absolute; - width: 100%; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-white { - background-color: white; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-black { - background-color: #0a0a0a; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-light { - background-color: whitesmoke; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-dark { - background-color: #363636; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-primary { - background-color: #7957d5; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-link { - background-color: #7957d5; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-info { - background-color: #167df0; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-success { - background-color: #23d160; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-warning { - background-color: #ffdd57; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event .events .event.is-danger { - background-color: #ff3860; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event.dots .event { - border-radius: 50%; - height: .35em; - margin: 0 .1em; - width: .35em; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.has-event.bars .event { - height: .25em; - width: 100%; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.is-selected { - overflow: hidden; } - -.datepicker .datepicker-table .datepicker-body.has-events .datepicker-cell.is-selected .events .event.is-primary { - background-color: #aa94e4; } - -.datepicker.is-small { - border-radius: 2px; - font-size: 0.75rem; } - -.datepicker.is-medium { - font-size: 1.25rem; } - -.datepicker.is-large { - font-size: 1.5rem; } - -.dialog .modal-card { - max-width: 460px; - width: auto; } - -.dialog .modal-card .modal-card-head { - font-size: 1.25rem; - font-weight: 600; } - -.dialog .modal-card .modal-card-body .field { - margin-top: 16px; } - -.dialog .modal-card .modal-card-body.is-titleless { - border-top-left-radius: 6px; - border-top-right-radius: 6px; } - -.dialog .modal-card .modal-card-foot { - justify-content: flex-end; } - -.dialog .modal-card .modal-card-foot .button { - display: inline; - min-width: 5em; - font-weight: 600; } - -@media screen and (min-width: 769px), print { - .dialog .modal-card { - min-width: 320px; } } - -.dialog.is-small .modal-card, -.dialog.is-small .input, -.dialog.is-small .taginput .taginput-container.is-focusable, -.taginput .dialog.is-small .taginput-container.is-focusable, -.dialog.is-small .button { - border-radius: 2px; - font-size: 0.75rem; } - -.dialog.is-medium .modal-card, -.dialog.is-medium .input, -.dialog.is-medium .taginput .taginput-container.is-focusable, -.taginput .dialog.is-medium .taginput-container.is-focusable, -.dialog.is-medium .button { - font-size: 1.25rem; } - -.dialog.is-large .modal-card, -.dialog.is-large .input, -.dialog.is-large .taginput .taginput-container.is-focusable, -.taginput .dialog.is-large .taginput-container.is-focusable, -.dialog.is-large .button { - font-size: 1.5rem; } - -.dropdown + .dropdown { - margin-left: 0.5em; } - -.dropdown .background { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - position: fixed; - background-color: rgba(10, 10, 10, 0.86); - z-index: 40; - cursor: pointer; } - -@media screen and (min-width: 1024px) { - .dropdown .background { - display: none; } } - -.dropdown .dropdown-menu .dropdown-item.is-disabled, .dropdown .dropdown-menu .has-link a.is-disabled { - cursor: not-allowed; } - -.dropdown .dropdown-menu .dropdown-item.is-disabled:hover, .dropdown .dropdown-menu .has-link a.is-disabled:hover { - background: inherit; - color: inherit; } - -.dropdown .dropdown-menu .has-link a { - padding-right: 3rem; - white-space: nowrap; } - -.dropdown:not(.is-disabled) .dropdown-menu .dropdown-item.is-disabled, .dropdown:not(.is-disabled) .dropdown-menu .has-link a.is-disabled { - opacity: 0.5; } - -.dropdown .navbar-item { - height: 100%; } - -.dropdown.is-disabled { - opacity: 0.5; - cursor: not-allowed; } - -.dropdown.is-disabled .dropdown-trigger { - pointer-events: none; } - -.dropdown.is-inline .dropdown-menu { - position: static; - display: inline-block; - padding: 0; } - -.dropdown.is-top-right .dropdown-menu { - top: auto; - bottom: 100%; } - -.dropdown.is-top-left .dropdown-menu { - top: auto; - bottom: 100%; - right: 0; - left: auto; } - -.dropdown.is-bottom-left .dropdown-menu { - right: 0; - left: auto; } - -@media screen and (max-width: 1023px) { - .dropdown.is-mobile-modal .dropdown-menu { - position: fixed; - width: calc(100vw - 40px); - max-width: 460px; - max-height: calc(100vh - 120px); - top: 25% !important; - left: 50% !important; - bottom: auto !important; - right: auto !important; - transform: translate3d(-50%, -25%, 0); - white-space: normal; - overflow-y: auto; - z-index: 50; } - .dropdown.is-mobile-modal .dropdown-menu .dropdown-item, .dropdown.is-mobile-modal .dropdown-menu .has-link a { - padding: 1rem 1.5rem; } } - -.field.is-grouped .field { - flex-shrink: 0; } - -.field.is-grouped .field:not(:last-child) { - margin-right: 0.75rem; } - -.field.is-grouped .field.is-expanded { - flex-grow: 1; - flex-shrink: 1; } - -.field.has-addons .control:first-child .control .button, -.field.has-addons .control:first-child .control .input, -.field.has-addons .control:first-child .control .taginput .taginput-container.is-focusable, -.taginput .field.has-addons .control:first-child .control .taginput-container.is-focusable, -.field.has-addons .control:first-child .control .select select { - border-bottom-left-radius: 4px; - border-top-left-radius: 4px; } - -.field.has-addons .control:last-child .control .button, -.field.has-addons .control:last-child .control .input, -.field.has-addons .control:last-child .control .taginput .taginput-container.is-focusable, -.taginput .field.has-addons .control:last-child .control .taginput-container.is-focusable, -.field.has-addons .control:last-child .control .select select { - border-bottom-right-radius: 4px; - border-top-right-radius: 4px; } - -.field.has-addons .control .control .button, -.field.has-addons .control .control .input, -.field.has-addons .control .control .taginput .taginput-container.is-focusable, -.taginput .field.has-addons .control .control .taginput-container.is-focusable, -.field.has-addons .control .control .select select { - border-radius: 0; } - -.field.is-floating-label { - position: relative; } - -.field.is-floating-label .label { - position: absolute; - top: -0.775em; - left: 1em; - font-size: calc(1rem * 3 / 4); - background-color: transparent; - padding-left: 0.125em; - padding-right: 0.125em; - z-index: 5; } - -.field.is-floating-label .label:before { - content: ''; - display: block; - position: absolute; - top: 0.775em; - left: 0; - right: 0; - height: 0.375em; - background-color: #fff; - z-index: -1; } - -.field.is-floating-label .label.is-small { - font-size: calc(0.75rem * 3 / 4); } - -.field.is-floating-label .label.is-medium { - font-size: calc(1.25rem * 3 / 4); } - -.field.is-floating-label .label.is-large { - font-size: calc(1.5rem * 3 / 4); } - -.field.is-floating-label .input:focus, .field.is-floating-label .taginput .taginput-container.is-focusable:focus, .taginput .field.is-floating-label .taginput-container.is-focusable:focus, -.field.is-floating-label .textarea:focus, -.field.is-floating-label .select select:focus { - box-shadow: none; } - -.field.is-floating-label .taginput .taginput-container.is-focusable { - padding-top: 0.475em; } - -.field.is-floating-label .taginput .taginput-container.is-focusable.is-focused { - box-shadow: none; } - -.field.is-floating-in-label { - position: relative; } - -.field.is-floating-in-label .label { - position: absolute; - top: 0.25em; - left: 1em; - font-size: calc(1rem * 3 / 4); - background-color: transparent; - z-index: 5; } - -.field.is-floating-in-label .label.is-small { - font-size: calc(0.75rem * 3 / 4); } - -.field.is-floating-in-label .label.is-medium { - font-size: calc(1.25rem * 3 / 4); } - -.field.is-floating-in-label .label.is-large { - font-size: calc(1.5rem * 3 / 4); } - -.field.is-floating-in-label > .datepicker .input, .field.is-floating-in-label > .datepicker .taginput .taginput-container.is-focusable, .taginput .field.is-floating-in-label > .datepicker .taginput-container.is-focusable, .field.is-floating-in-label > .timepicker .input, .field.is-floating-in-label > .timepicker .taginput .taginput-container.is-focusable, .taginput .field.is-floating-in-label > .timepicker .taginput-container.is-focusable { - padding-top: calc(3.25em / 2 - (1.5rem * 3 / 4) / 2); - padding-bottom: 1px; - height: 3.25em; } - -.field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .input, .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .taginput .taginput-container.is-focusable, .taginput .field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .taginput-container.is-focusable, -.field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .textarea, -.field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) select { - padding-top: calc(3.25em / 2 - (1.5rem * 3 / 4) / 2); - padding-bottom: 1px; - height: 3.25em; } - -.field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .select:not(multiple) { - height: 3.25em; } - -.field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .select:not(multiple).is-loading::after { - margin-top: calc(3.25em / 2 - (1.5rem * 3 / 4) / 2); } - -.field.is-floating-in-label > :not(.datepicker):not(.timepicker):not(.taginput) .select:not(multiple)::after { - margin-top: 1px; } - -.field.is-floating-in-label > :not(.taginput) .is-left.icon, -.field.is-floating-in-label > :not(.taginput) .is-right.icon { - height: 3.25em; } - -.field.is-floating-in-label > :not(.taginput) .is-left.icon { - padding-top: calc(3.25em / 2 - (1.5rem * 3 / 4) / 2); } - -.field.is-floating-in-label .control.is-loading::after { - margin-top: calc(3.25em / 2 - (1.5rem * 3 / 4) / 2); } - -.field.is-floating-in-label .taginput .taginput-container.is-focusable { - padding-top: calc(3.25em / 2 - (1.5rem * 3 / 4) / 2 + (0.275em - 1px)); } - -.control .help.counter { - float: right; - margin-left: 0.5em; } - -.control .icon.is-clickable { - pointer-events: auto; - cursor: pointer; } - -.icon { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - cursor: inherit; } - -.icon svg { - background-color: transparent; - fill: currentColor; - stroke-width: 0; - stroke: currentColor; - pointer-events: none; - width: 1.5rem; - height: 1.5rem; } - -.loading-overlay { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - align-items: center; - display: none; - justify-content: center; - overflow: hidden; } - -.loading-overlay.is-active { - display: flex; } - -.loading-overlay.is-full-page { - z-index: 999; - position: fixed; } - -.loading-overlay.is-full-page .loading-icon:after { - top: calc(50% - 2.5em); - left: calc(50% - 2.5em); - width: 5em; - height: 5em; } - -.loading-overlay .loading-background { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - background: #7f7f7f; - background: rgba(255, 255, 255, 0.5); } - -.loading-overlay .loading-icon { - position: relative; } - -.loading-overlay .loading-icon:after { - 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; - position: absolute; - top: calc(50% - 1.5em); - left: calc(50% - 1.5em); - width: 3em; - height: 3em; - border-width: 0.25em; } - -.menu .menu-list li > a.is-disabled { - pointer-events: none; - cursor: not-allowed; - opacity: 0.5; } - -.message .media, -.notification .media { - padding-top: 0; - border: 0; } - -.notification > .delete { - right: 0.5rem !important; - top: 0.5rem !important; } - -.modal.is-full-screen > .animation-content, -.modal.is-full-screen > .animation-content > .modal-card { - width: 100%; - height: 100%; - max-height: 100vh; - margin: 0; - background-color: #ffffff; } - -.modal .animation-content { - margin: 0 20px; } - -.modal .animation-content .modal-card { - margin: 0; } - -@media screen and (max-width: 768px) { - .modal .animation-content { - width: 100%; } } - -.modal .modal-content { - width: 100%; } - -.notices { - position: fixed; - display: flex; - top: 0; - bottom: 0; - left: 0; - right: 0; - padding: 2em; - overflow: hidden; - z-index: 1000; - pointer-events: none; } - -.notices .toast { - display: inline-flex; - animation-duration: 150ms; - margin: 0.5em 0; - text-align: center; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); - border-radius: 2em; - padding: 0.75em 1.5em; - pointer-events: auto; - opacity: 0.92; } - -.notices .toast.is-white { - color: #0a0a0a; - background: white; } - -.notices .toast.is-black { - color: white; - background: #0a0a0a; } - -.notices .toast.is-light { - color: #363636; - background: whitesmoke; } - -.notices .toast.is-dark { - color: whitesmoke; - background: #363636; } - -.notices .toast.is-primary { - color: white; - background: #7957d5; } - -.notices .toast.is-link { - color: white; - background: #7957d5; } - -.notices .toast.is-info { - color: #fff; - background: #167df0; } - -.notices .toast.is-success { - color: #fff; - background: #23d160; } - -.notices .toast.is-warning { - color: rgba(0, 0, 0, 0.7); - background: #ffdd57; } - -.notices .toast.is-danger { - color: #fff; - background: #ff3860; } - -.notices .snackbar { - display: inline-flex; - align-items: center; - justify-content: space-around; - animation-duration: 150ms; - margin: 0.5em 0; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04); - border-radius: 4px; - pointer-events: auto; - background: #363636; - color: whitesmoke; - min-height: 3em; } - -.notices .snackbar .text { - padding: 0.5em 1em; } - -.notices .snackbar .action { - margin-left: auto; - padding: 0.5em; - padding-left: 0; } - -.notices .snackbar .action .button { - font-weight: 600; - text-transform: uppercase; - background: #363636; - border: transparent; } - -.notices .snackbar .action .button:hover { - background: #292929; } - -.notices .snackbar .action .button:active { - background: #292929; } - -.notices .snackbar .action.is-white .button { - color: white; } - -.notices .snackbar .action.is-black .button { - color: #0a0a0a; } - -.notices .snackbar .action.is-light .button { - color: whitesmoke; } - -.notices .snackbar .action.is-dark .button { - color: #363636; } - -.notices .snackbar .action.is-primary .button { - color: #7957d5; } - -.notices .snackbar .action.is-link .button { - color: #7957d5; } - -.notices .snackbar .action.is-info .button { - color: #167df0; } - -.notices .snackbar .action.is-success .button { - color: #23d160; } - -.notices .snackbar .action.is-warning .button { - color: #ffdd57; } - -.notices .snackbar .action.is-danger .button { - color: #ff3860; } - -@media screen and (max-width: 768px) { - .notices .snackbar { - width: 100%; - margin: 0; - border-radius: 0; } } - -@media screen and (min-width: 769px), print { - .notices .snackbar { - min-width: 350px; - max-width: 600px; - overflow: hidden; } } - -.notices .notification { - max-width: 600px; } - -.notices .toast.is-top, .notices .toast.is-bottom, -.notices .snackbar.is-top, -.notices .snackbar.is-bottom, -.notices .notification.is-top, -.notices .notification.is-bottom { - align-self: center; } - -.notices .toast.is-top-right, .notices .toast.is-bottom-right, -.notices .snackbar.is-top-right, -.notices .snackbar.is-bottom-right, -.notices .notification.is-top-right, -.notices .notification.is-bottom-right { - align-self: flex-end; } - -.notices .toast.is-top-left, .notices .toast.is-bottom-left, -.notices .snackbar.is-top-left, -.notices .snackbar.is-bottom-left, -.notices .notification.is-top-left, -.notices .notification.is-bottom-left { - align-self: flex-start; } - -.notices .toast.is-toast, -.notices .snackbar.is-toast, -.notices .notification.is-toast { - opacity: 0.92; } - -.notices.is-top { - flex-direction: column; } - -.notices.is-bottom { - flex-direction: column-reverse; } - -.notices.has-custom-container { - position: absolute; } - -@media screen and (max-width: 768px) { - .notices { - padding: 0; - position: fixed !important; } } - -.b-numberinput.field { - margin-bottom: 0; } - -.b-numberinput.field.is-grouped div.control { - flex-grow: 1; - flex-shrink: 1; } - -.b-numberinput input[type=number]::-webkit-inner-spin-button, -.b-numberinput input[type=number]::-webkit-outer-spin-button { - -webkit-appearance: none; } - -.b-numberinput input[type=number] { - -moz-appearance: textfield; } - -.b-numberinput input[type=number] { - text-align: center; } - -.b-numberinput .button.is-rounded { - padding-left: 0.75em; - padding-right: 0.75em; } - -.pagination .pagination-next, -.pagination .pagination-previous { - padding-left: 0.25em; - padding-right: 0.25em; } - -.pagination .pagination-next.is-disabled, -.pagination .pagination-previous.is-disabled { - pointer-events: none; - cursor: not-allowed; - opacity: 0.5; } - -.pagination.is-simple { - justify-content: normal; } - -.pagination.is-simple.is-centered { - justify-content: center; } - -.pagination.is-simple.is-right { - justify-content: flex-end; } - -.pagination .is-current { - pointer-events: none; - cursor: not-allowed; } - -.b-radio.radio { - outline: none; - display: inline-flex; - align-items: center; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.b-radio.radio + .radio { - margin-left: 0.5em; } - -.b-radio.radio input[type=radio] { - position: absolute; - left: 0; - opacity: 0; - outline: none; - z-index: -1; } - -.b-radio.radio input[type=radio] + .check { - display: flex; - flex-shrink: 0; - position: relative; - cursor: pointer; - width: 1.25em; - height: 1.25em; - transition: background 150ms ease-out; - border-radius: 50%; - border: 2px solid #7a7a7a; } - -.b-radio.radio input[type=radio] + .check:before { - content: ""; - display: flex; - position: absolute; - left: 50%; - margin-left: calc(-1.25em/2); - bottom: 50%; - margin-bottom: calc(-1.25em/2); - width: 1.25em; - height: 1.25em; - transition: transform 150ms ease-out; - border-radius: 50%; - transform: scale(0); - background-color: #7957d5; } - -.b-radio.radio input[type=radio] + .check.is-white:before { - background: white; } - -.b-radio.radio input[type=radio] + .check.is-black:before { - background: #0a0a0a; } - -.b-radio.radio input[type=radio] + .check.is-light:before { - background: whitesmoke; } - -.b-radio.radio input[type=radio] + .check.is-dark:before { - background: #363636; } - -.b-radio.radio input[type=radio] + .check.is-primary:before { - background: #7957d5; } - -.b-radio.radio input[type=radio] + .check.is-link:before { - background: #7957d5; } - -.b-radio.radio input[type=radio] + .check.is-info:before { - background: #167df0; } - -.b-radio.radio input[type=radio] + .check.is-success:before { - background: #23d160; } - -.b-radio.radio input[type=radio] + .check.is-warning:before { - background: #ffdd57; } - -.b-radio.radio input[type=radio] + .check.is-danger:before { - background: #ff3860; } - -.b-radio.radio input[type=radio]:checked + .check { - border-color: #7957d5; } - -.b-radio.radio input[type=radio]:checked + .check.is-white { - border-color: white; } - -.b-radio.radio input[type=radio]:checked + .check.is-black { - border-color: #0a0a0a; } - -.b-radio.radio input[type=radio]:checked + .check.is-light { - border-color: whitesmoke; } - -.b-radio.radio input[type=radio]:checked + .check.is-dark { - border-color: #363636; } - -.b-radio.radio input[type=radio]:checked + .check.is-primary { - border-color: #7957d5; } - -.b-radio.radio input[type=radio]:checked + .check.is-link { - border-color: #7957d5; } - -.b-radio.radio input[type=radio]:checked + .check.is-info { - border-color: #167df0; } - -.b-radio.radio input[type=radio]:checked + .check.is-success { - border-color: #23d160; } - -.b-radio.radio input[type=radio]:checked + .check.is-warning { - border-color: #ffdd57; } - -.b-radio.radio input[type=radio]:checked + .check.is-danger { - border-color: #ff3860; } - -.b-radio.radio input[type=radio]:checked + .check:before { - transform: scale(0.5); } - -.b-radio.radio .control-label { - padding-left: 0.5em; } - -.b-radio.radio[disabled] { - opacity: 0.5; } - -.b-radio.radio:hover input[type=radio]:not(:disabled) + .check { - border-color: #7957d5; } - -.b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-white { - border-color: white; } - -.b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-black { - border-color: #0a0a0a; } - -.b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-light { - border-color: whitesmoke; } - -.b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-dark { - border-color: #363636; } - -.b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-primary { - border-color: #7957d5; } - -.b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-link { - border-color: #7957d5; } - -.b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-info { - border-color: #167df0; } - -.b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-success { - border-color: #23d160; } - -.b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-warning { - border-color: #ffdd57; } - -.b-radio.radio:hover input[type=radio]:not(:disabled) + .check.is-danger { - border-color: #ff3860; } - -.b-radio.radio:focus input[type=radio] + .check { - box-shadow: 0 0 0.5em rgba(122, 122, 122, 0.8); } - -.b-radio.radio:focus input[type=radio]:checked + .check { - box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8); } - -.b-radio.radio:focus input[type=radio]:checked + .check.is-white { - box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); } - -.b-radio.radio:focus input[type=radio]:checked + .check.is-black { - box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.8); } - -.b-radio.radio:focus input[type=radio]:checked + .check.is-light { - box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); } - -.b-radio.radio:focus input[type=radio]:checked + .check.is-dark { - box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8); } - -.b-radio.radio:focus input[type=radio]:checked + .check.is-primary { - box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8); } - -.b-radio.radio:focus input[type=radio]:checked + .check.is-link { - box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8); } - -.b-radio.radio:focus input[type=radio]:checked + .check.is-info { - box-shadow: 0 0 0.5em rgba(22, 125, 240, 0.8); } - -.b-radio.radio:focus input[type=radio]:checked + .check.is-success { - box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.8); } - -.b-radio.radio:focus input[type=radio]:checked + .check.is-warning { - box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.8); } - -.b-radio.radio:focus input[type=radio]:checked + .check.is-danger { - box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.8); } - -.b-radio.radio.is-small { - border-radius: 2px; - font-size: 0.75rem; } - -.b-radio.radio.is-medium { - font-size: 1.25rem; } - -.b-radio.radio.is-large { - font-size: 1.5rem; } - -.select select { - padding-right: 2.5em; } - -.select select option { - color: #4a4a4a; - padding: 0.25em 0.5em; } - -.select select option:disabled { - cursor: not-allowed; - opacity: 0.5; } - -.select select optgroup { - color: #b5b5b5; - font-weight: 400; - font-style: normal; - padding: 0.25em 0; } - -.select.is-empty select { - color: rgba(122, 122, 122, 0.7); } - -/* -This project is based on -"bulma-steps" (https://github.com/Wikiki/bulma-steps) by -Wikiki (https://github.com/Wikiki) licensed under -MIT (https://github.com/Wikiki/bulma-steps/blob/master/LICENSE) -*/ -.b-steps .steps { - font-size: 1rem; - min-height: 2rem; } - -.b-steps .steps .step-items { - display: flex; - flex-wrap: wrap; } - -.b-steps .steps .step-items .step-item { - margin-top: 0; - position: relative; - flex-grow: 1; - flex-basis: 0; } - -.b-steps .steps .step-items .step-item .step-link { - color: #4a4a4a; } - -.b-steps .steps .step-items .step-item .step-link:not(.is-clickable) { - cursor: not-allowed; } - -.b-steps .steps .step-items .step-item .step-marker { - align-items: center; - display: flex; - border-radius: 50%; - font-weight: 700; - justify-content: center; - background: #b5b5b5; - color: white; - border: 0.2em solid #fff; - z-index: 1; } - -.b-steps .steps .step-items .step-item.is-white::before { - background: linear-gradient(to left, #dbdbdb 50%, white 50%); - background-size: 200% 100%; - background-position: right bottom; } - -.b-steps .steps .step-items .step-item.is-white.is-active .step-marker { - background-color: white; - border-color: white; - color: white; } - -.b-steps .steps .step-items .step-item.is-white.is-active::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-white.is-completed .step-marker { - color: #0a0a0a; - background-color: white; } - -.b-steps .steps .step-items .step-item.is-white.is-completed::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-black::before { - background: linear-gradient(to left, #dbdbdb 50%, #0a0a0a 50%); - background-size: 200% 100%; - background-position: right bottom; } - -.b-steps .steps .step-items .step-item.is-black.is-active .step-marker { - background-color: white; - border-color: #0a0a0a; - color: #0a0a0a; } - -.b-steps .steps .step-items .step-item.is-black.is-active::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-black.is-completed .step-marker { - color: white; - background-color: #0a0a0a; } - -.b-steps .steps .step-items .step-item.is-black.is-completed::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-light::before { - background: linear-gradient(to left, #dbdbdb 50%, whitesmoke 50%); - background-size: 200% 100%; - background-position: right bottom; } - -.b-steps .steps .step-items .step-item.is-light.is-active .step-marker { - background-color: white; - border-color: whitesmoke; - color: whitesmoke; } - -.b-steps .steps .step-items .step-item.is-light.is-active::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-light.is-completed .step-marker { - color: #363636; - background-color: whitesmoke; } - -.b-steps .steps .step-items .step-item.is-light.is-completed::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-dark::before { - background: linear-gradient(to left, #dbdbdb 50%, #363636 50%); - background-size: 200% 100%; - background-position: right bottom; } - -.b-steps .steps .step-items .step-item.is-dark.is-active .step-marker { - background-color: white; - border-color: #363636; - color: #363636; } - -.b-steps .steps .step-items .step-item.is-dark.is-active::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-dark.is-completed .step-marker { - color: whitesmoke; - background-color: #363636; } - -.b-steps .steps .step-items .step-item.is-dark.is-completed::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-primary::before { - background: linear-gradient(to left, #dbdbdb 50%, #7957d5 50%); - background-size: 200% 100%; - background-position: right bottom; } - -.b-steps .steps .step-items .step-item.is-primary.is-active .step-marker { - background-color: white; - border-color: #7957d5; - color: #7957d5; } - -.b-steps .steps .step-items .step-item.is-primary.is-active::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-primary.is-completed .step-marker { - color: white; - background-color: #7957d5; } - -.b-steps .steps .step-items .step-item.is-primary.is-completed::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-link::before { - background: linear-gradient(to left, #dbdbdb 50%, #7957d5 50%); - background-size: 200% 100%; - background-position: right bottom; } - -.b-steps .steps .step-items .step-item.is-link.is-active .step-marker { - background-color: white; - border-color: #7957d5; - color: #7957d5; } - -.b-steps .steps .step-items .step-item.is-link.is-active::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-link.is-completed .step-marker { - color: white; - background-color: #7957d5; } - -.b-steps .steps .step-items .step-item.is-link.is-completed::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-info::before { - background: linear-gradient(to left, #dbdbdb 50%, #167df0 50%); - background-size: 200% 100%; - background-position: right bottom; } - -.b-steps .steps .step-items .step-item.is-info.is-active .step-marker { - background-color: white; - border-color: #167df0; - color: #167df0; } - -.b-steps .steps .step-items .step-item.is-info.is-active::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-info.is-completed .step-marker { - color: #fff; - background-color: #167df0; } - -.b-steps .steps .step-items .step-item.is-info.is-completed::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-success::before { - background: linear-gradient(to left, #dbdbdb 50%, #23d160 50%); - background-size: 200% 100%; - background-position: right bottom; } - -.b-steps .steps .step-items .step-item.is-success.is-active .step-marker { - background-color: white; - border-color: #23d160; - color: #23d160; } - -.b-steps .steps .step-items .step-item.is-success.is-active::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-success.is-completed .step-marker { - color: #fff; - background-color: #23d160; } - -.b-steps .steps .step-items .step-item.is-success.is-completed::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-warning::before { - background: linear-gradient(to left, #dbdbdb 50%, #ffdd57 50%); - background-size: 200% 100%; - background-position: right bottom; } - -.b-steps .steps .step-items .step-item.is-warning.is-active .step-marker { - background-color: white; - border-color: #ffdd57; - color: #ffdd57; } - -.b-steps .steps .step-items .step-item.is-warning.is-active::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-warning.is-completed .step-marker { - color: rgba(0, 0, 0, 0.7); - background-color: #ffdd57; } - -.b-steps .steps .step-items .step-item.is-warning.is-completed::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-danger::before { - background: linear-gradient(to left, #dbdbdb 50%, #ff3860 50%); - background-size: 200% 100%; - background-position: right bottom; } - -.b-steps .steps .step-items .step-item.is-danger.is-active .step-marker { - background-color: white; - border-color: #ff3860; - color: #ff3860; } - -.b-steps .steps .step-items .step-item.is-danger.is-active::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-danger.is-completed .step-marker { - color: #fff; - background-color: #ff3860; } - -.b-steps .steps .step-items .step-item.is-danger.is-completed::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item .step-marker { - color: white; } - -.b-steps .steps .step-items .step-item .step-details { - text-align: center; } - -.b-steps .steps .step-items .step-item:not(:first-child) { - flex-basis: 1em; - flex-grow: 1; - flex-shrink: 1; } - -.b-steps .steps .step-items .step-item:not(:first-child)::before { - content: " "; - display: block; - position: absolute; } - -.b-steps .steps .step-items .step-item::before { - background: linear-gradient(to left, #dbdbdb 50%, #7957d5 50%); - background-size: 200% 100%; - background-position: right bottom; } - -.b-steps .steps .step-items .step-item.is-active .step-link { - cursor: default; } - -.b-steps .steps .step-items .step-item.is-active .step-marker { - background-color: white; - border-color: #7957d5; - color: #7957d5; } - -.b-steps .steps .step-items .step-item.is-active::before { - background-position: left bottom; } - -.b-steps .steps .step-items .step-item.is-completed .step-marker { - color: white; - background-color: #7957d5; } - -.b-steps .steps .step-items .step-item.is-completed::before { - background-position: left bottom; } - -.b-steps .steps + .step-content { - position: relative; - overflow: visible; - display: flex; - flex-direction: column; - padding: 1rem; } - -.b-steps .steps + .step-content .step-item { - flex-shrink: 0; - flex-basis: auto; } - -.b-steps .steps + .step-content.is-transitioning { - overflow: hidden; } - -.b-steps .steps .step-items .step-item .step-marker { - height: 2rem; - width: 2rem; - position: absolute; - left: calc(50% - 1rem); } - -.b-steps .steps .step-items .step-item .step-marker .icon *, .b-steps .steps .step-items .step-item .step-marker .icon *:before { - font-size: 1rem; } - -.b-steps .steps .step-items .step-item .step-details { - margin-top: 2rem; - margin-left: .5em; - margin-right: .5em; - padding-top: .2em; } - -.b-steps .steps .step-items .step-item .step-details .step-title { - font-size: 1.2rem; - font-weight: 600; } - -.b-steps .steps .step-items .step-item:not(:first-child)::before { - height: 0.2em; - width: 100%; - bottom: 0; - left: -50%; - top: 1rem; } - -.b-steps .steps.is-small { - font-size: 0.75rem; - min-height: 1.5rem; } - -.b-steps .steps.is-small .step-items .step-item .step-marker { - height: 1.5rem; - width: 1.5rem; - position: absolute; - left: calc(50% - 0.75rem); } - -.b-steps .steps.is-small .step-items .step-item .step-marker .icon *, .b-steps .steps.is-small .step-items .step-item .step-marker .icon *:before { - font-size: 0.75rem; } - -.b-steps .steps.is-small .step-items .step-item .step-details { - margin-top: 1.5rem; - margin-left: .5em; - margin-right: .5em; - padding-top: .2em; } - -.b-steps .steps.is-small .step-items .step-item .step-details .step-title { - font-size: 0.9rem; - font-weight: 600; } - -.b-steps .steps.is-small .step-items .step-item:not(:first-child)::before { - height: 0.2em; - width: 100%; - bottom: 0; - left: -50%; - top: 0.75rem; } - -.b-steps .steps.is-medium { - font-size: 1.25rem; - min-height: 2.5rem; } - -.b-steps .steps.is-medium .step-items .step-item .step-marker { - height: 2.5rem; - width: 2.5rem; - position: absolute; - left: calc(50% - 1.25rem); } - -.b-steps .steps.is-medium .step-items .step-item .step-marker .icon *, .b-steps .steps.is-medium .step-items .step-item .step-marker .icon *:before { - font-size: 1.25rem; } - -.b-steps .steps.is-medium .step-items .step-item .step-details { - margin-top: 2.5rem; - margin-left: .5em; - margin-right: .5em; - padding-top: .2em; } - -.b-steps .steps.is-medium .step-items .step-item .step-details .step-title { - font-size: 1.5rem; - font-weight: 600; } - -.b-steps .steps.is-medium .step-items .step-item:not(:first-child)::before { - height: 0.2em; - width: 100%; - bottom: 0; - left: -50%; - top: 1.25rem; } - -.b-steps .steps.is-large { - font-size: 1.5rem; - min-height: 3rem; } - -.b-steps .steps.is-large .step-items .step-item .step-marker { - height: 3rem; - width: 3rem; - position: absolute; - left: calc(50% - 1.5rem); } - -.b-steps .steps.is-large .step-items .step-item .step-marker .icon *, .b-steps .steps.is-large .step-items .step-item .step-marker .icon *:before { - font-size: 1.5rem; } - -.b-steps .steps.is-large .step-items .step-item .step-details { - margin-top: 3rem; - margin-left: .5em; - margin-right: .5em; - padding-top: .2em; } - -.b-steps .steps.is-large .step-items .step-item .step-details .step-title { - font-size: 1.8rem; - font-weight: 600; } - -.b-steps .steps.is-large .step-items .step-item:not(:first-child)::before { - height: 0.2em; - width: 100%; - bottom: 0; - left: -50%; - top: 1.5rem; } - -.switch { - cursor: pointer; - display: inline-flex; - align-items: center; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.switch + .switch { - margin-left: 0.5em; } - -.switch input[type=checkbox] { - position: absolute; - left: 0; - opacity: 0; - outline: none; - z-index: -1; } - -.switch input[type=checkbox] + .check { - display: flex; - align-items: center; - flex-shrink: 0; - width: 2.75em; - height: 1.575em; - padding: 0.2em; - background: #b5b5b5; - border-radius: 1em; - transition: background 150ms ease-out; } - -.switch input[type=checkbox] + .check:before { - content: ""; - display: block; - border-radius: 1em; - width: 1.175em; - height: 1.175em; - background: whitesmoke; - box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.05); - transition: transform 150ms ease-out, width 150ms ease-out; - will-change: transform; } - -.switch input[type=checkbox] + .check.is-elastic:before { - width: 1.75em; } - -.switch input[type=checkbox]:checked + .check { - background: #7957d5; } - -.switch input[type=checkbox]:checked + .check.is-white { - background: white; } - -.switch input[type=checkbox]:checked + .check.is-black { - background: #0a0a0a; } - -.switch input[type=checkbox]:checked + .check.is-light { - background: whitesmoke; } - -.switch input[type=checkbox]:checked + .check.is-dark { - background: #363636; } - -.switch input[type=checkbox]:checked + .check.is-primary { - background: #7957d5; } - -.switch input[type=checkbox]:checked + .check.is-link { - background: #7957d5; } - -.switch input[type=checkbox]:checked + .check.is-info { - background: #167df0; } - -.switch input[type=checkbox]:checked + .check.is-success { - background: #23d160; } - -.switch input[type=checkbox]:checked + .check.is-warning { - background: #ffdd57; } - -.switch input[type=checkbox]:checked + .check.is-danger { - background: #ff3860; } - -.switch input[type=checkbox]:checked + .check:before { - transform: translate3d(100%, 0, 0); } - -.switch input[type=checkbox]:checked + .check.is-elastic:before { - transform: translate3d(36.36364%, 0, 0); } - -.switch input[type=checkbox]:focus { - outline: none; } - -.switch input[type=checkbox]:focus + .check { - box-shadow: 0 0 0.5em rgba(122, 122, 122, 0.6); } - -.switch input[type=checkbox]:focus:checked + .check { - box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8); } - -.switch input[type=checkbox]:focus:checked + .check.is-white { - box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.8); } - -.switch input[type=checkbox]:focus:checked + .check.is-black { - box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.8); } - -.switch input[type=checkbox]:focus:checked + .check.is-light { - box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.8); } - -.switch input[type=checkbox]:focus:checked + .check.is-dark { - box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.8); } - -.switch input[type=checkbox]:focus:checked + .check.is-primary { - box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8); } - -.switch input[type=checkbox]:focus:checked + .check.is-link { - box-shadow: 0 0 0.5em rgba(121, 87, 213, 0.8); } - -.switch input[type=checkbox]:focus:checked + .check.is-info { - box-shadow: 0 0 0.5em rgba(22, 125, 240, 0.8); } - -.switch input[type=checkbox]:focus:checked + .check.is-success { - box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.8); } - -.switch input[type=checkbox]:focus:checked + .check.is-warning { - box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.8); } - -.switch input[type=checkbox]:focus:checked + .check.is-danger { - box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.8); } - -.switch .control-label { - padding-left: 0.5em; } - -.switch:hover input[type=checkbox] + .check { - background: rgba(181, 181, 181, 0.9); } - -.switch:hover input[type=checkbox]:checked + .check { - background: rgba(121, 87, 213, 0.9); } - -.switch:hover input[type=checkbox]:checked + .check.is-white { - background: rgba(255, 255, 255, 0.9); } - -.switch:hover input[type=checkbox]:checked + .check.is-black { - background: rgba(10, 10, 10, 0.9); } - -.switch:hover input[type=checkbox]:checked + .check.is-light { - background: rgba(245, 245, 245, 0.9); } - -.switch:hover input[type=checkbox]:checked + .check.is-dark { - background: rgba(54, 54, 54, 0.9); } - -.switch:hover input[type=checkbox]:checked + .check.is-primary { - background: rgba(121, 87, 213, 0.9); } - -.switch:hover input[type=checkbox]:checked + .check.is-link { - background: rgba(121, 87, 213, 0.9); } - -.switch:hover input[type=checkbox]:checked + .check.is-info { - background: rgba(22, 125, 240, 0.9); } - -.switch:hover input[type=checkbox]:checked + .check.is-success { - background: rgba(35, 209, 96, 0.9); } - -.switch:hover input[type=checkbox]:checked + .check.is-warning { - background: rgba(255, 221, 87, 0.9); } - -.switch:hover input[type=checkbox]:checked + .check.is-danger { - background: rgba(255, 56, 96, 0.9); } - -.switch.is-small { - border-radius: 2px; - font-size: 0.75rem; } - -.switch.is-medium { - font-size: 1.25rem; } - -.switch.is-large { - font-size: 1.5rem; } - -.switch[disabled] { - opacity: 0.5; - cursor: not-allowed; - color: #7a7a7a; } - -.table-wrapper .table { - margin-bottom: 0; } - -.table-wrapper:not(:last-child) { - margin-bottom: 1.5rem; } - -@media screen and (max-width: 1023px) { - .table-wrapper { - overflow-x: auto; } } - -.b-table { - transition: opacity 86ms ease-out; } - -@media screen and (min-width: 769px), print { - .b-table .table-mobile-sort { - display: none; } } - -.b-table .icon { - transition: transform 150ms ease-out, opacity 86ms ease-out; } - -.b-table .icon.is-desc { - transform: rotate(180deg); } - -.b-table .icon.is-expanded { - transform: rotate(90deg); } - -.b-table .table { - width: 100%; - border: 1px solid transparent; - border-radius: 4px; - border-collapse: separate; } - -.b-table .table th { - font-weight: 600; } - -.b-table .table th .th-wrap { - display: flex; - align-items: center; } - -.b-table .table th .th-wrap .icon { - margin-left: 0.5rem; - margin-right: 0; - font-size: 1rem; } - -.b-table .table th .th-wrap.is-numeric { - flex-direction: row-reverse; - text-align: right; } - -.b-table .table th .th-wrap.is-numeric .icon { - margin-left: 0; - margin-right: 0.5rem; } - -.b-table .table th .th-wrap.is-centered { - justify-content: center; - text-align: center; } - -.b-table .table th.is-current-sort { - border-color: #7a7a7a; - font-weight: 700; } - -.b-table .table th.is-sortable:hover { - border-color: #7a7a7a; } - -.b-table .table th.is-sortable, -.b-table .table th.is-sortable .th-wrap { - cursor: pointer; } - -.b-table .table tr.is-selected .checkbox input:checked + .check { - background: white url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%237957d5' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center; } - -.b-table .table tr.is-selected .checkbox input + .check { - border-color: white; } - -.b-table .table tr.is-empty:hover { - background-color: transparent; } - -.b-table .table .chevron-cell { - vertical-align: middle; } - -.b-table .table .checkbox-cell { - width: 40px; } - -.b-table .table .checkbox-cell .checkbox { - vertical-align: middle; } - -.b-table .table .checkbox-cell .checkbox .check { - transition: none; } - -.b-table .table tr.detail { - box-shadow: inset 0 1px 3px #dbdbdb; - background: #fafafa; } - -.b-table .table tr.detail .detail-container { - padding: 1rem; } - -.b-table .table:focus { - border-color: #7957d5; - box-shadow: 0 0 0 0.125em rgba(121, 87, 213, 0.25); } - -.b-table .table.is-bordered th.is-current-sort, -.b-table .table.is-bordered th.is-sortable:hover { - border-color: #dbdbdb; - background: whitesmoke; } - -@media screen and (max-width: 768px) { - .b-table .table.has-mobile-cards thead { - display: none; } - .b-table .table.has-mobile-cards tfoot th { - border: 0; - display: inherit; } - .b-table .table.has-mobile-cards tr { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - max-width: 100%; - position: relative; - display: block; } - .b-table .table.has-mobile-cards tr td { - border: 0; - display: inherit; } - .b-table .table.has-mobile-cards tr td:last-child { - border-bottom: 0; } - .b-table .table.has-mobile-cards tr:not(:last-child) { - margin-bottom: 1rem; } - .b-table .table.has-mobile-cards tr:not([class*="is-"]) { - background: inherit; } - .b-table .table.has-mobile-cards tr:not([class*="is-"]):hover { - background-color: inherit; } - .b-table .table.has-mobile-cards tr.detail { - margin-top: -1rem; } - .b-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td { - display: flex; - width: auto; - justify-content: space-between; - text-align: right; - border-bottom: 1px solid whitesmoke; } - .b-table .table.has-mobile-cards tr:not(.detail):not(.is-empty):not(.table-footer) td:before { - content: attr(data-label); - font-weight: 600; - padding-right: 0.5em; - text-align: left; } } - -.b-table .level:not(.top) { - padding-bottom: 1.5rem; } - -.b-table.is-loading { - position: relative; - pointer-events: none; - opacity: 0.5; } - -.b-table.is-loading:after { - 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; - position: absolute; - top: 4em; - left: calc(50% - 2.5em); - width: 5em; - height: 5em; - border-width: 0.25em; } - -.b-tabs .tabs { - margin-bottom: 0; - flex-shrink: 0; } - -.b-tabs .tabs li.is-disabled { - pointer-events: none; - cursor: not-allowed; - opacity: 0.5; } - -.b-tabs .tab-content { - position: relative; - overflow: visible; - display: flex; - flex-direction: column; - padding: 1rem; } - -.b-tabs .tab-content .tab-item { - flex-shrink: 0; - flex-basis: auto; } - -.b-tabs .tab-content.is-transitioning { - overflow: hidden; } - -.b-tabs:not(:last-child) { - margin-bottom: 1.5rem; } - -.b-tabs.is-fullwidth { - width: 100%; } - -.tag .has-ellipsis { - max-width: 10em; - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; } - -.taginput .taginput-container.is-focusable { - padding-bottom: 0; - padding-top: calc(0.275em - 1px); - padding-left: 0; - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; - height: auto; - cursor: text; } - -.taginput .taginput-container > .tag, -.taginput .taginput-container > .tags { - margin-bottom: calc(0.275em - 1px); - font-size: 0.9em; - height: 1.7em; } - -.taginput .taginput-container > .tag .tag, -.taginput .taginput-container > .tags .tag { - margin-bottom: 0; - font-size: 0.9em; - height: 1.7em; } - -.taginput .taginput-container > .tag:not(:last-child), -.taginput .taginput-container > .tags:not(:last-child) { - margin-left: 0.275rem; } - -.taginput .taginput-container .autocomplete { - flex: 1; } - -.taginput .taginput-container .autocomplete input { - height: 1.7em; - margin-bottom: calc(0.275em - 1px); - padding-top: 0; - padding-bottom: 0; - border: none; - box-shadow: none; - min-width: 8em; } - -.taginput .taginput-container .autocomplete input:focus { - box-shadow: none !important; } - -.taginput .taginput-container .autocomplete .icon { - height: 1.7em; } - -.taginput .taginput-container .autocomplete > .control.is-loading::after { - top: 0.375em; } - -.timepicker .dropdown-menu { - min-width: 0; } - -.timepicker .dropdown, -.timepicker .dropdown-trigger { - width: 100%; } - -.timepicker .dropdown-item, .timepicker .dropdown .dropdown-menu .has-link a, .dropdown .dropdown-menu .has-link .timepicker a { - font-size: inherit; - padding: 0; } - -.timepicker .timepicker-footer { - padding: 0 0.5rem 0 0.5rem; } - -.timepicker .dropdown-content .control { - font-size: 1.25em; - margin-right: 0 !important; } - -.timepicker .dropdown-content .control .select select { - font-weight: 600; - padding-right: calc(0.625em - 1px); - border: 0; } - -.timepicker .dropdown-content .control .select select option:disabled { - color: rgba(122, 122, 122, 0.7); } - -.timepicker .dropdown-content .control .select:after { - display: none; } - -.timepicker .dropdown-content .control.is-colon { - font-size: 1.7em; } - -.timepicker.is-small { - border-radius: 2px; - font-size: 0.75rem; } - -.timepicker.is-medium { - font-size: 1.25rem; } - -.timepicker.is-large { - font-size: 1.5rem; } - -.b-tooltip { - position: relative; - display: inline-flex; } - -.b-tooltip.is-top:before, .b-tooltip.is-top:after { - top: auto; - right: auto; - bottom: calc(100% + 5px + 2px); - left: 50%; - transform: translateX(-50%); } - -.b-tooltip.is-top.is-white:before { - border-top: 5px solid white; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - bottom: calc(100% + 2px); } - -.b-tooltip.is-top.is-black:before { - border-top: 5px solid #0a0a0a; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - bottom: calc(100% + 2px); } - -.b-tooltip.is-top.is-light:before { - border-top: 5px solid whitesmoke; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - bottom: calc(100% + 2px); } - -.b-tooltip.is-top.is-dark:before { - border-top: 5px solid #363636; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - bottom: calc(100% + 2px); } - -.b-tooltip.is-top.is-primary:before { - border-top: 5px solid #7957d5; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - bottom: calc(100% + 2px); } - -.b-tooltip.is-top.is-link:before { - border-top: 5px solid #7957d5; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - bottom: calc(100% + 2px); } - -.b-tooltip.is-top.is-info:before { - border-top: 5px solid #167df0; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - bottom: calc(100% + 2px); } - -.b-tooltip.is-top.is-success:before { - border-top: 5px solid #23d160; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - bottom: calc(100% + 2px); } - -.b-tooltip.is-top.is-warning:before { - border-top: 5px solid #ffdd57; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - bottom: calc(100% + 2px); } - -.b-tooltip.is-top.is-danger:before { - border-top: 5px solid #ff3860; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - bottom: calc(100% + 2px); } - -.b-tooltip.is-top.is-multiline.is-small:after { - width: 180px; } - -.b-tooltip.is-top.is-multiline.is-medium:after { - width: 240px; } - -.b-tooltip.is-top.is-multiline.is-large:after { - width: 300px; } - -.b-tooltip.is-right:before, .b-tooltip.is-right:after { - top: 50%; - right: auto; - bottom: auto; - left: calc(100% + 5px + 2px); - transform: translateY(-50%); } - -.b-tooltip.is-right.is-white:before { - border-top: 5px solid transparent; - border-right: 5px solid white; - border-bottom: 5px solid transparent; - left: calc(100% + 2px); } - -.b-tooltip.is-right.is-black:before { - border-top: 5px solid transparent; - border-right: 5px solid #0a0a0a; - border-bottom: 5px solid transparent; - left: calc(100% + 2px); } - -.b-tooltip.is-right.is-light:before { - border-top: 5px solid transparent; - border-right: 5px solid whitesmoke; - border-bottom: 5px solid transparent; - left: calc(100% + 2px); } - -.b-tooltip.is-right.is-dark:before { - border-top: 5px solid transparent; - border-right: 5px solid #363636; - border-bottom: 5px solid transparent; - left: calc(100% + 2px); } - -.b-tooltip.is-right.is-primary:before { - border-top: 5px solid transparent; - border-right: 5px solid #7957d5; - border-bottom: 5px solid transparent; - left: calc(100% + 2px); } - -.b-tooltip.is-right.is-link:before { - border-top: 5px solid transparent; - border-right: 5px solid #7957d5; - border-bottom: 5px solid transparent; - left: calc(100% + 2px); } - -.b-tooltip.is-right.is-info:before { - border-top: 5px solid transparent; - border-right: 5px solid #167df0; - border-bottom: 5px solid transparent; - left: calc(100% + 2px); } - -.b-tooltip.is-right.is-success:before { - border-top: 5px solid transparent; - border-right: 5px solid #23d160; - border-bottom: 5px solid transparent; - left: calc(100% + 2px); } - -.b-tooltip.is-right.is-warning:before { - border-top: 5px solid transparent; - border-right: 5px solid #ffdd57; - border-bottom: 5px solid transparent; - left: calc(100% + 2px); } - -.b-tooltip.is-right.is-danger:before { - border-top: 5px solid transparent; - border-right: 5px solid #ff3860; - border-bottom: 5px solid transparent; - left: calc(100% + 2px); } - -.b-tooltip.is-right.is-multiline.is-small:after { - width: 180px; } - -.b-tooltip.is-right.is-multiline.is-medium:after { - width: 240px; } - -.b-tooltip.is-right.is-multiline.is-large:after { - width: 300px; } - -.b-tooltip.is-bottom:before, .b-tooltip.is-bottom:after { - top: calc(100% + 5px + 2px); - right: auto; - bottom: auto; - left: 50%; - transform: translateX(-50%); } - -.b-tooltip.is-bottom.is-white:before { - border-right: 5px solid transparent; - border-bottom: 5px solid white; - border-left: 5px solid transparent; - top: calc(100% + 2px); } - -.b-tooltip.is-bottom.is-black:before { - border-right: 5px solid transparent; - border-bottom: 5px solid #0a0a0a; - border-left: 5px solid transparent; - top: calc(100% + 2px); } - -.b-tooltip.is-bottom.is-light:before { - border-right: 5px solid transparent; - border-bottom: 5px solid whitesmoke; - border-left: 5px solid transparent; - top: calc(100% + 2px); } - -.b-tooltip.is-bottom.is-dark:before { - border-right: 5px solid transparent; - border-bottom: 5px solid #363636; - border-left: 5px solid transparent; - top: calc(100% + 2px); } - -.b-tooltip.is-bottom.is-primary:before { - border-right: 5px solid transparent; - border-bottom: 5px solid #7957d5; - border-left: 5px solid transparent; - top: calc(100% + 2px); } - -.b-tooltip.is-bottom.is-link:before { - border-right: 5px solid transparent; - border-bottom: 5px solid #7957d5; - border-left: 5px solid transparent; - top: calc(100% + 2px); } - -.b-tooltip.is-bottom.is-info:before { - border-right: 5px solid transparent; - border-bottom: 5px solid #167df0; - border-left: 5px solid transparent; - top: calc(100% + 2px); } - -.b-tooltip.is-bottom.is-success:before { - border-right: 5px solid transparent; - border-bottom: 5px solid #23d160; - border-left: 5px solid transparent; - top: calc(100% + 2px); } - -.b-tooltip.is-bottom.is-warning:before { - border-right: 5px solid transparent; - border-bottom: 5px solid #ffdd57; - border-left: 5px solid transparent; - top: calc(100% + 2px); } - -.b-tooltip.is-bottom.is-danger:before { - border-right: 5px solid transparent; - border-bottom: 5px solid #ff3860; - border-left: 5px solid transparent; - top: calc(100% + 2px); } - -.b-tooltip.is-bottom.is-multiline.is-small:after { - width: 180px; } - -.b-tooltip.is-bottom.is-multiline.is-medium:after { - width: 240px; } - -.b-tooltip.is-bottom.is-multiline.is-large:after { - width: 300px; } - -.b-tooltip.is-left:before, .b-tooltip.is-left:after { - top: 50%; - right: calc(100% + 5px + 2px); - bottom: auto; - left: auto; - transform: translateY(-50%); } - -.b-tooltip.is-left.is-white:before { - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid white; - right: calc(100% + 2px); } - -.b-tooltip.is-left.is-black:before { - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #0a0a0a; - right: calc(100% + 2px); } - -.b-tooltip.is-left.is-light:before { - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid whitesmoke; - right: calc(100% + 2px); } - -.b-tooltip.is-left.is-dark:before { - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #363636; - right: calc(100% + 2px); } - -.b-tooltip.is-left.is-primary:before { - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #7957d5; - right: calc(100% + 2px); } - -.b-tooltip.is-left.is-link:before { - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #7957d5; - right: calc(100% + 2px); } - -.b-tooltip.is-left.is-info:before { - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #167df0; - right: calc(100% + 2px); } - -.b-tooltip.is-left.is-success:before { - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #23d160; - right: calc(100% + 2px); } - -.b-tooltip.is-left.is-warning:before { - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #ffdd57; - right: calc(100% + 2px); } - -.b-tooltip.is-left.is-danger:before { - border-top: 5px solid transparent; - border-bottom: 5px solid transparent; - border-left: 5px solid #ff3860; - right: calc(100% + 2px); } - -.b-tooltip.is-left.is-multiline.is-small:after { - width: 180px; } - -.b-tooltip.is-left.is-multiline.is-medium:after { - width: 240px; } - -.b-tooltip.is-left.is-multiline.is-large:after { - width: 300px; } - -.b-tooltip:before, .b-tooltip:after { - position: absolute; - content: ""; - opacity: 0; - visibility: hidden; - pointer-events: none; } - -.b-tooltip:before { - z-index: 889; } - -.b-tooltip:after { - content: attr(data-label); - width: auto; - padding: 0.35rem 0.75rem; - border-radius: 6px; - font-size: 0.85rem; - font-weight: 400; - box-shadow: 0px 1px 2px 1px rgba(0, 1, 0, 0.2); - z-index: 888; - white-space: nowrap; } - -.b-tooltip:not([data-label=""]):hover:before, .b-tooltip:not([data-label=""]):hover:after { - transition-delay: inherit; - opacity: 1; - visibility: visible; } - -.b-tooltip.is-white:after { - background: white; - color: #0a0a0a; } - -.b-tooltip.is-black:after { - background: #0a0a0a; - color: white; } - -.b-tooltip.is-light:after { - background: whitesmoke; - color: #363636; } - -.b-tooltip.is-dark:after { - background: #363636; - color: whitesmoke; } - -.b-tooltip.is-primary:after { - background: #7957d5; - color: white; } - -.b-tooltip.is-link:after { - background: #7957d5; - color: white; } - -.b-tooltip.is-info:after { - background: #167df0; - color: #fff; } - -.b-tooltip.is-success:after { - background: #23d160; - color: #fff; } - -.b-tooltip.is-warning:after { - background: #ffdd57; - color: rgba(0, 0, 0, 0.7); } - -.b-tooltip.is-danger:after { - background: #ff3860; - color: #fff; } - -.b-tooltip:not([data-label=""]).is-always:before, .b-tooltip:not([data-label=""]).is-always:after { - opacity: 1; - visibility: visible; } - -.b-tooltip.is-multiline:after { - display: flex-block; - text-align: center; - white-space: normal; } - -.b-tooltip.is-dashed { - border-bottom: 1px dashed #b5b5b5; - cursor: default; } - -.b-tooltip.is-square:after { - border-radius: 0; } - -.b-tooltip.is-animated:before, .b-tooltip.is-animated:after { - transition: opacity 86ms ease-out, visibility 86ms ease-out; } - -.upload { - position: relative; - display: inline-flex; } - -.upload input[type=file] { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - outline: none; - cursor: pointer; } - -.upload input[type=file].file-draggable { - z-index: -1; } - -.upload .upload-draggable { - cursor: pointer; - padding: 0.25em; - border: 1px dashed #b5b5b5; - border-radius: 6px; } - -.upload .upload-draggable.is-disabled { - opacity: 0.5; - cursor: not-allowed; } - -.upload .upload-draggable.is-loading { - position: relative; - pointer-events: none; - opacity: 0.5; } - -.upload .upload-draggable.is-loading:after { - 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; - top: 0; - left: calc(50% - 1.5em); - width: 3em; - height: 3em; - border-width: 0.25em; } - -.upload .upload-draggable:hover.is-white, .upload .upload-draggable.is-hovered.is-white { - border-color: white; - background: rgba(255, 255, 255, 0.05); } - -.upload .upload-draggable:hover.is-black, .upload .upload-draggable.is-hovered.is-black { - border-color: #0a0a0a; - background: rgba(10, 10, 10, 0.05); } - -.upload .upload-draggable:hover.is-light, .upload .upload-draggable.is-hovered.is-light { - border-color: whitesmoke; - background: rgba(245, 245, 245, 0.05); } - -.upload .upload-draggable:hover.is-dark, .upload .upload-draggable.is-hovered.is-dark { - border-color: #363636; - background: rgba(54, 54, 54, 0.05); } - -.upload .upload-draggable:hover.is-primary, .upload .upload-draggable.is-hovered.is-primary { - border-color: #7957d5; - background: rgba(121, 87, 213, 0.05); } - -.upload .upload-draggable:hover.is-link, .upload .upload-draggable.is-hovered.is-link { - border-color: #7957d5; - background: rgba(121, 87, 213, 0.05); } - -.upload .upload-draggable:hover.is-info, .upload .upload-draggable.is-hovered.is-info { - border-color: #167df0; - background: rgba(22, 125, 240, 0.05); } - -.upload .upload-draggable:hover.is-success, .upload .upload-draggable.is-hovered.is-success { - border-color: #23d160; - background: rgba(35, 209, 96, 0.05); } - -.upload .upload-draggable:hover.is-warning, .upload .upload-draggable.is-hovered.is-warning { - border-color: #ffdd57; - background: rgba(255, 221, 87, 0.05); } - -.upload .upload-draggable:hover.is-danger, .upload .upload-draggable.is-hovered.is-danger { - border-color: #ff3860; - background: rgba(255, 56, 96, 0.05); } - diff --git a/aircox/static/aircox/vendor.js b/aircox/static/aircox/vendor.js index a018b1f..614ee84 100644 --- a/aircox/static/aircox/vendor.js +++ b/aircox/static/aircox/vendor.js @@ -22,17 +22,6 @@ eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./node /***/ }), -/***/ "./node_modules/buefy/dist/buefy.css": -/*!*******************************************!*\ - !*** ./node_modules/buefy/dist/buefy.css ***! - \*******************************************/ -/*! no static exports found */ -/***/ (function(module, exports, __webpack_require__) { - -eval("// extracted by mini-css-extract-plugin\n\n//# sourceURL=webpack:///./node_modules/buefy/dist/buefy.css?"); - -/***/ }), - /***/ "./node_modules/process/browser.js": /*!*****************************************!*\ !*** ./node_modules/process/browser.js ***! diff --git a/aircox/templates/aircox/home.html b/aircox/templates/aircox/home.html index 3c76f5c..67be545 100644 --- a/aircox/templates/aircox/home.html +++ b/aircox/templates/aircox/home.html @@ -2,16 +2,9 @@ {% comment %} Context: - -- - -TODO: -- sidebar: - - logs - - diffusions - main: - focused - nav to 'publications' view - - {% endcomment %} {% load i18n %} @@ -24,11 +17,17 @@ TODO: {% for object in top_diffs %} {% with is_primary=object.is_now %}
-

+

{% if is_primary %} - {% trans "Currently" %} - {% else %}{{ object.start|date:"H:i" }}{% endif %} + + + {% if object.episode.category %} + // {{ object.episode.category.title }} + {% endif %}

{% include object.item_template_name %}
diff --git a/aircox/urls.py b/aircox/urls.py index cb7c74e..a910741 100755 --- a/aircox/urls.py +++ b/aircox/urls.py @@ -1,4 +1,3 @@ -from django.contrib import admin from django.urls import include, path, register_converter from django.utils.translation import ugettext_lazy as _ diff --git a/aircox/views/admin.py b/aircox/views/admin.py index 441d379..b8d8da3 100644 --- a/aircox/views/admin.py +++ b/aircox/views/admin.py @@ -1,18 +1,14 @@ -""" -Aircox admin tools and views. -""" -import datetime - from django.contrib import admin -from django.contrib.auth.mixins import LoginRequiredMixin, \ - PermissionRequiredMixin, UserPassesTestMixin +from django.contrib.auth.mixins import LoginRequiredMixin, UserPassesTestMixin from django.utils.translation import ugettext_lazy as _ from django.views.generic import ListView -from ..models import Program from .log import LogListView +__all__ = ['BaseAdminView', 'StatisticsView'] + + class BaseAdminView(LoginRequiredMixin, UserPassesTestMixin): title = '' @@ -27,6 +23,7 @@ class BaseAdminView(LoginRequiredMixin, UserPassesTestMixin): class StatisticsView(BaseAdminView, LogListView, ListView): template_name = 'admin/aircox/statistics.html' + redirect_date_url = 'tools-stats' title = _('Statistics') date = None @@ -34,26 +31,3 @@ class StatisticsView(BaseAdminView, LogListView, ListView): return super().get_object_list(logs, True) -class AdminSite(admin.AdminSite): - def each_context(self, request): - context = super().each_context(request) - context.update({ - 'programs': Program.objects.all().active().values('pk', 'title'), - }) - return context - - def get_urls(self): - from django.urls import path, include - urls = super().get_urls() + [ - path('tools/statistics/', - self.admin_view(StatisticsView.as_view()), - name='tools-stats'), - path('tools/statistics//', - self.admin_view(StatisticsView.as_view()), - name='tools-stats'), - ] - return urls - - -admin_site = AdminSite() - diff --git a/aircox/views/api.py b/aircox/views/api.py index 9060d52..72d83bb 100644 --- a/aircox/views/api.py +++ b/aircox/views/api.py @@ -3,6 +3,8 @@ import datetime from django.utils import timezone as tz from rest_framework.generics import ListAPIView +from rest_framework import viewsets +from rest_framework.decorators import action from ..models import Log from ..serializers import LogInfo, LogInfoSerializer @@ -44,4 +46,3 @@ class LogListAPIView(LogListMixin, BaseAPIView, ListAPIView): return super().get_serializer(self.get_object_list(queryset, full), *args, **kwargs) - diff --git a/aircox/views/base.py b/aircox/views/base.py index c3a807c..e1a7b1f 100644 --- a/aircox/views/base.py +++ b/aircox/views/base.py @@ -51,10 +51,11 @@ class BaseView(TemplateResponseMixin, ContextMixin): kwargs['sidebar_object_list'] = sidebar_object_list[:self.list_count] kwargs['sidebar_list_url'] = self.get_sidebar_url() - if not 'audio_streams' in kwargs: + if 'audio_streams' not in kwargs: streams = self.station.audio_streams streams = streams and streams.split('\n') kwargs['audio_streams'] = streams return super().get_context_data(**kwargs) + diff --git a/aircox/views/page.py b/aircox/views/page.py index 9ba3f13..7c17d3a 100644 --- a/aircox/views/page.py +++ b/aircox/views/page.py @@ -14,7 +14,6 @@ from .base import BaseView __all__ = ['PageDetailView', 'PageListView'] -# TODO: pagination: in template, only a limited number of pages displayed class PageListView(BaseView, ListView): template_name = 'aircox/page_list.html' item_template_name = 'aircox/widgets/page_item.html' diff --git a/aircox_streamer/__init__.py b/aircox_streamer/__init__.py new file mode 100644 index 0000000..e69de29 diff --git a/aircox_streamer/admin.py b/aircox_streamer/admin.py new file mode 100644 index 0000000..1f5f2d8 --- /dev/null +++ b/aircox_streamer/admin.py @@ -0,0 +1,17 @@ +from django.contrib import admin + +from aircox.admin import StationAdmin +from .models import Port + + +__all__ = ['PortInline'] + + +class PortInline(admin.StackedInline): + model = Port + extra = 0 + + +StationAdmin.inlines = (PortInline,) + StationAdmin.inlines + + diff --git a/aircox_streamer/apps.py b/aircox_streamer/apps.py new file mode 100644 index 0000000..b811109 --- /dev/null +++ b/aircox_streamer/apps.py @@ -0,0 +1,5 @@ +from django.apps import AppConfig + + +class AircoxStreamerConfig(AppConfig): + name = 'aircox_streamer' diff --git a/aircox/connector.py b/aircox_streamer/connector.py similarity index 100% rename from aircox/connector.py rename to aircox_streamer/connector.py diff --git a/aircox/controllers.py b/aircox_streamer/liquidsoap.py similarity index 73% rename from aircox/controllers.py rename to aircox_streamer/liquidsoap.py index 11e04e8..370f16a 100755 --- a/aircox/controllers.py +++ b/aircox_streamer/liquidsoap.py @@ -11,11 +11,19 @@ import tzlocal from django.template.loader import render_to_string from django.utils import timezone as tz -from . import settings -from .models import Port, Station, Sound -from .connector import Connector -from .utils import to_seconds +from aircox import settings +from aircox.models import Station, Sound +from aircox.utils import to_seconds +from .connector import Connector +from .models import Port + + +__all__ = ['BaseMetadata', 'Request', 'Streamer', 'Source', + 'PlaylistSource', 'QueueSource'] + +# TODO: for the moment, update in station and program names do not update the +# related fields. # FIXME liquidsoap does not manage timezones -- we have to convert # 'on_air' metadata we get from it into utc one in order to work @@ -25,12 +33,64 @@ local_tz = tzlocal.get_localzone() logger = logging.getLogger('aircox') +class BaseMetadata: + """ Base class for handling request metadata. """ + controller = None + """ Controller """ + rid = None + """ Request id """ + uri = None + """ Request uri """ + status = None + """ Current playing status """ + air_time = None + """ Launch datetime """ + + + def __init__(self, controller=None, rid=None, data=None): + self.controller = controller + self.rid = rid + if data is not None: + self.validate(data) + + @property + def is_playing(self): + return self.status == 'playing' + + def fetch(self): + data = self.controller.set('request.metadata ', self.rid, parse=True) + if data: + self.validate(data) + + def validate(self, data): + """ + Validate provided data and set as attribute (must already be + declared) + """ + for key, value in data.items(): + if hasattr(self, key) and not callable(getattr(self, key)): + setattr(self, key, value) + self.uri = data.get('initial_uri') + + air_time = data.get('on_air') + if air_time: + air_time = tz.datetime.strptime(air_time, '%Y/%m/%d %H:%M:%S') + self.air_time = local_tz.localize(air_time) + else: + self.air_time = None + + +class Request(BaseMetadata): + title = None + artist = None + + class Streamer: connector = None process = None station = None - template_name = 'aircox/scripts/station.liq' + template_name = 'aircox_streamer/scripts/station.liq' path = None """ Config path """ sources = None @@ -41,9 +101,16 @@ class Streamer: # moment # on_air = None # """ On-air request ids (rid) """ + inputs = None + """ Queryset to input ports """ + outputs = None + """ Queryset to output ports """ - def __init__(self, station): + def __init__(self, station, connector=None): self.station = station + self.inputs = self.station.port_set.active().input() + self.outputs = self.station.port_set.active().output() + self.id = self.station.slug.replace('-', '_') self.path = os.path.join(station.path, 'station.liq') self.connector = Connector(os.path.join(station.path, 'station.sock')) @@ -63,6 +130,7 @@ class Streamer: @property def is_running(self): + """ True if holds a running process """ if self.process is None: return False @@ -74,19 +142,6 @@ class Streamer: logger.debug('process died with return code %s' % returncode) return False - # FIXME: is it really needed as property? - @property - def inputs(self): - """ Return input ports of the station """ - return self.station.port_set.filter(direction=Port.DIRECTION_INPUT, - active=True) - - @property - def outputs(self): - """ Return output ports of the station """ - return self.station.port_set.filter(direction=Port.DIRECTION_OUTPUT, - active=True) - # Sources and config ############################################### def send(self, *args, **kwargs): return self.connector.send(*args, **kwargs) or '' @@ -121,9 +176,6 @@ class Streamer: def fetch(self): """ Fetch data from liquidsoap """ - if self.process is None: - return - for source in self.sources: source.fetch() @@ -182,19 +234,11 @@ class Streamer: self.process = None -class Source: +class Source(BaseMetadata): controller = None """ parent controller """ id = None """ source id """ - uri = '' - """ source uri """ - rid = None - """ request id """ - air_time = None - """ on air time """ - status = None - """ source status """ remaining = 0.0 """ remaining time """ @@ -202,16 +246,12 @@ class Source: def station(self): return self.controller.station - @property - def is_playing(self): - return self.status == 'playing' - # @property # def is_on_air(self): # return self.rid is not None and self.rid in self.controller.on_air - def __init__(self, controller, id=None): - self.controller = controller + def __init__(self, controller=None, id=None, *args, **kwargs): + super().__init__(controller, *args, **kwargs) self.id = id def sync(self): @@ -219,23 +259,12 @@ class Source: def fetch(self): data = self.controller.send(self.id, '.remaining') - self.remaining = float(data) + if data: + self.remaining = float(data) data = self.controller.send(self.id, '.get', parse=True) - self.on_metadata(data if data and isinstance(data, dict) else {}) - - def on_metadata(self, data): - """ Update source info from provided request metadata """ - self.rid = data.get('rid') or None - self.uri = data.get('initial_uri') or None - self.status = data.get('status') or None - - air_time = data.get('on_air') - if air_time: - air_time = tz.datetime.strptime(air_time, '%Y/%m/%d %H:%M:%S') - self.air_time = local_tz.localize(air_time) - else: - self.air_time = None + if data: + self.validate(data if data and isinstance(data, dict) else {}) def skip(self): """ Skip the current source sound """ @@ -271,15 +300,15 @@ class PlaylistSource(Source): """ Get playlist's sounds queryset """ return self.program.sound_set.archive() - def load_playlist(self): - """ Load playlist """ - self.playlist = self.get_sound_queryset().paths() + def get_playlist(self): + """ Get playlist from db """ + return self.get_sound_queryset().paths() - def write_playlist(self): - """ Write playlist file. """ + def write_playlist(self, playlist=[]): + """ Write playlist to file. """ os.makedirs(os.path.dirname(self.path), exist_ok=True) with open(self.path, 'w') as file: - file.write('\n'.join(self.playlist or [])) + file.write('\n'.join(playlist or [])) def stream(self): """ Return program's stream info if any (or None) as dict. """ @@ -296,15 +325,21 @@ class PlaylistSource(Source): } def sync(self): - self.load_playlist() - self.write_playlist() + playlist = self.get_playlist() + self.write_playlist(playlist) class QueueSource(Source): queue = None """ Source's queue (excluded on_air request) """ + as_requests = False + """ If True, queue is a list of Request """ - def append(self, *paths): + def __init__(self, *args, queue_metadata=False, **kwargs): + super().__init__(*args, **kwargs) + self.queue_metadata = queue_metadata + + def push(self, *paths): """ Add the provided paths to source's play queue """ for path in paths: self.controller.send(self.id, '_queue.push ', path) @@ -312,4 +347,12 @@ class QueueSource(Source): def fetch(self): super().fetch() queue = self.controller.send(self.id, '_queue.queue').split(' ') - self.queue = queue + if not self.as_requests: + self.queue = queue + return + + self.queue = [Request(self.controller, rid) for rid in queue] + for request in self.queue: + request.fetch() + + diff --git a/aircox_streamer/management/__init__.py b/aircox_streamer/management/__init__.py new file mode 100755 index 0000000..e69de29 diff --git a/aircox_streamer/management/commands/__init__.py b/aircox_streamer/management/commands/__init__.py new file mode 100755 index 0000000..e69de29 diff --git a/aircox/management/commands/streamer.py b/aircox_streamer/management/commands/streamer.py similarity index 99% rename from aircox/management/commands/streamer.py rename to aircox_streamer/management/commands/streamer.py index 9b5f0ad..8374392 100755 --- a/aircox/management/commands/streamer.py +++ b/aircox_streamer/management/commands/streamer.py @@ -21,10 +21,11 @@ from django.db.models import Q from django.core.management.base import BaseCommand from django.utils import timezone as tz -from aircox.controllers import Streamer, PlaylistSource from aircox.models import Station, Episode, Diffusion, Track, Sound, Log from aircox.utils import date_range +from aircox_streamer.liquidsoap import Streamer, PlaylistSource + # force using UTC tz.activate(pytz.UTC) @@ -227,7 +228,7 @@ class Monitor: def start_diff(self, source, diff): playlist = Sound.objects.episode(id=diff.episode_id).paths() - source.append(*playlist) + source.push(*playlist) self.log(type=Log.TYPE_START, source=source.id, diffusion=diff, comment=str(diff)) diff --git a/aircox_streamer/models.py b/aircox_streamer/models.py new file mode 100644 index 0000000..790092a --- /dev/null +++ b/aircox_streamer/models.py @@ -0,0 +1,101 @@ +from django.db import models +from django.utils.translation import ugettext_lazy as _ + +from aircox.models import Station + + +__all__ = ['PortQuerySet', 'Port'] + + +class PortQuerySet(models.QuerySet): + def active(self, value=True): + """ Active ports """ + return self.filter(active=value) + + def output(self): + """ Filter in output ports """ + return self.filter(direction=Port.DIRECTION_OUTPUT) + + def input(self): + """ Fitler in input ports """ + return self.filter(direction=Port.DIRECTION_INPUT) + + +class Port(models.Model): + """ + Represent an audio input/output for the audio stream + generation. + + You might want to take a look to LiquidSoap's documentation + for the options available for each kind of input/output. + + Some port types may be not available depending on the + direction of the port. + """ + DIRECTION_INPUT = 0x00 + DIRECTION_OUTPUT = 0x01 + DIRECTION_CHOICES = ((DIRECTION_INPUT, _('input')), + (DIRECTION_OUTPUT, _('output'))) + + TYPE_JACK = 0x00 + TYPE_ALSA = 0x01 + TYPE_PULSEAUDIO = 0x02 + TYPE_ICECAST = 0x03 + TYPE_HTTP = 0x04 + TYPE_HTTPS = 0x05 + TYPE_FILE = 0x06 + TYPE_CHOICES = ( + # display value are not translated becaused used as is in config + (TYPE_JACK, 'jack'), (TYPE_ALSA, 'alsa'), + (TYPE_PULSEAUDIO, 'pulseaudio'), (TYPE_ICECAST, 'icecast'), + (TYPE_HTTP, 'http'), (TYPE_HTTPS, 'https'), + (TYPE_FILE, 'file') + ) + + station = models.ForeignKey( + Station, models.CASCADE, verbose_name=_('station'), related_name='+') + direction = models.SmallIntegerField( + _('direction'), choices=DIRECTION_CHOICES) + type = models.SmallIntegerField(_('type'), choices=TYPE_CHOICES) + active = models.BooleanField( + _('active'), default=True, + help_text=_('this port is active') + ) + settings = models.TextField( + _('port settings'), + help_text=_('list of comma separated params available; ' + 'this is put in the output config file as raw code; ' + 'plugin related'), + blank=True, null=True + ) + + objects = PortQuerySet.as_manager() + + def __str__(self): + return "{direction}: {type} #{id}".format( + direction=self.get_direction_display(), + type=self.get_type_display(), id=self.pk or '' + ) + + def is_valid_type(self): + """ + Return True if the type is available for the given direction. + """ + + if self.direction == self.DIRECTION_INPUT: + return self.type not in ( + self.TYPE_ICECAST, self.TYPE_FILE + ) + + return self.type not in ( + self.TYPE_HTTP, self.TYPE_HTTPS + ) + + def save(self, *args, **kwargs): + if not self.is_valid_type(): + raise ValueError( + "port type is not allowed with the given port direction" + ) + + return super().save(*args, **kwargs) + diff --git a/aircox_streamer/serializers.py b/aircox_streamer/serializers.py new file mode 100644 index 0000000..eb4e514 --- /dev/null +++ b/aircox_streamer/serializers.py @@ -0,0 +1,40 @@ +from rest_framework import serializers + + +__all__ = ['RequestSerializer', 'StreamerSerializer', 'SourceSerializer', + 'PlaylistSerializer', 'QueueSourceSerializer'] +# TODO: use models' serializers + + +class BaseMetadataSerializer(serializers.Serializer): + rid = serializers.IntegerField() + air_time = serializers.DateTimeField() + uri = serializers.CharField() + + +class RequestSerializer(serializers.Serializer): + title = serializers.CharField() + artist = serializers.CharField() + + +class StreamerSerializer(serializers.Serializer): + station = serializers.CharField(source='station.title') + + +class SourceSerializer(BaseMetadataSerializer): + id = serializers.CharField() + uri = serializers.CharField() + rid = serializers.IntegerField() + air_time = serializers.DateTimeField() + status = serializers.CharField() + + +class PlaylistSerializer(SourceSerializer): + program = serializers.CharField(source='program.title') + playlist = serializers.ListField(child=serializers.CharField()) + + +class QueueSourceSerializer(SourceSerializer): + queue = serializers.ListField(child=RequestSerializer()) + + diff --git a/aircox/templates/aircox/scripts/station.liq b/aircox_streamer/templates/aircox_streamer/scripts/station.liq similarity index 100% rename from aircox/templates/aircox/scripts/station.liq rename to aircox_streamer/templates/aircox_streamer/scripts/station.liq diff --git a/aircox_streamer/tests.py b/aircox_streamer/tests.py new file mode 100644 index 0000000..7ce503c --- /dev/null +++ b/aircox_streamer/tests.py @@ -0,0 +1,3 @@ +from django.test import TestCase + +# Create your tests here. diff --git a/aircox_streamer/views.py b/aircox_streamer/views.py new file mode 100644 index 0000000..91ea44a --- /dev/null +++ b/aircox_streamer/views.py @@ -0,0 +1,3 @@ +from django.shortcuts import render + +# Create your views here. diff --git a/aircox_streamer/viewsets.py b/aircox_streamer/viewsets.py new file mode 100644 index 0000000..e56ed72 --- /dev/null +++ b/aircox_streamer/viewsets.py @@ -0,0 +1,158 @@ +from django.http import Http404 +from django.utils import timezone as tz + +from rest_framework import viewsets +from rest_framework.decorators import action +from rest_framework.permissions import IsAdminUser + +from aircox import controllers +from aircox.models import Station +from .serializers import * + + +__all__ = ['Streamers', 'BaseControllerAPIView', + 'RequestViewSet', 'StreamerViewSet', 'SourceViewSet', + 'PlaylistSourceViewSet', 'QueueSourceViewSet'] + + +class Streamers: + date = None + """ next update datetime """ + streamers = None + """ stations by station id """ + timeout = None + """ timedelta to next update """ + + def __init__(self, timeout=None): + self.timeout = timeout or tz.timedelta(seconds=2) + + def load(self, force=False): + # FIXME: cf. TODO in aircox.controllers about model updates + stations = Station.objects.active() + if self.streamers is None or force: + self.streamers = {station.pk: controllers.Streamer(station) + for station in stations} + return + + streamers = self.streamers + self.streamers = {station.pk: controllers.Streamer(station) + if station.pk in streamers else streamers[station.pk] + for station in stations} + + def fetch(self): + if self.streamers is None: + self.load() + + now = tz.now() + if self.date is not None and now < self.date: + return + + for streamer in self.streamers.values(): + streamer.fetch() + self.date = now + self.timeout + + def get(self, key, default=None): + self.fetch() + return self.streamers.get(key, default) + + def values(self): + self.fetch() + return self.streamers.values() + + def __getitem__(self, key): + return self.streamers[key] + + +streamers = Streamers() + + +class BaseControllerAPIView(viewsets.ViewSet): + permission_classes = (IsAdminUser,) + serializer = None + streamer = None + + def get_streamer(self, pk=None): + streamer = streamers.get(self.request.pk if pk is None else pk) + if not streamer: + raise Http404('station not found') + return streamer + + def get_serializer(self, obj, **kwargs): + return self.serializer(obj, **kwargs) + + def serialize(self, obj, **kwargs): + serializer = self.get_serializer(obj, **kwargs) + return serializer.data + + def dispatch(self, request, *args, **kwargs): + self.streamer = self.get_streamer(request.station.pk) + return super().dispatch(request, *args, **kwargs) + + +class RequestViewSet(BaseControllerAPIView): + serializer = RequestSerializer + + +class StreamerViewSet(BaseControllerAPIView): + serializer = StreamerSerializer + + def retrieve(self, request, pk=None): + return self.serialize(self.streamer) + + def list(self, request): + return self.serialize(streamers.values(), many=True) + + +class SourceViewSet(BaseControllerAPIView): + serializer = SourceSerializer + model = controllers.Source + + def get_sources(self): + return (s for s in self.streamer.souces if isinstance(s, self.model)) + + def get_source(self, pk): + source = next((source for source in self.get_sources() + if source.pk == pk), None) + if source is None: + raise Http404('source `%s` not found' % pk) + return source + + def retrieve(self, request, pk=None): + source = self.get_source(pk) + return self.serialize(source) + + def list(self, request): + return self.serialize(self.get_sources(), many=True) + + @action(detail=True, methods=['POST']) + def sync(self, request, pk): + self.get_source(pk).sync() + + @action(detail=True, methods=['POST']) + def skip(self, request, pk): + self.get_source(pk).skip() + + @action(detail=True, methods=['POST']) + def restart(self, request, pk): + self.get_source(pk).restart() + + @action(detail=True, methods=['POST']) + def seek(self, request, pk): + count = request.POST['seek'] + self.get_source(pk).seek(count) + + +class PlaylistSourceViewSet(SourceViewSet): + serializer = PlaylistSerializer + model = controllers.PlaylistSource + + +class QueueSourceViewSet(SourceViewSet): + serializer = QueueSourceSerializer + model = controllers.QueueSource + + @action(detail=True, methods=['POST']) + def push(self, request, pk): + self.get_source(pk).push() + + diff --git a/assets/public/index.js b/assets/public/index.js index a3f5d23..1b59f27 100644 --- a/assets/public/index.js +++ b/assets/public/index.js @@ -7,7 +7,6 @@ import Vue from 'vue'; import '@fortawesome/fontawesome-free/css/all.min.css'; import '@fortawesome/fontawesome-free/css/fontawesome.min.css'; -import 'buefy/dist/buefy.css'; //-- aircox diff --git a/assets/public/styles.scss b/assets/public/styles.scss index e4e927c..6c5a724 100644 --- a/assets/public/styles.scss +++ b/assets/public/styles.scss @@ -78,7 +78,7 @@ a.navbar-item.is-active { .card-super-title { position: absolute; z-index: 1000; - font-size: 1.2em; + font-size: $size-6; font-weight: $weight-bold; padding: 0.2em; top: 1em; diff --git a/instance/urls.py b/instance/urls.py index 2046b53..d48a2b8 100755 --- a/instance/urls.py +++ b/instance/urls.py @@ -15,8 +15,8 @@ Including another URLconf """ # from django.conf.urls.i18n import i18n_patterns from django.conf import settings -from django.urls import include, path, re_path from django.contrib import admin +from django.urls import include, path, re_path import aircox.urls