diff --git a/about/index.html b/about/index.html new file mode 100644 index 00000000..87af2156 --- /dev/null +++ b/about/index.html @@ -0,0 +1,100 @@ + +青橙日志 | 个人博客
\ No newline at end of file diff --git a/archives/2023/04/index.html b/archives/2023/04/index.html new file mode 100644 index 00000000..27fa72b2 --- /dev/null +++ b/archives/2023/04/index.html @@ -0,0 +1,96 @@ + +归档: 2023/4 - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/archives/2023/11/index.html b/archives/2023/11/index.html new file mode 100644 index 00000000..e1afb6c1 --- /dev/null +++ b/archives/2023/11/index.html @@ -0,0 +1,96 @@ + +归档: 2023/11 - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/archives/2023/12/index.html b/archives/2023/12/index.html new file mode 100644 index 00000000..27fc450f --- /dev/null +++ b/archives/2023/12/index.html @@ -0,0 +1,96 @@ + +归档: 2023/12 - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/archives/2023/index.html b/archives/2023/index.html new file mode 100644 index 00000000..5c163043 --- /dev/null +++ b/archives/2023/index.html @@ -0,0 +1,96 @@ + +归档: 2023 - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/archives/index.html b/archives/index.html new file mode 100644 index 00000000..282c25c5 --- /dev/null +++ b/archives/index.html @@ -0,0 +1,96 @@ + +归档 - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/atom.xml b/atom.xml new file mode 100644 index 00000000..5927da31 --- /dev/null +++ b/atom.xml @@ -0,0 +1,166 @@ + + + 青橙日志 | 个人博客 + + 青橙日志 | 个人博客 + + + + 2023-12-20T08:45:39.126Z + https://blog.webrelay.cn/ + + + 青橙 + + + + Hexo + + + 享受高质量画面:使用PotPlayer播放杜比视界影片的简易指南 + + https://blog.webrelay.cn/posts/potplayer-dolby-vision/ + 2023-12-16T15:26:50.000Z + 2023-12-20T08:45:39.126Z + + PotPlayer 主要是一款播放器,以其丰富的功能和灵活性而闻名。然而,PotPlayer 并不直接支持 Dolby Vision。Dolby Vision 支持通常需要硬件和软件之间的集成,以便能够正确解码和显示 Dolby Vision 格式的内容。

如下图,不支持杜比视界的影片通常呈现紫色和绿色,就像开了红绿色盲滤镜。下面就教大家如何配置PotPlayer播放杜比视界片源。

效果对比

设置前:

设置后:

安装环境

点击链接下载并安装以下软件:

  1. MPC Video Renderer

    一款基于 Microsoft Direct3D 的视频渲染器,通常与播放器软件(如Media Player Classic)一起使用。它提供高质量的视频渲染和处理,支持硬件加速,并具有自定义配置选项

  2. LAVFilters

    一套开源的DirectShow滤镜套件,为Windows上的多媒体播放器提供音频和视频解码支持。它支持多种常见的音视频格式,提供高质量的解码性能

配置方法

  • 一键配置

    1. 下载PotPlayer一键配置文件:https://www.alipan.com/s/EeXfrL6XvYy
    2. 先关闭PotPlayer
    3. 再双击打开配置文件 - 点击导入PotPlayer配置
    4. 打开PotPlayer测试

  • 手动配置

    以防万一,如果配置文件没用可以尝试手动配置。步骤比较繁琐,而且缺一不可,虽然技术难度不高,还是更推荐一键配置。

    1. 点击左上角/右键/按F5,打开主菜单再点击选项打开选项菜单

    2. 视频-视频渲染器,选择刚刚安装好的MPC视频渲染器

    3. 视频-像素着色器,取消所有勾选。

    4. 基本-进阶皮肤-在画面上输出皮肤-方式,选择窗口化图层

    5. 滤镜-内置图像处理滤镜设置-激活条件,选择不使用

    6. 滤镜-视频解码器-滤镜/解码器管理-添加系统滤镜,选择LAV Video DecoderLAV Audio Decoder(可选),确定。

    7. 滤镜-视频解码器,所有格式能选LAV Video Decoder的都选上,音频解码器同理。

    8. 重启PotPlayer,播放杜比片源测试。


相关链接:

PotPlayer安装MPC Video Renderer 播放杜比视界视频

MPC Video Renderer Releases

LAVFilters

]]>
+ + + PotPlayer 主要是一款播放器,以其丰富的功能和灵活性而闻名。然而,PotPlayer 并不直接支持 Dolby Vision。Dolby Vision 支持通常需要硬件和软件之间的集成,以便能够正确解码和显示 Dolby Vision 格式的内容…… + + + + + + + + + + + + + + + + +
+ + + 畅享4K:PotPlayer+Alist免费在线观看阿里云盘影片资源 + + https://blog.webrelay.cn/posts/alist/ + 2023-11-29T12:37:21.000Z + 2023-12-20T08:50:29.143Z + + 优点&解决痛点

阿里云盘拥有较大的容量,运用Alist服务和阿里云盘不限速传输的特点解决非阿里云会员在线观看限制画质的痛点。搭配Potplayer等播放器实现在线观看4K高画质原片,只要网络好基本无卡顿。

总结:画质高,无广告,无水印,外挂字幕,在线即开即看,不占用本地存储……

你也许想问:

为什么不选择影视会员?价格贵,资源分散不可能每个平台都开个会员,有广告,有水印。

为什么不选择云盘会员?价格贵,而且阿里云盘最高也只支持2K画质在线观看

为什么不选择盗版网站?画质差!能1080P都谢天谢地了。速度慢!广告多!澳门赌场……

为什么不选择磁力链接?下载速度慢,画质越高等待时间越久。占用本地空间。

原理

在本地运行Alist服务,挂载阿里云盘。通过浏览器即可访问云盘文件目录,并且可以对文件进行增删改查。通过Alist提供的WebDAV服务可将Alist添加到客户端,通过播放器等即可实现在线观看。

由于Alist运行在本地,需要电脑一直保持开机状态,所以最好是部署在服务器上。


服务&工具

电脑端:Alist 阿里云盘 Potplayer ZeroTier

手机端:nPlayer ZeroTier One

安装Alist

  • 获取Alist

    打开 AList Release 下载待部署系统对应的文件。

  • 手动运行

    1. 解压下载好的压缩包到合适的位置。

    2. 以管理员身份运行命令行,跳转到解压目录下。

    3. 输入alist server命令启动服务,Alist会自动生成一个随机密码,记住这个密码。

    4. 命令行不要关闭,否则服务会断开。

  • 守护进程

    1. https://nssm.cc/downloadopen in new window 下载最新版本的 nssm
    2. 在解压后的文件夹内按住 Shift 并右击空白处,选择“在此处打开 Powershell 窗口”;
    3. 在弹出的窗口中输入 .\nssm.exe install alist
    4. Path 选择 alist.exe 的路径,如 D:\alist\alist.exe,Arguments 填 server
    5. Details 选项卡中可以自定义标题和描述,可以选择服务的自启动模式(自动|延迟启动|手动|禁用);
    6. 在 I/O 选项卡为 Output (stdout) 和 Output (stderr) 各自指定一个日志文件的路径,如 D:\alist\stdout.log,文件本身(stdout.log)可以不存在,但是指定的目录(D:\alist)必须存在;
    7. 点击“Install Service”即可。

    此后可以直接在服务中启动 alist

添加存储

  • 访问服务

    1. 打开浏览器,地址栏输入127.0.0.1:5244回车,登录Alist。

    2. 用户名默认为admin,密码为之前随机生成的密码。

    3. 登录到后台后点击个人资料第一时间修改用户名和密码!

  • 添加存储

    必填项:

    1. 点击存储-添加-驱动选择阿里云盘Open

    2. 挂载路径/云盘类型资源库根文件夹ID默认root

    3. 刷新令牌前往https://alist.nn.ci/tool/aliyundrive/request获取,别忘了填写。

    4. 移除方式回收站是临时删除文件依然会占用云盘空间,删除的文件可找回。删除是永久删除,删除后不占用云盘空间,不可找回。看个人情况选择。

    5. 保存,点击主页即可查看云盘文件

添加播放源

  1. 打开PotPlayer,点击右下角打开播放列表,点击新建专辑

  2. 专辑名称随意,选择FTP/WebDAV/HTTP搜索

  3. 协议选择WebDAV主机127.0.0.1/dav,端口5244

  4. 填写自己的用户名密码

  5. 这样就能在PotPlayer里在线观看阿里云盘的影片了


手机端

  • 局域网

    1. 如果你的设备处于同一WiFi下即内网环境下,直接输入[电脑IP地址]:5244即可访问,可以直接在浏览器在线观看原画质视频,如果怕麻烦可以添加播放源到APP内。不知道电脑IP地址的在命令行输入ipconfig即可查看电脑的IPv4地址。

    1. 在路由器管理界面设置一下DHCP静态IP分配,静态IP最好是DHCP开始IP到结束IP之外的IP。

  • 内网穿透

    适用于设备非内网环境下,想要远程访问的设备。

    1. 打开ZeroTier官网,点击Sign Up注册账号并登录。

    2. 点击Create A Network,复制NETWORK ID,不要关闭页面。

    3. 手机下载ZeroTier One,点击ADD NETWORK,添加刚才的NETWORK ID,再点击最后的Add添加,并打开开关。点击SETTING设置界面,勾选Allow mobile data允许数据流量访问。

    4. 电脑端下载ZeroTier客户端,类似的添加Network ID。

    5. 回到刚才的ZeroTier官网,往下翻找到Members选项卡,勾选添加电脑端和手机端成员。因为ZeroTier至少需要2个成员才能连接,所以手机端和电脑端都需要下载客户端。

    6. ZeroTier会分别生成电脑端和手机端成员的虚拟IP,复制电脑端成员的Managed IPs,在手机浏览器地址栏输入[电脑端IP]:5244测试

    其他方式:

    1. 反向代理:将Alist部署到服务器,通过服务器公网IP访问。
    2. IPv6:家庭网络IPv6是动态分配的,会不定期变化,需要配置DDNS服务。

    有精力的可以自己研究。

  • 添加播放源

    1. 手机端下载Nplayerkmplayer等播放器。

    2. 找到添加网络位置的功能,选择WebDAV

    3. 主机填写你的电脑IP地址,如果是内网穿透填写ZeroTier分配的虚拟IP地址。

    4. 除了用户名密码外,其他项严格按照下方设置。

    5. 大功告成

    理论上可以多端访问,无论你是Windows、Android、iOS、电视TV、Mac、Linux还是笔记软件,只要支持WebDAV即可享受此服务。ZeroTier也支持Windows、MacOS、Linux、Android、iOS、NAS等等平台。

片源

个人推荐:

影巢 https://hdhive.org/

相关链接

AList文档

AList Release

ZeroTier官网

PotPlayer下载地址

影巢

]]>
+ + + 阿里云盘拥有较大的容量,运用Alist服务和阿里云盘不限速传输的特点解决非阿里云会员在线观看限制画质的痛点。搭配Potplayer等播放器实现在线观看4K高画质原片,只要网络好基本无卡顿…… + + + + + + + + + + + + + + + + + + +
+ + + 网页设计中的字体艺术:解密字体选择与Web字体优化 + + https://blog.webrelay.cn/posts/web-font/ + 2023-11-23T11:20:59.000Z + 2023-12-20T08:45:33.510Z + + 在网页设计的世界中,字体是一种强大的表达工具,能够赋予文字以独特的风格、情感和身份。随着互联网的不断发展,网页字体的选择和优化变得至关重要,直接影响用户体验和网站整体的视觉吸引力。

这就引出了一个重要问题:在网页上使用什么样的字体?如何确保字体在不同设备和浏览器中都能呈现出最佳效果?本文将带你深入探讨网页字体的世界,从字体的基础知识到Web字体的应用,揭示字体背后的艺术和科学。

无论你是一位网页设计师、开发者,还是对字体设计感兴趣的普通用户,通过这篇科普博客,你将对网页字体有一个更全面的了解,并学到如何选择、应用和优化字体以提升网站的视觉吸引力。

font-family字体族

字体族(font family)是一组字体的集合,它包括相似风格和设计的字体。在 CSS 中,可以使用 font-family 属性来指定字体族。当指定字体族时,浏览器会按照优先级选择用户设备上可用的字体。下面是常见的字体族及其在具体设计上的特点:

1. serif 字体族

  • 特点: serif 字体具有衬线,衬线是在字符的末端添加的额外笔画,如 “Times New Roman” 中的 “T” 的底部。

  • 示例: Times New Roman, Georgia, Palatino

  • 用途: 适合正式文档和印刷品,因为衬线有助于提高可读性。

2. sans-serif 字体族

  • 特点: sans-serif 字体没有衬线,字符的末端是直的。

  • 示例: Arial, Helvetica, Verdana

  • 用途: 适合屏幕显示,特别是小字体大小下更易阅读。

3. monospace 字体族

  • 特点: monospace 字体中的每个字符都具有相同的宽度,适合排列文本以保持字符对齐。

  • 示例: Courier New, Monaco, Consolas

  • 用途: 适合用于编程代码和等宽排列文本的场合。

4. cursive 字体族

  • 特点: cursive 字体模仿手写风格,通常包含连写的字符。

  • 示例: Comic Sans MS, Brush Script

  • 用途: 适合强调和创意性的场合,但不适合正式文档。

5. fantasy 字体族

  • 特点: fantasy 字体是一类装饰性的字体,通常不符合常规的字体分类。

  • 示例: Impact, Western

  • 用途: 适合用于标题和特殊效果,不适合大篇幅的正文。

示例

1
2
3
body {
font-family: Arial, Helvetica, "Microsoft YaHei", sans-serif;
}

具体是根据哪款字体来渲染?

font-family属性可以定义一个或多个字体的名称,用于渲染文本。当使用font-family定义多款字体时,具体使用哪款字体渲染,取决于以下几个因素:

  • 字体的可用性:浏览器会按照font-family属性的顺序,从左到右,依次尝试使用每个字体。如果浏览器支持并且能够找到第一个字体,就会使用它。如果第一个字体不可用,就会尝试使用第二个字体,以此类推,直到找到一个可用的字体。如果所有的字体都不可用,就会使用浏览器的默认字体。
  • 字体的匹配度:如果一个字体不能完全覆盖文本中的所有字符,浏览器会尝试使用其他字体来补充缺失的字符。这种情况下,浏览器会根据字体的匹配度,即字体的样式,重量,斜度,等等,来选择最合适的字体。如果没有找到合适的字体,就会使用浏览器的默认字体。
  • 字体的优先级:如果一个字体是用户在操作系统或浏览器中设置的首选字体,或者是一个通用的字体族,如serif,sans-serif,monospace,等等,它会有更高的优先级,被更容易地使用。如果一个字体是一个特定的字体名称,如Arial,Times New Roman,等等,它会有更低的优先级,被更难地使用。

因此,当使用font-family定义多款字体时,具体使用哪款字体渲染,是一个动态的过程,需要考虑字体的可用性,匹配度,和优先级。为了保证文本的渲染效果,建议在font-family属性中,既指定特定的字体名称,又指定通用的字体族,以提供更多的备选方案。


font-weight 字重

font-weight 是 CSS 中用于设置字体粗细的属性。它的值可以是以下几种:

  • 数值: 100、200、300、400、500、600、700、800、900。数值越大,字体越粗。常见的使用是 normal 对应 400,bold 对应 700。
  • 关键字:
    • normal:定义标准的字符。
    • bold:定义粗体字符。
  • 全局关键字:
    • initial:设置属性为其默认值。
    • inherit:从父元素继承属性值。

使用示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/* 使用关键字 */
.normal-text {
font-weight: normal;
}

.bold-text {
font-weight: bold;
}

/* 使用数值 */
.light-text {
font-weight: 300;
}

/* 使用全局关键字 */
.default-weight {
font-weight: initial;
}

/* 继承父元素的字体粗细 */
.inherited-weight {
font-weight: inherit;
}

在上述示例中,.normal-text 使用 font-weight: normal; 设置为标准字体,.bold-text 使用 font-weight: bold; 设置为粗体,.light-text 使用 font-weight: 300; 设置为较轻的字体。.default-weight 使用 font-weight: initial; 将属性值重置为默认值,而 .inherited-weight 使用 font-weight: inherit; 从父元素继承字体粗细。

这些设置可以根据设计需要和品牌规范来选择,以确保网页文本的良好可读性和一致性。

常见粗细值名称和数值对应

100 到 900 之间的数值大致对应如下的常见粗细值名称:

100200300400500600700800900
Thin (Hairline)Extra Light (Ultra Light)LightNormalMediumSemi Bold (Demi Bold)BoldExtra Bold (Ultra Bold)Black (Heavy)

关于Regular的定义

在 CSS 中,regular 字重并没有一个具体的数值标准,它通常是指字体家族中的默认或普通字重。具体的字体家族和其对应的字重可能有所不同,因为这是由字体设计者和字体提供商决定的。

一般而言,regular 字重对应于数值 400。在某些字体家族中,regular 也可能对应于 normal 关键字。


@font-face 自定义字体

@font-face 是 CSS 中的一个规则,用于定义自定义字体。通过 @font-face 规则,你可以引入并使用网页上没有安装的字体。这对于网页设计中的字体定制非常有用,可以确保你的网页在用户端正确显示所需的字体。

语法

1
2
3
4
5
6
@font-face {
font-family: 'YourFontName'; /* 指定字体的名称,用于后续引用 */
src: url('path/to/your/font.woff2') format('woff2'); /* 字体文件的路径和格式 */
font-weight: normal; /* 字体的粗细,可选值包括 normal、bold 等 */
font-style: normal; /* 字体的风格,可选值包括 normal、italic 等 */
}

详解

  • font-family: 指定字体的名称,以供后续在 CSS 中使用。这是你在 font-family 属性中引用字体时所使用的名称。
  • src: 指定字体文件的路径和格式。通常,你需要提供字体文件的绝对或相对路径,并指定字体的格式(如 woff2woffttf 等)。可以提供多个 src 声明,以提供备用字体文件,以备不同浏览器和操作系统使用不同的格式。
  • font-weight 和 font-style: 这两个属性是可选的。它们允许你指定字体的粗细和风格。如果没有指定,将使用字体文件中的默认值。

使用示例

1
2
3
4
5
6
7
8
@font-face {
font-family: 'MyCustomFont';
src: url('path/to/your/font.woff2') format('woff2');
}

body {
font-family: 'MyCustomFont', sans-serif;
}

在这个例子中:

  • @font-face 规则定义了一个名为 'MyCustomFont' 的自定义字体,它的来源是 'path/to/your/font.woff2' 文件。
  • body 中,通过 font-family 属性将整个页面的默认字体设置为 'MyCustomFont'。这样,整个页面的文字都会使用这个自定义字体。

确保替换 'path/to/your/font.woff2' 为你实际字体文件的路径。此外,你可以提供多个字体格式,以提高在不同浏览器和操作系统上的兼容性。


format() 的作用

format()@font-face 规则中的一个子属性,用于指定字体文件的格式。不同的浏览器和操作系统支持不同的字体文件格式,因此通过 format() 属性,你可以告诉浏览器如何解释字体文件。

常见的字体文件格式包括 WOFF(Web Open Font Format)、WOFF2(Web Open Font Format 2.0)、TTF(TrueType Font)、OTF(OpenType Font)等。通过提供适当的格式,你可以增加网页在各种设备和浏览器上正确显示字体的机会。

语法

1
2
3
4
@font-face {
font-family: 'YourFontName';
src: url('path/to/your/font.woff') format('woff');
}

在这个例子中,format('woff') 表示字体文件的格式是 WOFF。

常见的 format 值

  • format('woff') WOFF 格式的字体文件。
  • format('woff2') WOFF 2.0 格式的字体文件,是 WOFF 的升级版,通常更加高效。
  • format('truetype') TrueType 字体文件格式。
  • format('opentype') OpenType 字体文件格式。
  • format('embedded-opentype') 嵌入式 OpenType 字体文件格式,通常用于旧版 Internet Explorer。

使用示例

1
2
3
4
5
@font-face {
font-family: 'MyCustomFont';
src: url('path/to/your/font.woff2') format('woff2'),
url('path/to/your/font.woff') format('woff');
}

在这个例子中,@font-face 规则指定了两个字体文件,一个是 WOFF2 格式的,另一个是 WOFF 格式的。浏览器会根据支持的格式选择合适的字体文件来加载。


字体格式的建议

在网页开发中,字体有不同的格式,因为不同的浏览器和设备支持不同的字体格式。为了确保字体在各种环境中都能正确加载,通常会使用以下常见的字体格式:

  1. WOFF (Web Open Font Format):

    • WOFF 是专门为 Web 设计的字体格式,提供了压缩和高效的字体传输。绝大多数现代浏览器都支持 WOFF 格式。
    1
    2
    3
    4
    5
    6
    7
    /* 引入 WOFF 格式的字体 */
    @font-face {
    font-family: 'YourFont';
    src: url('your-font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }
  2. WOFF2 (Web Open Font Format 2):

    • WOFF2 是 WOFF 的升级版,具有更好的压缩效果,但它支持的浏览器较少。然而,对于支持的浏览器,WOFF2 是首选的字体格式。
    1
    2
    3
    4
    5
    6
    7
    /* 引入 WOFF2 格式的字体 */
    @font-face {
    font-family: 'YourFont';
    src: url('your-font.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    }
  3. TTF/OTF (TrueType/OpenType):

    • TTF 和 OTF 是传统的字体格式,适用于许多设备和浏览器。但它们相对于 WOFF 来说文件大小较大,因此在 Web 中使用时可能不如 WOFF/WOFF2 效率高。
    1
    2
    3
    4
    5
    6
    7
    /* 引入 TTF 格式的字体 */
    @font-face {
    font-family: 'YourFont';
    src: url('your-font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }

在使用字体时,可以使用多个格式,以提供对不同浏览器的更好支持。例如:

1
2
3
4
5
6
7
8
@font-face {
font-family: 'YourFont';
src: url('your-font.woff2') format('woff2'),
url('your-font.woff') format('woff'),
url('your-font.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

这样,浏览器将根据支持的格式选择合适的字体。确保字体文件在服务器上正确托管,并且在 CSS 中正确引用字体路径。

]]>
+ + + 在网页设计的世界中,字体是一种强大的表达工具,能够赋予文字以独特的风格、情感和身份。随着互联网的不断发展,网页字体的选择和优化变得至关重要,直接影响用户体验和网站整体的视觉吸引力…… + + + + + + + + + + + + + + +
+ + + 搭建Minecraft游戏服务器:使用MCSManager轻松实现 + + https://blog.webrelay.cn/posts/minecraft-server/ + 2023-04-21T11:55:00.000Z + 2023-12-20T08:45:44.173Z + + Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目。

在本教程中,我们将探讨如何使用 MCSManager 这一强大的工具来轻松搭建、管理 Minecraft 游戏服务器。MCSManager 提供了直观的用户界面和丰富的功能,使得管理和监控服务器变得异常简便。无论你是一位服务器管理员还是第一次尝试搭建自己的 Minecraft 服务器,MCSManager都能为你提供便捷而高效的解决方案。

本文章操作环境

本服务器到期前会一直开着(到期时间 2023-08-12 12:46:14),欢迎小伙伴来玩

1.19.4原版生存:43.142.236.44:25565

💰 购买服务器

首先得拥有一台Linux服务器,可以在腾讯云、阿里云购买云服务器,一般新用户都会有活动,而且有时还会有免费试用活动等。具体购买步骤略。

由于CentOS已停止维护,Java版本最新只能安装Java 11,而 Minecraft 1.16 版本以上需要 Java 11 以上版本支持,所以我原本的CentOS云服务器重装成了Ubuntu系统,具体在控制台 - 重装系统选择系统及版本即可一键重装。

具体对应版本推荐:

Minecraft服务端版本号JDK/Java推荐版本
1.7-8
1.8+8/11
1.12+ ~ 1.15+8/11
1.16+11/16
1.17+ ~ 1.18+16/17

🚀 登录服务器

推荐下载 MobaXtermXShell 远程登录我们的服务器,我以MobaXterm为例,打开软件,点击左上角的Session按钮建立一个连接,选择最左边的SSH

Remote host 填写我们的服务器公网IP,例如43.142.236.44

Specify username Ubuntu默认用户名一般为 ubuntu,CentOS默认用户名一般为root

Port 端口号22保持不变,如果服务器未开启22端口,可在服务器控制台 - 防火墙/安全组 - 添加规则 端口填写22确认即可。

创建完Session后打开,会提示让我们输入密码,输入过程中不会显示,输完了以后直接回车即可。如果忘记了密码可在服务器控制台重置密码。出现以下界面表示登录成功:

🔧 服务器配置

我们先来到我们的云服务器控制台,找到防火墙/安全组,点击添加规则,依次添加233332444425565三个端口,来源默认为0.0.0.0,如需手动填写请手动填写。

回到MobaXterm,依次输入以下指令:

  • Ubuntu系统

切换到管理员权限($为普通用户权限,#为管理员权限)

1
sudo bash

更新软件包

1
apt update

安装Java环境

1
apt install openjdk-17-jre

查看Java版本(确认安装成功)

1
java -version

安装Node

1
apt install nodejs

安装npm

1
apt install npm

🧩 安装MCSManager

一行命令快速安装

1
wget -qO- https://gitee.com/mcsmanager/script/raw/master/setup.sh

开启MCSManager中文管理面板

1
2
systemctl start mcsm
systemctl status mcsm

记住默认管理用户为#master,密码123456

🔑 登录MCSManager

在我们自己电脑的浏览器地址栏中输入云服务器公网IP:23333即可打开登录界面,例如43.142.236.44:23333

输入默认的账号和密码即可登录,登录完成后请尽快修改密码

💡 配置Minecraft服务端

  • 下载Minecraft Java版服务端(server.jar)

Minecraft官网下载(只能下载最新版本)

MCVersion.net (可下载各个版本的服务端及客户端)

  • 创建实例

回到MCSManager管理面板,点击 服务端管理 - 创建新实例应用 - 引导创建(推荐)

填写实例名称(只能用字母/数字/下划线!),项目位置不用填(默认自动),点击下一步,上传刚刚下载的服务端程序server.jar

点击下一步,填写相关参数,全部默认,选择确认无误,立刻创建

  • 开启游戏服务器

点击刚刚创建的实例,点击左边的 服务端操作 - 开启服务器 即可运行游戏服务端。启动设置 - 服务器自启推荐打开

  • 配置游戏服务器

点击 配置文件 - Server.Properties 即可配置我们的游戏服务器参数,例如游戏模式、地图种子、正版验证、极限模式、玩家互伤等等

再打开服务端命令控制台,输入 op 玩家id,给玩家管理员权限,例如op cyan___orange

更多服务端指令请参考:Minecraft:服务器命令大全 - EDER笑笑的文章 - 知乎

🕹️ 登录Minecraft服务器

使用对应的游戏版本启动,我用的服务端是最新版本1.19.4版本,那么我的游戏版本也必须是1.19.4,如果使用离线账号登录,那么必须要在服务器配置文件Server.Properties中关闭正版验证

进入游戏后,在Minecraft中点击 多人游戏 - 添加服务器

服务器名称:随意

服务器地址服务器公网IP:25565,例如43.142.236.44:25565

点击完成后即可添加我们的服务器,回到服务器列表就可以看到我们的服务器,后面显示绿色即可连接,让我们加入游戏吧!

🎉 成功进入游戏 🥳


相关链接:

MCSManager | Minecraft 中文管理面板

MobaXterm free Xserver and tabbed SSH client for Windows

XSHELL - NetSarang Website

Download server for Minecraft | Minecraft

]]>
+ + + Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目…… + + + + + + + + + + + + + + + + + + +
+ + + Hexo博客教程:使用giscus为网页添加评论系统通用方法 + + https://blog.webrelay.cn/posts/giscus/ + 2023-04-16T11:51:52.000Z + 2023-12-20T08:45:47.374Z + + giscus是一个基于GitHub Discussions的评论系统,使用纯前端解决方案,无需服务器支持。支持GitHub账号身份验证,具有自定义主题、灵活配置和多语言支持的特点,为网站提供简单而强大的评论功能。

一、配置

⭐在 GitHub 上创建仓库

为你的网站创建一个 GitHub 仓库,用于存储评论数据。并确保以下三个条件,缺一不可!

  1. 确保仓库是公开的(Public

如果你的仓库是Private,在仓库中点击最右边的Settings - General,划到最下方,选择change visibility - change to public

  1. 确保仓库开启了 Discussions

如果你的仓库没有开启Discussions,同样点击Settings - General,勾选Discussions即可

  1. 确保安装了 giscus app

giscus app👈点击安装

可选择指定仓库,默认允许访问用户所有仓库

⚙️在 Giscus 网站上配置

giscus 👈点击打开

配置以下内容:

  • 语言:选择评论框所显示的语言

  • 仓库:填写格式:用户名/仓库名,配置好前面的这一步直接会显示成功

  • 页面 ↔️ discussion 映射关系,推荐选择title,这样就会在GitHub Discussions里生成一个你文章名命名的讨论,这个讨论即自己的评论区,跟你的那篇文章是绑定的,确保不会出现我的A文章加载了B文章的评论区的情况。如果B文章并未创建讨论,那么直接在B文章评论区中评论会自动在Discussions中创建讨论。

  • Discussion 分类:推荐选择Announcements

  • 特性:帖子上的反应可根据喜好开启,评论框在上方建议开启,不然每次评论都要划到最下面,懒加载也推荐开启

    反应功能预览:

  • 主题:推荐与你的博客风格一致的主题,不然会很突兀


二、嵌入

🚀获取代码

  • 填写好上面的配置之后giscus会自动给我们生成代码,我们点击右上角的复制按钮复制代码

🔧布置代码

  • 主题支持giscus

将代码里的参数填写到config文件里完成配置。

  • 主题不支持giscus

将代码粘贴到正确的页面结构文件的合适位置中。

如果你不知道具体位置,可参考大致思路:一般在主题目录下的layout布局文件夹下,关键词通常为index、post、article等,要粘贴的位置通常在文章正文下面。

如果你是前端小白看不懂代码,我将以Hueman主题举例,找到合适的文件后,比如article.ejs。用文本编辑器打开文件,分析文件的结构,代码分为:

article-header(文章头部,比如标题)

article-meta(文章元数据,比如标签、作者、日期等)

article-entry(文章的正文等)

article-footer(文章的页脚,如打赏、分享功能等)

HTML标签通常成对出现,如<a></a>,总之我们的代码要写在带/的标签后面。因为这个文章页脚并非整个页面的页脚,所以我们粘贴在这个文章页脚下面正好合适。错了也没关系慢慢试。

Hueman主题位置:..\themes\hueman\layout\common\article.ejs

Cactus主题位置:..\themes\cactus\layout\post.ejs

不同主题配置方法稍有不同,欢迎提供你的主题配置方法

💡本地预览

  • 在终端中输入以下命令:

    hexo cl

    hexo g

    hexo s

  • 打开 http://localhost:4000/,本地预览效果如下:

🎉推送远端

  • 使用 hexo d 命令推送即可

三、常见问题

待收集

四、其他

介绍几种其他的评论系统,可以了解一下,选择自己喜欢的

相关链接:

giscus:https://giscus.app/zh-CN

Hueman:https://ppoffice.github.io/hexo-theme-hueman/

网络驿站:https://webrelay.cn/

]]>
+ + + giscus是一个基于GitHub Discussions的评论系统,使用纯前端解决方案,无需服务器支持。支持GitHub账号身份验证,具有自定义主题、灵活配置和多语言支持的特点,为网站提供简单而强大的评论功能…… + + + + + + + + + + + + + + + + +
+ +
diff --git a/baidusitemap.xml b/baidusitemap.xml new file mode 100644 index 00000000..d9aa5419 --- /dev/null +++ b/baidusitemap.xml @@ -0,0 +1,23 @@ + + + + https://blog.webrelay.cn/posts/alist/ + 2023-12-20 + + + https://blog.webrelay.cn/posts/giscus/ + 2023-12-20 + + + https://blog.webrelay.cn/posts/minecraft-server/ + 2023-12-20 + + + https://blog.webrelay.cn/posts/potplayer-dolby-vision/ + 2023-12-20 + + + https://blog.webrelay.cn/posts/web-font/ + 2023-12-20 + + \ No newline at end of file diff --git a/categories/index.html b/categories/index.html new file mode 100644 index 00000000..69712d7e --- /dev/null +++ b/categories/index.html @@ -0,0 +1,96 @@ + +分类 - 青橙日志 | 个人博客
\ No newline at end of file diff --git "a/categories/\345\211\215\347\253\257/index.html" "b/categories/\345\211\215\347\253\257/index.html" new file mode 100644 index 00000000..91f19ebd --- /dev/null +++ "b/categories/\345\211\215\347\253\257/index.html" @@ -0,0 +1,96 @@ + +分类: 前端 - 青橙日志 | 个人博客
\ No newline at end of file diff --git "a/categories/\346\225\231\347\250\213/index.html" "b/categories/\346\225\231\347\250\213/index.html" new file mode 100644 index 00000000..9a616389 --- /dev/null +++ "b/categories/\346\225\231\347\250\213/index.html" @@ -0,0 +1,96 @@ + +分类: 教程 - 青橙日志 | 个人博客
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目……
阅读更多
Hexo博客教程:使用giscus为网页添加评论系统通用方法
\ No newline at end of file diff --git a/content.json b/content.json new file mode 100644 index 00000000..f0f16163 --- /dev/null +++ b/content.json @@ -0,0 +1 @@ +{"posts":[{"title":"畅享4K:PotPlayer+Alist免费在线观看阿里云盘影片资源","text":"优点&解决痛点阿里云盘拥有较大的容量,运用Alist服务和阿里云盘不限速传输的特点解决非阿里云会员在线观看限制画质的痛点。搭配Potplayer等播放器实现在线观看4K高画质原片,只要网络好基本无卡顿。 总结:画质高,无广告,无水印,外挂字幕,在线即开即看,不占用本地存储…… 你也许想问: 为什么不选择影视会员?价格贵,资源分散不可能每个平台都开个会员,有广告,有水印。 为什么不选择云盘会员?价格贵,而且阿里云盘最高也只支持2K画质在线观看 为什么不选择盗版网站?画质差!能1080P都谢天谢地了。速度慢!广告多!澳门赌场…… 为什么不选择磁力链接?下载速度慢,画质越高等待时间越久。占用本地空间。 原理在本地运行Alist服务,挂载阿里云盘。通过浏览器即可访问云盘文件目录,并且可以对文件进行增删改查。通过Alist提供的WebDAV服务可将Alist添加到客户端,通过播放器等即可实现在线观看。 由于Alist运行在本地,需要电脑一直保持开机状态,所以最好是部署在服务器上。 服务&工具电脑端:Alist 阿里云盘 Potplayer ZeroTier 手机端:nPlayer ZeroTier One 安装Alist 获取Alist打开 AList Release 下载待部署系统对应的文件。 手动运行 解压下载好的压缩包到合适的位置。 以管理员身份运行命令行,跳转到解压目录下。 输入alist server命令启动服务,Alist会自动生成一个随机密码,记住这个密码。 命令行不要关闭,否则服务会断开。 守护进程 在 https://nssm.cc/downloadopen in new window 下载最新版本的 nssm; 在解压后的文件夹内按住 Shift 并右击空白处,选择“在此处打开 Powershell 窗口”; 在弹出的窗口中输入 .\\nssm.exe install alist; Path 选择 alist.exe 的路径,如 D:\\alist\\alist.exe,Arguments 填 server; Details 选项卡中可以自定义标题和描述,可以选择服务的自启动模式(自动|延迟启动|手动|禁用); 在 I/O 选项卡为 Output (stdout) 和 Output (stderr) 各自指定一个日志文件的路径,如 D:\\alist\\stdout.log,文件本身(stdout.log)可以不存在,但是指定的目录(D:\\alist)必须存在; 点击“Install Service”即可。 此后可以直接在服务中启动 alist。 添加存储 访问服务 打开浏览器,地址栏输入127.0.0.1:5244回车,登录Alist。 用户名默认为admin,密码为之前随机生成的密码。 登录到后台后点击个人资料第一时间修改用户名和密码! 添加存储必填项: 点击存储-添加-驱动选择阿里云盘Open。 挂载路径填/,云盘类型选资源库,根文件夹ID默认root。 刷新令牌前往https://alist.nn.ci/tool/aliyundrive/request获取,别忘了填写。 移除方式。回收站是临时删除文件依然会占用云盘空间,删除的文件可找回。删除是永久删除,删除后不占用云盘空间,不可找回。看个人情况选择。 保存,点击主页即可查看云盘文件 添加播放源 打开PotPlayer,点击右下角打开播放列表,点击新建专辑。 专辑名称随意,选择FTP/WebDAV/HTTP搜索。 协议选择WebDAV,主机填127.0.0.1/dav,端口5244。 填写自己的用户名和密码 这样就能在PotPlayer里在线观看阿里云盘的影片了 手机端 局域网 如果你的设备处于同一WiFi下即内网环境下,直接输入[电脑IP地址]:5244即可访问,可以直接在浏览器在线观看原画质视频,如果怕麻烦可以添加播放源到APP内。不知道电脑IP地址的在命令行输入ipconfig即可查看电脑的IPv4地址。 在路由器管理界面设置一下DHCP静态IP分配,静态IP最好是DHCP开始IP到结束IP之外的IP。 内网穿透适用于设备非内网环境下,想要远程访问的设备。 打开ZeroTier官网,点击Sign Up注册账号并登录。 点击Create A Network,复制NETWORK ID,不要关闭页面。 手机下载ZeroTier One,点击ADD NETWORK,添加刚才的NETWORK ID,再点击最后的Add添加,并打开开关。点击SETTING设置界面,勾选Allow mobile data允许数据流量访问。 电脑端下载ZeroTier客户端,类似的添加Network ID。 回到刚才的ZeroTier官网,往下翻找到Members选项卡,勾选添加电脑端和手机端成员。因为ZeroTier至少需要2个成员才能连接,所以手机端和电脑端都需要下载客户端。 ZeroTier会分别生成电脑端和手机端成员的虚拟IP,复制电脑端成员的Managed IPs,在手机浏览器地址栏输入[电脑端IP]:5244测试 其他方式: 反向代理:将Alist部署到服务器,通过服务器公网IP访问。 IPv6:家庭网络IPv6是动态分配的,会不定期变化,需要配置DDNS服务。 有精力的可以自己研究。 添加播放源 手机端下载Nplayer,kmplayer等播放器。 找到添加网络位置的功能,选择WebDAV。 主机填写你的电脑IP地址,如果是内网穿透填写ZeroTier分配的虚拟IP地址。 除了用户名和密码外,其他项严格按照下方设置。 大功告成 理论上可以多端访问,无论你是Windows、Android、iOS、电视TV、Mac、Linux还是笔记软件,只要支持WebDAV即可享受此服务。ZeroTier也支持Windows、MacOS、Linux、Android、iOS、NAS等等平台。 片源个人推荐: 影巢 https://hdhive.org/ 相关链接 AList文档 AList Release ZeroTier官网 PotPlayer下载地址 影巢","link":"/posts/alist/"},{"title":"Hexo博客教程:使用giscus为网页添加评论系统通用方法","text":"giscus是一个基于GitHub Discussions的评论系统,使用纯前端解决方案,无需服务器支持。支持GitHub账号身份验证,具有自定义主题、灵活配置和多语言支持的特点,为网站提供简单而强大的评论功能。 一、配置⭐在 GitHub 上创建仓库为你的网站创建一个 GitHub 仓库,用于存储评论数据。并确保以下三个条件,缺一不可! 确保仓库是公开的(Public) 如果你的仓库是Private,在仓库中点击最右边的Settings - General,划到最下方,选择change visibility - change to public 确保仓库开启了 Discussions 如果你的仓库没有开启Discussions,同样点击Settings - General,勾选Discussions即可 确保安装了 giscus app giscus app👈点击安装 可选择指定仓库,默认允许访问用户所有仓库 ⚙️在 Giscus 网站上配置giscus 👈点击打开 配置以下内容: 语言:选择评论框所显示的语言 仓库:填写格式:用户名/仓库名,配置好前面的这一步直接会显示成功 页面 ↔️ discussion 映射关系,推荐选择title,这样就会在GitHub Discussions里生成一个你文章名命名的讨论,这个讨论即自己的评论区,跟你的那篇文章是绑定的,确保不会出现我的A文章加载了B文章的评论区的情况。如果B文章并未创建讨论,那么直接在B文章评论区中评论会自动在Discussions中创建讨论。 Discussion 分类:推荐选择Announcements 特性:帖子上的反应可根据喜好开启,评论框在上方建议开启,不然每次评论都要划到最下面,懒加载也推荐开启 反应功能预览: 主题:推荐与你的博客风格一致的主题,不然会很突兀 二、嵌入🚀获取代码 填写好上面的配置之后giscus会自动给我们生成代码,我们点击右上角的复制按钮复制代码 🔧布置代码 主题支持giscus 将代码里的参数填写到config文件里完成配置。 主题不支持giscus 将代码粘贴到正确的页面结构文件的合适位置中。 如果你不知道具体位置,可参考大致思路:一般在主题目录下的layout布局文件夹下,关键词通常为index、post、article等,要粘贴的位置通常在文章正文下面。 如果你是前端小白看不懂代码,我将以Hueman主题举例,找到合适的文件后,比如article.ejs。用文本编辑器打开文件,分析文件的结构,代码分为: article-header(文章头部,比如标题) article-meta(文章元数据,比如标签、作者、日期等) article-entry(文章的正文等) article-footer(文章的页脚,如打赏、分享功能等) HTML标签通常成对出现,如<a>和</a>,总之我们的代码要写在带/的标签后面。因为这个文章页脚并非整个页面的页脚,所以我们粘贴在这个文章页脚下面正好合适。错了也没关系慢慢试。 Hueman主题位置:..\\themes\\hueman\\layout\\common\\article.ejs Cactus主题位置:..\\themes\\cactus\\layout\\post.ejs 不同主题配置方法稍有不同,欢迎提供你的主题配置方法 💡本地预览 在终端中输入以下命令: hexo cl hexo g hexo s 打开 http://localhost:4000/,本地预览效果如下: 🎉推送远端 使用 hexo d 命令推送即可 三、常见问题待收集 四、其他介绍几种其他的评论系统,可以了解一下,选择自己喜欢的 国外的(国内访问困难) Disqus 基于Github Issues的 Gitalk utterances 基于Github Discussions的 giscus 带后端的(部署麻烦,但是最好用) Waline Twikoo 相关链接: giscus:https://giscus.app/zh-CN Hueman:https://ppoffice.github.io/hexo-theme-hueman/ 网络驿站:https://webrelay.cn/","link":"/posts/giscus/"},{"title":"搭建Minecraft游戏服务器:使用MCSManager轻松实现","text":"Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目。 在本教程中,我们将探讨如何使用 MCSManager 这一强大的工具来轻松搭建、管理 Minecraft 游戏服务器。MCSManager 提供了直观的用户界面和丰富的功能,使得管理和监控服务器变得异常简便。无论你是一位服务器管理员还是第一次尝试搭建自己的 Minecraft 服务器,MCSManager都能为你提供便捷而高效的解决方案。 本文章操作环境 本服务器到期前会一直开着(到期时间 2023-08-12 12:46:14),欢迎小伙伴来玩 1.19.4原版生存:43.142.236.44:25565 💰 购买服务器首先得拥有一台Linux服务器,可以在腾讯云、阿里云购买云服务器,一般新用户都会有活动,而且有时还会有免费试用活动等。具体购买步骤略。 由于CentOS已停止维护,Java版本最新只能安装Java 11,而 Minecraft 1.16 版本以上需要 Java 11 以上版本支持,所以我原本的CentOS云服务器重装成了Ubuntu系统,具体在控制台 - 重装系统选择系统及版本即可一键重装。 具体对应版本推荐: Minecraft服务端版本号 JDK/Java推荐版本 1.7- 8 1.8+ 8/11 1.12+ ~ 1.15+ 8/11 1.16+ 11/16 1.17+ ~ 1.18+ 16/17 🚀 登录服务器推荐下载 MobaXterm 或 XShell 远程登录我们的服务器,我以MobaXterm为例,打开软件,点击左上角的Session按钮建立一个连接,选择最左边的SSH Remote host 填写我们的服务器公网IP,例如43.142.236.44 Specify username Ubuntu默认用户名一般为 ubuntu,CentOS默认用户名一般为root Port 端口号22保持不变,如果服务器未开启22端口,可在服务器控制台 - 防火墙/安全组 - 添加规则 端口填写22确认即可。 创建完Session后打开,会提示让我们输入密码,输入过程中不会显示,输完了以后直接回车即可。如果忘记了密码可在服务器控制台重置密码。出现以下界面表示登录成功: 🔧 服务器配置我们先来到我们的云服务器控制台,找到防火墙/安全组,点击添加规则,依次添加23333,24444,25565三个端口,来源默认为0.0.0.0,如需手动填写请手动填写。 回到MobaXterm,依次输入以下指令: Ubuntu系统 切换到管理员权限($为普通用户权限,#为管理员权限) 1sudo bash 更新软件包 1apt update 安装Java环境 1apt install openjdk-17-jre 查看Java版本(确认安装成功) 1java -version 安装Node 1apt install nodejs 安装npm 1apt install npm 🧩 安装MCSManager一行命令快速安装 1wget -qO- https://gitee.com/mcsmanager/script/raw/master/setup.sh 开启MCSManager中文管理面板 12systemctl start mcsmsystemctl status mcsm 记住默认管理用户为#master,密码123456 🔑 登录MCSManager在我们自己电脑的浏览器地址栏中输入云服务器公网IP:23333即可打开登录界面,例如43.142.236.44:23333 输入默认的账号和密码即可登录,登录完成后请尽快修改密码 💡 配置Minecraft服务端 下载Minecraft Java版服务端(server.jar) Minecraft官网下载(只能下载最新版本) MCVersion.net (可下载各个版本的服务端及客户端) 创建实例 回到MCSManager管理面板,点击 服务端管理 - 创建新实例应用 - 引导创建(推荐) 填写实例名称(只能用字母/数字/下划线!),项目位置不用填(默认自动),点击下一步,上传刚刚下载的服务端程序server.jar 点击下一步,填写相关参数,全部默认,选择确认无误,立刻创建 开启游戏服务器 点击刚刚创建的实例,点击左边的 服务端操作 - 开启服务器 即可运行游戏服务端。启动设置 - 服务器自启推荐打开 配置游戏服务器 点击 配置文件 - Server.Properties 即可配置我们的游戏服务器参数,例如游戏模式、地图种子、正版验证、极限模式、玩家互伤等等 再打开服务端命令控制台,输入 op 玩家id,给玩家管理员权限,例如op cyan___orange 更多服务端指令请参考:Minecraft:服务器命令大全 - EDER笑笑的文章 - 知乎 🕹️ 登录Minecraft服务器使用对应的游戏版本启动,我用的服务端是最新版本1.19.4版本,那么我的游戏版本也必须是1.19.4,如果使用离线账号登录,那么必须要在服务器配置文件Server.Properties中关闭正版验证 进入游戏后,在Minecraft中点击 多人游戏 - 添加服务器 服务器名称:随意 服务器地址:服务器公网IP:25565,例如43.142.236.44:25565 点击完成后即可添加我们的服务器,回到服务器列表就可以看到我们的服务器,后面显示绿色即可连接,让我们加入游戏吧! 🎉 成功进入游戏 🥳 相关链接: MCSManager | Minecraft 中文管理面板 MobaXterm free Xserver and tabbed SSH client for Windows XSHELL - NetSarang Website Download server for Minecraft | Minecraft","link":"/posts/minecraft-server/"},{"title":"网页设计中的字体艺术:解密字体选择与Web字体优化","text":"在网页设计的世界中,字体是一种强大的表达工具,能够赋予文字以独特的风格、情感和身份。随着互联网的不断发展,网页字体的选择和优化变得至关重要,直接影响用户体验和网站整体的视觉吸引力。 这就引出了一个重要问题:在网页上使用什么样的字体?如何确保字体在不同设备和浏览器中都能呈现出最佳效果?本文将带你深入探讨网页字体的世界,从字体的基础知识到Web字体的应用,揭示字体背后的艺术和科学。 无论你是一位网页设计师、开发者,还是对字体设计感兴趣的普通用户,通过这篇科普博客,你将对网页字体有一个更全面的了解,并学到如何选择、应用和优化字体以提升网站的视觉吸引力。 font-family字体族字体族(font family)是一组字体的集合,它包括相似风格和设计的字体。在 CSS 中,可以使用 font-family 属性来指定字体族。当指定字体族时,浏览器会按照优先级选择用户设备上可用的字体。下面是常见的字体族及其在具体设计上的特点: 1. serif 字体族 特点: serif 字体具有衬线,衬线是在字符的末端添加的额外笔画,如 “Times New Roman” 中的 “T” 的底部。 示例: Times New Roman, Georgia, Palatino 用途: 适合正式文档和印刷品,因为衬线有助于提高可读性。 2. sans-serif 字体族 特点: sans-serif 字体没有衬线,字符的末端是直的。 示例: Arial, Helvetica, Verdana 用途: 适合屏幕显示,特别是小字体大小下更易阅读。 3. monospace 字体族 特点: monospace 字体中的每个字符都具有相同的宽度,适合排列文本以保持字符对齐。 示例: Courier New, Monaco, Consolas 用途: 适合用于编程代码和等宽排列文本的场合。 4. cursive 字体族 特点: cursive 字体模仿手写风格,通常包含连写的字符。 示例: Comic Sans MS, Brush Script 用途: 适合强调和创意性的场合,但不适合正式文档。 5. fantasy 字体族 特点: fantasy 字体是一类装饰性的字体,通常不符合常规的字体分类。 示例: Impact, Western 用途: 适合用于标题和特殊效果,不适合大篇幅的正文。 示例123body { font-family: Arial, Helvetica, "Microsoft YaHei", sans-serif; } 具体是根据哪款字体来渲染?font-family属性可以定义一个或多个字体的名称,用于渲染文本。当使用font-family定义多款字体时,具体使用哪款字体渲染,取决于以下几个因素: 字体的可用性:浏览器会按照font-family属性的顺序,从左到右,依次尝试使用每个字体。如果浏览器支持并且能够找到第一个字体,就会使用它。如果第一个字体不可用,就会尝试使用第二个字体,以此类推,直到找到一个可用的字体。如果所有的字体都不可用,就会使用浏览器的默认字体。 字体的匹配度:如果一个字体不能完全覆盖文本中的所有字符,浏览器会尝试使用其他字体来补充缺失的字符。这种情况下,浏览器会根据字体的匹配度,即字体的样式,重量,斜度,等等,来选择最合适的字体。如果没有找到合适的字体,就会使用浏览器的默认字体。 字体的优先级:如果一个字体是用户在操作系统或浏览器中设置的首选字体,或者是一个通用的字体族,如serif,sans-serif,monospace,等等,它会有更高的优先级,被更容易地使用。如果一个字体是一个特定的字体名称,如Arial,Times New Roman,等等,它会有更低的优先级,被更难地使用。 因此,当使用font-family定义多款字体时,具体使用哪款字体渲染,是一个动态的过程,需要考虑字体的可用性,匹配度,和优先级。为了保证文本的渲染效果,建议在font-family属性中,既指定特定的字体名称,又指定通用的字体族,以提供更多的备选方案。 font-weight 字重font-weight 是 CSS 中用于设置字体粗细的属性。它的值可以是以下几种: 数值: 100、200、300、400、500、600、700、800、900。数值越大,字体越粗。常见的使用是 normal 对应 400,bold 对应 700。 关键字: normal:定义标准的字符。 bold:定义粗体字符。 全局关键字: initial:设置属性为其默认值。 inherit:从父元素继承属性值。 使用示例1234567891011121314151617181920212223/* 使用关键字 */.normal-text { font-weight: normal;}.bold-text { font-weight: bold;}/* 使用数值 */.light-text { font-weight: 300;}/* 使用全局关键字 */.default-weight { font-weight: initial;}/* 继承父元素的字体粗细 */.inherited-weight { font-weight: inherit;} 在上述示例中,.normal-text 使用 font-weight: normal; 设置为标准字体,.bold-text 使用 font-weight: bold; 设置为粗体,.light-text 使用 font-weight: 300; 设置为较轻的字体。.default-weight 使用 font-weight: initial; 将属性值重置为默认值,而 .inherited-weight 使用 font-weight: inherit; 从父元素继承字体粗细。 这些设置可以根据设计需要和品牌规范来选择,以确保网页文本的良好可读性和一致性。 常见粗细值名称和数值对应100 到 900 之间的数值大致对应如下的常见粗细值名称: 100 200 300 400 500 600 700 800 900 Thin (Hairline) Extra Light (Ultra Light) Light Normal Medium Semi Bold (Demi Bold) Bold Extra Bold (Ultra Bold) Black (Heavy) 关于Regular的定义 在 CSS 中,regular 字重并没有一个具体的数值标准,它通常是指字体家族中的默认或普通字重。具体的字体家族和其对应的字重可能有所不同,因为这是由字体设计者和字体提供商决定的。 一般而言,regular 字重对应于数值 400。在某些字体家族中,regular 也可能对应于 normal 关键字。 @font-face 自定义字体@font-face 是 CSS 中的一个规则,用于定义自定义字体。通过 @font-face 规则,你可以引入并使用网页上没有安装的字体。这对于网页设计中的字体定制非常有用,可以确保你的网页在用户端正确显示所需的字体。 语法123456@font-face { font-family: 'YourFontName'; /* 指定字体的名称,用于后续引用 */ src: url('path/to/your/font.woff2') format('woff2'); /* 字体文件的路径和格式 */ font-weight: normal; /* 字体的粗细,可选值包括 normal、bold 等 */ font-style: normal; /* 字体的风格,可选值包括 normal、italic 等 */} 详解 font-family: 指定字体的名称,以供后续在 CSS 中使用。这是你在 font-family 属性中引用字体时所使用的名称。 src: 指定字体文件的路径和格式。通常,你需要提供字体文件的绝对或相对路径,并指定字体的格式(如 woff2、woff、ttf 等)。可以提供多个 src 声明,以提供备用字体文件,以备不同浏览器和操作系统使用不同的格式。 font-weight 和 font-style: 这两个属性是可选的。它们允许你指定字体的粗细和风格。如果没有指定,将使用字体文件中的默认值。 使用示例12345678@font-face { font-family: 'MyCustomFont'; src: url('path/to/your/font.woff2') format('woff2');}body { font-family: 'MyCustomFont', sans-serif;} 在这个例子中: @font-face 规则定义了一个名为 'MyCustomFont' 的自定义字体,它的来源是 'path/to/your/font.woff2' 文件。 在 body 中,通过 font-family 属性将整个页面的默认字体设置为 'MyCustomFont'。这样,整个页面的文字都会使用这个自定义字体。 确保替换 'path/to/your/font.woff2' 为你实际字体文件的路径。此外,你可以提供多个字体格式,以提高在不同浏览器和操作系统上的兼容性。 format() 的作用format() 是 @font-face 规则中的一个子属性,用于指定字体文件的格式。不同的浏览器和操作系统支持不同的字体文件格式,因此通过 format() 属性,你可以告诉浏览器如何解释字体文件。 常见的字体文件格式包括 WOFF(Web Open Font Format)、WOFF2(Web Open Font Format 2.0)、TTF(TrueType Font)、OTF(OpenType Font)等。通过提供适当的格式,你可以增加网页在各种设备和浏览器上正确显示字体的机会。 语法1234@font-face { font-family: 'YourFontName'; src: url('path/to/your/font.woff') format('woff');} 在这个例子中,format('woff') 表示字体文件的格式是 WOFF。 常见的 format 值 format('woff'): WOFF 格式的字体文件。 format('woff2'): WOFF 2.0 格式的字体文件,是 WOFF 的升级版,通常更加高效。 format('truetype'): TrueType 字体文件格式。 format('opentype'): OpenType 字体文件格式。 format('embedded-opentype'): 嵌入式 OpenType 字体文件格式,通常用于旧版 Internet Explorer。 使用示例12345@font-face { font-family: 'MyCustomFont'; src: url('path/to/your/font.woff2') format('woff2'), url('path/to/your/font.woff') format('woff');} 在这个例子中,@font-face 规则指定了两个字体文件,一个是 WOFF2 格式的,另一个是 WOFF 格式的。浏览器会根据支持的格式选择合适的字体文件来加载。 字体格式的建议在网页开发中,字体有不同的格式,因为不同的浏览器和设备支持不同的字体格式。为了确保字体在各种环境中都能正确加载,通常会使用以下常见的字体格式: WOFF (Web Open Font Format): WOFF 是专门为 Web 设计的字体格式,提供了压缩和高效的字体传输。绝大多数现代浏览器都支持 WOFF 格式。 1234567/* 引入 WOFF 格式的字体 */@font-face { font-family: 'YourFont'; src: url('your-font.woff') format('woff'); font-weight: normal; font-style: normal;} WOFF2 (Web Open Font Format 2): WOFF2 是 WOFF 的升级版,具有更好的压缩效果,但它支持的浏览器较少。然而,对于支持的浏览器,WOFF2 是首选的字体格式。 1234567/* 引入 WOFF2 格式的字体 */@font-face { font-family: 'YourFont'; src: url('your-font.woff2') format('woff2'); font-weight: normal; font-style: normal;} TTF/OTF (TrueType/OpenType): TTF 和 OTF 是传统的字体格式,适用于许多设备和浏览器。但它们相对于 WOFF 来说文件大小较大,因此在 Web 中使用时可能不如 WOFF/WOFF2 效率高。 1234567/* 引入 TTF 格式的字体 */@font-face { font-family: 'YourFont'; src: url('your-font.ttf') format('truetype'); font-weight: normal; font-style: normal;} 在使用字体时,可以使用多个格式,以提供对不同浏览器的更好支持。例如: 12345678@font-face { font-family: 'YourFont'; src: url('your-font.woff2') format('woff2'), url('your-font.woff') format('woff'), url('your-font.ttf') format('truetype'); font-weight: normal; font-style: normal;} 这样,浏览器将根据支持的格式选择合适的字体。确保字体文件在服务器上正确托管,并且在 CSS 中正确引用字体路径。","link":"/posts/web-font/"},{"title":"享受高质量画面:使用PotPlayer播放杜比视界影片的简易指南","text":"PotPlayer 主要是一款播放器,以其丰富的功能和灵活性而闻名。然而,PotPlayer 并不直接支持 Dolby Vision。Dolby Vision 支持通常需要硬件和软件之间的集成,以便能够正确解码和显示 Dolby Vision 格式的内容。 如下图,不支持杜比视界的影片通常呈现紫色和绿色,就像开了红绿色盲滤镜。下面就教大家如何配置PotPlayer播放杜比视界片源。 效果对比设置前: 设置后: 安装环境点击链接下载并安装以下软件: MPC Video Renderer 一款基于 Microsoft Direct3D 的视频渲染器,通常与播放器软件(如Media Player Classic)一起使用。它提供高质量的视频渲染和处理,支持硬件加速,并具有自定义配置选项 LAVFilters 一套开源的DirectShow滤镜套件,为Windows上的多媒体播放器提供音频和视频解码支持。它支持多种常见的音视频格式,提供高质量的解码性能 配置方法 一键配置 下载PotPlayer一键配置文件:https://www.alipan.com/s/EeXfrL6XvYy 先关闭PotPlayer 再双击打开配置文件 - 点击是导入PotPlayer配置 打开PotPlayer测试 手动配置 以防万一,如果配置文件没用可以尝试手动配置。步骤比较繁琐,而且缺一不可,虽然技术难度不高,还是更推荐一键配置。 点击左上角/右键/按F5,打开主菜单再点击选项打开选项菜单 视频-视频渲染器,选择刚刚安装好的MPC视频渲染器。 视频-像素着色器,取消所有勾选。 基本-进阶皮肤-在画面上输出皮肤-方式,选择窗口化图层。 滤镜-内置图像处理滤镜设置-激活条件,选择不使用。 滤镜-视频解码器-滤镜/解码器管理-添加系统滤镜,选择LAV Video Decoder和LAV Audio Decoder(可选),确定。 滤镜-视频解码器,所有格式能选LAV Video Decoder的都选上,音频解码器同理。 重启PotPlayer,播放杜比片源测试。 相关链接: PotPlayer安装MPC Video Renderer 播放杜比视界视频 MPC Video Renderer Releases LAVFilters","link":"/posts/potplayer-dolby-vision/"}],"tags":[{"name":"网络","slug":"网络","link":"/tags/%E7%BD%91%E7%BB%9C/"},{"name":"WebDAV","slug":"WebDAV","link":"/tags/WebDAV/"},{"name":"Alist","slug":"Alist","link":"/tags/Alist/"},{"name":"影视","slug":"影视","link":"/tags/%E5%BD%B1%E8%A7%86/"},{"name":"软件","slug":"软件","link":"/tags/%E8%BD%AF%E4%BB%B6/"},{"name":"PotPlayer","slug":"PotPlayer","link":"/tags/PotPlayer/"},{"name":"Hexo","slug":"Hexo","link":"/tags/Hexo/"},{"name":"博客","slug":"博客","link":"/tags/%E5%8D%9A%E5%AE%A2/"},{"name":"评论","slug":"评论","link":"/tags/%E8%AF%84%E8%AE%BA/"},{"name":"插件","slug":"插件","link":"/tags/%E6%8F%92%E4%BB%B6/"},{"name":"giscus","slug":"giscus","link":"/tags/giscus/"},{"name":"游戏","slug":"游戏","link":"/tags/%E6%B8%B8%E6%88%8F/"},{"name":"服务器","slug":"服务器","link":"/tags/%E6%9C%8D%E5%8A%A1%E5%99%A8/"},{"name":"mcsmanager","slug":"mcsmanager","link":"/tags/mcsmanager/"},{"name":"minecraft","slug":"minecraft","link":"/tags/minecraft/"},{"name":"java","slug":"java","link":"/tags/java/"},{"name":"笔记","slug":"笔记","link":"/tags/%E7%AC%94%E8%AE%B0/"},{"name":"CSS","slug":"CSS","link":"/tags/CSS/"},{"name":"字体","slug":"字体","link":"/tags/%E5%AD%97%E4%BD%93/"},{"name":"知识","slug":"知识","link":"/tags/%E7%9F%A5%E8%AF%86/"},{"name":"杜比视界","slug":"杜比视界","link":"/tags/%E6%9D%9C%E6%AF%94%E8%A7%86%E7%95%8C/"},{"name":"MPC Video Renderer","slug":"MPC-Video-Renderer","link":"/tags/MPC-Video-Renderer/"},{"name":"LAVFilters","slug":"LAVFilters","link":"/tags/LAVFilters/"}],"categories":[{"name":"教程","slug":"教程","link":"/categories/%E6%95%99%E7%A8%8B/"},{"name":"前端","slug":"前端","link":"/categories/%E5%89%8D%E7%AB%AF/"}],"pages":[{"title":"","text":"","link":"/about/index.html"}]} \ No newline at end of file diff --git a/css/cyberpunk.css b/css/cyberpunk.css new file mode 100644 index 00000000..8c2ae64a --- /dev/null +++ b/css/cyberpunk.css @@ -0,0 +1,12327 @@ +@-moz-keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +@-webkit-keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +@-o-keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +@keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +.is-unselectable, +.breadcrumb, +.modal-close, +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis, +.tabs, +.button, +.delete, +.file { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.navbar-link:not(.is-arrowless)::after, +.select:not(.is-multiple):not(.is-loading)::after { + border: 3px solid transparent; + border-radius: 2px; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.625em; + margin-top: -0.4375em; + pointer-events: none; + position: absolute; + top: 50%; + transform: rotate(-45deg); + transform-origin: center; + width: 0.625em; +} +.breadcrumb:not(:last-child), +.level:not(:last-child), +.list:not(:last-child), +.message:not(:last-child), +.pagination:not(:last-child), +.tabs:not(:last-child), +.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) { + margin-bottom: 1.5rem; +} +.modal-close, +.delete { + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(0,0,0,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; +} +.modal-close::before, +.delete::before, +.modal-close::after, +.delete::after { + background-color: #000; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} +.modal-close::before, +.delete::before { + height: 2px; + width: 50%; +} +.modal-close::after, +.delete::after { + height: 50%; + width: 2px; +} +.modal-close:hover, +.delete:hover, +.modal-close:focus, +.delete:focus { + background-color: rgba(0,0,0,0.3); +} +.modal-close:active, +.delete:active { + background-color: rgba(0,0,0,0.4); +} +.modal-close.is-small, +.delete.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} +.modal-close.is-medium, +.delete.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} +.modal-close.is-large, +.delete.is-large { + 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, +.modal, +.modal-background, +.image.is-square img, +.image.is-1by1 img, +.image.is-5by4 img, +.image.is-4by3 img, +.image.is-3by2 img, +.image.is-5by3 img, +.image.is-16by9 img, +.image.is-2by1 img, +.image.is-3by1 img, +.image.is-4by5 img, +.image.is-3by4 img, +.image.is-2by3 img, +.image.is-3by5 img, +.image.is-9by16 img, +.image.is-1by2 img, +.image.is-1by3 img, +.image.is-square .has-ratio, +.image.is-1by1 .has-ratio, +.image.is-5by4 .has-ratio, +.image.is-4by3 .has-ratio, +.image.is-3by2 .has-ratio, +.image.is-5by3 .has-ratio, +.image.is-16by9 .has-ratio, +.image.is-2by1 .has-ratio, +.image.is-3by1 .has-ratio, +.image.is-4by5 .has-ratio, +.image.is-3by4 .has-ratio, +.image.is-2by3 .has-ratio, +.image.is-3by5 .has-ratio, +.image.is-9by16 .has-ratio, +.image.is-1by2 .has-ratio, +.image.is-1by3 .has-ratio, +.hero-video { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis, +.button, +.input, +.textarea, +.select select, +.file-cta, +.file-name { + -moz-appearance: none; + -webkit-appearance: none; + align-items: center; + border: 1px solid transparent; + border-radius: 0; + box-shadow: none; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.5em - 1px); + padding-left: calc(0.75em - 1px); + padding-right: calc(0.75em - 1px); + padding-top: calc(0.5em - 1px); + position: relative; + vertical-align: top; +} +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus, +.pagination-ellipsis:focus, +.button:focus, +.input:focus, +.textarea:focus, +.select select:focus, +.file-cta:focus, +.file-name:focus, +.pagination-previous.is-focused, +.pagination-next.is-focused, +.pagination-link.is-focused, +.pagination-ellipsis.is-focused, +.button.is-focused, +.input.is-focused, +.textarea.is-focused, +.select select.is-focused, +.file-cta.is-focused, +.file-name.is-focused, +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active, +.pagination-ellipsis:active, +.button:active, +.input:active, +.textarea:active, +.select select:active, +.file-cta:active, +.file-name:active, +.pagination-previous.is-active, +.pagination-next.is-active, +.pagination-link.is-active, +.pagination-ellipsis.is-active, +.button.is-active, +.input.is-active, +.textarea.is-active, +.select select.is-active, +.file-cta.is-active, +.file-name.is-active { + outline: none; +} +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled], +.pagination-ellipsis[disabled], +.button[disabled], +.input[disabled], +.textarea[disabled], +.select select[disabled], +.file-cta[disabled], +.file-name[disabled], +fieldset[disabled] .pagination-previous, +fieldset[disabled] .pagination-next, +fieldset[disabled] .pagination-link, +fieldset[disabled] .pagination-ellipsis, +fieldset[disabled] .button, +fieldset[disabled] .input, +fieldset[disabled] .textarea, +fieldset[disabled] .select select, +fieldset[disabled] .file-cta, +fieldset[disabled] .file-name { + cursor: not-allowed; +} +/* minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} +ul { + list-style: none; +} +button, +input, +select, +textarea { + margin: 0; +} +html { + box-sizing: border-box; +} +*, +*::before, +*::after { + box-sizing: inherit; +} +img, +video { + height: auto; + max-width: 100%; +} +iframe { + border: 0; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} +td:not([align]), +th:not([align]) { + text-align: left; +} +html { + background-color: #000; + font-size: 14px; + -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: 'Oxanium', Ubuntu, Roboto, 'Open Sans', 'Microsoft YaHei', sans-serif; +} +code, +pre { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: auto; + font-family: 'Roboto Mono', monospace, 'Microsoft YaHei'; +} +body { + color: #cdcdcd; + font-size: 1em; + font-weight: 400; + line-height: 1.5; +} +a { + color: #02d7f2; + cursor: pointer; + text-decoration: none; +} +a strong { + color: currentColor; +} +a:hover { + color: #fcee09; +} +code { + background-color: #f5f5f5; + color: #ff003c; + font-size: 0.875em; + font-weight: normal; + padding: 0.25em 0.5em 0.25em; +} +hr { + background-color: #f5f5f5; + 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: #fcee09; + font-weight: 700; +} +fieldset { + border: none; +} +pre { + -webkit-overflow-scrolling: touch; + background-color: #f5f5f5; + color: #cdcdcd; + 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: #fcee09; +} +.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, +article.media .title { + font-size: 1rem !important; +} +.is-size-7, +article.media .date, +article.media .categories, +.article-licensing .licensing-title a, +.article-licensing .licensing-meta h6 { + font-size: 0.85rem !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.85rem !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.85rem !important; + } +} +@media screen and (max-width: 1087px) { + .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.85rem !important; + } +} +@media screen and (min-width: 1088px) { + .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.85rem !important; + } +} +@media screen and (min-width: 1280px) { + .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.85rem !important; + } +} +@media screen and (min-width: 1472px) { + .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.85rem !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: 1087px) { + .has-text-centered-tablet-only { + text-align: center !important; + } +} +@media screen and (max-width: 1087px) { + .has-text-centered-touch { + text-align: center !important; + } +} +@media screen and (min-width: 1088px) { + .has-text-centered-desktop { + text-align: center !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-centered-desktop-only { + text-align: center !important; + } +} +@media screen and (min-width: 1280px) { + .has-text-centered-widescreen { + text-align: center !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-centered-widescreen-only { + text-align: center !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .has-text-justified-tablet-only { + text-align: justify !important; + } +} +@media screen and (max-width: 1087px) { + .has-text-justified-touch { + text-align: justify !important; + } +} +@media screen and (min-width: 1088px) { + .has-text-justified-desktop { + text-align: justify !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-justified-desktop-only { + text-align: justify !important; + } +} +@media screen and (min-width: 1280px) { + .has-text-justified-widescreen { + text-align: justify !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-justified-widescreen-only { + text-align: justify !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .has-text-left-tablet-only { + text-align: left !important; + } +} +@media screen and (max-width: 1087px) { + .has-text-left-touch { + text-align: left !important; + } +} +@media screen and (min-width: 1088px) { + .has-text-left-desktop { + text-align: left !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-left-desktop-only { + text-align: left !important; + } +} +@media screen and (min-width: 1280px) { + .has-text-left-widescreen { + text-align: left !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-left-widescreen-only { + text-align: left !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .has-text-right-tablet-only { + text-align: right !important; + } +} +@media screen and (max-width: 1087px) { + .has-text-right-touch { + text-align: right !important; + } +} +@media screen and (min-width: 1088px) { + .has-text-right-desktop { + text-align: right !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-right-desktop-only { + text-align: right !important; + } +} +@media screen and (min-width: 1280px) { + .has-text-right-widescreen { + text-align: right !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-right-widescreen-only { + text-align: right !important; + } +} +@media screen and (min-width: 1472px) { + .has-text-right-fullhd { + text-align: right !important; + } +} +.is-capitalized { + text-transform: capitalize !important; +} +.is-lowercase { + text-transform: lowercase !important; +} +.is-uppercase, +article.media .categories { + text-transform: uppercase !important; +} +.is-italic { + font-style: italic !important; +} +.has-text-white { + color: #fff !important; +} +a.has-text-white:hover, +a.has-text-white:focus { + color: #e6e6e6 !important; +} +.has-background-white { + background-color: #fff !important; +} +.has-text-black { + color: #000 !important; +} +a.has-text-black:hover, +a.has-text-black:focus { + color: #000 !important; +} +.has-background-black { + background-color: #000 !important; +} +.has-text-light { + color: #f5f5f5 !important; +} +a.has-text-light:hover, +a.has-text-light:focus { + color: #dbdbdb !important; +} +.has-background-light { + background-color: #f5f5f5 !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: #fcee09 !important; +} +a.has-text-primary:hover, +a.has-text-primary:focus { + color: #cfc403 !important; +} +.has-background-primary { + background-color: #fcee09 !important; +} +.has-text-link { + color: #02d7f2 !important; +} +a.has-text-link:hover, +a.has-text-link:focus { + color: #02aabf !important; +} +.has-background-link { + background-color: #02d7f2 !important; +} +.has-text-info { + color: #02d7f2 !important; +} +a.has-text-info:hover, +a.has-text-info:focus { + color: #02aabf !important; +} +.has-background-info { + background-color: #02d7f2 !important; +} +.has-text-success { + color: #00ff41 !important; +} +a.has-text-success:hover, +a.has-text-success:focus { + color: #00cc34 !important; +} +.has-background-success { + background-color: #00ff41 !important; +} +.has-text-warning { + color: #ff8e3c !important; +} +a.has-text-warning:hover, +a.has-text-warning:focus { + color: #ff7009 !important; +} +.has-background-warning { + background-color: #ff8e3c !important; +} +.has-text-danger { + color: #ff003c !important; +} +a.has-text-danger:hover, +a.has-text-danger:focus { + color: #cc0030 !important; +} +.has-background-danger { + background-color: #ff003c !important; +} +.has-text-grey-lightest { + color: #ededed !important; +} +a.has-text-grey-lightest:hover, +a.has-text-grey-lightest:focus { + color: #d4d4d4 !important; +} +.has-background-grey-lightest { + background-color: #ededed !important; +} +.has-text-black-bis { + color: #050a0e !important; +} +.has-background-black-bis { + background-color: #050a0e !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, +.article-licensing .licensing-title a { + color: #848484 !important; +} +.has-background-grey { + background-color: #848484 !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: #f5f5f5 !important; +} +.has-background-white-ter { + background-color: #f5f5f5 !important; +} +.has-text-white-bis { + color: #cdcdcd !important; +} +.has-background-white-bis { + background-color: #cdcdcd !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: 'Oxanium', Ubuntu, Roboto, 'Open Sans', 'Microsoft YaHei', sans-serif !important; +} +.is-family-secondary { + font-family: 'Oxanium', Ubuntu, Roboto, 'Open Sans', 'Microsoft YaHei', sans-serif !important; +} +.is-family-sans-serif { + font-family: 'Oxanium', Ubuntu, Roboto, 'Open Sans', 'Microsoft YaHei', sans-serif !important; +} +.is-family-monospace { + font-family: monospace !important; +} +.is-family-code { + font-family: 'Roboto Mono', monospace, 'Microsoft YaHei' !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: 1087px) { + .is-block-tablet-only { + display: block !important; + } +} +@media screen and (max-width: 1087px) { + .is-block-touch { + display: block !important; + } +} +@media screen and (min-width: 1088px) { + .is-block-desktop { + display: block !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-block-desktop-only { + display: block !important; + } +} +@media screen and (min-width: 1280px) { + .is-block-widescreen { + display: block !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-block-widescreen-only { + display: block !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-flex-tablet-only { + display: flex !important; + } +} +@media screen and (max-width: 1087px) { + .is-flex-touch { + display: flex !important; + } +} +@media screen and (min-width: 1088px) { + .is-flex-desktop { + display: flex !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-flex-desktop-only { + display: flex !important; + } +} +@media screen and (min-width: 1280px) { + .is-flex-widescreen { + display: flex !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-flex-widescreen-only { + display: flex !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-inline-tablet-only { + display: inline !important; + } +} +@media screen and (max-width: 1087px) { + .is-inline-touch { + display: inline !important; + } +} +@media screen and (min-width: 1088px) { + .is-inline-desktop { + display: inline !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-inline-desktop-only { + display: inline !important; + } +} +@media screen and (min-width: 1280px) { + .is-inline-widescreen { + display: inline !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-inline-widescreen-only { + display: inline !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-inline-block-tablet-only { + display: inline-block !important; + } +} +@media screen and (max-width: 1087px) { + .is-inline-block-touch { + display: inline-block !important; + } +} +@media screen and (min-width: 1088px) { + .is-inline-block-desktop { + display: inline-block !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-inline-block-desktop-only { + display: inline-block !important; + } +} +@media screen and (min-width: 1280px) { + .is-inline-block-widescreen { + display: inline-block !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-inline-block-widescreen-only { + display: inline-block !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-inline-flex-tablet-only { + display: inline-flex !important; + } +} +@media screen and (max-width: 1087px) { + .is-inline-flex-touch { + display: inline-flex !important; + } +} +@media screen and (min-width: 1088px) { + .is-inline-flex-desktop { + display: inline-flex !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-inline-flex-desktop-only { + display: inline-flex !important; + } +} +@media screen and (min-width: 1280px) { + .is-inline-flex-widescreen { + display: inline-flex !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-inline-flex-widescreen-only { + display: inline-flex !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-hidden-tablet-only { + display: none !important; + } +} +@media screen and (max-width: 1087px) { + .is-hidden-touch { + display: none !important; + } +} +@media screen and (min-width: 1088px) { + .is-hidden-desktop { + display: none !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-hidden-desktop-only { + display: none !important; + } +} +@media screen and (min-width: 1280px) { + .is-hidden-widescreen { + display: none !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-hidden-widescreen-only { + display: none !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-invisible-tablet-only { + visibility: hidden !important; + } +} +@media screen and (max-width: 1087px) { + .is-invisible-touch { + visibility: hidden !important; + } +} +@media screen and (min-width: 1088px) { + .is-invisible-desktop { + visibility: hidden !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-invisible-desktop-only { + visibility: hidden !important; + } +} +@media screen and (min-width: 1280px) { + .is-invisible-widescreen { + visibility: hidden !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-invisible-widescreen-only { + visibility: hidden !important; + } +} +@media screen and (min-width: 1472px) { + .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; +} +.breadcrumb { + font-size: 1rem; + white-space: nowrap; +} +.breadcrumb a { + align-items: center; + color: #02d7f2; + display: flex; + justify-content: center; + padding: 0 0.75em; +} +.breadcrumb a:hover { + color: #fcee09; +} +.breadcrumb li { + align-items: center; + display: flex; +} +.breadcrumb li:first-child a { + padding-left: 0; +} +.breadcrumb li.is-active a { + color: #fcee09; + cursor: default; + pointer-events: none; +} +.breadcrumb li + li::before { + color: #b5b5b5; + content: "\0002f"; +} +.breadcrumb ul, +.breadcrumb ol { + align-items: flex-start; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.breadcrumb .icon:first-child { + margin-right: 0.5em; +} +.breadcrumb .icon:last-child { + margin-left: 0.5em; +} +.breadcrumb.is-centered ol, +.breadcrumb.is-centered ul { + justify-content: center; +} +.breadcrumb.is-right ol, +.breadcrumb.is-right ul { + justify-content: flex-end; +} +.breadcrumb.is-small { + font-size: 0.75rem; +} +.breadcrumb.is-medium { + font-size: 1.25rem; +} +.breadcrumb.is-large { + font-size: 1.5rem; +} +.breadcrumb.has-arrow-separator li + li::before { + content: "\02192"; +} +.breadcrumb.has-bullet-separator li + li::before { + content: "\02022"; +} +.breadcrumb.has-dot-separator li + li::before { + content: "\000b7"; +} +.breadcrumb.has-succeeds-separator li + li::before { + content: "\0227B"; +} +.card { + background-color: transparent; + box-shadow: none, 0 0 1px rgba(0,0,0,0.1); + color: #cdcdcd; + max-width: 100%; + position: relative; +} +.card-header { + background-color: transparent; + align-items: stretch; + box-shadow: 0 0.125em 0.25em rgba(0,0,0,0.1); + display: flex; +} +.card-header-title { + align-items: center; + color: #fcee09; + display: flex; + flex-grow: 1; + font-weight: 700; + padding: 0.75rem 1rem; +} +.card-header-title.is-centered { + justify-content: center; +} +.card-header-icon { + align-items: center; + cursor: pointer; + display: flex; + justify-content: center; + padding: 0.75rem 1rem; +} +.card-image { + display: block; + position: relative; +} +.card-content { + background-color: transparent; + padding: 1.5rem; +} +.card-footer { + background-color: transparent; + border-top: 1px solid #ededed; + align-items: stretch; + display: flex; +} +.card-footer-item { + align-items: center; + display: flex; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; + padding: 0.75rem; +} +.card-footer-item:not(:last-child) { + border-right: 1px solid #ededed; +} +.card .media:not(:last-child) { + margin-bottom: 0.75rem; +} +.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: #000; + border-radius: 0; + box-shadow: 0 0.5em 1em -0.125em rgba(0,0,0,0.1), 0 0px 0 1px rgba(0,0,0,0.02); + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} +.dropdown-item { + color: #cdcdcd; + display: block; + font-size: 0.875rem; + line-height: 1.5; + padding: 0.375rem 1rem; + position: relative; +} +a.dropdown-item, +button.dropdown-item { + padding-right: 3rem; + text-align: left; + white-space: nowrap; + width: 100%; +} +a.dropdown-item:hover, +button.dropdown-item:hover { + background-color: #f5f5f5; + color: #000; +} +a.dropdown-item.is-active, +button.dropdown-item.is-active { + background-color: #02d7f2; + color: rgba(0,0,0,0.7); +} +.dropdown-divider { + background-color: #ededed; + border: none; + display: block; + height: 1px; + margin: 0.5rem 0; +} +.level { + align-items: center; + justify-content: space-between; +} +.level code { + border-radius: 0; +} +.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: #000; + border-radius: 0; + box-shadow: 0 2px 3px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.1); +} +.list-item { + display: block; + padding: 0.5em 1em; +} +.list-item:not(a) { + color: #cdcdcd; +} +.list-item:first-child { + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.list-item:last-child { + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} +.list-item:not(:last-child) { + border-bottom: 1px solid #dbdbdb; +} +.list-item.is-active { + background-color: #02d7f2; + color: rgba(0,0,0,0.7); +} +a.list-item { + background-color: #f5f5f5; + 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: 0; + color: #cdcdcd; + display: block; + padding: 0.5em 0.75em; +} +.menu-list a:hover { + background-color: #fcee09; + color: #000; +} +.menu-list a.is-active { + background-color: #fcee09; + color: #000; +} +.menu-list li ul { + border-left: 1px solid #cdcdcd; + margin: 0.75em; + padding-left: 0.75em; +} +.menu-label { + color: #02d7f2; + 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: #f5f5f5; + border-radius: 0; + 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: #fff; +} +.message.is-white .message-header { + background-color: #fff; + color: #000; +} +.message.is-white .message-body { + border-color: #fff; +} +.message.is-black { + background-color: #fafafa; +} +.message.is-black .message-header { + background-color: #000; + color: #fff; +} +.message.is-black .message-body { + border-color: #000; +} +.message.is-light { + background-color: #fafafa; +} +.message.is-light .message-header { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.message.is-light .message-body { + border-color: #f5f5f5; +} +.message.is-dark { + background-color: #fafafa; +} +.message.is-dark .message-header { + background-color: #363636; + color: #fff; +} +.message.is-dark .message-body { + border-color: #363636; +} +.message.is-primary { + background-color: #fffeeb; +} +.message.is-primary .message-header { + background-color: #fcee09; + color: #121617; +} +.message.is-primary .message-body { + border-color: #fcee09; + color: #928a02; +} +.message.is-link { + background-color: #ebfdff; +} +.message.is-link .message-header { + background-color: #02d7f2; + color: rgba(0,0,0,0.7); +} +.message.is-link .message-body { + border-color: #02d7f2; + color: #018293; +} +.message.is-info { + background-color: #ebfdff; +} +.message.is-info .message-header { + background-color: #02d7f2; + color: #121617; +} +.message.is-info .message-body { + border-color: #02d7f2; + color: #018293; +} +.message.is-success { + background-color: #ebfff0; +} +.message.is-success .message-header { + background-color: #00ff41; + color: #121617; +} +.message.is-success .message-body { + border-color: #00ff41; + color: #009426; +} +.message.is-warning { + background-color: #fff3eb; +} +.message.is-warning .message-header { + background-color: #ff8e3c; + color: #121617; +} +.message.is-warning .message-body { + border-color: #ff8e3c; + color: #a84700; +} +.message.is-danger { + background-color: #ffebef; +} +.message.is-danger .message-header { + background-color: #ff003c; + color: #121617; +} +.message.is-danger .message-body { + border-color: #ff003c; + color: #eb0037; +} +.message.is-grey-lightest { + background-color: #fafafa; +} +.message.is-grey-lightest .message-header { + background-color: #ededed; + color: #363636; +} +.message.is-grey-lightest .message-body { + border-color: #ededed; +} +.message-header { + align-items: center; + background-color: #cdcdcd; + border-radius: 0 0 0 0; + color: rgba(0,0,0,0.7); + 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: 0; + border-style: solid; + border-width: 0 0 0 4px; + color: #cdcdcd; + padding: 1.25em 1.5em; +} +.message-body code, +.message-body pre { + background-color: #000; +} +.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(0,0,0,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: #f5f5f5; + 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: #fcee09; + 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: #000; + flex-grow: 1; + flex-shrink: 1; + overflow: auto; + padding: 20px; +} +.navbar { + background-color: #fcee09; + min-height: 3.25rem; + position: relative; + z-index: 30; +} +.navbar.is-white { + background-color: #fff; + color: #000; +} +.navbar.is-white .navbar-brand > .navbar-item, +.navbar.is-white .navbar-brand .navbar-link { + color: #000; +} +.navbar.is-white .navbar-brand > a.navbar-item:focus, +.navbar.is-white .navbar-brand .navbar-link:focus, +.navbar.is-white .navbar-brand > a.navbar-item:hover, +.navbar.is-white .navbar-brand .navbar-link:hover, +.navbar.is-white .navbar-brand > a.navbar-item.is-active, +.navbar.is-white .navbar-brand .navbar-link.is-active { + background-color: #f2f2f2; + color: #000; +} +.navbar.is-white .navbar-brand .navbar-link::after { + border-color: #000; +} +.navbar.is-white .navbar-burger { + color: #000; +} +@media screen and (min-width: 1088px) { + .navbar.is-white .navbar-start > .navbar-item, + .navbar.is-white .navbar-end > .navbar-item, + .navbar.is-white .navbar-start .navbar-link, + .navbar.is-white .navbar-end .navbar-link { + color: #000; + } + .navbar.is-white .navbar-start > a.navbar-item:focus, + .navbar.is-white .navbar-end > a.navbar-item:focus, + .navbar.is-white .navbar-start .navbar-link:focus, + .navbar.is-white .navbar-end .navbar-link:focus, + .navbar.is-white .navbar-start > a.navbar-item:hover, + .navbar.is-white .navbar-end > a.navbar-item:hover, + .navbar.is-white .navbar-start .navbar-link:hover, + .navbar.is-white .navbar-end .navbar-link:hover, + .navbar.is-white .navbar-start > a.navbar-item.is-active, + .navbar.is-white .navbar-end > a.navbar-item.is-active, + .navbar.is-white .navbar-start .navbar-link.is-active, + .navbar.is-white .navbar-end .navbar-link.is-active { + background-color: #f2f2f2; + color: #000; + } + .navbar.is-white .navbar-start .navbar-link::after, + .navbar.is-white .navbar-end .navbar-link::after { + border-color: #000; + } + .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: #000; + } + .navbar.is-white .navbar-dropdown a.navbar-item.is-active { + background-color: #fff; + color: #000; + } +} +.navbar.is-black { + background-color: #000; + color: #fff; +} +.navbar.is-black .navbar-brand > .navbar-item, +.navbar.is-black .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-black .navbar-brand > a.navbar-item:focus, +.navbar.is-black .navbar-brand .navbar-link:focus, +.navbar.is-black .navbar-brand > a.navbar-item:hover, +.navbar.is-black .navbar-brand .navbar-link:hover, +.navbar.is-black .navbar-brand > a.navbar-item.is-active, +.navbar.is-black .navbar-brand .navbar-link.is-active { + background-color: #000; + color: #fff; +} +.navbar.is-black .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-black .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-black .navbar-start > .navbar-item, + .navbar.is-black .navbar-end > .navbar-item, + .navbar.is-black .navbar-start .navbar-link, + .navbar.is-black .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-black .navbar-start > a.navbar-item:focus, + .navbar.is-black .navbar-end > a.navbar-item:focus, + .navbar.is-black .navbar-start .navbar-link:focus, + .navbar.is-black .navbar-end .navbar-link:focus, + .navbar.is-black .navbar-start > a.navbar-item:hover, + .navbar.is-black .navbar-end > a.navbar-item:hover, + .navbar.is-black .navbar-start .navbar-link:hover, + .navbar.is-black .navbar-end .navbar-link:hover, + .navbar.is-black .navbar-start > a.navbar-item.is-active, + .navbar.is-black .navbar-end > a.navbar-item.is-active, + .navbar.is-black .navbar-start .navbar-link.is-active, + .navbar.is-black .navbar-end .navbar-link.is-active { + background-color: #000; + color: #fff; + } + .navbar.is-black .navbar-start .navbar-link::after, + .navbar.is-black .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #000; + color: #fff; + } + .navbar.is-black .navbar-dropdown a.navbar-item.is-active { + background-color: #000; + color: #fff; + } +} +.navbar.is-light { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.navbar.is-light .navbar-brand > .navbar-item, +.navbar.is-light .navbar-brand .navbar-link { + color: rgba(0,0,0,0.7); +} +.navbar.is-light .navbar-brand > a.navbar-item:focus, +.navbar.is-light .navbar-brand .navbar-link:focus, +.navbar.is-light .navbar-brand > a.navbar-item:hover, +.navbar.is-light .navbar-brand .navbar-link:hover, +.navbar.is-light .navbar-brand > a.navbar-item.is-active, +.navbar.is-light .navbar-brand .navbar-link.is-active { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); +} +.navbar.is-light .navbar-brand .navbar-link::after { + border-color: rgba(0,0,0,0.7); +} +.navbar.is-light .navbar-burger { + color: rgba(0,0,0,0.7); +} +@media screen and (min-width: 1088px) { + .navbar.is-light .navbar-start > .navbar-item, + .navbar.is-light .navbar-end > .navbar-item, + .navbar.is-light .navbar-start .navbar-link, + .navbar.is-light .navbar-end .navbar-link { + color: rgba(0,0,0,0.7); + } + .navbar.is-light .navbar-start > a.navbar-item:focus, + .navbar.is-light .navbar-end > a.navbar-item:focus, + .navbar.is-light .navbar-start .navbar-link:focus, + .navbar.is-light .navbar-end .navbar-link:focus, + .navbar.is-light .navbar-start > a.navbar-item:hover, + .navbar.is-light .navbar-end > a.navbar-item:hover, + .navbar.is-light .navbar-start .navbar-link:hover, + .navbar.is-light .navbar-end .navbar-link:hover, + .navbar.is-light .navbar-start > a.navbar-item.is-active, + .navbar.is-light .navbar-end > a.navbar-item.is-active, + .navbar.is-light .navbar-start .navbar-link.is-active, + .navbar.is-light .navbar-end .navbar-link.is-active { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); + } + .navbar.is-light .navbar-start .navbar-link::after, + .navbar.is-light .navbar-end .navbar-link::after { + border-color: rgba(0,0,0,0.7); + } + .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); + } + .navbar.is-light .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); + } +} +.navbar.is-dark { + background-color: #363636; + color: #fff; +} +.navbar.is-dark .navbar-brand > .navbar-item, +.navbar.is-dark .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-dark .navbar-brand > a.navbar-item:focus, +.navbar.is-dark .navbar-brand .navbar-link:focus, +.navbar.is-dark .navbar-brand > a.navbar-item:hover, +.navbar.is-dark .navbar-brand .navbar-link:hover, +.navbar.is-dark .navbar-brand > a.navbar-item.is-active, +.navbar.is-dark .navbar-brand .navbar-link.is-active { + background-color: #292929; + color: #fff; +} +.navbar.is-dark .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-dark .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-dark .navbar-start > .navbar-item, + .navbar.is-dark .navbar-end > .navbar-item, + .navbar.is-dark .navbar-start .navbar-link, + .navbar.is-dark .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-dark .navbar-start > a.navbar-item:focus, + .navbar.is-dark .navbar-end > a.navbar-item:focus, + .navbar.is-dark .navbar-start .navbar-link:focus, + .navbar.is-dark .navbar-end .navbar-link:focus, + .navbar.is-dark .navbar-start > a.navbar-item:hover, + .navbar.is-dark .navbar-end > a.navbar-item:hover, + .navbar.is-dark .navbar-start .navbar-link:hover, + .navbar.is-dark .navbar-end .navbar-link:hover, + .navbar.is-dark .navbar-start > a.navbar-item.is-active, + .navbar.is-dark .navbar-end > a.navbar-item.is-active, + .navbar.is-dark .navbar-start .navbar-link.is-active, + .navbar.is-dark .navbar-end .navbar-link.is-active { + background-color: #292929; + color: #fff; + } + .navbar.is-dark .navbar-start .navbar-link::after, + .navbar.is-dark .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #292929; + color: #fff; + } + .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #363636; + color: #fff; + } +} +.navbar.is-primary { + background-color: #fcee09; + color: #121617; +} +.navbar.is-primary .navbar-brand > .navbar-item, +.navbar.is-primary .navbar-brand .navbar-link { + color: #121617; +} +.navbar.is-primary .navbar-brand > a.navbar-item:focus, +.navbar.is-primary .navbar-brand .navbar-link:focus, +.navbar.is-primary .navbar-brand > a.navbar-item:hover, +.navbar.is-primary .navbar-brand .navbar-link:hover, +.navbar.is-primary .navbar-brand > a.navbar-item.is-active, +.navbar.is-primary .navbar-brand .navbar-link.is-active { + background-color: #e9db03; + color: #121617; +} +.navbar.is-primary .navbar-brand .navbar-link::after { + border-color: #121617; +} +.navbar.is-primary .navbar-burger { + color: #121617; +} +@media screen and (min-width: 1088px) { + .navbar.is-primary .navbar-start > .navbar-item, + .navbar.is-primary .navbar-end > .navbar-item, + .navbar.is-primary .navbar-start .navbar-link, + .navbar.is-primary .navbar-end .navbar-link { + color: #121617; + } + .navbar.is-primary .navbar-start > a.navbar-item:focus, + .navbar.is-primary .navbar-end > a.navbar-item:focus, + .navbar.is-primary .navbar-start .navbar-link:focus, + .navbar.is-primary .navbar-end .navbar-link:focus, + .navbar.is-primary .navbar-start > a.navbar-item:hover, + .navbar.is-primary .navbar-end > a.navbar-item:hover, + .navbar.is-primary .navbar-start .navbar-link:hover, + .navbar.is-primary .navbar-end .navbar-link:hover, + .navbar.is-primary .navbar-start > a.navbar-item.is-active, + .navbar.is-primary .navbar-end > a.navbar-item.is-active, + .navbar.is-primary .navbar-start .navbar-link.is-active, + .navbar.is-primary .navbar-end .navbar-link.is-active { + background-color: #e9db03; + color: #121617; + } + .navbar.is-primary .navbar-start .navbar-link::after, + .navbar.is-primary .navbar-end .navbar-link::after { + border-color: #121617; + } + .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: #e9db03; + color: #121617; + } + .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { + background-color: #fcee09; + color: #121617; + } +} +.navbar.is-link { + background-color: #02d7f2; + color: rgba(0,0,0,0.7); +} +.navbar.is-link .navbar-brand > .navbar-item, +.navbar.is-link .navbar-brand .navbar-link { + color: rgba(0,0,0,0.7); +} +.navbar.is-link .navbar-brand > a.navbar-item:focus, +.navbar.is-link .navbar-brand .navbar-link:focus, +.navbar.is-link .navbar-brand > a.navbar-item:hover, +.navbar.is-link .navbar-brand .navbar-link:hover, +.navbar.is-link .navbar-brand > a.navbar-item.is-active, +.navbar.is-link .navbar-brand .navbar-link.is-active { + background-color: #02c1d9; + color: rgba(0,0,0,0.7); +} +.navbar.is-link .navbar-brand .navbar-link::after { + border-color: rgba(0,0,0,0.7); +} +.navbar.is-link .navbar-burger { + color: rgba(0,0,0,0.7); +} +@media screen and (min-width: 1088px) { + .navbar.is-link .navbar-start > .navbar-item, + .navbar.is-link .navbar-end > .navbar-item, + .navbar.is-link .navbar-start .navbar-link, + .navbar.is-link .navbar-end .navbar-link { + color: rgba(0,0,0,0.7); + } + .navbar.is-link .navbar-start > a.navbar-item:focus, + .navbar.is-link .navbar-end > a.navbar-item:focus, + .navbar.is-link .navbar-start .navbar-link:focus, + .navbar.is-link .navbar-end .navbar-link:focus, + .navbar.is-link .navbar-start > a.navbar-item:hover, + .navbar.is-link .navbar-end > a.navbar-item:hover, + .navbar.is-link .navbar-start .navbar-link:hover, + .navbar.is-link .navbar-end .navbar-link:hover, + .navbar.is-link .navbar-start > a.navbar-item.is-active, + .navbar.is-link .navbar-end > a.navbar-item.is-active, + .navbar.is-link .navbar-start .navbar-link.is-active, + .navbar.is-link .navbar-end .navbar-link.is-active { + background-color: #02c1d9; + color: rgba(0,0,0,0.7); + } + .navbar.is-link .navbar-start .navbar-link::after, + .navbar.is-link .navbar-end .navbar-link::after { + border-color: rgba(0,0,0,0.7); + } + .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: #02c1d9; + color: rgba(0,0,0,0.7); + } + .navbar.is-link .navbar-dropdown a.navbar-item.is-active { + background-color: #02d7f2; + color: rgba(0,0,0,0.7); + } +} +.navbar.is-info { + background-color: #02d7f2; + color: #121617; +} +.navbar.is-info .navbar-brand > .navbar-item, +.navbar.is-info .navbar-brand .navbar-link { + color: #121617; +} +.navbar.is-info .navbar-brand > a.navbar-item:focus, +.navbar.is-info .navbar-brand .navbar-link:focus, +.navbar.is-info .navbar-brand > a.navbar-item:hover, +.navbar.is-info .navbar-brand .navbar-link:hover, +.navbar.is-info .navbar-brand > a.navbar-item.is-active, +.navbar.is-info .navbar-brand .navbar-link.is-active { + background-color: #02c1d9; + color: #121617; +} +.navbar.is-info .navbar-brand .navbar-link::after { + border-color: #121617; +} +.navbar.is-info .navbar-burger { + color: #121617; +} +@media screen and (min-width: 1088px) { + .navbar.is-info .navbar-start > .navbar-item, + .navbar.is-info .navbar-end > .navbar-item, + .navbar.is-info .navbar-start .navbar-link, + .navbar.is-info .navbar-end .navbar-link { + color: #121617; + } + .navbar.is-info .navbar-start > a.navbar-item:focus, + .navbar.is-info .navbar-end > a.navbar-item:focus, + .navbar.is-info .navbar-start .navbar-link:focus, + .navbar.is-info .navbar-end .navbar-link:focus, + .navbar.is-info .navbar-start > a.navbar-item:hover, + .navbar.is-info .navbar-end > a.navbar-item:hover, + .navbar.is-info .navbar-start .navbar-link:hover, + .navbar.is-info .navbar-end .navbar-link:hover, + .navbar.is-info .navbar-start > a.navbar-item.is-active, + .navbar.is-info .navbar-end > a.navbar-item.is-active, + .navbar.is-info .navbar-start .navbar-link.is-active, + .navbar.is-info .navbar-end .navbar-link.is-active { + background-color: #02c1d9; + color: #121617; + } + .navbar.is-info .navbar-start .navbar-link::after, + .navbar.is-info .navbar-end .navbar-link::after { + border-color: #121617; + } + .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: #02c1d9; + color: #121617; + } + .navbar.is-info .navbar-dropdown a.navbar-item.is-active { + background-color: #02d7f2; + color: #121617; + } +} +.navbar.is-success { + background-color: #00ff41; + color: #121617; +} +.navbar.is-success .navbar-brand > .navbar-item, +.navbar.is-success .navbar-brand .navbar-link { + color: #121617; +} +.navbar.is-success .navbar-brand > a.navbar-item:focus, +.navbar.is-success .navbar-brand .navbar-link:focus, +.navbar.is-success .navbar-brand > a.navbar-item:hover, +.navbar.is-success .navbar-brand .navbar-link:hover, +.navbar.is-success .navbar-brand > a.navbar-item.is-active, +.navbar.is-success .navbar-brand .navbar-link.is-active { + background-color: #00e63a; + color: #121617; +} +.navbar.is-success .navbar-brand .navbar-link::after { + border-color: #121617; +} +.navbar.is-success .navbar-burger { + color: #121617; +} +@media screen and (min-width: 1088px) { + .navbar.is-success .navbar-start > .navbar-item, + .navbar.is-success .navbar-end > .navbar-item, + .navbar.is-success .navbar-start .navbar-link, + .navbar.is-success .navbar-end .navbar-link { + color: #121617; + } + .navbar.is-success .navbar-start > a.navbar-item:focus, + .navbar.is-success .navbar-end > a.navbar-item:focus, + .navbar.is-success .navbar-start .navbar-link:focus, + .navbar.is-success .navbar-end .navbar-link:focus, + .navbar.is-success .navbar-start > a.navbar-item:hover, + .navbar.is-success .navbar-end > a.navbar-item:hover, + .navbar.is-success .navbar-start .navbar-link:hover, + .navbar.is-success .navbar-end .navbar-link:hover, + .navbar.is-success .navbar-start > a.navbar-item.is-active, + .navbar.is-success .navbar-end > a.navbar-item.is-active, + .navbar.is-success .navbar-start .navbar-link.is-active, + .navbar.is-success .navbar-end .navbar-link.is-active { + background-color: #00e63a; + color: #121617; + } + .navbar.is-success .navbar-start .navbar-link::after, + .navbar.is-success .navbar-end .navbar-link::after { + border-color: #121617; + } + .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: #00e63a; + color: #121617; + } + .navbar.is-success .navbar-dropdown a.navbar-item.is-active { + background-color: #00ff41; + color: #121617; + } +} +.navbar.is-warning { + background-color: #ff8e3c; + color: #121617; +} +.navbar.is-warning .navbar-brand > .navbar-item, +.navbar.is-warning .navbar-brand .navbar-link { + color: #121617; +} +.navbar.is-warning .navbar-brand > a.navbar-item:focus, +.navbar.is-warning .navbar-brand .navbar-link:focus, +.navbar.is-warning .navbar-brand > a.navbar-item:hover, +.navbar.is-warning .navbar-brand .navbar-link:hover, +.navbar.is-warning .navbar-brand > a.navbar-item.is-active, +.navbar.is-warning .navbar-brand .navbar-link.is-active { + background-color: #ff7f22; + color: #121617; +} +.navbar.is-warning .navbar-brand .navbar-link::after { + border-color: #121617; +} +.navbar.is-warning .navbar-burger { + color: #121617; +} +@media screen and (min-width: 1088px) { + .navbar.is-warning .navbar-start > .navbar-item, + .navbar.is-warning .navbar-end > .navbar-item, + .navbar.is-warning .navbar-start .navbar-link, + .navbar.is-warning .navbar-end .navbar-link { + color: #121617; + } + .navbar.is-warning .navbar-start > a.navbar-item:focus, + .navbar.is-warning .navbar-end > a.navbar-item:focus, + .navbar.is-warning .navbar-start .navbar-link:focus, + .navbar.is-warning .navbar-end .navbar-link:focus, + .navbar.is-warning .navbar-start > a.navbar-item:hover, + .navbar.is-warning .navbar-end > a.navbar-item:hover, + .navbar.is-warning .navbar-start .navbar-link:hover, + .navbar.is-warning .navbar-end .navbar-link:hover, + .navbar.is-warning .navbar-start > a.navbar-item.is-active, + .navbar.is-warning .navbar-end > a.navbar-item.is-active, + .navbar.is-warning .navbar-start .navbar-link.is-active, + .navbar.is-warning .navbar-end .navbar-link.is-active { + background-color: #ff7f22; + color: #121617; + } + .navbar.is-warning .navbar-start .navbar-link::after, + .navbar.is-warning .navbar-end .navbar-link::after { + border-color: #121617; + } + .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: #ff7f22; + color: #121617; + } + .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { + background-color: #ff8e3c; + color: #121617; + } +} +.navbar.is-danger { + background-color: #ff003c; + color: #121617; +} +.navbar.is-danger .navbar-brand > .navbar-item, +.navbar.is-danger .navbar-brand .navbar-link { + color: #121617; +} +.navbar.is-danger .navbar-brand > a.navbar-item:focus, +.navbar.is-danger .navbar-brand .navbar-link:focus, +.navbar.is-danger .navbar-brand > a.navbar-item:hover, +.navbar.is-danger .navbar-brand .navbar-link:hover, +.navbar.is-danger .navbar-brand > a.navbar-item.is-active, +.navbar.is-danger .navbar-brand .navbar-link.is-active { + background-color: #e60036; + color: #121617; +} +.navbar.is-danger .navbar-brand .navbar-link::after { + border-color: #121617; +} +.navbar.is-danger .navbar-burger { + color: #121617; +} +@media screen and (min-width: 1088px) { + .navbar.is-danger .navbar-start > .navbar-item, + .navbar.is-danger .navbar-end > .navbar-item, + .navbar.is-danger .navbar-start .navbar-link, + .navbar.is-danger .navbar-end .navbar-link { + color: #121617; + } + .navbar.is-danger .navbar-start > a.navbar-item:focus, + .navbar.is-danger .navbar-end > a.navbar-item:focus, + .navbar.is-danger .navbar-start .navbar-link:focus, + .navbar.is-danger .navbar-end .navbar-link:focus, + .navbar.is-danger .navbar-start > a.navbar-item:hover, + .navbar.is-danger .navbar-end > a.navbar-item:hover, + .navbar.is-danger .navbar-start .navbar-link:hover, + .navbar.is-danger .navbar-end .navbar-link:hover, + .navbar.is-danger .navbar-start > a.navbar-item.is-active, + .navbar.is-danger .navbar-end > a.navbar-item.is-active, + .navbar.is-danger .navbar-start .navbar-link.is-active, + .navbar.is-danger .navbar-end .navbar-link.is-active { + background-color: #e60036; + color: #121617; + } + .navbar.is-danger .navbar-start .navbar-link::after, + .navbar.is-danger .navbar-end .navbar-link::after { + border-color: #121617; + } + .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: #e60036; + color: #121617; + } + .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { + background-color: #ff003c; + color: #121617; + } +} +.navbar.is-grey-lightest { + background-color: #ededed; + color: #363636; +} +.navbar.is-grey-lightest .navbar-brand > .navbar-item, +.navbar.is-grey-lightest .navbar-brand .navbar-link { + color: #363636; +} +.navbar.is-grey-lightest .navbar-brand > a.navbar-item:focus, +.navbar.is-grey-lightest .navbar-brand .navbar-link:focus, +.navbar.is-grey-lightest .navbar-brand > a.navbar-item:hover, +.navbar.is-grey-lightest .navbar-brand .navbar-link:hover, +.navbar.is-grey-lightest .navbar-brand > a.navbar-item.is-active, +.navbar.is-grey-lightest .navbar-brand .navbar-link.is-active { + background-color: #e0e0e0; + color: #363636; +} +.navbar.is-grey-lightest .navbar-brand .navbar-link::after { + border-color: #363636; +} +.navbar.is-grey-lightest .navbar-burger { + color: #363636; +} +@media screen and (min-width: 1088px) { + .navbar.is-grey-lightest .navbar-start > .navbar-item, + .navbar.is-grey-lightest .navbar-end > .navbar-item, + .navbar.is-grey-lightest .navbar-start .navbar-link, + .navbar.is-grey-lightest .navbar-end .navbar-link { + color: #363636; + } + .navbar.is-grey-lightest .navbar-start > a.navbar-item:focus, + .navbar.is-grey-lightest .navbar-end > a.navbar-item:focus, + .navbar.is-grey-lightest .navbar-start .navbar-link:focus, + .navbar.is-grey-lightest .navbar-end .navbar-link:focus, + .navbar.is-grey-lightest .navbar-start > a.navbar-item:hover, + .navbar.is-grey-lightest .navbar-end > a.navbar-item:hover, + .navbar.is-grey-lightest .navbar-start .navbar-link:hover, + .navbar.is-grey-lightest .navbar-end .navbar-link:hover, + .navbar.is-grey-lightest .navbar-start > a.navbar-item.is-active, + .navbar.is-grey-lightest .navbar-end > a.navbar-item.is-active, + .navbar.is-grey-lightest .navbar-start .navbar-link.is-active, + .navbar.is-grey-lightest .navbar-end .navbar-link.is-active { + background-color: #e0e0e0; + color: #363636; + } + .navbar.is-grey-lightest .navbar-start .navbar-link::after, + .navbar.is-grey-lightest .navbar-end .navbar-link::after { + border-color: #363636; + } + .navbar.is-grey-lightest .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-grey-lightest .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-grey-lightest .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #e0e0e0; + color: #363636; + } + .navbar.is-grey-lightest .navbar-dropdown a.navbar-item.is-active { + background-color: #ededed; + color: #363636; + } +} +.navbar > .container { + align-items: stretch; + display: flex; + min-height: 3.25rem; + width: 100%; +} +.navbar.has-shadow { + box-shadow: 0 2px 0 0 #f5f5f5; +} +.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 #f5f5f5; +} +.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: #000; + 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: #000; + 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, +.navbar-link:focus, +a.navbar-item:focus-within, +.navbar-link:focus-within, +a.navbar-item:hover, +.navbar-link:hover, +a.navbar-item.is-active, +.navbar-link.is-active { + background-color: transparent; + color: #000; +} +.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: #02d7f2; +} +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom-color: #02d7f2; + border-bottom-style: solid; + border-bottom-width: 3px; + color: #02d7f2; + 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: #02d7f2; + 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: #f5f5f5; + border: none; + display: none; + height: 2px; + margin: 0.5rem 0; +} +@media screen and (max-width: 1087px) { + .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: #fcee09; + box-shadow: 0 8px 16px rgba(0,0,0,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(0,0,0,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: 1088px) { + .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: 0; + } + .navbar.is-transparent a.navbar-item:focus, + .navbar.is-transparent .navbar-link:focus, + .navbar.is-transparent a.navbar-item:hover, + .navbar.is-transparent .navbar-link:hover, + .navbar.is-transparent a.navbar-item.is-active, + .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: #f5f5f5; + color: #000; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: #02d7f2; + } + .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(0,0,0,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.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, + .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, + .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, + .navbar-item.is-active .navbar-dropdown.is-boxed, + .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, + .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, + .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: #000; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 2px solid #dbdbdb; + box-shadow: 0 8px 8px rgba(0,0,0,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: #f5f5f5; + color: #000; + } + .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: #02d7f2; + } + .navbar.is-spaced .navbar-dropdown, + .navbar-dropdown.is-boxed { + border-radius: 6px; + border-top: none; + box-shadow: 0 8px 8px rgba(0,0,0,0.1), 0 0 0 1px rgba(0,0,0,0.1); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + -4px); + transform: translateY(-5px); + transition-duration: 86ms; + transition-property: opacity, transform; + } + .navbar-dropdown.is-right { + left: auto; + right: 0; + } + .navbar-divider { + display: block; + } + .navbar > .container .navbar-brand, + .container > .navbar .navbar-brand { + margin-left: -0.75rem; + } + .navbar > .container .navbar-menu, + .container > .navbar .navbar-menu { + margin-right: -0.75rem; + } + .navbar.is-fixed-bottom-desktop, + .navbar.is-fixed-top-desktop { + left: 0; + position: fixed; + right: 0; + z-index: 30; + } + .navbar.is-fixed-bottom-desktop { + bottom: 0; + } + .navbar.is-fixed-bottom-desktop.has-shadow { + box-shadow: 0 -2px 3px rgba(0,0,0,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: #000; + } + 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: transparent; + } +} +.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: #fcee09; + min-width: 2.25em; +} +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover { + border-color: #b5b5b5; + color: #fcee09; +} +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus { + border-color: #02d7f2; +} +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active { + box-shadow: inset 0 1px 2px rgba(0,0,0,0.2); +} +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled] { + background-color: #dbdbdb; + border-color: #dbdbdb; + box-shadow: none; + color: #848484; + opacity: 0.5; +} +.pagination-previous, +.pagination-next { + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} +.pagination-link.is-current { + background-color: #02d7f2; + border-color: #02d7f2; + color: rgba(0,0,0,0.7); +} +.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, + .pagination .pagination-previous { + order: 1; + } + .pagination.is-centered .pagination-list, + .pagination .pagination-list { + justify-content: center; + order: 2; + } + .pagination.is-centered .pagination-next, + .pagination .pagination-next { + order: 3; + } + .pagination.is-right .pagination-previous { + order: 1; + } + .pagination.is-right .pagination-next { + order: 2; + } + .pagination.is-right .pagination-list { + justify-content: flex-end; + order: 3; + } +} +.panel { + border-radius: 6px; + box-shadow: 0 0.5em 1em -0.125em rgba(0,0,0,0.1), 0 0px 0 1px rgba(0,0,0,0.02); + font-size: 1rem; +} +.panel:not(:last-child) { + margin-bottom: 1.5rem; +} +.panel.is-white .panel-heading { + background-color: #fff; + color: #000; +} +.panel.is-white .panel-tabs a.is-active { + border-bottom-color: #fff; +} +.panel.is-white .panel-block.is-active .panel-icon { + color: #fff; +} +.panel.is-black .panel-heading { + background-color: #000; + color: #fff; +} +.panel.is-black .panel-tabs a.is-active { + border-bottom-color: #000; +} +.panel.is-black .panel-block.is-active .panel-icon { + color: #000; +} +.panel.is-light .panel-heading { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.panel.is-light .panel-tabs a.is-active { + border-bottom-color: #f5f5f5; +} +.panel.is-light .panel-block.is-active .panel-icon { + color: #f5f5f5; +} +.panel.is-dark .panel-heading { + background-color: #363636; + color: #fff; +} +.panel.is-dark .panel-tabs a.is-active { + border-bottom-color: #363636; +} +.panel.is-dark .panel-block.is-active .panel-icon { + color: #363636; +} +.panel.is-primary .panel-heading { + background-color: #fcee09; + color: #121617; +} +.panel.is-primary .panel-tabs a.is-active { + border-bottom-color: #fcee09; +} +.panel.is-primary .panel-block.is-active .panel-icon { + color: #fcee09; +} +.panel.is-link .panel-heading { + background-color: #02d7f2; + color: rgba(0,0,0,0.7); +} +.panel.is-link .panel-tabs a.is-active { + border-bottom-color: #02d7f2; +} +.panel.is-link .panel-block.is-active .panel-icon { + color: #02d7f2; +} +.panel.is-info .panel-heading { + background-color: #02d7f2; + color: #121617; +} +.panel.is-info .panel-tabs a.is-active { + border-bottom-color: #02d7f2; +} +.panel.is-info .panel-block.is-active .panel-icon { + color: #02d7f2; +} +.panel.is-success .panel-heading { + background-color: #00ff41; + color: #121617; +} +.panel.is-success .panel-tabs a.is-active { + border-bottom-color: #00ff41; +} +.panel.is-success .panel-block.is-active .panel-icon { + color: #00ff41; +} +.panel.is-warning .panel-heading { + background-color: #ff8e3c; + color: #121617; +} +.panel.is-warning .panel-tabs a.is-active { + border-bottom-color: #ff8e3c; +} +.panel.is-warning .panel-block.is-active .panel-icon { + color: #ff8e3c; +} +.panel.is-danger .panel-heading { + background-color: #ff003c; + color: #121617; +} +.panel.is-danger .panel-tabs a.is-active { + border-bottom-color: #ff003c; +} +.panel.is-danger .panel-block.is-active .panel-icon { + color: #ff003c; +} +.panel.is-grey-lightest .panel-heading { + background-color: #ededed; + color: #363636; +} +.panel.is-grey-lightest .panel-tabs a.is-active { + border-bottom-color: #ededed; +} +.panel.is-grey-lightest .panel-block.is-active .panel-icon { + color: #ededed; +} +.panel-tabs:not(:last-child), +.panel-block:not(:last-child) { + border-bottom: 1px solid #ededed; +} +.panel-heading { + background-color: #ededed; + border-radius: 6px 6px 0 0; + color: #fcee09; + font-size: 1.25em; + font-weight: 700; + line-height: 1.25; + padding: 0.75em 1em; +} +.panel-tabs { + align-items: flex-end; + display: flex; + font-size: 0.875em; + justify-content: center; +} +.panel-tabs a { + border-bottom: 1px solid #dbdbdb; + margin-bottom: -1px; + padding: 0.5em; +} +.panel-tabs a.is-active { + border-bottom-color: #4a4a4a; + color: #363636; +} +.panel-list a { + color: #cdcdcd; +} +.panel-list a:hover { + color: #02d7f2; +} +.panel-block { + align-items: center; + color: #fcee09; + 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: #02d7f2; + color: #363636; +} +.panel-block.is-active .panel-icon { + color: #02d7f2; +} +.panel-block:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +a.panel-block, +label.panel-block { + cursor: pointer; +} +a.panel-block:hover, +label.panel-block:hover { + background-color: #f5f5f5; +} +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: #848484; + 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: #cdcdcd; + display: flex; + justify-content: center; + margin-bottom: -1px; + padding: 0.5em 1em; + vertical-align: top; +} +.tabs a:hover { + border-bottom-color: #fcee09; + color: #fcee09; +} +.tabs li { + display: block; +} +.tabs li.is-active a { + border-bottom-color: #02d7f2; + color: #02d7f2; +} +.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: 0 0 0 0; +} +.tabs.is-boxed a:hover { + background-color: #f5f5f5; + border-bottom-color: #dbdbdb; +} +.tabs.is-boxed li.is-active a { + background-color: #000; + 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: #f5f5f5; + border-color: #b5b5b5; + z-index: 2; +} +.tabs.is-toggle li + li { + margin-left: -1px; +} +.tabs.is-toggle li:first-child a { + border-radius: 0 0 0 0; +} +.tabs.is-toggle li:last-child a { + border-radius: 0 0 0 0; +} +.tabs.is-toggle li.is-active a { + background-color: #02d7f2; + border-color: #02d7f2; + color: rgba(0,0,0,0.7); + 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; +} +.box { + background-color: #000; + border-radius: 6px; + box-shadow: 0 0.5em 1em -0.125em rgba(0,0,0,0.1), 0 0px 0 1px rgba(0,0,0,0.02); + color: #cdcdcd; + display: block; + padding: 1.25rem; +} +a.box:hover, +a.box:focus { + box-shadow: 0 0.5em 1em -0.125em rgba(0,0,0,0.1), 0 0 0 1px #02d7f2; +} +a.box:active { + box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 0 0 1px #02d7f2; +} +.button { + background-color: #000; + border-color: #dbdbdb; + border-width: 1px; + color: #fcee09; + cursor: pointer; + justify-content: center; + padding-bottom: calc(0.375em - 1px); + padding-left: 1em; + padding-right: 1em; + 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.5em - 1px); + margin-right: 0.25em; +} +.button .icon:last-child:not(:first-child) { + margin-left: 0.25em; + margin-right: calc(-0.5em - 1px); +} +.button .icon:first-child:last-child { + margin-left: calc(-0.5em - 1px); + margin-right: calc(-0.5em - 1px); +} +.button:hover, +.button.is-hovered { + border-color: #b5b5b5; + color: #fcee09; +} +.button:focus, +.button.is-focused { + border-color: #02d7f2; + color: #363636; +} +.button:focus:not(:active), +.button.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(2,215,242,0.25); +} +.button:active, +.button.is-active { + border-color: #4a4a4a; + color: #363636; +} +.button.is-text { + background-color: transparent; + border-color: transparent; + color: #cdcdcd; + text-decoration: underline; +} +.button.is-text:hover, +.button.is-text.is-hovered, +.button.is-text:focus, +.button.is-text.is-focused { + background-color: #f5f5f5; + color: #fcee09; +} +.button.is-text:active, +.button.is-text.is-active { + background-color: #e8e8e8; + color: #fcee09; +} +.button.is-text[disabled], +fieldset[disabled] .button.is-text { + background-color: transparent; + border-color: transparent; + box-shadow: none; +} +.button.is-white { + background-color: #fff; + border-color: transparent; + color: #000; +} +.button.is-white:hover, +.button.is-white.is-hovered { + background-color: #f9f9f9; + border-color: transparent; + color: #000; +} +.button.is-white:focus, +.button.is-white.is-focused { + border-color: transparent; + color: #000; +} +.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: #000; +} +.button.is-white[disabled], +fieldset[disabled] .button.is-white { + background-color: #fff; + border-color: transparent; + box-shadow: none; +} +.button.is-white.is-inverted { + background-color: #000; + color: #fff; +} +.button.is-white.is-inverted:hover, +.button.is-white.is-inverted.is-hovered { + background-color: #000; +} +.button.is-white.is-inverted[disabled], +fieldset[disabled] .button.is-white.is-inverted { + background-color: #000; + border-color: transparent; + box-shadow: none; + color: #fff; +} +.button.is-white.is-loading::after { + border-color: transparent transparent #000 #000 !important; +} +.button.is-white.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.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: #fff; + border-color: #fff; + color: #000; +} +.button.is-white.is-outlined.is-loading::after { + border-color: transparent transparent #fff #fff !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 #000 #000 !important; +} +.button.is-white.is-outlined[disabled], +fieldset[disabled] .button.is-white.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #000; + color: #000; +} +.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: #000; + color: #fff; +} +.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 #fff #fff !important; +} +.button.is-white.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #000; + box-shadow: none; + color: #000; +} +.button.is-black { + background-color: #000; + border-color: transparent; + color: #fff; +} +.button.is-black:hover, +.button.is-black.is-hovered { + background-color: #000; + border-color: transparent; + color: #fff; +} +.button.is-black:focus, +.button.is-black.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-black:focus:not(:active), +.button.is-black.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0,0,0,0.25); +} +.button.is-black:active, +.button.is-black.is-active { + background-color: #000; + border-color: transparent; + color: #fff; +} +.button.is-black[disabled], +fieldset[disabled] .button.is-black { + background-color: #000; + border-color: transparent; + box-shadow: none; +} +.button.is-black.is-inverted { + background-color: #fff; + color: #000; +} +.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: #fff; + border-color: transparent; + box-shadow: none; + color: #000; +} +.button.is-black.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-black.is-outlined { + background-color: transparent; + border-color: #000; + color: #000; +} +.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: #000; + border-color: #000; + color: #fff; +} +.button.is-black.is-outlined.is-loading::after { + border-color: transparent transparent #000 #000 !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 #fff #fff !important; +} +.button.is-black.is-outlined[disabled], +fieldset[disabled] .button.is-black.is-outlined { + background-color: transparent; + border-color: #000; + box-shadow: none; + color: #000; +} +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.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: #fff; + color: #000; +} +.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 #000 #000 !important; +} +.button.is-black.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-light, +article.article .article-more { + background-color: #f5f5f5; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-light:hover, +article.article .article-more:hover, +.button.is-light.is-hovered, +article.article .article-more.is-hovered { + background-color: #eee; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-light:focus, +article.article .article-more:focus, +.button.is-light.is-focused, +article.article .article-more.is-focused { + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-light:focus:not(:active), +article.article .article-more:focus:not(:active), +.button.is-light.is-focused:not(:active), +article.article .article-more.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(245,245,245,0.25); +} +.button.is-light:active, +article.article .article-more:active, +.button.is-light.is-active, +article.article .article-more.is-active { + background-color: #e8e8e8; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-light[disabled], +article.article .article-more[disabled], +fieldset[disabled] .button.is-light, +fieldset[disabled] article.article .article-more { + background-color: #f5f5f5; + border-color: transparent; + box-shadow: none; +} +.button.is-light.is-inverted, +article.article .article-more.is-inverted { + background-color: rgba(0,0,0,0.7); + color: #f5f5f5; +} +.button.is-light.is-inverted:hover, +article.article .article-more.is-inverted:hover, +.button.is-light.is-inverted.is-hovered, +article.article .article-more.is-inverted.is-hovered { + background-color: rgba(0,0,0,0.7); +} +.button.is-light.is-inverted[disabled], +article.article .article-more.is-inverted[disabled], +fieldset[disabled] .button.is-light.is-inverted, +fieldset[disabled] article.article .article-more.is-inverted { + background-color: rgba(0,0,0,0.7); + border-color: transparent; + box-shadow: none; + color: #f5f5f5; +} +.button.is-light.is-loading::after, +article.article .article-more.is-loading::after { + border-color: transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important; +} +.button.is-light.is-outlined, +article.article .article-more.is-outlined { + background-color: transparent; + border-color: #f5f5f5; + color: #f5f5f5; +} +.button.is-light.is-outlined:hover, +article.article .article-more.is-outlined:hover, +.button.is-light.is-outlined.is-hovered, +article.article .article-more.is-outlined.is-hovered, +.button.is-light.is-outlined:focus, +article.article .article-more.is-outlined:focus, +.button.is-light.is-outlined.is-focused, +article.article .article-more.is-outlined.is-focused { + background-color: #f5f5f5; + border-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.button.is-light.is-outlined.is-loading::after, +article.article .article-more.is-outlined.is-loading::after { + border-color: transparent transparent #f5f5f5 #f5f5f5 !important; +} +.button.is-light.is-outlined.is-loading:hover::after, +article.article .article-more.is-outlined.is-loading:hover::after, +.button.is-light.is-outlined.is-loading.is-hovered::after, +article.article .article-more.is-outlined.is-loading.is-hovered::after, +.button.is-light.is-outlined.is-loading:focus::after, +article.article .article-more.is-outlined.is-loading:focus::after, +.button.is-light.is-outlined.is-loading.is-focused::after, +article.article .article-more.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important; +} +.button.is-light.is-outlined[disabled], +article.article .article-more.is-outlined[disabled], +fieldset[disabled] .button.is-light.is-outlined, +fieldset[disabled] article.article .article-more.is-outlined { + background-color: transparent; + border-color: #f5f5f5; + box-shadow: none; + color: #f5f5f5; +} +.button.is-light.is-inverted.is-outlined, +article.article .article-more.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0,0,0,0.7); + color: rgba(0,0,0,0.7); +} +.button.is-light.is-inverted.is-outlined:hover, +article.article .article-more.is-inverted.is-outlined:hover, +.button.is-light.is-inverted.is-outlined.is-hovered, +article.article .article-more.is-inverted.is-outlined.is-hovered, +.button.is-light.is-inverted.is-outlined:focus, +article.article .article-more.is-inverted.is-outlined:focus, +.button.is-light.is-inverted.is-outlined.is-focused, +article.article .article-more.is-inverted.is-outlined.is-focused { + background-color: rgba(0,0,0,0.7); + color: #f5f5f5; +} +.button.is-light.is-inverted.is-outlined.is-loading:hover::after, +article.article .article-more.is-inverted.is-outlined.is-loading:hover::after, +.button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, +article.article .article-more.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-light.is-inverted.is-outlined.is-loading:focus::after, +article.article .article-more.is-inverted.is-outlined.is-loading:focus::after, +.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after, +article.article .article-more.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #f5f5f5 #f5f5f5 !important; +} +.button.is-light.is-inverted.is-outlined[disabled], +article.article .article-more.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-light.is-inverted.is-outlined, +fieldset[disabled] article.article .article-more.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0,0,0,0.7); + box-shadow: none; + color: rgba(0,0,0,0.7); +} +.button.is-dark { + background-color: #363636; + border-color: transparent; + color: #fff; +} +.button.is-dark:hover, +.button.is-dark.is-hovered { + background-color: #2f2f2f; + border-color: transparent; + color: #fff; +} +.button.is-dark:focus, +.button.is-dark.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-dark:focus:not(:active), +.button.is-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(54,54,54,0.25); +} +.button.is-dark:active, +.button.is-dark.is-active { + background-color: #292929; + border-color: transparent; + color: #fff; +} +.button.is-dark[disabled], +fieldset[disabled] .button.is-dark { + background-color: #363636; + border-color: transparent; + box-shadow: none; +} +.button.is-dark.is-inverted { + background-color: #fff; + color: #363636; +} +.button.is-dark.is-inverted:hover, +.button.is-dark.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-dark.is-inverted[disabled], +fieldset[disabled] .button.is-dark.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #363636; +} +.button.is-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} +.button.is-dark.is-outlined:hover, +.button.is-dark.is-outlined.is-hovered, +.button.is-dark.is-outlined:focus, +.button.is-dark.is-outlined.is-focused { + background-color: #363636; + border-color: #363636; + color: #fff; +} +.button.is-dark.is-outlined.is-loading::after { + border-color: transparent transparent #363636 #363636 !important; +} +.button.is-dark.is-outlined.is-loading:hover::after, +.button.is-dark.is-outlined.is-loading.is-hovered::after, +.button.is-dark.is-outlined.is-loading:focus::after, +.button.is-dark.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-dark.is-outlined[disabled], +fieldset[disabled] .button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636; +} +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-dark.is-inverted.is-outlined:hover, +.button.is-dark.is-inverted.is-outlined.is-hovered, +.button.is-dark.is-inverted.is-outlined:focus, +.button.is-dark.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #363636; +} +.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, +.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-dark.is-inverted.is-outlined.is-loading:focus::after, +.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #363636 #363636 !important; +} +.button.is-dark.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-primary { + background-color: #fcee09; + border-color: transparent; + color: #121617; +} +.button.is-primary:hover, +.button.is-primary.is-hovered { + background-color: #f5e703; + border-color: transparent; + color: #121617; +} +.button.is-primary:focus, +.button.is-primary.is-focused { + border-color: transparent; + color: #121617; +} +.button.is-primary:focus:not(:active), +.button.is-primary.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(252,238,9,0.25); +} +.button.is-primary:active, +.button.is-primary.is-active { + background-color: #e9db03; + border-color: transparent; + color: #121617; +} +.button.is-primary[disabled], +fieldset[disabled] .button.is-primary { + background-color: #fcee09; + border-color: transparent; + box-shadow: none; +} +.button.is-primary.is-inverted { + background-color: #121617; + color: #fcee09; +} +.button.is-primary.is-inverted:hover, +.button.is-primary.is-inverted.is-hovered { + background-color: #070809; +} +.button.is-primary.is-inverted[disabled], +fieldset[disabled] .button.is-primary.is-inverted { + background-color: #121617; + border-color: transparent; + box-shadow: none; + color: #fcee09; +} +.button.is-primary.is-loading::after { + border-color: transparent transparent #121617 #121617 !important; +} +.button.is-primary.is-outlined { + background-color: transparent; + border-color: #fcee09; + color: #fcee09; +} +.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: #fcee09; + border-color: #fcee09; + color: #121617; +} +.button.is-primary.is-outlined.is-loading::after { + border-color: transparent transparent #fcee09 #fcee09 !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 #121617 #121617 !important; +} +.button.is-primary.is-outlined[disabled], +fieldset[disabled] .button.is-primary.is-outlined { + background-color: transparent; + border-color: #fcee09; + box-shadow: none; + color: #fcee09; +} +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #121617; + color: #121617; +} +.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: #121617; + color: #fcee09; +} +.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 #fcee09 #fcee09 !important; +} +.button.is-primary.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #121617; + box-shadow: none; + color: #121617; +} +.button.is-primary.is-light { + background-color: #fffeeb; + color: #928a02; +} +.button.is-primary.is-light:hover, +.button.is-primary.is-light.is-hovered { + background-color: #fffdde; + border-color: transparent; + color: #928a02; +} +.button.is-primary.is-light:active, +.button.is-primary.is-light.is-active { + background-color: #fefcd2; + border-color: transparent; + color: #928a02; +} +.button.is-link { + background-color: #02d7f2; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-link:hover, +.button.is-link.is-hovered { + background-color: #02cce5; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-link:focus, +.button.is-link.is-focused { + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-link:focus:not(:active), +.button.is-link.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(2,215,242,0.25); +} +.button.is-link:active, +.button.is-link.is-active { + background-color: #02c1d9; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-link[disabled], +fieldset[disabled] .button.is-link { + background-color: #02d7f2; + border-color: transparent; + box-shadow: none; +} +.button.is-link.is-inverted { + background-color: rgba(0,0,0,0.7); + color: #02d7f2; +} +.button.is-link.is-inverted:hover, +.button.is-link.is-inverted.is-hovered { + background-color: rgba(0,0,0,0.7); +} +.button.is-link.is-inverted[disabled], +fieldset[disabled] .button.is-link.is-inverted { + background-color: rgba(0,0,0,0.7); + border-color: transparent; + box-shadow: none; + color: #02d7f2; +} +.button.is-link.is-loading::after { + border-color: transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important; +} +.button.is-link.is-outlined { + background-color: transparent; + border-color: #02d7f2; + color: #02d7f2; +} +.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: #02d7f2; + border-color: #02d7f2; + color: rgba(0,0,0,0.7); +} +.button.is-link.is-outlined.is-loading::after { + border-color: transparent transparent #02d7f2 #02d7f2 !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 rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important; +} +.button.is-link.is-outlined[disabled], +fieldset[disabled] .button.is-link.is-outlined { + background-color: transparent; + border-color: #02d7f2; + box-shadow: none; + color: #02d7f2; +} +.button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0,0,0,0.7); + color: rgba(0,0,0,0.7); +} +.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: rgba(0,0,0,0.7); + color: #02d7f2; +} +.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 #02d7f2 #02d7f2 !important; +} +.button.is-link.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-link.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-link.is-light { + background-color: #ebfdff; + color: #018293; +} +.button.is-link.is-light:hover, +.button.is-link.is-light.is-hovered { + background-color: #defbff; + border-color: transparent; + color: #018293; +} +.button.is-link.is-light:active, +.button.is-link.is-light.is-active { + background-color: #d1faff; + border-color: transparent; + color: #018293; +} +.button.is-info { + background-color: #02d7f2; + border-color: transparent; + color: #121617; +} +.button.is-info:hover, +.button.is-info.is-hovered { + background-color: #02cce5; + border-color: transparent; + color: #121617; +} +.button.is-info:focus, +.button.is-info.is-focused { + border-color: transparent; + color: #121617; +} +.button.is-info:focus:not(:active), +.button.is-info.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(2,215,242,0.25); +} +.button.is-info:active, +.button.is-info.is-active { + background-color: #02c1d9; + border-color: transparent; + color: #121617; +} +.button.is-info[disabled], +fieldset[disabled] .button.is-info { + background-color: #02d7f2; + border-color: transparent; + box-shadow: none; +} +.button.is-info.is-inverted { + background-color: #121617; + color: #02d7f2; +} +.button.is-info.is-inverted:hover, +.button.is-info.is-inverted.is-hovered { + background-color: #070809; +} +.button.is-info.is-inverted[disabled], +fieldset[disabled] .button.is-info.is-inverted { + background-color: #121617; + border-color: transparent; + box-shadow: none; + color: #02d7f2; +} +.button.is-info.is-loading::after { + border-color: transparent transparent #121617 #121617 !important; +} +.button.is-info.is-outlined { + background-color: transparent; + border-color: #02d7f2; + color: #02d7f2; +} +.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: #02d7f2; + border-color: #02d7f2; + color: #121617; +} +.button.is-info.is-outlined.is-loading::after { + border-color: transparent transparent #02d7f2 #02d7f2 !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 #121617 #121617 !important; +} +.button.is-info.is-outlined[disabled], +fieldset[disabled] .button.is-info.is-outlined { + background-color: transparent; + border-color: #02d7f2; + box-shadow: none; + color: #02d7f2; +} +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #121617; + color: #121617; +} +.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: #121617; + color: #02d7f2; +} +.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 #02d7f2 #02d7f2 !important; +} +.button.is-info.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #121617; + box-shadow: none; + color: #121617; +} +.button.is-info.is-light { + background-color: #ebfdff; + color: #018293; +} +.button.is-info.is-light:hover, +.button.is-info.is-light.is-hovered { + background-color: #defbff; + border-color: transparent; + color: #018293; +} +.button.is-info.is-light:active, +.button.is-info.is-light.is-active { + background-color: #d1faff; + border-color: transparent; + color: #018293; +} +.button.is-success { + background-color: #00ff41; + border-color: transparent; + color: #121617; +} +.button.is-success:hover, +.button.is-success.is-hovered { + background-color: #00f23e; + border-color: transparent; + color: #121617; +} +.button.is-success:focus, +.button.is-success.is-focused { + border-color: transparent; + color: #121617; +} +.button.is-success:focus:not(:active), +.button.is-success.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0,255,65,0.25); +} +.button.is-success:active, +.button.is-success.is-active { + background-color: #00e63a; + border-color: transparent; + color: #121617; +} +.button.is-success[disabled], +fieldset[disabled] .button.is-success { + background-color: #00ff41; + border-color: transparent; + box-shadow: none; +} +.button.is-success.is-inverted { + background-color: #121617; + color: #00ff41; +} +.button.is-success.is-inverted:hover, +.button.is-success.is-inverted.is-hovered { + background-color: #070809; +} +.button.is-success.is-inverted[disabled], +fieldset[disabled] .button.is-success.is-inverted { + background-color: #121617; + border-color: transparent; + box-shadow: none; + color: #00ff41; +} +.button.is-success.is-loading::after { + border-color: transparent transparent #121617 #121617 !important; +} +.button.is-success.is-outlined { + background-color: transparent; + border-color: #00ff41; + color: #00ff41; +} +.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: #00ff41; + border-color: #00ff41; + color: #121617; +} +.button.is-success.is-outlined.is-loading::after { + border-color: transparent transparent #00ff41 #00ff41 !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 #121617 #121617 !important; +} +.button.is-success.is-outlined[disabled], +fieldset[disabled] .button.is-success.is-outlined { + background-color: transparent; + border-color: #00ff41; + box-shadow: none; + color: #00ff41; +} +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #121617; + color: #121617; +} +.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: #121617; + color: #00ff41; +} +.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 #00ff41 #00ff41 !important; +} +.button.is-success.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #121617; + box-shadow: none; + color: #121617; +} +.button.is-success.is-light { + background-color: #ebfff0; + color: #009426; +} +.button.is-success.is-light:hover, +.button.is-success.is-light.is-hovered { + background-color: #deffe6; + border-color: transparent; + color: #009426; +} +.button.is-success.is-light:active, +.button.is-success.is-light.is-active { + background-color: #d1ffdd; + border-color: transparent; + color: #009426; +} +.button.is-warning { + background-color: #ff8e3c; + border-color: transparent; + color: #121617; +} +.button.is-warning:hover, +.button.is-warning.is-hovered { + background-color: #ff872f; + border-color: transparent; + color: #121617; +} +.button.is-warning:focus, +.button.is-warning.is-focused { + border-color: transparent; + color: #121617; +} +.button.is-warning:focus:not(:active), +.button.is-warning.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255,142,60,0.25); +} +.button.is-warning:active, +.button.is-warning.is-active { + background-color: #ff7f22; + border-color: transparent; + color: #121617; +} +.button.is-warning[disabled], +fieldset[disabled] .button.is-warning { + background-color: #ff8e3c; + border-color: transparent; + box-shadow: none; +} +.button.is-warning.is-inverted { + background-color: #121617; + color: #ff8e3c; +} +.button.is-warning.is-inverted:hover, +.button.is-warning.is-inverted.is-hovered { + background-color: #070809; +} +.button.is-warning.is-inverted[disabled], +fieldset[disabled] .button.is-warning.is-inverted { + background-color: #121617; + border-color: transparent; + box-shadow: none; + color: #ff8e3c; +} +.button.is-warning.is-loading::after { + border-color: transparent transparent #121617 #121617 !important; +} +.button.is-warning.is-outlined { + background-color: transparent; + border-color: #ff8e3c; + color: #ff8e3c; +} +.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: #ff8e3c; + border-color: #ff8e3c; + color: #121617; +} +.button.is-warning.is-outlined.is-loading::after { + border-color: transparent transparent #ff8e3c #ff8e3c !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 #121617 #121617 !important; +} +.button.is-warning.is-outlined[disabled], +fieldset[disabled] .button.is-warning.is-outlined { + background-color: transparent; + border-color: #ff8e3c; + box-shadow: none; + color: #ff8e3c; +} +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: #121617; + color: #121617; +} +.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: #121617; + color: #ff8e3c; +} +.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 #ff8e3c #ff8e3c !important; +} +.button.is-warning.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: #121617; + box-shadow: none; + color: #121617; +} +.button.is-warning.is-light { + background-color: #fff3eb; + color: #a84700; +} +.button.is-warning.is-light:hover, +.button.is-warning.is-light.is-hovered { + background-color: #ffecde; + border-color: transparent; + color: #a84700; +} +.button.is-warning.is-light:active, +.button.is-warning.is-light.is-active { + background-color: #ffe4d1; + border-color: transparent; + color: #a84700; +} +.button.is-danger { + background-color: #ff003c; + border-color: transparent; + color: #121617; +} +.button.is-danger:hover, +.button.is-danger.is-hovered { + background-color: #f20039; + border-color: transparent; + color: #121617; +} +.button.is-danger:focus, +.button.is-danger.is-focused { + border-color: transparent; + color: #121617; +} +.button.is-danger:focus:not(:active), +.button.is-danger.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255,0,60,0.25); +} +.button.is-danger:active, +.button.is-danger.is-active { + background-color: #e60036; + border-color: transparent; + color: #121617; +} +.button.is-danger[disabled], +fieldset[disabled] .button.is-danger { + background-color: #ff003c; + border-color: transparent; + box-shadow: none; +} +.button.is-danger.is-inverted { + background-color: #121617; + color: #ff003c; +} +.button.is-danger.is-inverted:hover, +.button.is-danger.is-inverted.is-hovered { + background-color: #070809; +} +.button.is-danger.is-inverted[disabled], +fieldset[disabled] .button.is-danger.is-inverted { + background-color: #121617; + border-color: transparent; + box-shadow: none; + color: #ff003c; +} +.button.is-danger.is-loading::after { + border-color: transparent transparent #121617 #121617 !important; +} +.button.is-danger.is-outlined { + background-color: transparent; + border-color: #ff003c; + color: #ff003c; +} +.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: #ff003c; + border-color: #ff003c; + color: #121617; +} +.button.is-danger.is-outlined.is-loading::after { + border-color: transparent transparent #ff003c #ff003c !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 #121617 #121617 !important; +} +.button.is-danger.is-outlined[disabled], +fieldset[disabled] .button.is-danger.is-outlined { + background-color: transparent; + border-color: #ff003c; + box-shadow: none; + color: #ff003c; +} +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #121617; + color: #121617; +} +.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: #121617; + color: #ff003c; +} +.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 #ff003c #ff003c !important; +} +.button.is-danger.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #121617; + box-shadow: none; + color: #121617; +} +.button.is-danger.is-light { + background-color: #ffebef; + color: #eb0037; +} +.button.is-danger.is-light:hover, +.button.is-danger.is-light.is-hovered { + background-color: #ffdee6; + border-color: transparent; + color: #eb0037; +} +.button.is-danger.is-light:active, +.button.is-danger.is-light.is-active { + background-color: #ffd1dc; + border-color: transparent; + color: #eb0037; +} +.button.is-grey-lightest { + background-color: #ededed; + border-color: transparent; + color: #363636; +} +.button.is-grey-lightest:hover, +.button.is-grey-lightest.is-hovered { + background-color: #e7e7e7; + border-color: transparent; + color: #363636; +} +.button.is-grey-lightest:focus, +.button.is-grey-lightest.is-focused { + border-color: transparent; + color: #363636; +} +.button.is-grey-lightest:focus:not(:active), +.button.is-grey-lightest.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(237,237,237,0.25); +} +.button.is-grey-lightest:active, +.button.is-grey-lightest.is-active { + background-color: #e0e0e0; + border-color: transparent; + color: #363636; +} +.button.is-grey-lightest[disabled], +fieldset[disabled] .button.is-grey-lightest { + background-color: #ededed; + border-color: transparent; + box-shadow: none; +} +.button.is-grey-lightest.is-inverted { + background-color: #363636; + color: #ededed; +} +.button.is-grey-lightest.is-inverted:hover, +.button.is-grey-lightest.is-inverted.is-hovered { + background-color: #292929; +} +.button.is-grey-lightest.is-inverted[disabled], +fieldset[disabled] .button.is-grey-lightest.is-inverted { + background-color: #363636; + border-color: transparent; + box-shadow: none; + color: #ededed; +} +.button.is-grey-lightest.is-loading::after { + border-color: transparent transparent #363636 #363636 !important; +} +.button.is-grey-lightest.is-outlined { + background-color: transparent; + border-color: #ededed; + color: #ededed; +} +.button.is-grey-lightest.is-outlined:hover, +.button.is-grey-lightest.is-outlined.is-hovered, +.button.is-grey-lightest.is-outlined:focus, +.button.is-grey-lightest.is-outlined.is-focused { + background-color: #ededed; + border-color: #ededed; + color: #363636; +} +.button.is-grey-lightest.is-outlined.is-loading::after { + border-color: transparent transparent #ededed #ededed !important; +} +.button.is-grey-lightest.is-outlined.is-loading:hover::after, +.button.is-grey-lightest.is-outlined.is-loading.is-hovered::after, +.button.is-grey-lightest.is-outlined.is-loading:focus::after, +.button.is-grey-lightest.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #363636 #363636 !important; +} +.button.is-grey-lightest.is-outlined[disabled], +fieldset[disabled] .button.is-grey-lightest.is-outlined { + background-color: transparent; + border-color: #ededed; + box-shadow: none; + color: #ededed; +} +.button.is-grey-lightest.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} +.button.is-grey-lightest.is-inverted.is-outlined:hover, +.button.is-grey-lightest.is-inverted.is-outlined.is-hovered, +.button.is-grey-lightest.is-inverted.is-outlined:focus, +.button.is-grey-lightest.is-inverted.is-outlined.is-focused { + background-color: #363636; + color: #ededed; +} +.button.is-grey-lightest.is-inverted.is-outlined.is-loading:hover::after, +.button.is-grey-lightest.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-grey-lightest.is-inverted.is-outlined.is-loading:focus::after, +.button.is-grey-lightest.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #ededed #ededed !important; +} +.button.is-grey-lightest.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-grey-lightest.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636; +} +.button.is-small { + border-radius: 0; + 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: #000; + 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: #f5f5f5; + border-color: #dbdbdb; + color: #848484; + box-shadow: none; + pointer-events: none; +} +.button.is-rounded { + border-radius: 290486px; + padding-left: calc(1em + 0.25em); + padding-right: calc(1em + 0.25em); +} +.buttons { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.buttons .button { + margin-bottom: 0.5rem; +} +.buttons .button:not(:last-child):not(.is-fullwidth) { + margin-right: 0.5rem; +} +.buttons:last-child { + margin-bottom: -0.5rem; +} +.buttons:not(:last-child) { + margin-bottom: 1rem; +} +.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { + border-radius: 0; + font-size: 0.75rem; +} +.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { + font-size: 1.25rem; +} +.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { + font-size: 1.5rem; +} +.buttons.has-addons .button:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.buttons.has-addons .button:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + margin-right: -1px; +} +.buttons.has-addons .button:last-child { + margin-right: 0; +} +.buttons.has-addons .button:hover, +.buttons.has-addons .button.is-hovered { + z-index: 2; +} +.buttons.has-addons .button:focus, +.buttons.has-addons .button.is-focused, +.buttons.has-addons .button:active, +.buttons.has-addons .button.is-active, +.buttons.has-addons .button.is-selected { + z-index: 3; +} +.buttons.has-addons .button:focus:hover, +.buttons.has-addons .button.is-focused:hover, +.buttons.has-addons .button:active:hover, +.buttons.has-addons .button.is-active:hover, +.buttons.has-addons .button.is-selected:hover { + z-index: 4; +} +.buttons.has-addons .button.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} +.buttons.is-centered { + justify-content: center; +} +.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; +} +.buttons.is-right { + justify-content: flex-end; +} +.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; +} +.container { + flex-grow: 1; + margin: 0 auto; + position: relative; + width: auto; +} +.container.is-fluid { + max-width: none; + padding-left: 64px; + padding-right: 64px; + width: 100%; +} +@media screen and (min-width: 1088px) { + .container { + max-width: 960px; + } +} +@media screen and (max-width: 1279px) { + .container.is-widescreen { + max-width: 1152px; + } +} +@media screen and (max-width: 1471px) { + .container.is-fullhd { + max-width: 1344px; + } +} +@media screen and (min-width: 1280px) { + .container { + max-width: 1152px; + } +} +@media screen and (min-width: 1472px) { + .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: #fcee09; + font-weight: 400; + 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: #f5f5f5; + 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: #fcee09; +} +.content table th:not([align]) { + text-align: left; +} +.content table thead td, +.content table thead th { + border-width: 0 0 2px; + color: #fcee09; +} +.content table tfoot td, +.content table tfoot th { + border-width: 2px 0 0; + color: #fcee09; +} +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: 0; +} +.content .tabs li + li { + margin-top: 0; +} +.content.is-small { + font-size: 0.75rem; +} +.content.is-medium { + font-size: 1.25rem; +} +.content.is-large { + font-size: 1.5rem; +} +.icon { + align-items: center; + display: inline-flex; + justify-content: center; + height: 1.5rem; + width: 1.5rem; +} +.icon.is-small { + height: 1rem; + width: 1rem; +} +.icon.is-medium { + height: 2rem; + width: 2rem; +} +.icon.is-large { + height: 3rem; + width: 3rem; +} +.image { + display: block; + position: relative; +} +.image img { + display: block; + height: auto; + width: 100%; +} +.image img.is-rounded { + border-radius: 290486px; +} +.image.is-fullwidth { + width: 100%; +} +.image.is-square img, +.image.is-1by1 img, +.image.is-5by4 img, +.image.is-4by3 img, +.image.is-3by2 img, +.image.is-5by3 img, +.image.is-16by9 img, +.image.is-2by1 img, +.image.is-3by1 img, +.image.is-4by5 img, +.image.is-3by4 img, +.image.is-2by3 img, +.image.is-3by5 img, +.image.is-9by16 img, +.image.is-1by2 img, +.image.is-1by3 img, +.image.is-square .has-ratio, +.image.is-1by1 .has-ratio, +.image.is-5by4 .has-ratio, +.image.is-4by3 .has-ratio, +.image.is-3by2 .has-ratio, +.image.is-5by3 .has-ratio, +.image.is-16by9 .has-ratio, +.image.is-2by1 .has-ratio, +.image.is-3by1 .has-ratio, +.image.is-4by5 .has-ratio, +.image.is-3by4 .has-ratio, +.image.is-2by3 .has-ratio, +.image.is-3by5 .has-ratio, +.image.is-9by16 .has-ratio, +.image.is-1by2 .has-ratio, +.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: #f5f5f5; + border-radius: 0; + 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: #000; +} +.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: #fff; + color: #000; +} +.notification.is-black { + background-color: #000; + color: #fff; +} +.notification.is-light { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.notification.is-dark { + background-color: #363636; + color: #fff; +} +.notification.is-primary { + background-color: #fcee09; + color: #121617; +} +.notification.is-link { + background-color: #02d7f2; + color: rgba(0,0,0,0.7); +} +.notification.is-info { + background-color: #02d7f2; + color: #121617; +} +.notification.is-success { + background-color: #00ff41; + color: #121617; +} +.notification.is-warning { + background-color: #ff8e3c; + color: #121617; +} +.notification.is-danger { + background-color: #ff003c; + color: #121617; +} +.notification.is-grey-lightest { + background-color: #ededed; + color: #363636; +} +.progress { + -moz-appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 290486px; + display: block; + height: 1rem; + overflow: hidden; + padding: 0; + width: 100%; +} +.progress::-webkit-progress-bar { + background-color: #ededed; +} +.progress::-webkit-progress-value { + background-color: #cdcdcd; +} +.progress::-moz-progress-bar { + background-color: #cdcdcd; +} +.progress::-ms-fill { + background-color: #cdcdcd; + border: none; +} +.progress.is-white::-webkit-progress-value { + background-color: #fff; +} +.progress.is-white::-moz-progress-bar { + background-color: #fff; +} +.progress.is-white::-ms-fill { + background-color: #fff; +} +.progress.is-white:indeterminate { + background-image: linear-gradient(to right, #fff 30%, #ededed 30%); +} +.progress.is-black::-webkit-progress-value { + background-color: #000; +} +.progress.is-black::-moz-progress-bar { + background-color: #000; +} +.progress.is-black::-ms-fill { + background-color: #000; +} +.progress.is-black:indeterminate { + background-image: linear-gradient(to right, #000 30%, #ededed 30%); +} +.progress.is-light::-webkit-progress-value { + background-color: #f5f5f5; +} +.progress.is-light::-moz-progress-bar { + background-color: #f5f5f5; +} +.progress.is-light::-ms-fill { + background-color: #f5f5f5; +} +.progress.is-light:indeterminate { + background-image: linear-gradient(to right, #f5f5f5 30%, #ededed 30%); +} +.progress.is-dark::-webkit-progress-value { + background-color: #363636; +} +.progress.is-dark::-moz-progress-bar { + background-color: #363636; +} +.progress.is-dark::-ms-fill { + background-color: #363636; +} +.progress.is-dark:indeterminate { + background-image: linear-gradient(to right, #363636 30%, #ededed 30%); +} +.progress.is-primary::-webkit-progress-value { + background-color: #fcee09; +} +.progress.is-primary::-moz-progress-bar { + background-color: #fcee09; +} +.progress.is-primary::-ms-fill { + background-color: #fcee09; +} +.progress.is-primary:indeterminate { + background-image: linear-gradient(to right, #fcee09 30%, #ededed 30%); +} +.progress.is-link::-webkit-progress-value { + background-color: #02d7f2; +} +.progress.is-link::-moz-progress-bar { + background-color: #02d7f2; +} +.progress.is-link::-ms-fill { + background-color: #02d7f2; +} +.progress.is-link:indeterminate { + background-image: linear-gradient(to right, #02d7f2 30%, #ededed 30%); +} +.progress.is-info::-webkit-progress-value { + background-color: #02d7f2; +} +.progress.is-info::-moz-progress-bar { + background-color: #02d7f2; +} +.progress.is-info::-ms-fill { + background-color: #02d7f2; +} +.progress.is-info:indeterminate { + background-image: linear-gradient(to right, #02d7f2 30%, #ededed 30%); +} +.progress.is-success::-webkit-progress-value { + background-color: #00ff41; +} +.progress.is-success::-moz-progress-bar { + background-color: #00ff41; +} +.progress.is-success::-ms-fill { + background-color: #00ff41; +} +.progress.is-success:indeterminate { + background-image: linear-gradient(to right, #00ff41 30%, #ededed 30%); +} +.progress.is-warning::-webkit-progress-value { + background-color: #ff8e3c; +} +.progress.is-warning::-moz-progress-bar { + background-color: #ff8e3c; +} +.progress.is-warning::-ms-fill { + background-color: #ff8e3c; +} +.progress.is-warning:indeterminate { + background-image: linear-gradient(to right, #ff8e3c 30%, #ededed 30%); +} +.progress.is-danger::-webkit-progress-value { + background-color: #ff003c; +} +.progress.is-danger::-moz-progress-bar { + background-color: #ff003c; +} +.progress.is-danger::-ms-fill { + background-color: #ff003c; +} +.progress.is-danger:indeterminate { + background-image: linear-gradient(to right, #ff003c 30%, #ededed 30%); +} +.progress.is-grey-lightest::-webkit-progress-value { + background-color: #ededed; +} +.progress.is-grey-lightest::-moz-progress-bar { + background-color: #ededed; +} +.progress.is-grey-lightest::-ms-fill { + background-color: #ededed; +} +.progress.is-grey-lightest:indeterminate { + background-image: linear-gradient(to right, #ededed 30%, #ededed 30%); +} +.progress:indeterminate { + animation-duration: 1.5s; + animation-iteration-count: infinite; + animation-name: moveIndeterminate; + animation-timing-function: linear; + background-color: #ededed; + background-image: linear-gradient(to right, #cdcdcd 30%, #ededed 30%); + background-position: top left; + background-repeat: no-repeat; + background-size: 150% 150%; +} +.progress:indeterminate::-webkit-progress-bar { + background-color: transparent; +} +.progress:indeterminate::-moz-progress-bar { + background-color: transparent; +} +.progress.is-small { + height: 0.75rem; +} +.progress.is-medium { + height: 1.25rem; +} +.progress.is-large { + height: 1.5rem; +} +@-moz-keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +@-webkit-keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +@-o-keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +@keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +.table { + background-color: #000; + color: #fcee09; +} +.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: #fff; + border-color: #fff; + color: #000; +} +.table td.is-black, +.table th.is-black { + background-color: #000; + border-color: #000; + color: #fff; +} +.table td.is-light, +.table th.is-light { + background-color: #f5f5f5; + border-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.table td.is-dark, +.table th.is-dark { + background-color: #363636; + border-color: #363636; + color: #fff; +} +.table td.is-primary, +.table th.is-primary { + background-color: #fcee09; + border-color: #fcee09; + color: #121617; +} +.table td.is-link, +.table th.is-link { + background-color: #02d7f2; + border-color: #02d7f2; + color: rgba(0,0,0,0.7); +} +.table td.is-info, +.table th.is-info { + background-color: #02d7f2; + border-color: #02d7f2; + color: #121617; +} +.table td.is-success, +.table th.is-success { + background-color: #00ff41; + border-color: #00ff41; + color: #121617; +} +.table td.is-warning, +.table th.is-warning { + background-color: #ff8e3c; + border-color: #ff8e3c; + color: #121617; +} +.table td.is-danger, +.table th.is-danger { + background-color: #ff003c; + border-color: #ff003c; + color: #121617; +} +.table td.is-grey-lightest, +.table th.is-grey-lightest { + background-color: #ededed; + border-color: #ededed; + color: #363636; +} +.table td.is-narrow, +.table th.is-narrow { + white-space: nowrap; + width: 1%; +} +.table td.is-selected, +.table th.is-selected { + background-color: #fcee09; + color: #121617; +} +.table td.is-selected a, +.table th.is-selected a, +.table td.is-selected strong, +.table th.is-selected strong { + color: currentColor; +} +.table th { + color: #fcee09; +} +.table th:not([align]) { + text-align: left; +} +.table tr.is-selected { + background-color: #fcee09; + color: #121617; +} +.table tr.is-selected a, +.table tr.is-selected strong { + color: currentColor; +} +.table tr.is-selected td, +.table tr.is-selected th { + border-color: #121617; + color: currentColor; +} +.table thead { + background-color: transparent; +} +.table thead td, +.table thead th { + border-width: 0 0 2px; + color: #fcee09; +} +.table tfoot { + background-color: transparent; +} +.table tfoot td, +.table tfoot th { + border-width: 2px 0 0; + color: #fcee09; +} +.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: #cdcdcd; +} +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { + background-color: #cdcdcd; +} +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { + background-color: #f5f5f5; +} +.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: #cdcdcd; +} +.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: #02d7f2; + border-radius: 0; + color: #000; + 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: #fff; + color: #000; +} +.tag:not(body).is-black { + background-color: #000; + color: #fff; +} +.tag:not(body).is-light { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.tag:not(body).is-dark { + background-color: #363636; + color: #fff; +} +.tag:not(body).is-primary { + background-color: #fcee09; + color: #121617; +} +.tag:not(body).is-primary.is-light { + background-color: #fffeeb; + color: #928a02; +} +.tag:not(body).is-link { + background-color: #02d7f2; + color: rgba(0,0,0,0.7); +} +.tag:not(body).is-link.is-light { + background-color: #ebfdff; + color: #018293; +} +.tag:not(body).is-info { + background-color: #02d7f2; + color: #121617; +} +.tag:not(body).is-info.is-light { + background-color: #ebfdff; + color: #018293; +} +.tag:not(body).is-success { + background-color: #00ff41; + color: #121617; +} +.tag:not(body).is-success.is-light { + background-color: #ebfff0; + color: #009426; +} +.tag:not(body).is-warning { + background-color: #ff8e3c; + color: #121617; +} +.tag:not(body).is-warning.is-light { + background-color: #fff3eb; + color: #a84700; +} +.tag:not(body).is-danger { + background-color: #ff003c; + color: #121617; +} +.tag:not(body).is-danger.is-light { + background-color: #ffebef; + color: #eb0037; +} +.tag:not(body).is-grey-lightest { + background-color: #ededed; + color: #363636; +} +.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: #02c1d9; +} +.tag:not(body).is-delete:active { + background-color: #02aabf; +} +.tag:not(body).is-rounded { + border-radius: 290486px; +} +a.tag:hover { + text-decoration: underline; +} +.title, +.subtitle { + word-break: break-word; +} +.title em, +.subtitle em, +.title span, +.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: #fcee09; + font-size: 2rem; + font-weight: 400; + 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.85rem; +} +.subtitle { + color: #cdcdcd; + font-size: 1.25rem; + font-weight: 400; + line-height: 1.25; +} +.subtitle strong { + color: #fcee09; + 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.85rem; +} +.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: #f5f5f5; + border-radius: 290486px; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: 0.25rem 0.5rem; + text-align: center; + vertical-align: top; +} +.input, +.textarea, +.select select { + background-color: #000; + border-color: #dbdbdb; + border-radius: 0; + color: #cdcdcd; +} +.input::-moz-placeholder, +.textarea::-moz-placeholder, +.select select::-moz-placeholder { + color: rgba(205,205,205,0.8); +} +.input::-webkit-input-placeholder, +.textarea::-webkit-input-placeholder, +.select select::-webkit-input-placeholder { + color: rgba(205,205,205,0.8); +} +.input:-moz-placeholder, +.textarea:-moz-placeholder, +.select select:-moz-placeholder { + color: rgba(205,205,205,0.8); +} +.input:-ms-input-placeholder, +.textarea:-ms-input-placeholder, +.select select:-ms-input-placeholder { + color: rgba(205,205,205,0.8); +} +.input:hover, +.textarea:hover, +.select select:hover, +.input.is-hovered, +.textarea.is-hovered, +.select select.is-hovered { + border-color: #b5b5b5; +} +.input:focus, +.textarea:focus, +.select select:focus, +.input.is-focused, +.textarea.is-focused, +.select select.is-focused, +.input:active, +.textarea:active, +.select select:active, +.input.is-active, +.textarea.is-active, +.select select.is-active { + border-color: #02d7f2; + box-shadow: 0 0 0 0.125em rgba(2,215,242,0.25); +} +.input[disabled], +.textarea[disabled], +.select select[disabled], +fieldset[disabled] .input, +fieldset[disabled] .textarea, +fieldset[disabled] .select select { + background-color: #f5f5f5; + border-color: #f5f5f5; + box-shadow: none; + color: #848484; +} +.input[disabled]::-moz-placeholder, +.textarea[disabled]::-moz-placeholder, +.select select[disabled]::-moz-placeholder, +fieldset[disabled] .input::-moz-placeholder, +fieldset[disabled] .textarea::-moz-placeholder, +fieldset[disabled] .select select::-moz-placeholder { + color: rgba(132,132,132,0.3); +} +.input[disabled]::-webkit-input-placeholder, +.textarea[disabled]::-webkit-input-placeholder, +.select select[disabled]::-webkit-input-placeholder, +fieldset[disabled] .input::-webkit-input-placeholder, +fieldset[disabled] .textarea::-webkit-input-placeholder, +fieldset[disabled] .select select::-webkit-input-placeholder { + color: rgba(132,132,132,0.3); +} +.input[disabled]:-moz-placeholder, +.textarea[disabled]:-moz-placeholder, +.select select[disabled]:-moz-placeholder, +fieldset[disabled] .input:-moz-placeholder, +fieldset[disabled] .textarea:-moz-placeholder, +fieldset[disabled] .select select:-moz-placeholder { + color: rgba(132,132,132,0.3); +} +.input[disabled]:-ms-input-placeholder, +.textarea[disabled]:-ms-input-placeholder, +.select select[disabled]:-ms-input-placeholder, +fieldset[disabled] .input:-ms-input-placeholder, +fieldset[disabled] .textarea:-ms-input-placeholder, +fieldset[disabled] .select select:-ms-input-placeholder { + color: rgba(132,132,132,0.3); +} +.input, +.textarea { + box-shadow: inset 0 0.0625em 0.125em rgba(0,0,0,0.05); + max-width: 100%; + width: 100%; +} +.input[readonly], +.textarea[readonly] { + box-shadow: none; +} +.input.is-white, +.textarea.is-white { + border-color: #fff; +} +.input.is-white:focus, +.textarea.is-white:focus, +.input.is-white.is-focused, +.textarea.is-white.is-focused, +.input.is-white:active, +.textarea.is-white:active, +.input.is-white.is-active, +.textarea.is-white.is-active { + box-shadow: 0 0 0 0.125em rgba(255,255,255,0.25); +} +.input.is-black, +.textarea.is-black { + border-color: #000; +} +.input.is-black:focus, +.textarea.is-black:focus, +.input.is-black.is-focused, +.textarea.is-black.is-focused, +.input.is-black:active, +.textarea.is-black:active, +.input.is-black.is-active, +.textarea.is-black.is-active { + box-shadow: 0 0 0 0.125em rgba(0,0,0,0.25); +} +.input.is-light, +.textarea.is-light { + border-color: #f5f5f5; +} +.input.is-light:focus, +.textarea.is-light:focus, +.input.is-light.is-focused, +.textarea.is-light.is-focused, +.input.is-light:active, +.textarea.is-light:active, +.input.is-light.is-active, +.textarea.is-light.is-active { + box-shadow: 0 0 0 0.125em rgba(245,245,245,0.25); +} +.input.is-dark, +.textarea.is-dark { + border-color: #363636; +} +.input.is-dark:focus, +.textarea.is-dark:focus, +.input.is-dark.is-focused, +.textarea.is-dark.is-focused, +.input.is-dark:active, +.textarea.is-dark:active, +.input.is-dark.is-active, +.textarea.is-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(54,54,54,0.25); +} +.input.is-primary, +.textarea.is-primary { + border-color: #fcee09; +} +.input.is-primary:focus, +.textarea.is-primary:focus, +.input.is-primary.is-focused, +.textarea.is-primary.is-focused, +.input.is-primary:active, +.textarea.is-primary:active, +.input.is-primary.is-active, +.textarea.is-primary.is-active { + box-shadow: 0 0 0 0.125em rgba(252,238,9,0.25); +} +.input.is-link, +.textarea.is-link { + border-color: #02d7f2; +} +.input.is-link:focus, +.textarea.is-link:focus, +.input.is-link.is-focused, +.textarea.is-link.is-focused, +.input.is-link:active, +.textarea.is-link:active, +.input.is-link.is-active, +.textarea.is-link.is-active { + box-shadow: 0 0 0 0.125em rgba(2,215,242,0.25); +} +.input.is-info, +.textarea.is-info { + border-color: #02d7f2; +} +.input.is-info:focus, +.textarea.is-info:focus, +.input.is-info.is-focused, +.textarea.is-info.is-focused, +.input.is-info:active, +.textarea.is-info:active, +.input.is-info.is-active, +.textarea.is-info.is-active { + box-shadow: 0 0 0 0.125em rgba(2,215,242,0.25); +} +.input.is-success, +.textarea.is-success { + border-color: #00ff41; +} +.input.is-success:focus, +.textarea.is-success:focus, +.input.is-success.is-focused, +.textarea.is-success.is-focused, +.input.is-success:active, +.textarea.is-success:active, +.input.is-success.is-active, +.textarea.is-success.is-active { + box-shadow: 0 0 0 0.125em rgba(0,255,65,0.25); +} +.input.is-warning, +.textarea.is-warning { + border-color: #ff8e3c; +} +.input.is-warning:focus, +.textarea.is-warning:focus, +.input.is-warning.is-focused, +.textarea.is-warning.is-focused, +.input.is-warning:active, +.textarea.is-warning:active, +.input.is-warning.is-active, +.textarea.is-warning.is-active { + box-shadow: 0 0 0 0.125em rgba(255,142,60,0.25); +} +.input.is-danger, +.textarea.is-danger { + border-color: #ff003c; +} +.input.is-danger:focus, +.textarea.is-danger:focus, +.input.is-danger.is-focused, +.textarea.is-danger.is-focused, +.input.is-danger:active, +.textarea.is-danger:active, +.input.is-danger.is-active, +.textarea.is-danger.is-active { + box-shadow: 0 0 0 0.125em rgba(255,0,60,0.25); +} +.input.is-grey-lightest, +.textarea.is-grey-lightest { + border-color: #ededed; +} +.input.is-grey-lightest:focus, +.textarea.is-grey-lightest:focus, +.input.is-grey-lightest.is-focused, +.textarea.is-grey-lightest.is-focused, +.input.is-grey-lightest:active, +.textarea.is-grey-lightest:active, +.input.is-grey-lightest.is-active, +.textarea.is-grey-lightest.is-active { + box-shadow: 0 0 0 0.125em rgba(237,237,237,0.25); +} +.input.is-small, +.textarea.is-small { + border-radius: 0; + font-size: 0.75rem; +} +.input.is-medium, +.textarea.is-medium { + font-size: 1.25rem; +} +.input.is-large, +.textarea.is-large { + font-size: 1.5rem; +} +.input.is-fullwidth, +.textarea.is-fullwidth { + display: block; + width: 100%; +} +.input.is-inline, +.textarea.is-inline { + display: inline; + width: auto; +} +.input.is-rounded { + border-radius: 290486px; + padding-left: calc(calc(0.75em - 1px) + 0.375em); + padding-right: calc(calc(0.75em - 1px) + 0.375em); +} +.input.is-static { + background-color: transparent; + border-color: transparent; + box-shadow: none; + padding-left: 0; + padding-right: 0; +} +.textarea { + display: block; + max-width: 100%; + min-width: 100%; + padding: calc(0.75em - 1px); + resize: vertical; +} +.textarea:not([rows]) { + max-height: 40em; + min-height: 8em; +} +.textarea[rows] { + height: initial; +} +.textarea.has-fixed-size { + resize: none; +} +.checkbox, +.radio { + cursor: pointer; + display: inline-block; + line-height: 1.25; + position: relative; +} +.checkbox input, +.radio input { + cursor: pointer; +} +.checkbox:hover, +.radio:hover { + color: #fcee09; +} +.checkbox[disabled], +.radio[disabled], +fieldset[disabled] .checkbox, +fieldset[disabled] .radio { + color: #848484; + 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: #02d7f2; + 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: #f5f5f5; +} +.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: #fcee09; +} +.select.is-white:not(:hover)::after { + border-color: #fff; +} +.select.is-white select { + border-color: #fff; +} +.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: #000; +} +.select.is-black select { + border-color: #000; +} +.select.is-black select:hover, +.select.is-black select.is-hovered { + border-color: #000; +} +.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(0,0,0,0.25); +} +.select.is-light:not(:hover)::after { + border-color: #f5f5f5; +} +.select.is-light select { + border-color: #f5f5f5; +} +.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: #fcee09; +} +.select.is-primary select { + border-color: #fcee09; +} +.select.is-primary select:hover, +.select.is-primary select.is-hovered { + border-color: #e9db03; +} +.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(252,238,9,0.25); +} +.select.is-link:not(:hover)::after { + border-color: #02d7f2; +} +.select.is-link select { + border-color: #02d7f2; +} +.select.is-link select:hover, +.select.is-link select.is-hovered { + border-color: #02c1d9; +} +.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(2,215,242,0.25); +} +.select.is-info:not(:hover)::after { + border-color: #02d7f2; +} +.select.is-info select { + border-color: #02d7f2; +} +.select.is-info select:hover, +.select.is-info select.is-hovered { + border-color: #02c1d9; +} +.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(2,215,242,0.25); +} +.select.is-success:not(:hover)::after { + border-color: #00ff41; +} +.select.is-success select { + border-color: #00ff41; +} +.select.is-success select:hover, +.select.is-success select.is-hovered { + border-color: #00e63a; +} +.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(0,255,65,0.25); +} +.select.is-warning:not(:hover)::after { + border-color: #ff8e3c; +} +.select.is-warning select { + border-color: #ff8e3c; +} +.select.is-warning select:hover, +.select.is-warning select.is-hovered { + border-color: #ff7f22; +} +.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,142,60,0.25); +} +.select.is-danger:not(:hover)::after { + border-color: #ff003c; +} +.select.is-danger select { + border-color: #ff003c; +} +.select.is-danger select:hover, +.select.is-danger select.is-hovered { + border-color: #e60036; +} +.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,0,60,0.25); +} +.select.is-grey-lightest:not(:hover)::after { + border-color: #ededed; +} +.select.is-grey-lightest select { + border-color: #ededed; +} +.select.is-grey-lightest select:hover, +.select.is-grey-lightest select.is-hovered { + border-color: #e0e0e0; +} +.select.is-grey-lightest select:focus, +.select.is-grey-lightest select.is-focused, +.select.is-grey-lightest select:active, +.select.is-grey-lightest select.is-active { + box-shadow: 0 0 0 0.125em rgba(237,237,237,0.25); +} +.select.is-small { + border-radius: 0; + font-size: 0.75rem; +} +.select.is-medium { + font-size: 1.25rem; +} +.select.is-large { + font-size: 1.5rem; +} +.select.is-disabled::after { + border-color: #848484; +} +.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: #fff; + border-color: transparent; + color: #000; +} +.file.is-white:hover .file-cta, +.file.is-white.is-hovered .file-cta { + background-color: #f9f9f9; + border-color: transparent; + color: #000; +} +.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: #000; +} +.file.is-white:active .file-cta, +.file.is-white.is-active .file-cta { + background-color: #f2f2f2; + border-color: transparent; + color: #000; +} +.file.is-black .file-cta { + background-color: #000; + border-color: transparent; + color: #fff; +} +.file.is-black:hover .file-cta, +.file.is-black.is-hovered .file-cta { + background-color: #000; + border-color: transparent; + color: #fff; +} +.file.is-black:focus .file-cta, +.file.is-black.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(0,0,0,0.25); + color: #fff; +} +.file.is-black:active .file-cta, +.file.is-black.is-active .file-cta { + background-color: #000; + border-color: transparent; + color: #fff; +} +.file.is-light .file-cta { + background-color: #f5f5f5; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-light:hover .file-cta, +.file.is-light.is-hovered .file-cta { + background-color: #eee; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-light:focus .file-cta, +.file.is-light.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(245,245,245,0.25); + color: rgba(0,0,0,0.7); +} +.file.is-light:active .file-cta, +.file.is-light.is-active .file-cta { + background-color: #e8e8e8; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-dark .file-cta { + background-color: #363636; + border-color: transparent; + color: #fff; +} +.file.is-dark:hover .file-cta, +.file.is-dark.is-hovered .file-cta { + background-color: #2f2f2f; + border-color: transparent; + color: #fff; +} +.file.is-dark:focus .file-cta, +.file.is-dark.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(54,54,54,0.25); + color: #fff; +} +.file.is-dark:active .file-cta, +.file.is-dark.is-active .file-cta { + background-color: #292929; + border-color: transparent; + color: #fff; +} +.file.is-primary .file-cta { + background-color: #fcee09; + border-color: transparent; + color: #121617; +} +.file.is-primary:hover .file-cta, +.file.is-primary.is-hovered .file-cta { + background-color: #f5e703; + border-color: transparent; + color: #121617; +} +.file.is-primary:focus .file-cta, +.file.is-primary.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(252,238,9,0.25); + color: #121617; +} +.file.is-primary:active .file-cta, +.file.is-primary.is-active .file-cta { + background-color: #e9db03; + border-color: transparent; + color: #121617; +} +.file.is-link .file-cta { + background-color: #02d7f2; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-link:hover .file-cta, +.file.is-link.is-hovered .file-cta { + background-color: #02cce5; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-link:focus .file-cta, +.file.is-link.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(2,215,242,0.25); + color: rgba(0,0,0,0.7); +} +.file.is-link:active .file-cta, +.file.is-link.is-active .file-cta { + background-color: #02c1d9; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-info .file-cta { + background-color: #02d7f2; + border-color: transparent; + color: #121617; +} +.file.is-info:hover .file-cta, +.file.is-info.is-hovered .file-cta { + background-color: #02cce5; + border-color: transparent; + color: #121617; +} +.file.is-info:focus .file-cta, +.file.is-info.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(2,215,242,0.25); + color: #121617; +} +.file.is-info:active .file-cta, +.file.is-info.is-active .file-cta { + background-color: #02c1d9; + border-color: transparent; + color: #121617; +} +.file.is-success .file-cta { + background-color: #00ff41; + border-color: transparent; + color: #121617; +} +.file.is-success:hover .file-cta, +.file.is-success.is-hovered .file-cta { + background-color: #00f23e; + border-color: transparent; + color: #121617; +} +.file.is-success:focus .file-cta, +.file.is-success.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(0,255,65,0.25); + color: #121617; +} +.file.is-success:active .file-cta, +.file.is-success.is-active .file-cta { + background-color: #00e63a; + border-color: transparent; + color: #121617; +} +.file.is-warning .file-cta { + background-color: #ff8e3c; + border-color: transparent; + color: #121617; +} +.file.is-warning:hover .file-cta, +.file.is-warning.is-hovered .file-cta { + background-color: #ff872f; + border-color: transparent; + color: #121617; +} +.file.is-warning:focus .file-cta, +.file.is-warning.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255,142,60,0.25); + color: #121617; +} +.file.is-warning:active .file-cta, +.file.is-warning.is-active .file-cta { + background-color: #ff7f22; + border-color: transparent; + color: #121617; +} +.file.is-danger .file-cta { + background-color: #ff003c; + border-color: transparent; + color: #121617; +} +.file.is-danger:hover .file-cta, +.file.is-danger.is-hovered .file-cta { + background-color: #f20039; + border-color: transparent; + color: #121617; +} +.file.is-danger:focus .file-cta, +.file.is-danger.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255,0,60,0.25); + color: #121617; +} +.file.is-danger:active .file-cta, +.file.is-danger.is-active .file-cta { + background-color: #e60036; + border-color: transparent; + color: #121617; +} +.file.is-grey-lightest .file-cta { + background-color: #ededed; + border-color: transparent; + color: #363636; +} +.file.is-grey-lightest:hover .file-cta, +.file.is-grey-lightest.is-hovered .file-cta { + background-color: #e7e7e7; + border-color: transparent; + color: #363636; +} +.file.is-grey-lightest:focus .file-cta, +.file.is-grey-lightest.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(237,237,237,0.25); + color: #363636; +} +.file.is-grey-lightest:active .file-cta, +.file.is-grey-lightest.is-active .file-cta { + background-color: #e0e0e0; + border-color: transparent; + color: #363636; +} +.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: 0; +} +.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: 0 0 0 0; +} +.file.is-boxed.has-name .file-name { + border-radius: 0 0 0 0; + 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 0 0 0; +} +.file.is-right .file-name { + border-radius: 0 0 0 0; + 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: #eee; + color: #fcee09; +} +.file-label:hover .file-name { + border-color: #d5d5d5; +} +.file-label:active .file-cta { + background-color: #e8e8e8; + color: #fcee09; +} +.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: 0; + font-size: 1em; + padding-left: 1em; + padding-right: 1em; + white-space: nowrap; +} +.file-cta { + background-color: #f5f5f5; + color: #cdcdcd; +} +.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: #fcee09; + display: block; + font-size: 1rem; + font-weight: 700; +} +.label:not(:last-child) { + margin-bottom: 0.5em; +} +.label.is-small { + font-size: 0.75rem; +} +.label.is-medium { + font-size: 1.25rem; +} +.label.is-large { + font-size: 1.5rem; +} +.help { + display: block; + font-size: 0.75rem; + margin-top: 0.25rem; +} +.help.is-white { + color: #fff; +} +.help.is-black { + color: #000; +} +.help.is-light { + color: #f5f5f5; +} +.help.is-dark { + color: #363636; +} +.help.is-primary { + color: #fcee09; +} +.help.is-link { + color: #02d7f2; +} +.help.is-info { + color: #02d7f2; +} +.help.is-success { + color: #00ff41; +} +.help.is-warning { + color: #ff8e3c; +} +.help.is-danger { + color: #ff003c; +} +.help.is-grey-lightest { + color: #ededed; +} +.field:not(:last-child) { + margin-bottom: 0.75rem; +} +.field.has-addons { + display: flex; + justify-content: flex-start; +} +.field.has-addons .control:not(:last-child) { + margin-right: -1px; +} +.field.has-addons .control:not(:first-child):not(:last-child) .button, +.field.has-addons .control:not(:first-child):not(:last-child) .input, +.field.has-addons .control:not(:first-child):not(:last-child) .select select { + border-radius: 0; +} +.field.has-addons .control:first-child:not(:only-child) .button, +.field.has-addons .control:first-child:not(:only-child) .input, +.field.has-addons .control:first-child:not(:only-child) .select select { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.field.has-addons .control:last-child:not(:only-child) .button, +.field.has-addons .control:last-child:not(:only-child) .input, +.field.has-addons .control:last-child:not(:only-child) .select select { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.field.has-addons .control .button:not([disabled]):hover, +.field.has-addons .control .input:not([disabled]):hover, +.field.has-addons .control .select select:not([disabled]):hover, +.field.has-addons .control .button:not([disabled]).is-hovered, +.field.has-addons .control .input:not([disabled]).is-hovered, +.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 .input:not([disabled]):focus, +.field.has-addons .control .select select:not([disabled]):focus, +.field.has-addons .control .button:not([disabled]).is-focused, +.field.has-addons .control .input:not([disabled]).is-focused, +.field.has-addons .control .select select:not([disabled]).is-focused, +.field.has-addons .control .button:not([disabled]):active, +.field.has-addons .control .input:not([disabled]):active, +.field.has-addons .control .select select:not([disabled]):active, +.field.has-addons .control .button:not([disabled]).is-active, +.field.has-addons .control .input:not([disabled]).is-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 .input:not([disabled]):focus:hover, +.field.has-addons .control .select select:not([disabled]):focus:hover, +.field.has-addons .control .button:not([disabled]).is-focused:hover, +.field.has-addons .control .input:not([disabled]).is-focused:hover, +.field.has-addons .control .select select:not([disabled]).is-focused:hover, +.field.has-addons .control .button:not([disabled]):active:hover, +.field.has-addons .control .input:not([disabled]):active:hover, +.field.has-addons .control .select select:not([disabled]):active:hover, +.field.has-addons .control .button:not([disabled]).is-active:hover, +.field.has-addons .control .input:not([disabled]).is-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-right .input:focus ~ .icon, +.control.has-icons-left .select:focus ~ .icon, +.control.has-icons-right .select:focus ~ .icon { + color: #cdcdcd; +} +.control.has-icons-left .input.is-small ~ .icon, +.control.has-icons-right .input.is-small ~ .icon, +.control.has-icons-left .select.is-small ~ .icon, +.control.has-icons-right .select.is-small ~ .icon { + font-size: 0.75rem; +} +.control.has-icons-left .input.is-medium ~ .icon, +.control.has-icons-right .input.is-medium ~ .icon, +.control.has-icons-left .select.is-medium ~ .icon, +.control.has-icons-right .select.is-medium ~ .icon { + font-size: 1.25rem; +} +.control.has-icons-left .input.is-large ~ .icon, +.control.has-icons-right .input.is-large ~ .icon, +.control.has-icons-left .select.is-large ~ .icon, +.control.has-icons-right .select.is-large ~ .icon { + font-size: 1.5rem; +} +.control.has-icons-left .icon, +.control.has-icons-right .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} +.control.has-icons-left .input, +.control.has-icons-left .select select { + padding-left: 2.25em; +} +.control.has-icons-left .icon.is-left { + left: 0; +} +.control.has-icons-right .input, +.control.has-icons-right .select select { + padding-right: 2.25em; +} +.control.has-icons-right .icon.is-right { + right: 0; +} +.control.is-loading::after { + position: absolute !important; + right: 0.625em; + top: 0.625em; + z-index: 4; +} +.control.is-loading.is-small:after { + font-size: 0.75rem; +} +.control.is-loading.is-medium:after { + font-size: 1.25rem; +} +.control.is-loading.is-large:after { + font-size: 1.5rem; +} +.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: 1087px) { + .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: 1088px) { + .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: 1280px) { + .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: 1472px) { + .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: 1088px) { + .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: 1087px) { + .columns.is-variable.is-0-tablet-only { + --columnGap: 0rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-0-touch { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-0-desktop { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-0-desktop-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-0-widescreen { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-0-widescreen-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-1-tablet-only { + --columnGap: 0.25rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-1-touch { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-1-desktop { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-1-desktop-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-1-widescreen { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-1-widescreen-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-2-tablet-only { + --columnGap: 0.5rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-2-touch { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-2-desktop { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-2-desktop-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-2-widescreen { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-2-widescreen-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-3-tablet-only { + --columnGap: 0.75rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-3-touch { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-3-desktop { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-3-desktop-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-3-widescreen { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-3-widescreen-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-4-tablet-only { + --columnGap: 1rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-4-touch { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-4-desktop-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-4-widescreen { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-4-widescreen-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-5-tablet-only { + --columnGap: 1.25rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-5-touch { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-5-desktop { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-5-desktop-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-5-widescreen { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-5-widescreen-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-6-tablet-only { + --columnGap: 1.5rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-6-touch { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-6-desktop-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-6-widescreen { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-6-widescreen-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-7-tablet-only { + --columnGap: 1.75rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-7-touch { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-7-desktop { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-7-desktop-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-7-widescreen { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-7-widescreen-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-8-tablet-only { + --columnGap: 2rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-8-touch { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-8-desktop-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-8-widescreen-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1472px) { + .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: #fff; + color: #000; +} +.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: #000; +} +.hero.is-white .subtitle { + color: rgba(0,0,0,0.9); +} +.hero.is-white .subtitle a:not(.button), +.hero.is-white .subtitle strong { + color: #000; +} +@media screen and (max-width: 1087px) { + .hero.is-white .navbar-menu { + background-color: #fff; + } +} +.hero.is-white .navbar-item, +.hero.is-white .navbar-link { + color: rgba(0,0,0,0.7); +} +.hero.is-white a.navbar-item:hover, +.hero.is-white .navbar-link:hover, +.hero.is-white a.navbar-item.is-active, +.hero.is-white .navbar-link.is-active { + background-color: #f2f2f2; + color: #000; +} +.hero.is-white .tabs a { + color: #000; + 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: #000; +} +.hero.is-white .tabs.is-boxed a:hover, +.hero.is-white .tabs.is-toggle a:hover { + background-color: rgba(0,0,0,0.1); +} +.hero.is-white .tabs.is-boxed li.is-active a, +.hero.is-white .tabs.is-toggle 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:hover { + background-color: #000; + border-color: #000; + color: #fff; +} +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, #e8e3e3 0%, #fff 71%, #fff 100%); +} +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #e8e3e3 0%, #fff 71%, #fff 100%); + } +} +.hero.is-black { + background-color: #000; + color: #fff; +} +.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: #fff; +} +.hero.is-black .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-black .subtitle a:not(.button), +.hero.is-black .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-black .navbar-menu { + background-color: #000; + } +} +.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 .navbar-link:hover, +.hero.is-black a.navbar-item.is-active, +.hero.is-black .navbar-link.is-active { + background-color: #000; + color: #fff; +} +.hero.is-black .tabs a { + color: #fff; + 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: #fff; +} +.hero.is-black .tabs.is-boxed a:hover, +.hero.is-black .tabs.is-toggle a:hover { + background-color: rgba(0,0,0,0.1); +} +.hero.is-black .tabs.is-boxed li.is-active a, +.hero.is-black .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #000; +} +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, #000 0%, #000 71%, #0d0c0c 100%); +} +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #000 0%, #000 71%, #0d0c0c 100%); + } +} +.hero.is-light { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-light strong { + color: inherit; +} +.hero.is-light .title { + color: rgba(0,0,0,0.7); +} +.hero.is-light .subtitle { + color: rgba(0,0,0,0.9); +} +.hero.is-light .subtitle a:not(.button), +.hero.is-light .subtitle strong { + color: rgba(0,0,0,0.7); +} +@media screen and (max-width: 1087px) { + .hero.is-light .navbar-menu { + background-color: #f5f5f5; + } +} +.hero.is-light .navbar-item, +.hero.is-light .navbar-link { + color: rgba(0,0,0,0.7); +} +.hero.is-light a.navbar-item:hover, +.hero.is-light .navbar-link:hover, +.hero.is-light a.navbar-item.is-active, +.hero.is-light .navbar-link.is-active { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); +} +.hero.is-light .tabs a { + color: rgba(0,0,0,0.7); + opacity: 0.9; +} +.hero.is-light .tabs a:hover { + opacity: 1; +} +.hero.is-light .tabs li.is-active a { + opacity: 1; +} +.hero.is-light .tabs.is-boxed a, +.hero.is-light .tabs.is-toggle a { + color: rgba(0,0,0,0.7); +} +.hero.is-light .tabs.is-boxed a:hover, +.hero.is-light .tabs.is-toggle a:hover { + background-color: rgba(0,0,0,0.1); +} +.hero.is-light .tabs.is-boxed li.is-active a, +.hero.is-light .tabs.is-toggle 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:hover { + background-color: rgba(0,0,0,0.7); + border-color: rgba(0,0,0,0.7); + color: #f5f5f5; +} +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, #dfd8d8 0%, #f5f5f5 71%, #fff 100%); +} +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #dfd8d8 0%, #f5f5f5 71%, #fff 100%); + } +} +.hero.is-dark { + background-color: #363636; + color: #fff; +} +.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-dark strong { + color: inherit; +} +.hero.is-dark .title { + color: #fff; +} +.hero.is-dark .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-dark .subtitle a:not(.button), +.hero.is-dark .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-dark .navbar-menu { + background-color: #363636; + } +} +.hero.is-dark .navbar-item, +.hero.is-dark .navbar-link { + color: rgba(255,255,255,0.7); +} +.hero.is-dark a.navbar-item:hover, +.hero.is-dark .navbar-link:hover, +.hero.is-dark a.navbar-item.is-active, +.hero.is-dark .navbar-link.is-active { + background-color: #292929; + color: #fff; +} +.hero.is-dark .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-dark .tabs a:hover { + opacity: 1; +} +.hero.is-dark .tabs li.is-active a { + opacity: 1; +} +.hero.is-dark .tabs.is-boxed a, +.hero.is-dark .tabs.is-toggle a { + color: #fff; +} +.hero.is-dark .tabs.is-boxed a:hover, +.hero.is-dark .tabs.is-toggle a:hover { + background-color: rgba(0,0,0,0.1); +} +.hero.is-dark .tabs.is-boxed li.is-active a, +.hero.is-dark .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #363636; +} +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, #1f1a1a 0%, #363636 71%, #463f3f 100%); +} +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1f1a1a 0%, #363636 71%, #463f3f 100%); + } +} +.hero.is-primary { + background-color: #fcee09; + color: #121617; +} +.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: #121617; +} +.hero.is-primary .subtitle { + color: rgba(18,22,23,0.9); +} +.hero.is-primary .subtitle a:not(.button), +.hero.is-primary .subtitle strong { + color: #121617; +} +@media screen and (max-width: 1087px) { + .hero.is-primary .navbar-menu { + background-color: #fcee09; + } +} +.hero.is-primary .navbar-item, +.hero.is-primary .navbar-link { + color: rgba(18,22,23,0.7); +} +.hero.is-primary a.navbar-item:hover, +.hero.is-primary .navbar-link:hover, +.hero.is-primary a.navbar-item.is-active, +.hero.is-primary .navbar-link.is-active { + background-color: #e9db03; + color: #121617; +} +.hero.is-primary .tabs a { + color: #121617; + 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: #121617; +} +.hero.is-primary .tabs.is-boxed a:hover, +.hero.is-primary .tabs.is-toggle a:hover { + background-color: rgba(0,0,0,0.1); +} +.hero.is-primary .tabs.is-boxed li.is-active a, +.hero.is-primary .tabs.is-toggle 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:hover { + background-color: #121617; + border-color: #121617; + color: #fcee09; +} +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, #d2a300 0%, #fcee09 71%, #e7ff20 100%); +} +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #d2a300 0%, #fcee09 71%, #e7ff20 100%); + } +} +.hero.is-link { + background-color: #02d7f2; + color: rgba(0,0,0,0.7); +} +.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: rgba(0,0,0,0.7); +} +.hero.is-link .subtitle { + color: rgba(0,0,0,0.9); +} +.hero.is-link .subtitle a:not(.button), +.hero.is-link .subtitle strong { + color: rgba(0,0,0,0.7); +} +@media screen and (max-width: 1087px) { + .hero.is-link .navbar-menu { + background-color: #02d7f2; + } +} +.hero.is-link .navbar-item, +.hero.is-link .navbar-link { + color: rgba(0,0,0,0.7); +} +.hero.is-link a.navbar-item:hover, +.hero.is-link .navbar-link:hover, +.hero.is-link a.navbar-item.is-active, +.hero.is-link .navbar-link.is-active { + background-color: #02c1d9; + color: rgba(0,0,0,0.7); +} +.hero.is-link .tabs a { + color: rgba(0,0,0,0.7); + 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: rgba(0,0,0,0.7); +} +.hero.is-link .tabs.is-boxed a:hover, +.hero.is-link .tabs.is-toggle a:hover { + background-color: rgba(0,0,0,0.1); +} +.hero.is-link .tabs.is-boxed li.is-active a, +.hero.is-link .tabs.is-toggle 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:hover { + background-color: rgba(0,0,0,0.7); + border-color: rgba(0,0,0,0.7); + color: #02d7f2; +} +.hero.is-link.is-bold { + background-image: linear-gradient(141deg, #00c1b7 0%, #02d7f2 71%, #0ebcff 100%); +} +@media screen and (max-width: 768px) { + .hero.is-link.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #00c1b7 0%, #02d7f2 71%, #0ebcff 100%); + } +} +.hero.is-info { + background-color: #02d7f2; + color: #121617; +} +.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: #121617; +} +.hero.is-info .subtitle { + color: rgba(18,22,23,0.9); +} +.hero.is-info .subtitle a:not(.button), +.hero.is-info .subtitle strong { + color: #121617; +} +@media screen and (max-width: 1087px) { + .hero.is-info .navbar-menu { + background-color: #02d7f2; + } +} +.hero.is-info .navbar-item, +.hero.is-info .navbar-link { + color: rgba(18,22,23,0.7); +} +.hero.is-info a.navbar-item:hover, +.hero.is-info .navbar-link:hover, +.hero.is-info a.navbar-item.is-active, +.hero.is-info .navbar-link.is-active { + background-color: #02c1d9; + color: #121617; +} +.hero.is-info .tabs a { + color: #121617; + 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: #121617; +} +.hero.is-info .tabs.is-boxed a:hover, +.hero.is-info .tabs.is-toggle a:hover { + background-color: rgba(0,0,0,0.1); +} +.hero.is-info .tabs.is-boxed li.is-active a, +.hero.is-info .tabs.is-toggle 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:hover { + background-color: #121617; + border-color: #121617; + color: #02d7f2; +} +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, #00c1b7 0%, #02d7f2 71%, #0ebcff 100%); +} +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #00c1b7 0%, #02d7f2 71%, #0ebcff 100%); + } +} +.hero.is-success { + background-color: #00ff41; + color: #121617; +} +.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: #121617; +} +.hero.is-success .subtitle { + color: rgba(18,22,23,0.9); +} +.hero.is-success .subtitle a:not(.button), +.hero.is-success .subtitle strong { + color: #121617; +} +@media screen and (max-width: 1087px) { + .hero.is-success .navbar-menu { + background-color: #00ff41; + } +} +.hero.is-success .navbar-item, +.hero.is-success .navbar-link { + color: rgba(18,22,23,0.7); +} +.hero.is-success a.navbar-item:hover, +.hero.is-success .navbar-link:hover, +.hero.is-success a.navbar-item.is-active, +.hero.is-success .navbar-link.is-active { + background-color: #00e63a; + color: #121617; +} +.hero.is-success .tabs a { + color: #121617; + 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: #121617; +} +.hero.is-success .tabs.is-boxed a:hover, +.hero.is-success .tabs.is-toggle a:hover { + background-color: rgba(0,0,0,0.1); +} +.hero.is-success .tabs.is-boxed li.is-active a, +.hero.is-success .tabs.is-toggle 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:hover { + background-color: #121617; + border-color: #121617; + color: #00ff41; +} +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, #00cc12 0%, #00ff41 71%, #1aff7a 100%); +} +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #00cc12 0%, #00ff41 71%, #1aff7a 100%); + } +} +.hero.is-warning { + background-color: #ff8e3c; + color: #121617; +} +.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: #121617; +} +.hero.is-warning .subtitle { + color: rgba(18,22,23,0.9); +} +.hero.is-warning .subtitle a:not(.button), +.hero.is-warning .subtitle strong { + color: #121617; +} +@media screen and (max-width: 1087px) { + .hero.is-warning .navbar-menu { + background-color: #ff8e3c; + } +} +.hero.is-warning .navbar-item, +.hero.is-warning .navbar-link { + color: rgba(18,22,23,0.7); +} +.hero.is-warning a.navbar-item:hover, +.hero.is-warning .navbar-link:hover, +.hero.is-warning a.navbar-item.is-active, +.hero.is-warning .navbar-link.is-active { + background-color: #ff7f22; + color: #121617; +} +.hero.is-warning .tabs a { + color: #121617; + 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: #121617; +} +.hero.is-warning .tabs.is-boxed a:hover, +.hero.is-warning .tabs.is-toggle a:hover { + background-color: rgba(0,0,0,0.1); +} +.hero.is-warning .tabs.is-boxed li.is-active a, +.hero.is-warning .tabs.is-toggle 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:hover { + background-color: #121617; + border-color: #121617; + color: #ff8e3c; +} +.hero.is-warning.is-bold { + background-image: linear-gradient(141deg, #ff4809 0%, #ff8e3c 71%, #ffb956 100%); +} +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #ff4809 0%, #ff8e3c 71%, #ffb956 100%); + } +} +.hero.is-danger { + background-color: #ff003c; + color: #121617; +} +.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: #121617; +} +.hero.is-danger .subtitle { + color: rgba(18,22,23,0.9); +} +.hero.is-danger .subtitle a:not(.button), +.hero.is-danger .subtitle strong { + color: #121617; +} +@media screen and (max-width: 1087px) { + .hero.is-danger .navbar-menu { + background-color: #ff003c; + } +} +.hero.is-danger .navbar-item, +.hero.is-danger .navbar-link { + color: rgba(18,22,23,0.7); +} +.hero.is-danger a.navbar-item:hover, +.hero.is-danger .navbar-link:hover, +.hero.is-danger a.navbar-item.is-active, +.hero.is-danger .navbar-link.is-active { + background-color: #e60036; + color: #121617; +} +.hero.is-danger .tabs a { + color: #121617; + 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: #121617; +} +.hero.is-danger .tabs.is-boxed a:hover, +.hero.is-danger .tabs.is-toggle a:hover { + background-color: rgba(0,0,0,0.1); +} +.hero.is-danger .tabs.is-boxed li.is-active a, +.hero.is-danger .tabs.is-toggle 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:hover { + background-color: #121617; + border-color: #121617; + color: #ff003c; +} +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, #cc0052 0%, #ff003c 71%, #ff1a2a 100%); +} +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #cc0052 0%, #ff003c 71%, #ff1a2a 100%); + } +} +.hero.is-grey-lightest { + background-color: #ededed; + color: #363636; +} +.hero.is-grey-lightest a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-grey-lightest strong { + color: inherit; +} +.hero.is-grey-lightest .title { + color: #363636; +} +.hero.is-grey-lightest .subtitle { + color: rgba(54,54,54,0.9); +} +.hero.is-grey-lightest .subtitle a:not(.button), +.hero.is-grey-lightest .subtitle strong { + color: #363636; +} +@media screen and (max-width: 1087px) { + .hero.is-grey-lightest .navbar-menu { + background-color: #ededed; + } +} +.hero.is-grey-lightest .navbar-item, +.hero.is-grey-lightest .navbar-link { + color: rgba(54,54,54,0.7); +} +.hero.is-grey-lightest a.navbar-item:hover, +.hero.is-grey-lightest .navbar-link:hover, +.hero.is-grey-lightest a.navbar-item.is-active, +.hero.is-grey-lightest .navbar-link.is-active { + background-color: #e0e0e0; + color: #363636; +} +.hero.is-grey-lightest .tabs a { + color: #363636; + opacity: 0.9; +} +.hero.is-grey-lightest .tabs a:hover { + opacity: 1; +} +.hero.is-grey-lightest .tabs li.is-active a { + opacity: 1; +} +.hero.is-grey-lightest .tabs.is-boxed a, +.hero.is-grey-lightest .tabs.is-toggle a { + color: #363636; +} +.hero.is-grey-lightest .tabs.is-boxed a:hover, +.hero.is-grey-lightest .tabs.is-toggle a:hover { + background-color: rgba(0,0,0,0.1); +} +.hero.is-grey-lightest .tabs.is-boxed li.is-active a, +.hero.is-grey-lightest .tabs.is-toggle li.is-active a, +.hero.is-grey-lightest .tabs.is-boxed li.is-active a:hover, +.hero.is-grey-lightest .tabs.is-toggle li.is-active a:hover { + background-color: #363636; + border-color: #363636; + color: #ededed; +} +.hero.is-grey-lightest.is-bold { + background-image: linear-gradient(141deg, #d8cfcf 0%, #ededed 71%, #faf9f9 100%); +} +@media screen and (max-width: 768px) { + .hero.is-grey-lightest.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #d8cfcf 0%, #ededed 71%, #faf9f9 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: 1088px) { + .section.is-medium { + padding: 9rem 1.5rem; + } + .section.is-large { + padding: 18rem 1.5rem; + } +} +.footer { + background-color: #fcee09; + padding: 3rem 1.5rem 6rem; + color: #000; +} +html { + height: 100%; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; +} +body { + min-height: 100%; + display: flex; + flex-direction: column; +} +body > .section { + flex-grow: 1; +} +@media screen and (min-width: 1088px) { + ::-webkit-scrollbar { + width: 8px; + height: 8px; + } + ::-webkit-scrollbar-track { + border-radius: 3px; + background: rgba(0,0,0,0.06); + box-shadow: inset 0 0 5px rgba(0,0,0,0.1); + } + ::-webkit-scrollbar-thumb { + border-radius: 3px; + background: rgba(0,0,0,0.12); + box-shadow: inset 0 0 10px rgba(0,0,0,0.2); + } + ::-webkit-scrollbar-thumb:hover { + background: rgba(0,0,0,0.24); + } +} +.ml-0, +.mx-0 { + margin-left: 0 !important; +} +.mr-0, +.mx-0 { + margin-right: 0 !important; +} +.ml-n0, +.mx-n0 { + margin-left: 0 !important; +} +.mr-n0, +.mx-n0 { + margin-right: 0 !important; +} +.mt-0, +.my-0 { + margin-top: 0 !important; +} +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} +.mt-n0, +.my-n0 { + margin-top: 0 !important; +} +.mb-n0, +.my-n0 { + margin-bottom: 0 !important; +} +.pl-0, +.px-0 { + padding-left: 0 !important; +} +.pr-0, +.px-0 { + padding-right: 0 !important; +} +.pl-n0, +.px-n0 { + padding-left: 0 !important; +} +.pr-n0, +.px-n0 { + padding-right: 0 !important; +} +.pt-0, +.py-0 { + padding-top: 0 !important; +} +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} +.pt-n0, +.py-n0 { + padding-top: 0 !important; +} +.pb-n0, +.py-n0 { + padding-bottom: 0 !important; +} +.ml-1, +.mx-1, +.article-licensing .licensing-meta .icons .icon { + margin-left: 0.25rem !important; +} +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} +.mb-1, +.my-1, +.article-licensing .licensing-title p:not(:last-child) { + margin-bottom: 0.25rem !important; +} +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} +.pl-n1, +.px-n1 { + padding-left: -0.25rem !important; +} +.pr-n1, +.px-n1 { + padding-right: -0.25rem !important; +} +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} +.pt-n1, +.py-n1 { + padding-top: -0.25rem !important; +} +.pb-n1, +.py-n1 { + padding-bottom: -0.25rem !important; +} +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} +.pl-n2, +.px-n2 { + padding-left: -0.5rem !important; +} +.pr-n2, +.px-n2 { + padding-right: -0.5rem !important; +} +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} +.pt-n2, +.py-n2 { + padding-top: -0.5rem !important; +} +.pb-n2, +.py-n2 { + padding-bottom: -0.5rem !important; +} +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} +.mt-3, +.my-3 { + margin-top: 1rem !important; +} +.mb-3, +.my-3, +.article-licensing .licensing-title { + margin-bottom: 1rem !important; +} +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} +.pl-3, +.px-3 { + padding-left: 1rem !important; +} +.pr-3, +.px-3 { + padding-right: 1rem !important; +} +.pl-n3, +.px-n3 { + padding-left: -1rem !important; +} +.pr-n3, +.px-n3 { + padding-right: -1rem !important; +} +.pt-3, +.py-3 { + padding-top: 1rem !important; +} +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} +.pt-n3, +.py-n3 { + padding-top: -1rem !important; +} +.pb-n3, +.py-n3 { + padding-bottom: -1rem !important; +} +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} +.mr-4, +.mx-4, +.article-licensing .licensing-meta .level-item { + margin-right: 1.5rem !important; +} +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} +.pl-n4, +.px-n4 { + padding-left: -1.5rem !important; +} +.pr-n4, +.px-n4 { + padding-right: -1.5rem !important; +} +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} +.pt-n4, +.py-n4 { + padding-top: -1.5rem !important; +} +.pb-n4, +.py-n4 { + padding-bottom: -1.5rem !important; +} +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} +.mt-5, +.my-5 { + margin-top: 3rem !important; +} +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} +.pl-5, +.px-5 { + padding-left: 3rem !important; +} +.pr-5, +.px-5 { + padding-right: 3rem !important; +} +.pl-n5, +.px-n5 { + padding-left: -3rem !important; +} +.pr-n5, +.px-n5 { + padding-right: -3rem !important; +} +.pt-5, +.py-5 { + padding-top: 3rem !important; +} +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} +.pt-n5, +.py-n5 { + padding-top: -3rem !important; +} +.pb-n5, +.py-n5 { + padding-bottom: -3rem !important; +} +.ml-auto, +.mx-auto { + margin-left: auto !important; +} +.mr-auto, +.mx-auto { + margin-right: auto !important; +} +.mt-auto, +.my-auto { + margin-top: auto !important; +} +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} +.pl-auto, +.px-auto { + margin-left: auto !important; +} +.pr-auto, +.px-auto { + margin-right: auto !important; +} +.pt-auto, +.py-auto { + margin-top: auto !important; +} +.pb-auto, +.py-auto { + margin-bottom: auto !important; +} +.order-0 { + order: 0 !important; +} +.order-1 { + order: 1 !important; +} +.order-2 { + order: 2 !important; +} +.order-3 { + order: 3 !important; +} +.order-4 { + order: 4 !important; +} +.order-5 { + order: 5 !important; +} +.justify-content-start { + justify-content: start !important; +} +.justify-content-center { + justify-content: center !important; +} +.flex-shrink-1 { + flex-shrink: 1 !important; +} +.link-muted { + color: inherit; +} +.link-muted:hover { + color: #fcee09 !important; +} +.image.is-7by3 { + padding-top: 42.8%; +} +.image.is-7by3 img { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} +.image .avatar { + height: 100%; + object-fit: cover; +} +.image .fill { + object-fit: cover; + width: 100% !important; + height: 100% !important; +} +.button.is-transparent { + color: inherit; + background: transparent; + border-color: transparent; +} +.card { + overflow: visible; + border-radius: 0; +} +.card + .card, +.card + .column-right-shadow { + margin-top: 1.5rem; +} +.card .card-image { + overflow: hidden; + border-top-left-radius: 0; + border-top-right-radius: 0; +} +.card .media + .media { + border: none; + margin-top: 0; +} +article.media { + color: #848484; +} +article.media a { + color: inherit; +} +article.media a:hover { + color: #fcee09; +} +article.media .image { + width: 64px; + height: 64px; +} +article.media .image img { + object-fit: cover; + width: 100%; + height: 100%; +} +article.media .title { + margin-bottom: 0.25em; +} +article.media .media-content { + color: #848484; +} +article.media .media-content .title { + margin: 0; + line-height: inherit; +} +article.article .article-meta, +article.article .article-tags { + color: #848484; +} +article.article .article-meta { + overflow-x: auto; + margin-bottom: 0.5rem; +} +article.article .content { + word-wrap: break-word; + font-size: 1.1rem; +} +article.article .content h1 { + font-size: 1.75em; +} +article.article .content h2 { + font-size: 1.5em; +} +article.article .content h3 { + font-size: 1.25em; +} +article.article .content h4 { + font-size: 1.125em; +} +article.article .content h5 { + font-size: 1em; +} +article.article .content pre { + font-size: 0.85em; +} +article.article .content code { + padding: 0 2px; + background: #f5f5f5; + overflow-wrap: break-word; + border-radius: 0; +} +article.article .content blockquote.pullquote { + float: right; + max-width: 50%; + font-size: 1.15rem; + position: relative; +} +article.article .content blockquote footer strong + cite { + margin-left: 0.5em; +} +article.article .content .message.message-immersive { + border-radius: 0; + margin: 0 -1.5rem 1.5rem -1.5rem; +} +article.article .content .message.message-immersive .message-body { + border: none; +} +article.article .article-tags { + display: flex; + flex-wrap: wrap; +} +.rtl { + direction: rtl; +} +.rtl .level .level-item:not(:last-child), +.rtl .level.is-mobile .level-item:not(:last-child) { + margin-left: 0.75rem; + margin-right: 0; +} +.table-overflow { + overflow-x: auto; +} +.table-overflow table { + width: auto !important; +} +.table-overflow table th { + word-break: keep-all; +} +.video-container { + position: relative; + padding-bottom: 56.25%; + padding-top: 25px; + height: 0; +} +.video-container iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.article-licensing { + position: relative; + z-index: 1; + box-shadow: none; + background: #f5f5f5; + border-radius: 0; + overflow: hidden; +} +.article-licensing:after { + position: absolute; + z-index: -1; + right: -50px; + top: -87.87px; + content: '\f25e'; + font-size: 200px; + font-family: 'Font Awesome 5 Brands'; + opacity: 0.1; +} +.article-licensing .level-left { + flex-wrap: wrap; + max-width: 100%; +} +.article-licensing .licensing-title { + line-height: 1.2; +} +.article-licensing .licensing-meta .icons .icon { + width: 1.2em; + height: 1.2em; + font-size: 1.2em; + vertical-align: bottom; +} +.article-licensing .licensing-meta a { + color: inherit; +} +a.article-nav-prev span { + text-align: left; + flex-shrink: 1; + word-wrap: break-word; + white-space: normal; +} +a.article-nav-next span { + text-align: right; + flex-shrink: 1; + word-wrap: break-word; + white-space: normal; +} +.navbar-main { + box-shadow: none; +} +.navbar-main .navbar-container { + overflow-x: auto; +} +.navbar-main .navbar-menu, +.navbar-main .navbar-start, +.navbar-main .navbar-end { + align-items: stretch; + display: flex; + padding: 0; + flex-shrink: 0; +} +.navbar-main .navbar-menu { + flex-grow: 1; + flex-shrink: 0; + overflow-x: auto; +} +.navbar-main .navbar-start { + justify-content: flex-start; + margin-right: auto; +} +.navbar-main .navbar-end { + justify-content: flex-end; + margin-left: auto; +} +.navbar-main .navbar-item { + display: flex; + align-items: center; + padding: 0 0.5rem; + margin: 1.25rem 0.25rem; +} +.navbar-main .navbar-item.is-active { + background-color: transparent; +} +@media screen and (max-width: 1087px) { + .navbar-main .navbar-menu { + justify-content: center; + box-shadow: none; + } + .navbar-main .navbar-start { + margin-right: 0; + } + .navbar-main .navbar-end { + margin-left: 0; + } +} +.navbar-logo img { + max-height: 1.75rem; +} +@media screen and (min-width: 1088px) { + .navbar > .container .navbar-menu, + .container > .navbar .navbar-menu { + margin-right: 0rem; + } +} +@media screen and (max-width: 768px) { + footer.footer .level-start { + text-align: center; + } +} +footer.footer .level-end .field { + flex-wrap: wrap; + align-items: center; +} +@media screen and (max-width: 768px) { + footer.footer .level-end .field { + justify-content: center; + margin-top: 1rem; + } +} +.footer-logo img { + max-height: 1.75rem; +} +.pagination { + margin-top: 1.5rem; +} +.pagination .pagination-link a, +.pagination .pagination-ellipsis a, +.pagination .pagination-previous a, +.pagination .pagination-next a { + color: #fcee09; +} +.pagination .pagination-link, +.pagination .pagination-previous, +.pagination .pagination-next { + border: none; + background: #000; + box-shadow: none, 0 0 1px rgba(0,0,0,0.1); +} +.pagination .pagination-link.is-current { + background: #02d7f2; +} +.post-navigation { + color: #cdcdcd; + flex-wrap: wrap; + justify-content: space-around; +} +.post-navigation .level-item { + margin-bottom: 0; +} +.timeline { + margin-left: 1rem; + padding: 1rem 0 0 1.5rem; + border-left: 1px solid #02d7f2; +} +.timeline .media { + position: relative; +} +.timeline .media:before, +.timeline .media:last-child:after { + content: ''; + display: block; + position: absolute; + left: calc(-0.375rem - 1.5rem - 0.25px); +} +.timeline .media:before { + width: 0.75rem; + height: 0.75rem; + top: calc(1rem + 1.5 * 0.85rem / 2 - 0.75rem / 2); + background: #02d7f2; + border-radius: 50%; +} +.timeline .media:first-child:before { + top: calc(1.5 * 0.85rem / 2 - 0.75rem / 2); +} +.timeline .media:last-child:after { + width: 0.75rem; + top: calc(1rem + 1.5 * 0.85rem / 2 + 0.75rem / 2); + bottom: 0; + background: #000; +} +.timeline .media:first-child:last-child:after { + top: calc(1.5 * 0.85rem / 2 + 0.75rem / 2); +} +.searchbox { + display: none; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; + font-size: 1rem; + line-height: 0; + background: rgba(0,0,0,0.86); +} +.searchbox.show { + display: flex; +} +.searchbox a, +.searchbox a:hover { + color: inherit; + text-decoration: none; +} +.searchbox input { + font-size: 1rem; + border: none; + outline: none; + box-shadow: none; + border-radius: 0; +} +.searchbox, +.searchbox .searchbox-container { + position: fixed; + align-items: center; + flex-direction: column; + line-height: 1.25em; +} +.searchbox .searchbox-container { + z-index: 101; + display: flex; + overflow: hidden; + box-shadow: none, 0 0 1px rgba(0,0,0,0.1); + border-radius: 0; + background-color: #050a0e; + width: 540px; + top: 100px; + bottom: 100px; +} +.searchbox .searchbox-header, +.searchbox .searchbox-body, +.searchbox .searchbox-footer { + width: 100%; +} +.searchbox .searchbox-header { + display: flex; + flex-direction: row; + line-height: 1.5em; + font-weight: normal; + background-color: #050a0e; + min-height: 3rem; +} +.searchbox .searchbox-input-container { + display: flex; + flex-grow: 1; +} +.searchbox .searchbox-input { + flex-grow: 1; + color: inherit; + box-sizing: border-box; + padding: 0.75em 0 0.75em 1.25em; + background: #050a0e; +} +.searchbox .searchbox-close { + display: inline-block; + font-size: 1.5em; + padding: 0.5em 0.75em; + cursor: pointer; +} +.searchbox .searchbox-close:hover { + background: #000; +} +.searchbox .searchbox-close:active { + background: #000; +} +.searchbox .searchbox-body { + flex-grow: 1; + overflow-y: auto; + border-top: 1px solid #02d7f2; +} +.searchbox .searchbox-result-section header, +.searchbox .searchbox-result-item { + padding: 0.75em 1em; +} +.searchbox .searchbox-result-section { + border-bottom: 1px solid #02d7f2; +} +.searchbox .searchbox-result-section header { + color: #b5b5b5; +} +.searchbox .searchbox-result-item { + display: flex; + flex-direction: row; +} +.searchbox .searchbox-result-item:not(.disabled):not(.active):not(:active):hover { + background-color: #000; +} +.searchbox .searchbox-result-item:active, +.searchbox .searchbox-result-item.active { + color: rgba(0,0,0,0.7); + background-color: #fcee09; +} +.searchbox .searchbox-result-item em { + font-style: normal; + background: #fcee09; +} +.searchbox .searchbox-result-icon { + margin-right: 1em; +} +.searchbox .searchbox-result-content { + overflow: hidden; +} +.searchbox .searchbox-result-title, +.searchbox .searchbox-result-preview { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.searchbox .searchbox-result-title-secondary { + color: #b5b5b5; +} +.searchbox .searchbox-result-preview { + margin-top: 0.25em; +} +.searchbox .searchbox-result-item:not(:active):not(.active) .searchbox-result-preview { + color: #b5b5b5; +} +.searchbox .searchbox-footer { + padding: 0.5em 1em; +} +.searchbox .searchbox-pagination { + margin: 0; + padding: 0; + list-style: none; + text-align: center; +} +.searchbox .searchbox-pagination .searchbox-pagination-item { + margin: 0 0.25rem; +} +.searchbox .searchbox-pagination .searchbox-pagination-item, +.searchbox .searchbox-pagination .searchbox-pagination-link { + display: inline-block; +} +.searchbox .searchbox-pagination .searchbox-pagination-link { + overflow: hidden; + padding: 0.5em 0.8em; + box-shadow: none, 0 0 1px rgba(0,0,0,0.1); + border-radius: 0; + background-color: #050a0e; +} +.searchbox .searchbox-pagination .searchbox-pagination-item.active .searchbox-pagination-link { + color: rgba(0,0,0,0.7); + background-color: #fcee09; +} +.searchbox .searchbox-pagination .searchbox-pagination-item.disabled .searchbox-pagination-link { + cursor: not-allowed; + background-color: #050a0e; +} +.searchbox .searchbox-pagination .searchbox-pagination-item:not(.active):not(.disabled) .searchbox-pagination-link:hover { + background-color: #050a0e; +} +@media screen and (max-width: 559px), screen and (max-height: 479px) { + .searchbox .searchbox-container { + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 0; + } +} +figure.highlight { + padding: 0; + width: 100%; + position: relative; + margin: 1em 0 1em !important; + border-radius: 0; +} +figure.highlight.folded .highlight-body { + height: 0; +} +figure.highlight .copy { + opacity: 0.7; +} +figure.highlight pre, +figure.highlight table tr:hover { + color: inherit; + background: transparent; +} +figure.highlight table { + width: auto; +} +figure.highlight table tr td { + border: none; +} +figure.highlight table tr:not(:first-child) td { + padding-top: 0; +} +figure.highlight table tr:not(:last-child) td { + padding-bottom: 0; +} +figure.highlight pre { + padding: 0; + overflow: visible; +} +figure.highlight pre .line, +figure.highlight pre code .hljs { + line-height: 1.5rem; +} +figure.highlight figcaption, +figure.highlight .gutter { + background: rgba(200,200,200,0.15); +} +figure.highlight figcaption { + margin: 0 !important; + padding: 0.3em 0em 0.3em 0.75em; + font-style: normal; + font-size: 0.8em; +} +figure.highlight figcaption * { + color: inherit; +} +figure.highlight figcaption span { + font-weight: 500; + font-family: 'Roboto Mono', monospace, 'Microsoft YaHei'; +} +figure.highlight figcaption .level-left *:not(:last-child) { + margin-right: 0.5em; +} +figure.highlight figcaption .level-right *:not(:first-child) { + margin-left: 0.5em; +} +figure.highlight figcaption .fold { + cursor: pointer; +} +figure.highlight figcaption.level { + overflow: auto; +} +figure.highlight figcaption.level .level-right a { + padding: 0em 0.75em; +} +figure.highlight .highlight-body { + overflow: auto; +} +figure.highlight .gutter { + text-align: right; +} +figure.highlight .tag, +figure.highlight .title, +figure.highlight .number, +figure.highlight .section { + display: inherit; + font: inherit; + margin: inherit; + padding: inherit; + background: inherit; + height: inherit; + text-align: inherit; + vertical-align: inherit; + min-width: inherit; + border-radius: inherit; +} +figure.highlight.foldable div.level-left { + cursor: pointer; +} +.gist table tr:hover { + background: transparent; +} +.gist table td { + border: none; +} +.gist .file { + all: initial; +} +.widget .menu-list li ul { + margin-right: 0; +} +.widget .menu-list .level { + margin-bottom: 0; +} +.widget .menu-list .level .level-left, +.widget .menu-list .level .level-right, +.widget .menu-list .level .level-item { + flex-shrink: 1; +} +.widget .menu-list .level .level-left, +.widget .menu-list .level .level-right { + align-items: flex-start; +} +.widget .menu-list .tag { + background: $light-grey; + color: $white-invert; +} +.widget .tags .tag:first-child { + background: #fcee09; + color: #121617; +} +.widget .tags .tag:last-child { + background: $light-grey; + color: $white-invert; +} +.level.is-multiline { + flex-wrap: wrap; +} +@media screen and (max-width: 768px) { + .widget.card#toc { + display: none; + position: fixed; + margin: 1rem; + left: 0; + right: 0; + bottom: 0; + z-index: 100; + } + .widget.card#toc .card-content { + padding: 0; + } + .widget.card#toc .menu { + padding: 1.5rem; + max-height: calc(100vh - 2rem); + overflow-y: auto; + } + #toc-mask { + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 99; + background: rgba(0,0,0,0.7); + } + .widget.card#toc.is-active, + #toc-mask.is-active { + display: block; + } +} +.donate { + position: relative; +} +.donate .qrcode { + display: none; + position: absolute; + z-index: 99; + bottom: 2.5em; + line-height: 0; + overflow: hidden; + box-shadow: none, 0 0 1px rgba(0,0,0,0.1); + border-radius: 0; +} +.donate .qrcode img { + max-width: 280px; +} +.donate:hover .qrcode { + display: block; +} +.donate:first-child:not(:last-child) .qrcode { + left: -0.75rem; +} +.donate:last-child:not(:first-child) .qrcode { + right: -0.75rem; +} +.donate[data-type="afdian"] { + color: #fff; + background-color: #885fd9; + border-color: transparent; +} +.donate[data-type="afdian"]:active { + background-color: #794ad4; +} +.donate[data-type="afdian"]:hover { + background-color: #8055d7; +} +.donate[data-type="afdian"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(136,95,217,0.25); +} +.donate[data-type="alipay"] { + color: #fff; + background-color: #00a0e8; + border-color: transparent; +} +.donate[data-type="alipay"]:active { + background-color: #008ecf; +} +.donate[data-type="alipay"]:hover { + background-color: #0097db; +} +.donate[data-type="alipay"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0,160,232,0.25); +} +.donate[data-type="buymeacoffee"] { + color: rgba(0,0,0,0.7); + background-color: #fd0; + border-color: transparent; +} +.donate[data-type="buymeacoffee"]:active { + background-color: #e6c700; +} +.donate[data-type="buymeacoffee"]:hover { + background-color: #f2d200; +} +.donate[data-type="buymeacoffee"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255,221,0,0.25); +} +.donate[data-type="paypal"] { + color: rgba(0,0,0,0.7); + background-color: #feb700; + border-color: transparent; +} +.donate[data-type="paypal"]:active { + background-color: #e5a500; +} +.donate[data-type="paypal"]:hover { + background-color: #f1ae00; +} +.donate[data-type="paypal"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(254,183,0,0.25); +} +.donate[data-type="patreon"] { + color: #fff; + background-color: #ff424d; + border-color: transparent; +} +.donate[data-type="patreon"]:active { + background-color: #ff2835; +} +.donate[data-type="patreon"]:hover { + background-color: #ff3541; +} +.donate[data-type="patreon"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255,66,77,0.25); +} +.donate[data-type="wechat"] { + color: #fff; + background-color: #1aad19; + border-color: transparent; +} +.donate[data-type="wechat"]:active { + background-color: #179716; +} +.donate[data-type="wechat"]:hover { + background-color: #18a217; +} +.donate[data-type="wechat"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(26,173,25,0.25); +} +#back-to-top { + position: fixed; + opacity: 0; + outline: none; + padding: 8px 0; + line-height: 24px; + border-radius: 0; + transform: translateY(120px); + transition: 0.4s ease opacity, 0.4s ease width, 0.4s ease transform, 0.4s ease border-radius; +} +#back-to-top.is-rounded { + border-radius: 50%; +} +#back-to-top.fade-in { + opacity: 1; +} +#back-to-top.rise-up { + transform: translateY(0); +} +.gallery-item .caption { + color: #848484; +} +.pace { + user-select: none; + pointer-events: none; +} +.pace .pace-progress { + top: 0; + right: 100%; + width: 100%; + height: 2px; + z-index: 2000; + position: fixed; + background: #fcee09; +} +.pace-inactive { + display: none; +} +.fa, +.fab, +.fal, +.far, +.fas { + line-height: inherit; +} +.MathJax, +.MathJax_Display, +.MJXc-display, +.MathJax_SVG_Display, +.katex-display { + overflow-x: auto; + overflow-y: hidden; +} +.katex { + white-space: nowrap; +} +.katex-display { + margin-top: -1em !important; +} +.katex-html { + padding-top: 1em; +} +.katex-html .tag { + align-items: unset; + background-color: unset; + border-radius: unset; + color: unset; + display: unset; + font-size: unset; + height: unset; + justify-content: unset; + line-height: unset; + padding-left: unset; + padding-right: unset; + white-space: unset; +} +.cc-window, +.cc-revoke { + font-size: 1.1rem !important; + font-family: 'Oxanium', Ubuntu, Roboto, 'Open Sans', 'Microsoft YaHei', sans-serif !important; +} +.cc-window { + color: #cdcdcd !important; + background-color: #000 !important; +} +.cc-window.cc-floating { + border-radius: 0; + box-shadow: none, 0 0 1px rgba(0,0,0,0.1); +} +.cc-window.cc-banner { + background-color: #000 !important; +} +.cc-window.cc-theme-block .cc-compliance > .cc-btn, +.cc-window.cc-theme-classic .cc-compliance > .cc-btn { + border-radius: 290486px; +} +.cc-window .cc-compliance > .cc-btn { + font-weight: 400; + border: none; + color: #121617; + background-color: #fcee09; +} +.cc-window .cc-compliance > .cc-btn:hover, +.cc-window .cc-compliance > .cc-btn:focus { + background-color: #f5e703; +} +.cc-window .cc-compliance > .cc-btn.cc-deny:hover { + color: #fcee09; + text-decoration: none; +} +.cc-revoke { + padding: 0.5rem 1rem !important; + color: #121617 !important; + background-color: #fcee09 !important; +} +.cc-revoke:hover { + text-decoration: none !important; + background-color: #f5e703; +} +@media screen and (min-width: 1280px) { + .is-1-column .container, + .is-2-column .container { + max-width: 960px; + width: 960px; + } +} +@media screen and (min-width: 1472px) { + .is-2-column .container { + max-width: 1152px; + width: 1152px; + } + .is-1-column .container { + max-width: 960px; + width: 960px; + } +} +@media screen and (min-width: 769px), print { + .is-sticky { + position: -webkit-sticky; + position: sticky; + top: 1.5rem; + z-index: 99; + } + .column-main.is-sticky, + .column-left.is-sticky, + .column-right.is-sticky, + .column-right-shadow.is-sticky { + top: 0.75rem; + align-self: flex-start; + } +} +@media screen and (max-width: 768px) { + .section { + padding: 1.5rem 1rem; + } +} +body { + counter-reset: card; +} +::selection { + color: #000; + background: #02d7f2; +} +.card:not(#back-to-top) { + position: relative; + counter-increment: card; +} +.card:not(#back-to-top), +.card:not(#back-to-top) .card-content { + position: relative; +} +.card:not(#back-to-top):before, +.card:not(#back-to-top) .card-content:before { + content: ''; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.card:not(#back-to-top):before { + top: -1.2px; + left: -1.2px; + right: -1.2px; + bottom: -1.2px; + background-color: #02d7f2; + clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px), 0 0); + -webkit-clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px), 0 0); +} +.card:not(#back-to-top):after { + content: 'R' counter(card); + position: absolute; + color: #02d7f2; + right: 2rem; + bottom: -0.6em; + font-size: 0.75rem; + padding: 0 0.25em; + background: #000; +} +.card:not(#back-to-top) .card-image { + clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%); + -webkit-clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 0 100%); +} +.card:not(#back-to-top) .card-content:before { + background-color: #000; + clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px), 0 0); + -webkit-clip-path: polygon(0 0, calc(100% - 16px) 0, 100% 16px, 100% 100%, 16px 100%, 0 calc(100% - 16px), 0 0); +} +.card:not(#back-to-top) .card-image + .card-content:before { + clip-path: polygon(0 0, 100% 0, 100% 100%, 16px 100%, 0 calc(100% - 16px)); + -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 16px 100%, 0 calc(100% - 16px)); +} +.button:not(input) { + border: none; + outline: none; + background: transparent !important; + position: relative; +} +.button:not(input):before { + content: ''; + position: absolute; + z-index: -1; + top: 0; + left: 0; + right: 0; + bottom: 0; +} +.button:not(input):before { + clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); + -webkit-clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); +} +.button:not(input).is-white:before { + background-color: #fff; + color: #000; +} +.button:not(input).is-white:hover:before, +.button:not(input).is-white.is-hovered:before { + background-color: #f9f9f9; + color: #000; +} +.button:not(input).is-white:focus:before, +.button:not(input).is-white.is-focused:before { + color: #000; +} +.button:not(input).is-white:active:before, +.button:not(input).is-white.is-active:before { + background-color: #f2f2f2; + color: #000; +} +.button:not(input).is-white[disabled]:before, +fieldset[disabled] .button:not(input).is-white:before { + background-color: #fff; +} +.button:not(input).is-white.is-inverted:before { + background-color: #000; + color: #fff; +} +.button:not(input).is-white.is-inverted:before:hover:before, +.button:not(input).is-white.is-inverted:before.is-hovered:before { + background-color: #000; +} +.button:not(input).is-white.is-inverted:before[disabled]:before, +fieldset[disabled] .button:not(input).is-white.is-inverted:before:before { + background-color: #000; + border-color: transparent; + box-shadow: none; + color: #fff; +} +.button:not(input).is-black:before { + background-color: #000; + color: #fff; +} +.button:not(input).is-black:hover:before, +.button:not(input).is-black.is-hovered:before { + background-color: #000; + color: #fff; +} +.button:not(input).is-black:focus:before, +.button:not(input).is-black.is-focused:before { + color: #fff; +} +.button:not(input).is-black:active:before, +.button:not(input).is-black.is-active:before { + background-color: #000; + color: #fff; +} +.button:not(input).is-black[disabled]:before, +fieldset[disabled] .button:not(input).is-black:before { + background-color: #000; +} +.button:not(input).is-black.is-inverted:before { + background-color: #fff; + color: #000; +} +.button:not(input).is-black.is-inverted:before:hover:before, +.button:not(input).is-black.is-inverted:before.is-hovered:before { + background-color: #f2f2f2; +} +.button:not(input).is-black.is-inverted:before[disabled]:before, +fieldset[disabled] .button:not(input).is-black.is-inverted:before:before { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #000; +} +.button:not(input).is-light:before { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.button:not(input).is-light:hover:before, +.button:not(input).is-light.is-hovered:before { + background-color: #eee; + color: rgba(0,0,0,0.7); +} +.button:not(input).is-light:focus:before, +.button:not(input).is-light.is-focused:before { + color: rgba(0,0,0,0.7); +} +.button:not(input).is-light:active:before, +.button:not(input).is-light.is-active:before { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); +} +.button:not(input).is-light[disabled]:before, +fieldset[disabled] .button:not(input).is-light:before { + background-color: #f5f5f5; +} +.button:not(input).is-light.is-inverted:before { + background-color: rgba(0,0,0,0.7); + color: #f5f5f5; +} +.button:not(input).is-light.is-inverted:before:hover:before, +.button:not(input).is-light.is-inverted:before.is-hovered:before { + background-color: rgba(0,0,0,0.7); +} +.button:not(input).is-light.is-inverted:before[disabled]:before, +fieldset[disabled] .button:not(input).is-light.is-inverted:before:before { + background-color: rgba(0,0,0,0.7); + border-color: transparent; + box-shadow: none; + color: #f5f5f5; +} +.button:not(input).is-dark:before { + background-color: #363636; + color: #fff; +} +.button:not(input).is-dark:hover:before, +.button:not(input).is-dark.is-hovered:before { + background-color: #2f2f2f; + color: #fff; +} +.button:not(input).is-dark:focus:before, +.button:not(input).is-dark.is-focused:before { + color: #fff; +} +.button:not(input).is-dark:active:before, +.button:not(input).is-dark.is-active:before { + background-color: #292929; + color: #fff; +} +.button:not(input).is-dark[disabled]:before, +fieldset[disabled] .button:not(input).is-dark:before { + background-color: #363636; +} +.button:not(input).is-dark.is-inverted:before { + background-color: #fff; + color: #363636; +} +.button:not(input).is-dark.is-inverted:before:hover:before, +.button:not(input).is-dark.is-inverted:before.is-hovered:before { + background-color: #f2f2f2; +} +.button:not(input).is-dark.is-inverted:before[disabled]:before, +fieldset[disabled] .button:not(input).is-dark.is-inverted:before:before { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #363636; +} +.button:not(input).is-primary:before { + background-color: #fcee09; + color: #121617; +} +.button:not(input).is-primary:hover:before, +.button:not(input).is-primary.is-hovered:before { + background-color: #f5e703; + color: #121617; +} +.button:not(input).is-primary:focus:before, +.button:not(input).is-primary.is-focused:before { + color: #121617; +} +.button:not(input).is-primary:active:before, +.button:not(input).is-primary.is-active:before { + background-color: #e9db03; + color: #121617; +} +.button:not(input).is-primary[disabled]:before, +fieldset[disabled] .button:not(input).is-primary:before { + background-color: #fcee09; +} +.button:not(input).is-primary.is-inverted:before { + background-color: #121617; + color: #fcee09; +} +.button:not(input).is-primary.is-inverted:before:hover:before, +.button:not(input).is-primary.is-inverted:before.is-hovered:before { + background-color: #070809; +} +.button:not(input).is-primary.is-inverted:before[disabled]:before, +fieldset[disabled] .button:not(input).is-primary.is-inverted:before:before { + background-color: #121617; + border-color: transparent; + box-shadow: none; + color: #fcee09; +} +.button:not(input).is-link:before { + background-color: #02d7f2; + color: rgba(0,0,0,0.7); +} +.button:not(input).is-link:hover:before, +.button:not(input).is-link.is-hovered:before { + background-color: #02cce5; + color: rgba(0,0,0,0.7); +} +.button:not(input).is-link:focus:before, +.button:not(input).is-link.is-focused:before { + color: rgba(0,0,0,0.7); +} +.button:not(input).is-link:active:before, +.button:not(input).is-link.is-active:before { + background-color: #02c1d9; + color: rgba(0,0,0,0.7); +} +.button:not(input).is-link[disabled]:before, +fieldset[disabled] .button:not(input).is-link:before { + background-color: #02d7f2; +} +.button:not(input).is-link.is-inverted:before { + background-color: rgba(0,0,0,0.7); + color: #02d7f2; +} +.button:not(input).is-link.is-inverted:before:hover:before, +.button:not(input).is-link.is-inverted:before.is-hovered:before { + background-color: rgba(0,0,0,0.7); +} +.button:not(input).is-link.is-inverted:before[disabled]:before, +fieldset[disabled] .button:not(input).is-link.is-inverted:before:before { + background-color: rgba(0,0,0,0.7); + border-color: transparent; + box-shadow: none; + color: #02d7f2; +} +.button:not(input).is-info:before { + background-color: #02d7f2; + color: #121617; +} +.button:not(input).is-info:hover:before, +.button:not(input).is-info.is-hovered:before { + background-color: #02cce5; + color: #121617; +} +.button:not(input).is-info:focus:before, +.button:not(input).is-info.is-focused:before { + color: #121617; +} +.button:not(input).is-info:active:before, +.button:not(input).is-info.is-active:before { + background-color: #02c1d9; + color: #121617; +} +.button:not(input).is-info[disabled]:before, +fieldset[disabled] .button:not(input).is-info:before { + background-color: #02d7f2; +} +.button:not(input).is-info.is-inverted:before { + background-color: #121617; + color: #02d7f2; +} +.button:not(input).is-info.is-inverted:before:hover:before, +.button:not(input).is-info.is-inverted:before.is-hovered:before { + background-color: #070809; +} +.button:not(input).is-info.is-inverted:before[disabled]:before, +fieldset[disabled] .button:not(input).is-info.is-inverted:before:before { + background-color: #121617; + border-color: transparent; + box-shadow: none; + color: #02d7f2; +} +.button:not(input).is-success:before { + background-color: #00ff41; + color: #121617; +} +.button:not(input).is-success:hover:before, +.button:not(input).is-success.is-hovered:before { + background-color: #00f23e; + color: #121617; +} +.button:not(input).is-success:focus:before, +.button:not(input).is-success.is-focused:before { + color: #121617; +} +.button:not(input).is-success:active:before, +.button:not(input).is-success.is-active:before { + background-color: #00e63a; + color: #121617; +} +.button:not(input).is-success[disabled]:before, +fieldset[disabled] .button:not(input).is-success:before { + background-color: #00ff41; +} +.button:not(input).is-success.is-inverted:before { + background-color: #121617; + color: #00ff41; +} +.button:not(input).is-success.is-inverted:before:hover:before, +.button:not(input).is-success.is-inverted:before.is-hovered:before { + background-color: #070809; +} +.button:not(input).is-success.is-inverted:before[disabled]:before, +fieldset[disabled] .button:not(input).is-success.is-inverted:before:before { + background-color: #121617; + border-color: transparent; + box-shadow: none; + color: #00ff41; +} +.button:not(input).is-warning:before { + background-color: #ff8e3c; + color: #121617; +} +.button:not(input).is-warning:hover:before, +.button:not(input).is-warning.is-hovered:before { + background-color: #ff872f; + color: #121617; +} +.button:not(input).is-warning:focus:before, +.button:not(input).is-warning.is-focused:before { + color: #121617; +} +.button:not(input).is-warning:active:before, +.button:not(input).is-warning.is-active:before { + background-color: #ff7f22; + color: #121617; +} +.button:not(input).is-warning[disabled]:before, +fieldset[disabled] .button:not(input).is-warning:before { + background-color: #ff8e3c; +} +.button:not(input).is-warning.is-inverted:before { + background-color: #121617; + color: #ff8e3c; +} +.button:not(input).is-warning.is-inverted:before:hover:before, +.button:not(input).is-warning.is-inverted:before.is-hovered:before { + background-color: #070809; +} +.button:not(input).is-warning.is-inverted:before[disabled]:before, +fieldset[disabled] .button:not(input).is-warning.is-inverted:before:before { + background-color: #121617; + border-color: transparent; + box-shadow: none; + color: #ff8e3c; +} +.button:not(input).is-danger:before { + background-color: #ff003c; + color: #121617; +} +.button:not(input).is-danger:hover:before, +.button:not(input).is-danger.is-hovered:before { + background-color: #f20039; + color: #121617; +} +.button:not(input).is-danger:focus:before, +.button:not(input).is-danger.is-focused:before { + color: #121617; +} +.button:not(input).is-danger:active:before, +.button:not(input).is-danger.is-active:before { + background-color: #e60036; + color: #121617; +} +.button:not(input).is-danger[disabled]:before, +fieldset[disabled] .button:not(input).is-danger:before { + background-color: #ff003c; +} +.button:not(input).is-danger.is-inverted:before { + background-color: #121617; + color: #ff003c; +} +.button:not(input).is-danger.is-inverted:before:hover:before, +.button:not(input).is-danger.is-inverted:before.is-hovered:before { + background-color: #070809; +} +.button:not(input).is-danger.is-inverted:before[disabled]:before, +fieldset[disabled] .button:not(input).is-danger.is-inverted:before:before { + background-color: #121617; + border-color: transparent; + box-shadow: none; + color: #ff003c; +} +.button:not(input).is-grey-lightest:before { + background-color: #ededed; + color: #363636; +} +.button:not(input).is-grey-lightest:hover:before, +.button:not(input).is-grey-lightest.is-hovered:before { + background-color: #e7e7e7; + color: #363636; +} +.button:not(input).is-grey-lightest:focus:before, +.button:not(input).is-grey-lightest.is-focused:before { + color: #363636; +} +.button:not(input).is-grey-lightest:active:before, +.button:not(input).is-grey-lightest.is-active:before { + background-color: #e0e0e0; + color: #363636; +} +.button:not(input).is-grey-lightest[disabled]:before, +fieldset[disabled] .button:not(input).is-grey-lightest:before { + background-color: #ededed; +} +.button:not(input).is-grey-lightest.is-inverted:before { + background-color: #363636; + color: #ededed; +} +.button:not(input).is-grey-lightest.is-inverted:before:hover:before, +.button:not(input).is-grey-lightest.is-inverted:before.is-hovered:before { + background-color: #292929; +} +.button:not(input).is-grey-lightest.is-inverted:before[disabled]:before, +fieldset[disabled] .button:not(input).is-grey-lightest.is-inverted:before:before { + background-color: #363636; + border-color: transparent; + box-shadow: none; + color: #ededed; +} +.field.has-addons .control:not(:first-child) .button { + clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); + -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%); +} +.menu-list a { + clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); + -webkit-clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); +} +.tags.has-addons .tag:first-child { + background: #fcee09 !important; +} +.tags.has-addons .tag:last-child { + background: #02d7f2 !important; +} +.pagination-previous, +.pagination-next, +.pagination-link { + clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); + -webkit-clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); +} +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover { + background-color: #02d7f2; +} +.pagination-previous:hover, +.pagination-next:hover, +.pagination-link:hover, +.pagination-previous:hover a, +.pagination-next:hover a, +.pagination-link:hover a { + color: #000; +} +.navbar-main { + padding-top: 10px; + padding-bottom: 30px; +} +.navbar-main:after { + content: ''; + position: absolute; + left: 0; + right: 0; + bottom: -2px; + background: url("../img/razor-top-black.svg") repeat-x top; + height: 40px; +} +.navbar-main .navbar-menu .navbar-item:hover, +.navbar-main .navbar-menu .navbar-item.is-active { + color: #fcee09; + background-color: #000 !important; +} +article.article .title a, +article.media .title a { + background-image: linear-gradient(transparent calc(100% - 2px), #fcee09 2px); + background-repeat: no-repeat; + background-size: 0 100%; + transition: background-size 0.25s ease-in-out; +} +article.article .title:hover a, +article.media .title:hover a { + background-size: 100% 100%; +} +article.article .article-more:before { + background-color: #02d7f2; + color: #121617; +} +article.article .article-more:hover:before, +article.article .article-more.is-hovered:before { + background-color: #02cce5; + color: #121617; +} +article.article .article-more:focus:before, +article.article .article-more.is-focused:before { + color: #121617; +} +article.article .article-more:active:before, +article.article .article-more.is-active:before { + background-color: #02c1d9; + color: #121617; +} +article.article .article-more[disabled]:before, +fieldset[disabled] article.article .article-more:before { + background-color: #02d7f2; +} +article.article .article-more.is-inverted:before { + background-color: #121617; + color: #02d7f2; +} +article.article .article-more.is-inverted:before:hover:before, +article.article .article-more.is-inverted:before.is-hovered:before { + background-color: #070809; +} +article.article .article-more.is-inverted:before[disabled]:before, +fieldset[disabled] article.article .article-more.is-inverted:before:before { + background-color: #121617; + border-color: transparent; + box-shadow: none; + color: #02d7f2; +} +.article-licensing { + background: #242424; +} +.content blockquote { + background: transparent; + border: 0.5px solid #02d7f2; + border-left: 5px solid #02d7f2; +} +.footer { + position: relative; +} +.footer:before { + content: ''; + position: absolute; + left: 0; + right: 0; + top: -1px; + height: 39px; + background: url("../img/razor-bottom-black.svg") repeat-x top; +} +.footer > .container { + padding-top: 40px; +} +.timeline .media:before { + clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); + -webkit-clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); +} +.searchbox .searchbox-container { + border: 1px solid #02d7f2; +} +.searchbox .searchbox-container .searchbox-body { + border-bottom: 1px solid #02d7f2; +} +.searchbox .searchbox-container .searchbox-body li:last-child .searchbox-result-section { + border-bottom: none; +} +.searchbox .searchbox-container .searchbox-result-item em { + color: #000; +} +#back-to-top { + color: #000; + background: #02d7f2; + margin-top: 45px; + clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); + -webkit-clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px); +} +.cc-window, +.cc-revoke { + border-radius: 0 !important; +} +.cc-window:not(.cc-banner) { + border: 1px solid #02d7f2; +} +.cc-window.cc-theme-classic .cc-compliance > .cc-btn, +.cc-window.cc-theme-block .cc-compliance > .cc-btn { + border-radius: 0; +} +.cc-window.cc-banner .cc-compliance > .cc-btn { + background-color: #02d7f2; +} +.cc-window.cc-banner .cc-compliance > .cc-btn:hover, +.cc-window.cc-banner .cc-compliance > .cc-btn:focus { + background-color: #02cce5; +} diff --git a/css/default.css b/css/default.css new file mode 100644 index 00000000..656a8e6e --- /dev/null +++ b/css/default.css @@ -0,0 +1,11680 @@ +@-moz-keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +@-webkit-keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +@-o-keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +@keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +.is-unselectable, +.breadcrumb, +.modal-close, +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis, +.tabs, +.button, +.delete, +.file { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.navbar-link:not(.is-arrowless)::after, +.select:not(.is-multiple):not(.is-loading)::after { + border: 3px solid transparent; + border-radius: 2px; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.625em; + margin-top: -0.4375em; + pointer-events: none; + position: absolute; + top: 50%; + transform: rotate(-45deg); + transform-origin: center; + width: 0.625em; +} +.breadcrumb:not(:last-child), +.level:not(:last-child), +.list:not(:last-child), +.message:not(:last-child), +.pagination:not(:last-child), +.tabs:not(:last-child), +.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) { + margin-bottom: 1.5rem; +} +.modal-close, +.delete { + -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; +} +.modal-close::before, +.delete::before, +.modal-close::after, +.delete::after { + background-color: #fff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} +.modal-close::before, +.delete::before { + height: 2px; + width: 50%; +} +.modal-close::after, +.delete::after { + height: 50%; + width: 2px; +} +.modal-close:hover, +.delete:hover, +.modal-close:focus, +.delete:focus { + background-color: rgba(10,10,10,0.3); +} +.modal-close:active, +.delete:active { + background-color: rgba(10,10,10,0.4); +} +.modal-close.is-small, +.delete.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} +.modal-close.is-medium, +.delete.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} +.modal-close.is-large, +.delete.is-large { + 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, +.modal, +.modal-background, +.image.is-square img, +.image.is-1by1 img, +.image.is-5by4 img, +.image.is-4by3 img, +.image.is-3by2 img, +.image.is-5by3 img, +.image.is-16by9 img, +.image.is-2by1 img, +.image.is-3by1 img, +.image.is-4by5 img, +.image.is-3by4 img, +.image.is-2by3 img, +.image.is-3by5 img, +.image.is-9by16 img, +.image.is-1by2 img, +.image.is-1by3 img, +.image.is-square .has-ratio, +.image.is-1by1 .has-ratio, +.image.is-5by4 .has-ratio, +.image.is-4by3 .has-ratio, +.image.is-3by2 .has-ratio, +.image.is-5by3 .has-ratio, +.image.is-16by9 .has-ratio, +.image.is-2by1 .has-ratio, +.image.is-3by1 .has-ratio, +.image.is-4by5 .has-ratio, +.image.is-3by4 .has-ratio, +.image.is-2by3 .has-ratio, +.image.is-3by5 .has-ratio, +.image.is-9by16 .has-ratio, +.image.is-1by2 .has-ratio, +.image.is-1by3 .has-ratio, +.hero-video { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis, +.button, +.input, +.textarea, +.select select, +.file-cta, +.file-name { + -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.5em - 1px); + padding-left: calc(0.75em - 1px); + padding-right: calc(0.75em - 1px); + padding-top: calc(0.5em - 1px); + position: relative; + vertical-align: top; +} +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus, +.pagination-ellipsis:focus, +.button:focus, +.input:focus, +.textarea:focus, +.select select:focus, +.file-cta:focus, +.file-name:focus, +.pagination-previous.is-focused, +.pagination-next.is-focused, +.pagination-link.is-focused, +.pagination-ellipsis.is-focused, +.button.is-focused, +.input.is-focused, +.textarea.is-focused, +.select select.is-focused, +.file-cta.is-focused, +.file-name.is-focused, +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active, +.pagination-ellipsis:active, +.button:active, +.input:active, +.textarea:active, +.select select:active, +.file-cta:active, +.file-name:active, +.pagination-previous.is-active, +.pagination-next.is-active, +.pagination-link.is-active, +.pagination-ellipsis.is-active, +.button.is-active, +.input.is-active, +.textarea.is-active, +.select select.is-active, +.file-cta.is-active, +.file-name.is-active { + outline: none; +} +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled], +.pagination-ellipsis[disabled], +.button[disabled], +.input[disabled], +.textarea[disabled], +.select select[disabled], +.file-cta[disabled], +.file-name[disabled], +fieldset[disabled] .pagination-previous, +fieldset[disabled] .pagination-next, +fieldset[disabled] .pagination-link, +fieldset[disabled] .pagination-ellipsis, +fieldset[disabled] .button, +fieldset[disabled] .input, +fieldset[disabled] .textarea, +fieldset[disabled] .select select, +fieldset[disabled] .file-cta, +fieldset[disabled] .file-name { + cursor: not-allowed; +} +/* minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} +ul { + list-style: none; +} +button, +input, +select, +textarea { + margin: 0; +} +html { + box-sizing: border-box; +} +*, +*::before, +*::after { + box-sizing: inherit; +} +img, +video { + height: auto; + max-width: 100%; +} +iframe { + border: 0; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} +td:not([align]), +th:not([align]) { + text-align: left; +} +html { + background-color: #f7f7f7; + font-size: 14px; + -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: 'Noto Sans SC', sans-serif; +} +code, +pre { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: auto; + font-family: 'Courier Prime', 'Noto Sans SC', monospace; +} +body { + color: #4a4a4a; + font-size: 1em; + font-weight: 400; + line-height: 1.5; +} +a { + color: #3273dc; + cursor: pointer; + text-decoration: none; +} +a strong { + color: currentColor; +} +a:hover { + color: #363636; +} +code { + background-color: #f5f5f5; + color: #f14668; + font-size: 0.875em; + font-weight: normal; + padding: 0.25em 0.5em 0.25em; +} +hr { + background-color: #f5f5f5; + 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: #f5f5f5; + 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, +article.media .title { + font-size: 1rem !important; +} +.is-size-7, +article.media .date, +article.media .categories, +.article-licensing .licensing-title a, +.article-licensing .licensing-meta h6 { + font-size: 0.85rem !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.85rem !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.85rem !important; + } +} +@media screen and (max-width: 1087px) { + .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.85rem !important; + } +} +@media screen and (min-width: 1088px) { + .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.85rem !important; + } +} +@media screen and (min-width: 1280px) { + .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.85rem !important; + } +} +@media screen and (min-width: 1472px) { + .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.85rem !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: 1087px) { + .has-text-centered-tablet-only { + text-align: center !important; + } +} +@media screen and (max-width: 1087px) { + .has-text-centered-touch { + text-align: center !important; + } +} +@media screen and (min-width: 1088px) { + .has-text-centered-desktop { + text-align: center !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-centered-desktop-only { + text-align: center !important; + } +} +@media screen and (min-width: 1280px) { + .has-text-centered-widescreen { + text-align: center !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-centered-widescreen-only { + text-align: center !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .has-text-justified-tablet-only { + text-align: justify !important; + } +} +@media screen and (max-width: 1087px) { + .has-text-justified-touch { + text-align: justify !important; + } +} +@media screen and (min-width: 1088px) { + .has-text-justified-desktop { + text-align: justify !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-justified-desktop-only { + text-align: justify !important; + } +} +@media screen and (min-width: 1280px) { + .has-text-justified-widescreen { + text-align: justify !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-justified-widescreen-only { + text-align: justify !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .has-text-left-tablet-only { + text-align: left !important; + } +} +@media screen and (max-width: 1087px) { + .has-text-left-touch { + text-align: left !important; + } +} +@media screen and (min-width: 1088px) { + .has-text-left-desktop { + text-align: left !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-left-desktop-only { + text-align: left !important; + } +} +@media screen and (min-width: 1280px) { + .has-text-left-widescreen { + text-align: left !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-left-widescreen-only { + text-align: left !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .has-text-right-tablet-only { + text-align: right !important; + } +} +@media screen and (max-width: 1087px) { + .has-text-right-touch { + text-align: right !important; + } +} +@media screen and (min-width: 1088px) { + .has-text-right-desktop { + text-align: right !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-right-desktop-only { + text-align: right !important; + } +} +@media screen and (min-width: 1280px) { + .has-text-right-widescreen { + text-align: right !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-right-widescreen-only { + text-align: right !important; + } +} +@media screen and (min-width: 1472px) { + .has-text-right-fullhd { + text-align: right !important; + } +} +.is-capitalized { + text-transform: capitalize !important; +} +.is-lowercase { + text-transform: lowercase !important; +} +.is-uppercase, +article.media .categories { + text-transform: uppercase !important; +} +.is-italic { + font-style: italic !important; +} +.has-text-white { + color: #fff !important; +} +a.has-text-white:hover, +a.has-text-white:focus { + color: #e6e6e6 !important; +} +.has-background-white { + background-color: #fff !important; +} +.has-text-black { + color: #0a0a0a !important; +} +a.has-text-black:hover, +a.has-text-black:focus { + color: #000 !important; +} +.has-background-black { + background-color: #0a0a0a !important; +} +.has-text-light { + color: #f5f5f5 !important; +} +a.has-text-light:hover, +a.has-text-light:focus { + color: #dbdbdb !important; +} +.has-background-light { + background-color: #f5f5f5 !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: #3273dc !important; +} +a.has-text-primary:hover, +a.has-text-primary:focus { + color: #205bbc !important; +} +.has-background-primary { + background-color: #3273dc !important; +} +.has-text-link { + color: #3273dc !important; +} +a.has-text-link:hover, +a.has-text-link:focus { + color: #205bbc !important; +} +.has-background-link { + background-color: #3273dc !important; +} +.has-text-info { + color: #3298dc !important; +} +a.has-text-info:hover, +a.has-text-info:focus { + color: #207dbc !important; +} +.has-background-info { + background-color: #3298dc !important; +} +.has-text-success { + color: #48c774 !important; +} +a.has-text-success:hover, +a.has-text-success:focus { + color: #34a85c !important; +} +.has-background-success { + background-color: #48c774 !important; +} +.has-text-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: #f14668 !important; +} +a.has-text-danger:hover, +a.has-text-danger:focus { + color: #ee1742 !important; +} +.has-background-danger { + background-color: #f14668 !important; +} +.has-text-grey-lightest { + color: #ededed !important; +} +a.has-text-grey-lightest:hover, +a.has-text-grey-lightest:focus { + color: #d4d4d4 !important; +} +.has-background-grey-lightest { + background-color: #ededed !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, +.article-licensing .licensing-title a { + 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: #f5f5f5 !important; +} +.has-background-white-ter { + background-color: #f5f5f5 !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: 'Noto Sans SC', sans-serif !important; +} +.is-family-secondary { + font-family: 'Noto Sans SC', sans-serif !important; +} +.is-family-sans-serif { + font-family: 'Noto Sans SC', sans-serif !important; +} +.is-family-monospace { + font-family: monospace !important; +} +.is-family-code { + font-family: 'Courier Prime', 'Noto Sans SC', 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: 1087px) { + .is-block-tablet-only { + display: block !important; + } +} +@media screen and (max-width: 1087px) { + .is-block-touch { + display: block !important; + } +} +@media screen and (min-width: 1088px) { + .is-block-desktop { + display: block !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-block-desktop-only { + display: block !important; + } +} +@media screen and (min-width: 1280px) { + .is-block-widescreen { + display: block !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-block-widescreen-only { + display: block !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-flex-tablet-only { + display: flex !important; + } +} +@media screen and (max-width: 1087px) { + .is-flex-touch { + display: flex !important; + } +} +@media screen and (min-width: 1088px) { + .is-flex-desktop { + display: flex !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-flex-desktop-only { + display: flex !important; + } +} +@media screen and (min-width: 1280px) { + .is-flex-widescreen { + display: flex !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-flex-widescreen-only { + display: flex !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-inline-tablet-only { + display: inline !important; + } +} +@media screen and (max-width: 1087px) { + .is-inline-touch { + display: inline !important; + } +} +@media screen and (min-width: 1088px) { + .is-inline-desktop { + display: inline !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-inline-desktop-only { + display: inline !important; + } +} +@media screen and (min-width: 1280px) { + .is-inline-widescreen { + display: inline !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-inline-widescreen-only { + display: inline !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-inline-block-tablet-only { + display: inline-block !important; + } +} +@media screen and (max-width: 1087px) { + .is-inline-block-touch { + display: inline-block !important; + } +} +@media screen and (min-width: 1088px) { + .is-inline-block-desktop { + display: inline-block !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-inline-block-desktop-only { + display: inline-block !important; + } +} +@media screen and (min-width: 1280px) { + .is-inline-block-widescreen { + display: inline-block !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-inline-block-widescreen-only { + display: inline-block !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-inline-flex-tablet-only { + display: inline-flex !important; + } +} +@media screen and (max-width: 1087px) { + .is-inline-flex-touch { + display: inline-flex !important; + } +} +@media screen and (min-width: 1088px) { + .is-inline-flex-desktop { + display: inline-flex !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-inline-flex-desktop-only { + display: inline-flex !important; + } +} +@media screen and (min-width: 1280px) { + .is-inline-flex-widescreen { + display: inline-flex !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-inline-flex-widescreen-only { + display: inline-flex !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-hidden-tablet-only { + display: none !important; + } +} +@media screen and (max-width: 1087px) { + .is-hidden-touch { + display: none !important; + } +} +@media screen and (min-width: 1088px) { + .is-hidden-desktop { + display: none !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-hidden-desktop-only { + display: none !important; + } +} +@media screen and (min-width: 1280px) { + .is-hidden-widescreen { + display: none !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-hidden-widescreen-only { + display: none !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-invisible-tablet-only { + visibility: hidden !important; + } +} +@media screen and (max-width: 1087px) { + .is-invisible-touch { + visibility: hidden !important; + } +} +@media screen and (min-width: 1088px) { + .is-invisible-desktop { + visibility: hidden !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-invisible-desktop-only { + visibility: hidden !important; + } +} +@media screen and (min-width: 1280px) { + .is-invisible-widescreen { + visibility: hidden !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-invisible-widescreen-only { + visibility: hidden !important; + } +} +@media screen and (min-width: 1472px) { + .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; +} +.breadcrumb { + font-size: 1rem; + white-space: nowrap; +} +.breadcrumb a { + align-items: center; + color: #3273dc; + display: flex; + justify-content: center; + padding: 0 0.75em; +} +.breadcrumb a:hover { + color: #363636; +} +.breadcrumb li { + align-items: center; + display: flex; +} +.breadcrumb li:first-child a { + padding-left: 0; +} +.breadcrumb li.is-active a { + color: #363636; + cursor: default; + pointer-events: none; +} +.breadcrumb li + li::before { + color: #b5b5b5; + content: "\0002f"; +} +.breadcrumb ul, +.breadcrumb ol { + align-items: flex-start; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.breadcrumb .icon:first-child { + margin-right: 0.5em; +} +.breadcrumb .icon:last-child { + margin-left: 0.5em; +} +.breadcrumb.is-centered ol, +.breadcrumb.is-centered ul { + justify-content: center; +} +.breadcrumb.is-right ol, +.breadcrumb.is-right ul { + justify-content: flex-end; +} +.breadcrumb.is-small { + font-size: 0.75rem; +} +.breadcrumb.is-medium { + font-size: 1.25rem; +} +.breadcrumb.is-large { + font-size: 1.5rem; +} +.breadcrumb.has-arrow-separator li + li::before { + content: "\02192"; +} +.breadcrumb.has-bullet-separator li + li::before { + content: "\02022"; +} +.breadcrumb.has-dot-separator li + li::before { + content: "\000b7"; +} +.breadcrumb.has-succeeds-separator li + li::before { + content: "\0227B"; +} +.card { + background-color: #fff; + box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1); + color: #4a4a4a; + max-width: 100%; + position: relative; +} +.card-header { + background-color: transparent; + align-items: stretch; + box-shadow: 0 0.125em 0.25em rgba(10,10,10,0.1); + display: flex; +} +.card-header-title { + align-items: center; + color: #363636; + display: flex; + flex-grow: 1; + font-weight: 700; + padding: 0.75rem 1rem; +} +.card-header-title.is-centered { + justify-content: center; +} +.card-header-icon { + align-items: center; + cursor: pointer; + display: flex; + justify-content: center; + padding: 0.75rem 1rem; +} +.card-image { + display: block; + position: relative; +} +.card-content { + background-color: transparent; + padding: 1.5rem; +} +.card-footer { + background-color: transparent; + border-top: 1px solid #ededed; + align-items: stretch; + display: flex; +} +.card-footer-item { + align-items: center; + display: flex; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; + padding: 0.75rem; +} +.card-footer-item:not(:last-child) { + border-right: 1px solid #ededed; +} +.card .media:not(:last-child) { + margin-bottom: 0.75rem; +} +.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: #fff; + border-radius: 4px; + box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,0.1), 0 0px 0 1px rgba(10,10,10,0.02); + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} +.dropdown-item { + color: #4a4a4a; + display: block; + font-size: 0.875rem; + line-height: 1.5; + padding: 0.375rem 1rem; + position: relative; +} +a.dropdown-item, +button.dropdown-item { + padding-right: 3rem; + text-align: left; + white-space: nowrap; + width: 100%; +} +a.dropdown-item:hover, +button.dropdown-item:hover { + background-color: #f5f5f5; + color: #0a0a0a; +} +a.dropdown-item.is-active, +button.dropdown-item.is-active { + background-color: #3273dc; + color: #fff; +} +.dropdown-divider { + background-color: #ededed; + border: none; + display: block; + height: 1px; + margin: 0.5rem 0; +} +.level { + align-items: center; + justify-content: space-between; +} +.level code { + border-radius: 4px; +} +.level img { + display: inline-block; + vertical-align: top; +} +.level.is-mobile { + display: flex; +} +.level.is-mobile .level-left, +.level.is-mobile .level-right { + display: flex; +} +.level.is-mobile .level-left + .level-right { + margin-top: 0; +} +.level.is-mobile .level-item:not(:last-child) { + margin-bottom: 0; + margin-right: 0.75rem; +} +.level.is-mobile .level-item:not(.is-narrow) { + flex-grow: 1; +} +@media screen and (min-width: 769px), print { + .level { + display: flex; + } + .level > .level-item:not(.is-narrow) { + flex-grow: 1; + } +} +.level-item { + align-items: center; + display: flex; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; +} +.level-item .title, +.level-item .subtitle { + margin-bottom: 0; +} +@media screen and (max-width: 768px) { + .level-item:not(:last-child) { + margin-bottom: 0.75rem; + } +} +.level-left, +.level-right { + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; +} +.level-left .level-item.is-flexible, +.level-right .level-item.is-flexible { + flex-grow: 1; +} +@media screen and (min-width: 769px), print { + .level-left .level-item:not(:last-child), + .level-right .level-item:not(:last-child) { + margin-right: 0.75rem; + } +} +.level-left { + align-items: center; + justify-content: flex-start; +} +@media screen and (max-width: 768px) { + .level-left + .level-right { + margin-top: 1.5rem; + } +} +@media screen and (min-width: 769px), print { + .level-left { + display: flex; + } +} +.level-right { + align-items: center; + justify-content: flex-end; +} +@media screen and (min-width: 769px), print { + .level-right { + display: flex; + } +} +.list { + background-color: #fff; + border-radius: 4px; + box-shadow: 0 2px 3px rgba(10,10,10,0.1), 0 0 0 1px rgba(10,10,10,0.1); +} +.list-item { + display: block; + padding: 0.5em 1em; +} +.list-item:not(a) { + color: #4a4a4a; +} +.list-item:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.list-item:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.list-item:not(:last-child) { + border-bottom: 1px solid #dbdbdb; +} +.list-item.is-active { + background-color: #3273dc; + color: #fff; +} +a.list-item { + background-color: #f5f5f5; + 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: #f5f5f5; + color: #363636; +} +.menu-list a.is-active { + background-color: #eef3fc; + color: #3273dc; +} +.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: #f5f5f5; + 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: #fff; +} +.message.is-white .message-header { + background-color: #fff; + color: #0a0a0a; +} +.message.is-white .message-body { + border-color: #fff; +} +.message.is-black { + background-color: #fafafa; +} +.message.is-black .message-header { + background-color: #0a0a0a; + color: #fff; +} +.message.is-black .message-body { + border-color: #0a0a0a; +} +.message.is-light { + background-color: #fafafa; +} +.message.is-light .message-header { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.message.is-light .message-body { + border-color: #f5f5f5; +} +.message.is-dark { + background-color: #fafafa; +} +.message.is-dark .message-header { + background-color: #363636; + color: #fff; +} +.message.is-dark .message-body { + border-color: #363636; +} +.message.is-primary { + background-color: #eef3fc; +} +.message.is-primary .message-header { + background-color: #3273dc; + color: #fff; +} +.message.is-primary .message-body { + border-color: #3273dc; + color: #2160c4; +} +.message.is-link { + background-color: #eef3fc; +} +.message.is-link .message-header { + background-color: #3273dc; + color: #fff; +} +.message.is-link .message-body { + border-color: #3273dc; + color: #2160c4; +} +.message.is-info { + background-color: #eef6fc; +} +.message.is-info .message-header { + background-color: #3298dc; + color: #fff; +} +.message.is-info .message-body { + border-color: #3298dc; + color: #1d72aa; +} +.message.is-success { + background-color: #effaf3; +} +.message.is-success .message-header { + background-color: #48c774; + color: #fff; +} +.message.is-success .message-body { + border-color: #48c774; + color: #257942; +} +.message.is-warning { + background-color: #fffbeb; +} +.message.is-warning .message-header { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.message.is-warning .message-body { + border-color: #ffdd57; + color: #947600; +} +.message.is-danger { + background-color: #feecf0; +} +.message.is-danger .message-header { + background-color: #f14668; + color: #fff; +} +.message.is-danger .message-body { + border-color: #f14668; + color: #cc0f35; +} +.message.is-grey-lightest { + background-color: #fafafa; +} +.message.is-grey-lightest .message-header { + background-color: #ededed; + color: #363636; +} +.message.is-grey-lightest .message-body { + border-color: #ededed; +} +.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: #fff; +} +.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: #f5f5f5; + 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: #fff; + flex-grow: 1; + flex-shrink: 1; + overflow: auto; + padding: 20px; +} +.navbar { + background-color: #fff; + min-height: 3.25rem; + position: relative; + z-index: 30; +} +.navbar.is-white { + background-color: #fff; + 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 .navbar-link:focus, +.navbar.is-white .navbar-brand > a.navbar-item:hover, +.navbar.is-white .navbar-brand .navbar-link:hover, +.navbar.is-white .navbar-brand > a.navbar-item.is-active, +.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: 1088px) { + .navbar.is-white .navbar-start > .navbar-item, + .navbar.is-white .navbar-end > .navbar-item, + .navbar.is-white .navbar-start .navbar-link, + .navbar.is-white .navbar-end .navbar-link { + color: #0a0a0a; + } + .navbar.is-white .navbar-start > a.navbar-item:focus, + .navbar.is-white .navbar-end > a.navbar-item:focus, + .navbar.is-white .navbar-start .navbar-link:focus, + .navbar.is-white .navbar-end .navbar-link:focus, + .navbar.is-white .navbar-start > a.navbar-item:hover, + .navbar.is-white .navbar-end > a.navbar-item:hover, + .navbar.is-white .navbar-start .navbar-link:hover, + .navbar.is-white .navbar-end .navbar-link:hover, + .navbar.is-white .navbar-start > a.navbar-item.is-active, + .navbar.is-white .navbar-end > a.navbar-item.is-active, + .navbar.is-white .navbar-start .navbar-link.is-active, + .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: #fff; + color: #0a0a0a; + } +} +.navbar.is-black { + background-color: #0a0a0a; + color: #fff; +} +.navbar.is-black .navbar-brand > .navbar-item, +.navbar.is-black .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-black .navbar-brand > a.navbar-item:focus, +.navbar.is-black .navbar-brand .navbar-link:focus, +.navbar.is-black .navbar-brand > a.navbar-item:hover, +.navbar.is-black .navbar-brand .navbar-link:hover, +.navbar.is-black .navbar-brand > a.navbar-item.is-active, +.navbar.is-black .navbar-brand .navbar-link.is-active { + background-color: #000; + color: #fff; +} +.navbar.is-black .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-black .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-black .navbar-start > .navbar-item, + .navbar.is-black .navbar-end > .navbar-item, + .navbar.is-black .navbar-start .navbar-link, + .navbar.is-black .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-black .navbar-start > a.navbar-item:focus, + .navbar.is-black .navbar-end > a.navbar-item:focus, + .navbar.is-black .navbar-start .navbar-link:focus, + .navbar.is-black .navbar-end .navbar-link:focus, + .navbar.is-black .navbar-start > a.navbar-item:hover, + .navbar.is-black .navbar-end > a.navbar-item:hover, + .navbar.is-black .navbar-start .navbar-link:hover, + .navbar.is-black .navbar-end .navbar-link:hover, + .navbar.is-black .navbar-start > a.navbar-item.is-active, + .navbar.is-black .navbar-end > a.navbar-item.is-active, + .navbar.is-black .navbar-start .navbar-link.is-active, + .navbar.is-black .navbar-end .navbar-link.is-active { + background-color: #000; + color: #fff; + } + .navbar.is-black .navbar-start .navbar-link::after, + .navbar.is-black .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #000; + color: #fff; + } + .navbar.is-black .navbar-dropdown a.navbar-item.is-active { + background-color: #0a0a0a; + color: #fff; + } +} +.navbar.is-light { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.navbar.is-light .navbar-brand > .navbar-item, +.navbar.is-light .navbar-brand .navbar-link { + color: rgba(0,0,0,0.7); +} +.navbar.is-light .navbar-brand > a.navbar-item:focus, +.navbar.is-light .navbar-brand .navbar-link:focus, +.navbar.is-light .navbar-brand > a.navbar-item:hover, +.navbar.is-light .navbar-brand .navbar-link:hover, +.navbar.is-light .navbar-brand > a.navbar-item.is-active, +.navbar.is-light .navbar-brand .navbar-link.is-active { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); +} +.navbar.is-light .navbar-brand .navbar-link::after { + border-color: rgba(0,0,0,0.7); +} +.navbar.is-light .navbar-burger { + color: rgba(0,0,0,0.7); +} +@media screen and (min-width: 1088px) { + .navbar.is-light .navbar-start > .navbar-item, + .navbar.is-light .navbar-end > .navbar-item, + .navbar.is-light .navbar-start .navbar-link, + .navbar.is-light .navbar-end .navbar-link { + color: rgba(0,0,0,0.7); + } + .navbar.is-light .navbar-start > a.navbar-item:focus, + .navbar.is-light .navbar-end > a.navbar-item:focus, + .navbar.is-light .navbar-start .navbar-link:focus, + .navbar.is-light .navbar-end .navbar-link:focus, + .navbar.is-light .navbar-start > a.navbar-item:hover, + .navbar.is-light .navbar-end > a.navbar-item:hover, + .navbar.is-light .navbar-start .navbar-link:hover, + .navbar.is-light .navbar-end .navbar-link:hover, + .navbar.is-light .navbar-start > a.navbar-item.is-active, + .navbar.is-light .navbar-end > a.navbar-item.is-active, + .navbar.is-light .navbar-start .navbar-link.is-active, + .navbar.is-light .navbar-end .navbar-link.is-active { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); + } + .navbar.is-light .navbar-start .navbar-link::after, + .navbar.is-light .navbar-end .navbar-link::after { + border-color: rgba(0,0,0,0.7); + } + .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); + } + .navbar.is-light .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); + } +} +.navbar.is-dark { + background-color: #363636; + color: #fff; +} +.navbar.is-dark .navbar-brand > .navbar-item, +.navbar.is-dark .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-dark .navbar-brand > a.navbar-item:focus, +.navbar.is-dark .navbar-brand .navbar-link:focus, +.navbar.is-dark .navbar-brand > a.navbar-item:hover, +.navbar.is-dark .navbar-brand .navbar-link:hover, +.navbar.is-dark .navbar-brand > a.navbar-item.is-active, +.navbar.is-dark .navbar-brand .navbar-link.is-active { + background-color: #292929; + color: #fff; +} +.navbar.is-dark .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-dark .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-dark .navbar-start > .navbar-item, + .navbar.is-dark .navbar-end > .navbar-item, + .navbar.is-dark .navbar-start .navbar-link, + .navbar.is-dark .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-dark .navbar-start > a.navbar-item:focus, + .navbar.is-dark .navbar-end > a.navbar-item:focus, + .navbar.is-dark .navbar-start .navbar-link:focus, + .navbar.is-dark .navbar-end .navbar-link:focus, + .navbar.is-dark .navbar-start > a.navbar-item:hover, + .navbar.is-dark .navbar-end > a.navbar-item:hover, + .navbar.is-dark .navbar-start .navbar-link:hover, + .navbar.is-dark .navbar-end .navbar-link:hover, + .navbar.is-dark .navbar-start > a.navbar-item.is-active, + .navbar.is-dark .navbar-end > a.navbar-item.is-active, + .navbar.is-dark .navbar-start .navbar-link.is-active, + .navbar.is-dark .navbar-end .navbar-link.is-active { + background-color: #292929; + color: #fff; + } + .navbar.is-dark .navbar-start .navbar-link::after, + .navbar.is-dark .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #292929; + color: #fff; + } + .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #363636; + color: #fff; + } +} +.navbar.is-primary { + background-color: #3273dc; + color: #fff; +} +.navbar.is-primary .navbar-brand > .navbar-item, +.navbar.is-primary .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-primary .navbar-brand > a.navbar-item:focus, +.navbar.is-primary .navbar-brand .navbar-link:focus, +.navbar.is-primary .navbar-brand > a.navbar-item:hover, +.navbar.is-primary .navbar-brand .navbar-link:hover, +.navbar.is-primary .navbar-brand > a.navbar-item.is-active, +.navbar.is-primary .navbar-brand .navbar-link.is-active { + background-color: #2366d1; + color: #fff; +} +.navbar.is-primary .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-primary .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-primary .navbar-start > .navbar-item, + .navbar.is-primary .navbar-end > .navbar-item, + .navbar.is-primary .navbar-start .navbar-link, + .navbar.is-primary .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-primary .navbar-start > a.navbar-item:focus, + .navbar.is-primary .navbar-end > a.navbar-item:focus, + .navbar.is-primary .navbar-start .navbar-link:focus, + .navbar.is-primary .navbar-end .navbar-link:focus, + .navbar.is-primary .navbar-start > a.navbar-item:hover, + .navbar.is-primary .navbar-end > a.navbar-item:hover, + .navbar.is-primary .navbar-start .navbar-link:hover, + .navbar.is-primary .navbar-end .navbar-link:hover, + .navbar.is-primary .navbar-start > a.navbar-item.is-active, + .navbar.is-primary .navbar-end > a.navbar-item.is-active, + .navbar.is-primary .navbar-start .navbar-link.is-active, + .navbar.is-primary .navbar-end .navbar-link.is-active { + background-color: #2366d1; + color: #fff; + } + .navbar.is-primary .navbar-start .navbar-link::after, + .navbar.is-primary .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #2366d1; + color: #fff; + } + .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { + background-color: #3273dc; + color: #fff; + } +} +.navbar.is-link { + background-color: #3273dc; + color: #fff; +} +.navbar.is-link .navbar-brand > .navbar-item, +.navbar.is-link .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-link .navbar-brand > a.navbar-item:focus, +.navbar.is-link .navbar-brand .navbar-link:focus, +.navbar.is-link .navbar-brand > a.navbar-item:hover, +.navbar.is-link .navbar-brand .navbar-link:hover, +.navbar.is-link .navbar-brand > a.navbar-item.is-active, +.navbar.is-link .navbar-brand .navbar-link.is-active { + background-color: #2366d1; + color: #fff; +} +.navbar.is-link .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-link .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-link .navbar-start > .navbar-item, + .navbar.is-link .navbar-end > .navbar-item, + .navbar.is-link .navbar-start .navbar-link, + .navbar.is-link .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-link .navbar-start > a.navbar-item:focus, + .navbar.is-link .navbar-end > a.navbar-item:focus, + .navbar.is-link .navbar-start .navbar-link:focus, + .navbar.is-link .navbar-end .navbar-link:focus, + .navbar.is-link .navbar-start > a.navbar-item:hover, + .navbar.is-link .navbar-end > a.navbar-item:hover, + .navbar.is-link .navbar-start .navbar-link:hover, + .navbar.is-link .navbar-end .navbar-link:hover, + .navbar.is-link .navbar-start > a.navbar-item.is-active, + .navbar.is-link .navbar-end > a.navbar-item.is-active, + .navbar.is-link .navbar-start .navbar-link.is-active, + .navbar.is-link .navbar-end .navbar-link.is-active { + background-color: #2366d1; + color: #fff; + } + .navbar.is-link .navbar-start .navbar-link::after, + .navbar.is-link .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #2366d1; + color: #fff; + } + .navbar.is-link .navbar-dropdown a.navbar-item.is-active { + background-color: #3273dc; + color: #fff; + } +} +.navbar.is-info { + background-color: #3298dc; + color: #fff; +} +.navbar.is-info .navbar-brand > .navbar-item, +.navbar.is-info .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-info .navbar-brand > a.navbar-item:focus, +.navbar.is-info .navbar-brand .navbar-link:focus, +.navbar.is-info .navbar-brand > a.navbar-item:hover, +.navbar.is-info .navbar-brand .navbar-link:hover, +.navbar.is-info .navbar-brand > a.navbar-item.is-active, +.navbar.is-info .navbar-brand .navbar-link.is-active { + background-color: #238cd1; + color: #fff; +} +.navbar.is-info .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-info .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-info .navbar-start > .navbar-item, + .navbar.is-info .navbar-end > .navbar-item, + .navbar.is-info .navbar-start .navbar-link, + .navbar.is-info .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-info .navbar-start > a.navbar-item:focus, + .navbar.is-info .navbar-end > a.navbar-item:focus, + .navbar.is-info .navbar-start .navbar-link:focus, + .navbar.is-info .navbar-end .navbar-link:focus, + .navbar.is-info .navbar-start > a.navbar-item:hover, + .navbar.is-info .navbar-end > a.navbar-item:hover, + .navbar.is-info .navbar-start .navbar-link:hover, + .navbar.is-info .navbar-end .navbar-link:hover, + .navbar.is-info .navbar-start > a.navbar-item.is-active, + .navbar.is-info .navbar-end > a.navbar-item.is-active, + .navbar.is-info .navbar-start .navbar-link.is-active, + .navbar.is-info .navbar-end .navbar-link.is-active { + background-color: #238cd1; + color: #fff; + } + .navbar.is-info .navbar-start .navbar-link::after, + .navbar.is-info .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #238cd1; + color: #fff; + } + .navbar.is-info .navbar-dropdown a.navbar-item.is-active { + background-color: #3298dc; + color: #fff; + } +} +.navbar.is-success { + background-color: #48c774; + color: #fff; +} +.navbar.is-success .navbar-brand > .navbar-item, +.navbar.is-success .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-success .navbar-brand > a.navbar-item:focus, +.navbar.is-success .navbar-brand .navbar-link:focus, +.navbar.is-success .navbar-brand > a.navbar-item:hover, +.navbar.is-success .navbar-brand .navbar-link:hover, +.navbar.is-success .navbar-brand > a.navbar-item.is-active, +.navbar.is-success .navbar-brand .navbar-link.is-active { + background-color: #3abb67; + color: #fff; +} +.navbar.is-success .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-success .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-success .navbar-start > .navbar-item, + .navbar.is-success .navbar-end > .navbar-item, + .navbar.is-success .navbar-start .navbar-link, + .navbar.is-success .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-success .navbar-start > a.navbar-item:focus, + .navbar.is-success .navbar-end > a.navbar-item:focus, + .navbar.is-success .navbar-start .navbar-link:focus, + .navbar.is-success .navbar-end .navbar-link:focus, + .navbar.is-success .navbar-start > a.navbar-item:hover, + .navbar.is-success .navbar-end > a.navbar-item:hover, + .navbar.is-success .navbar-start .navbar-link:hover, + .navbar.is-success .navbar-end .navbar-link:hover, + .navbar.is-success .navbar-start > a.navbar-item.is-active, + .navbar.is-success .navbar-end > a.navbar-item.is-active, + .navbar.is-success .navbar-start .navbar-link.is-active, + .navbar.is-success .navbar-end .navbar-link.is-active { + background-color: #3abb67; + color: #fff; + } + .navbar.is-success .navbar-start .navbar-link::after, + .navbar.is-success .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #3abb67; + color: #fff; + } + .navbar.is-success .navbar-dropdown a.navbar-item.is-active { + background-color: #48c774; + color: #fff; + } +} +.navbar.is-warning { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.navbar.is-warning .navbar-brand > .navbar-item, +.navbar.is-warning .navbar-brand .navbar-link { + color: rgba(0,0,0,0.7); +} +.navbar.is-warning .navbar-brand > a.navbar-item:focus, +.navbar.is-warning .navbar-brand .navbar-link:focus, +.navbar.is-warning .navbar-brand > a.navbar-item:hover, +.navbar.is-warning .navbar-brand .navbar-link:hover, +.navbar.is-warning .navbar-brand > a.navbar-item.is-active, +.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: 1088px) { + .navbar.is-warning .navbar-start > .navbar-item, + .navbar.is-warning .navbar-end > .navbar-item, + .navbar.is-warning .navbar-start .navbar-link, + .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-end > a.navbar-item:focus, + .navbar.is-warning .navbar-start .navbar-link:focus, + .navbar.is-warning .navbar-end .navbar-link:focus, + .navbar.is-warning .navbar-start > a.navbar-item:hover, + .navbar.is-warning .navbar-end > a.navbar-item:hover, + .navbar.is-warning .navbar-start .navbar-link:hover, + .navbar.is-warning .navbar-end .navbar-link:hover, + .navbar.is-warning .navbar-start > a.navbar-item.is-active, + .navbar.is-warning .navbar-end > a.navbar-item.is-active, + .navbar.is-warning .navbar-start .navbar-link.is-active, + .navbar.is-warning .navbar-end .navbar-link.is-active { + background-color: #ffd83d; + color: rgba(0,0,0,0.7); + } + .navbar.is-warning .navbar-start .navbar-link::after, + .navbar.is-warning .navbar-end .navbar-link::after { + border-color: rgba(0,0,0,0.7); + } + .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #ffd83d; + color: rgba(0,0,0,0.7); + } + .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); + } +} +.navbar.is-danger { + background-color: #f14668; + color: #fff; +} +.navbar.is-danger .navbar-brand > .navbar-item, +.navbar.is-danger .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-danger .navbar-brand > a.navbar-item:focus, +.navbar.is-danger .navbar-brand .navbar-link:focus, +.navbar.is-danger .navbar-brand > a.navbar-item:hover, +.navbar.is-danger .navbar-brand .navbar-link:hover, +.navbar.is-danger .navbar-brand > a.navbar-item.is-active, +.navbar.is-danger .navbar-brand .navbar-link.is-active { + background-color: #ef2e55; + color: #fff; +} +.navbar.is-danger .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-danger .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-danger .navbar-start > .navbar-item, + .navbar.is-danger .navbar-end > .navbar-item, + .navbar.is-danger .navbar-start .navbar-link, + .navbar.is-danger .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-danger .navbar-start > a.navbar-item:focus, + .navbar.is-danger .navbar-end > a.navbar-item:focus, + .navbar.is-danger .navbar-start .navbar-link:focus, + .navbar.is-danger .navbar-end .navbar-link:focus, + .navbar.is-danger .navbar-start > a.navbar-item:hover, + .navbar.is-danger .navbar-end > a.navbar-item:hover, + .navbar.is-danger .navbar-start .navbar-link:hover, + .navbar.is-danger .navbar-end .navbar-link:hover, + .navbar.is-danger .navbar-start > a.navbar-item.is-active, + .navbar.is-danger .navbar-end > a.navbar-item.is-active, + .navbar.is-danger .navbar-start .navbar-link.is-active, + .navbar.is-danger .navbar-end .navbar-link.is-active { + background-color: #ef2e55; + color: #fff; + } + .navbar.is-danger .navbar-start .navbar-link::after, + .navbar.is-danger .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #ef2e55; + color: #fff; + } + .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { + background-color: #f14668; + color: #fff; + } +} +.navbar.is-grey-lightest { + background-color: #ededed; + color: #363636; +} +.navbar.is-grey-lightest .navbar-brand > .navbar-item, +.navbar.is-grey-lightest .navbar-brand .navbar-link { + color: #363636; +} +.navbar.is-grey-lightest .navbar-brand > a.navbar-item:focus, +.navbar.is-grey-lightest .navbar-brand .navbar-link:focus, +.navbar.is-grey-lightest .navbar-brand > a.navbar-item:hover, +.navbar.is-grey-lightest .navbar-brand .navbar-link:hover, +.navbar.is-grey-lightest .navbar-brand > a.navbar-item.is-active, +.navbar.is-grey-lightest .navbar-brand .navbar-link.is-active { + background-color: #e0e0e0; + color: #363636; +} +.navbar.is-grey-lightest .navbar-brand .navbar-link::after { + border-color: #363636; +} +.navbar.is-grey-lightest .navbar-burger { + color: #363636; +} +@media screen and (min-width: 1088px) { + .navbar.is-grey-lightest .navbar-start > .navbar-item, + .navbar.is-grey-lightest .navbar-end > .navbar-item, + .navbar.is-grey-lightest .navbar-start .navbar-link, + .navbar.is-grey-lightest .navbar-end .navbar-link { + color: #363636; + } + .navbar.is-grey-lightest .navbar-start > a.navbar-item:focus, + .navbar.is-grey-lightest .navbar-end > a.navbar-item:focus, + .navbar.is-grey-lightest .navbar-start .navbar-link:focus, + .navbar.is-grey-lightest .navbar-end .navbar-link:focus, + .navbar.is-grey-lightest .navbar-start > a.navbar-item:hover, + .navbar.is-grey-lightest .navbar-end > a.navbar-item:hover, + .navbar.is-grey-lightest .navbar-start .navbar-link:hover, + .navbar.is-grey-lightest .navbar-end .navbar-link:hover, + .navbar.is-grey-lightest .navbar-start > a.navbar-item.is-active, + .navbar.is-grey-lightest .navbar-end > a.navbar-item.is-active, + .navbar.is-grey-lightest .navbar-start .navbar-link.is-active, + .navbar.is-grey-lightest .navbar-end .navbar-link.is-active { + background-color: #e0e0e0; + color: #363636; + } + .navbar.is-grey-lightest .navbar-start .navbar-link::after, + .navbar.is-grey-lightest .navbar-end .navbar-link::after { + border-color: #363636; + } + .navbar.is-grey-lightest .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-grey-lightest .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-grey-lightest .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #e0e0e0; + color: #363636; + } + .navbar.is-grey-lightest .navbar-dropdown a.navbar-item.is-active { + background-color: #ededed; + color: #363636; + } +} +.navbar > .container { + align-items: stretch; + display: flex; + min-height: 3.25rem; + width: 100%; +} +.navbar.has-shadow { + box-shadow: 0 2px 0 0 #f5f5f5; +} +.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 #f5f5f5; +} +.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, +.navbar-link:focus, +a.navbar-item:focus-within, +.navbar-link:focus-within, +a.navbar-item:hover, +.navbar-link:hover, +a.navbar-item.is-active, +.navbar-link.is-active { + background-color: #fafafa; + color: #3273dc; +} +.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: #3273dc; +} +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom-color: #3273dc; + border-bottom-style: solid; + border-bottom-width: 3px; + color: #3273dc; + padding-bottom: calc(0.5rem - 3px); +} +.navbar-content { + flex-grow: 1; + flex-shrink: 1; +} +.navbar-link:not(.is-arrowless) { + padding-right: 2.5em; +} +.navbar-link:not(.is-arrowless)::after { + border-color: #3273dc; + margin-top: -0.375em; + right: 1.125em; +} +.navbar-dropdown { + font-size: 0.875rem; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.navbar-divider { + background-color: #f5f5f5; + border: none; + display: none; + height: 2px; + margin: 0.5rem 0; +} +@media screen and (max-width: 1087px) { + .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: #fff; + 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: 1088px) { + .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 .navbar-link:focus, + .navbar.is-transparent a.navbar-item:hover, + .navbar.is-transparent .navbar-link:hover, + .navbar.is-transparent a.navbar-item.is-active, + .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: #f5f5f5; + color: #0a0a0a; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: #3273dc; + } + .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.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, + .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, + .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, + .navbar-item.is-active .navbar-dropdown.is-boxed, + .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, + .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, + .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: #fff; + 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: #f5f5f5; + color: #0a0a0a; + } + .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: #3273dc; + } + .navbar.is-spaced .navbar-dropdown, + .navbar-dropdown.is-boxed { + border-radius: 6px; + border-top: none; + box-shadow: 0 8px 8px rgba(10,10,10,0.1), 0 0 0 1px rgba(10,10,10,0.1); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + -4px); + transform: translateY(-5px); + transition-duration: 86ms; + transition-property: opacity, transform; + } + .navbar-dropdown.is-right { + left: auto; + right: 0; + } + .navbar-divider { + display: block; + } + .navbar > .container .navbar-brand, + .container > .navbar .navbar-brand { + margin-left: -0.75rem; + } + .navbar > .container .navbar-menu, + .container > .navbar .navbar-menu { + margin-right: -0.75rem; + } + .navbar.is-fixed-bottom-desktop, + .navbar.is-fixed-top-desktop { + left: 0; + position: fixed; + right: 0; + z-index: 30; + } + .navbar.is-fixed-bottom-desktop { + bottom: 0; + } + .navbar.is-fixed-bottom-desktop.has-shadow { + box-shadow: 0 -2px 3px rgba(10,10,10,0.1); + } + .navbar.is-fixed-top-desktop { + top: 0; + } + html.has-navbar-fixed-top-desktop, + body.has-navbar-fixed-top-desktop { + padding-top: 3.25rem; + } + html.has-navbar-fixed-bottom-desktop, + body.has-navbar-fixed-bottom-desktop { + padding-bottom: 3.25rem; + } + html.has-spaced-navbar-fixed-top, + body.has-spaced-navbar-fixed-top { + padding-top: 5.25rem; + } + html.has-spaced-navbar-fixed-bottom, + body.has-spaced-navbar-fixed-bottom { + padding-bottom: 5.25rem; + } + a.navbar-item.is-active, + .navbar-link.is-active { + color: #3273dc; + } + 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: #3273dc; +} +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active { + box-shadow: inset 0 1px 2px rgba(10,10,10,0.2); +} +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled] { + background-color: #dbdbdb; + border-color: #dbdbdb; + box-shadow: none; + color: #7a7a7a; + opacity: 0.5; +} +.pagination-previous, +.pagination-next { + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} +.pagination-link.is-current { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} +.pagination-ellipsis { + color: #b5b5b5; + pointer-events: none; +} +.pagination-list { + flex-wrap: wrap; +} +@media screen and (max-width: 768px) { + .pagination { + flex-wrap: wrap; + } + .pagination-previous, + .pagination-next { + flex-grow: 1; + flex-shrink: 1; + } + .pagination-list li { + flex-grow: 1; + flex-shrink: 1; + } +} +@media screen and (min-width: 769px), print { + .pagination-list { + flex-grow: 1; + flex-shrink: 1; + justify-content: flex-start; + order: 1; + } + .pagination-previous { + order: 2; + } + .pagination-next { + order: 3; + } + .pagination { + justify-content: space-between; + } + .pagination.is-centered .pagination-previous, + .pagination .pagination-previous { + order: 1; + } + .pagination.is-centered .pagination-list, + .pagination .pagination-list { + justify-content: center; + order: 2; + } + .pagination.is-centered .pagination-next, + .pagination .pagination-next { + order: 3; + } + .pagination.is-right .pagination-previous { + order: 1; + } + .pagination.is-right .pagination-next { + order: 2; + } + .pagination.is-right .pagination-list { + justify-content: flex-end; + order: 3; + } +} +.panel { + border-radius: 6px; + box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,0.1), 0 0px 0 1px rgba(10,10,10,0.02); + font-size: 1rem; +} +.panel:not(:last-child) { + margin-bottom: 1.5rem; +} +.panel.is-white .panel-heading { + background-color: #fff; + color: #0a0a0a; +} +.panel.is-white .panel-tabs a.is-active { + border-bottom-color: #fff; +} +.panel.is-white .panel-block.is-active .panel-icon { + color: #fff; +} +.panel.is-black .panel-heading { + background-color: #0a0a0a; + color: #fff; +} +.panel.is-black .panel-tabs a.is-active { + border-bottom-color: #0a0a0a; +} +.panel.is-black .panel-block.is-active .panel-icon { + color: #0a0a0a; +} +.panel.is-light .panel-heading { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.panel.is-light .panel-tabs a.is-active { + border-bottom-color: #f5f5f5; +} +.panel.is-light .panel-block.is-active .panel-icon { + color: #f5f5f5; +} +.panel.is-dark .panel-heading { + background-color: #363636; + color: #fff; +} +.panel.is-dark .panel-tabs a.is-active { + border-bottom-color: #363636; +} +.panel.is-dark .panel-block.is-active .panel-icon { + color: #363636; +} +.panel.is-primary .panel-heading { + background-color: #3273dc; + color: #fff; +} +.panel.is-primary .panel-tabs a.is-active { + border-bottom-color: #3273dc; +} +.panel.is-primary .panel-block.is-active .panel-icon { + color: #3273dc; +} +.panel.is-link .panel-heading { + background-color: #3273dc; + color: #fff; +} +.panel.is-link .panel-tabs a.is-active { + border-bottom-color: #3273dc; +} +.panel.is-link .panel-block.is-active .panel-icon { + color: #3273dc; +} +.panel.is-info .panel-heading { + background-color: #3298dc; + color: #fff; +} +.panel.is-info .panel-tabs a.is-active { + border-bottom-color: #3298dc; +} +.panel.is-info .panel-block.is-active .panel-icon { + color: #3298dc; +} +.panel.is-success .panel-heading { + background-color: #48c774; + color: #fff; +} +.panel.is-success .panel-tabs a.is-active { + border-bottom-color: #48c774; +} +.panel.is-success .panel-block.is-active .panel-icon { + color: #48c774; +} +.panel.is-warning .panel-heading { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.panel.is-warning .panel-tabs a.is-active { + border-bottom-color: #ffdd57; +} +.panel.is-warning .panel-block.is-active .panel-icon { + color: #ffdd57; +} +.panel.is-danger .panel-heading { + background-color: #f14668; + color: #fff; +} +.panel.is-danger .panel-tabs a.is-active { + border-bottom-color: #f14668; +} +.panel.is-danger .panel-block.is-active .panel-icon { + color: #f14668; +} +.panel.is-grey-lightest .panel-heading { + background-color: #ededed; + color: #363636; +} +.panel.is-grey-lightest .panel-tabs a.is-active { + border-bottom-color: #ededed; +} +.panel.is-grey-lightest .panel-block.is-active .panel-icon { + color: #ededed; +} +.panel-tabs:not(:last-child), +.panel-block:not(:last-child) { + border-bottom: 1px solid #ededed; +} +.panel-heading { + background-color: #ededed; + border-radius: 6px 6px 0 0; + color: #363636; + font-size: 1.25em; + font-weight: 700; + line-height: 1.25; + padding: 0.75em 1em; +} +.panel-tabs { + align-items: flex-end; + display: flex; + font-size: 0.875em; + justify-content: center; +} +.panel-tabs a { + border-bottom: 1px solid #dbdbdb; + margin-bottom: -1px; + padding: 0.5em; +} +.panel-tabs a.is-active { + border-bottom-color: #4a4a4a; + color: #363636; +} +.panel-list a { + color: #4a4a4a; +} +.panel-list a:hover { + color: #3273dc; +} +.panel-block { + align-items: center; + color: #363636; + display: flex; + justify-content: flex-start; + padding: 0.5em 0.75em; +} +.panel-block input[type="checkbox"] { + margin-right: 0.75em; +} +.panel-block > .control { + flex-grow: 1; + flex-shrink: 1; + width: 100%; +} +.panel-block.is-wrapped { + flex-wrap: wrap; +} +.panel-block.is-active { + border-left-color: #3273dc; + color: #363636; +} +.panel-block.is-active .panel-icon { + color: #3273dc; +} +.panel-block:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +a.panel-block, +label.panel-block { + cursor: pointer; +} +a.panel-block:hover, +label.panel-block:hover { + background-color: #f5f5f5; +} +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: #7a7a7a; + margin-right: 0.75em; +} +.panel-icon .fa { + font-size: inherit; + line-height: inherit; +} +.tabs { + -webkit-overflow-scrolling: touch; + align-items: stretch; + display: flex; + font-size: 1rem; + justify-content: space-between; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} +.tabs a { + align-items: center; + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + color: #4a4a4a; + display: flex; + justify-content: center; + margin-bottom: -1px; + padding: 0.5em 1em; + vertical-align: top; +} +.tabs a:hover { + border-bottom-color: #363636; + color: #363636; +} +.tabs li { + display: block; +} +.tabs li.is-active a { + border-bottom-color: #3273dc; + color: #3273dc; +} +.tabs ul { + align-items: center; + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + display: flex; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; +} +.tabs ul.is-left { + padding-right: 0.75em; +} +.tabs ul.is-center { + flex: none; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; +} +.tabs ul.is-right { + justify-content: flex-end; + padding-left: 0.75em; +} +.tabs .icon:first-child { + margin-right: 0.5em; +} +.tabs .icon:last-child { + margin-left: 0.5em; +} +.tabs.is-centered ul { + justify-content: center; +} +.tabs.is-right ul { + justify-content: flex-end; +} +.tabs.is-boxed a { + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.tabs.is-boxed a:hover { + background-color: #f5f5f5; + border-bottom-color: #dbdbdb; +} +.tabs.is-boxed li.is-active a { + background-color: #fff; + 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: #f5f5f5; + 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: #3273dc; + border-color: #3273dc; + color: #fff; + z-index: 1; +} +.tabs.is-toggle ul { + border-bottom: none; +} +.tabs.is-toggle.is-toggle-rounded li:first-child a { + border-bottom-left-radius: 290486px; + border-top-left-radius: 290486px; + padding-left: 1.25em; +} +.tabs.is-toggle.is-toggle-rounded li:last-child a { + border-bottom-right-radius: 290486px; + border-top-right-radius: 290486px; + padding-right: 1.25em; +} +.tabs.is-small { + font-size: 0.75rem; +} +.tabs.is-medium { + font-size: 1.25rem; +} +.tabs.is-large { + font-size: 1.5rem; +} +.box { + background-color: #fff; + border-radius: 6px; + box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,0.1), 0 0px 0 1px rgba(10,10,10,0.02); + color: #4a4a4a; + display: block; + padding: 1.25rem; +} +a.box:hover, +a.box:focus { + box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,0.1), 0 0 0 1px #3273dc; +} +a.box:active { + box-shadow: inset 0 1px 2px rgba(10,10,10,0.2), 0 0 0 1px #3273dc; +} +.button { + background-color: #fff; + border-color: #dbdbdb; + border-width: 1px; + color: #363636; + cursor: pointer; + justify-content: center; + padding-bottom: calc(0.375em - 1px); + padding-left: 1em; + padding-right: 1em; + 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.5em - 1px); + margin-right: 0.25em; +} +.button .icon:last-child:not(:first-child) { + margin-left: 0.25em; + margin-right: calc(-0.5em - 1px); +} +.button .icon:first-child:last-child { + margin-left: calc(-0.5em - 1px); + margin-right: calc(-0.5em - 1px); +} +.button:hover, +.button.is-hovered { + border-color: #b5b5b5; + color: #363636; +} +.button:focus, +.button.is-focused { + border-color: #3273dc; + color: #363636; +} +.button:focus:not(:active), +.button.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.button:active, +.button.is-active { + border-color: #4a4a4a; + color: #363636; +} +.button.is-text { + background-color: transparent; + border-color: transparent; + color: #4a4a4a; + text-decoration: underline; +} +.button.is-text:hover, +.button.is-text.is-hovered, +.button.is-text:focus, +.button.is-text.is-focused { + background-color: #f5f5f5; + 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: #fff; + 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: #fff; + border-color: transparent; + box-shadow: none; +} +.button.is-white.is-inverted { + background-color: #0a0a0a; + color: #fff; +} +.button.is-white.is-inverted:hover, +.button.is-white.is-inverted.is-hovered { + background-color: #000; +} +.button.is-white.is-inverted[disabled], +fieldset[disabled] .button.is-white.is-inverted { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none; + color: #fff; +} +.button.is-white.is-loading::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} +.button.is-white.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.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: #fff; + border-color: #fff; + color: #0a0a0a; +} +.button.is-white.is-outlined.is-loading::after { + border-color: transparent transparent #fff #fff !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: #fff; + box-shadow: none; + color: #fff; +} +.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: #fff; +} +.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 #fff #fff !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: #fff; +} +.button.is-black:hover, +.button.is-black.is-hovered { + background-color: #040404; + border-color: transparent; + color: #fff; +} +.button.is-black:focus, +.button.is-black.is-focused { + border-color: transparent; + color: #fff; +} +.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: #000; + border-color: transparent; + color: #fff; +} +.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: #fff; + 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: #fff; + border-color: transparent; + box-shadow: none; + color: #0a0a0a; +} +.button.is-black.is-loading::after { + border-color: transparent transparent #fff #fff !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: #fff; +} +.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 #fff #fff !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: #fff; + color: #fff; +} +.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: #fff; + 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: #fff; + box-shadow: none; + color: #fff; +} +.button.is-light, +article.article .article-more { + background-color: #f5f5f5; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-light:hover, +article.article .article-more:hover, +.button.is-light.is-hovered, +article.article .article-more.is-hovered { + background-color: #eee; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-light:focus, +article.article .article-more:focus, +.button.is-light.is-focused, +article.article .article-more.is-focused { + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-light:focus:not(:active), +article.article .article-more:focus:not(:active), +.button.is-light.is-focused:not(:active), +article.article .article-more.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(245,245,245,0.25); +} +.button.is-light:active, +article.article .article-more:active, +.button.is-light.is-active, +article.article .article-more.is-active { + background-color: #e8e8e8; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-light[disabled], +article.article .article-more[disabled], +fieldset[disabled] .button.is-light, +fieldset[disabled] article.article .article-more { + background-color: #f5f5f5; + border-color: transparent; + box-shadow: none; +} +.button.is-light.is-inverted, +article.article .article-more.is-inverted { + background-color: rgba(0,0,0,0.7); + color: #f5f5f5; +} +.button.is-light.is-inverted:hover, +article.article .article-more.is-inverted:hover, +.button.is-light.is-inverted.is-hovered, +article.article .article-more.is-inverted.is-hovered { + background-color: rgba(0,0,0,0.7); +} +.button.is-light.is-inverted[disabled], +article.article .article-more.is-inverted[disabled], +fieldset[disabled] .button.is-light.is-inverted, +fieldset[disabled] article.article .article-more.is-inverted { + background-color: rgba(0,0,0,0.7); + border-color: transparent; + box-shadow: none; + color: #f5f5f5; +} +.button.is-light.is-loading::after, +article.article .article-more.is-loading::after { + border-color: transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important; +} +.button.is-light.is-outlined, +article.article .article-more.is-outlined { + background-color: transparent; + border-color: #f5f5f5; + color: #f5f5f5; +} +.button.is-light.is-outlined:hover, +article.article .article-more.is-outlined:hover, +.button.is-light.is-outlined.is-hovered, +article.article .article-more.is-outlined.is-hovered, +.button.is-light.is-outlined:focus, +article.article .article-more.is-outlined:focus, +.button.is-light.is-outlined.is-focused, +article.article .article-more.is-outlined.is-focused { + background-color: #f5f5f5; + border-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.button.is-light.is-outlined.is-loading::after, +article.article .article-more.is-outlined.is-loading::after { + border-color: transparent transparent #f5f5f5 #f5f5f5 !important; +} +.button.is-light.is-outlined.is-loading:hover::after, +article.article .article-more.is-outlined.is-loading:hover::after, +.button.is-light.is-outlined.is-loading.is-hovered::after, +article.article .article-more.is-outlined.is-loading.is-hovered::after, +.button.is-light.is-outlined.is-loading:focus::after, +article.article .article-more.is-outlined.is-loading:focus::after, +.button.is-light.is-outlined.is-loading.is-focused::after, +article.article .article-more.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important; +} +.button.is-light.is-outlined[disabled], +article.article .article-more.is-outlined[disabled], +fieldset[disabled] .button.is-light.is-outlined, +fieldset[disabled] article.article .article-more.is-outlined { + background-color: transparent; + border-color: #f5f5f5; + box-shadow: none; + color: #f5f5f5; +} +.button.is-light.is-inverted.is-outlined, +article.article .article-more.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0,0,0,0.7); + color: rgba(0,0,0,0.7); +} +.button.is-light.is-inverted.is-outlined:hover, +article.article .article-more.is-inverted.is-outlined:hover, +.button.is-light.is-inverted.is-outlined.is-hovered, +article.article .article-more.is-inverted.is-outlined.is-hovered, +.button.is-light.is-inverted.is-outlined:focus, +article.article .article-more.is-inverted.is-outlined:focus, +.button.is-light.is-inverted.is-outlined.is-focused, +article.article .article-more.is-inverted.is-outlined.is-focused { + background-color: rgba(0,0,0,0.7); + color: #f5f5f5; +} +.button.is-light.is-inverted.is-outlined.is-loading:hover::after, +article.article .article-more.is-inverted.is-outlined.is-loading:hover::after, +.button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, +article.article .article-more.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-light.is-inverted.is-outlined.is-loading:focus::after, +article.article .article-more.is-inverted.is-outlined.is-loading:focus::after, +.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after, +article.article .article-more.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #f5f5f5 #f5f5f5 !important; +} +.button.is-light.is-inverted.is-outlined[disabled], +article.article .article-more.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-light.is-inverted.is-outlined, +fieldset[disabled] article.article .article-more.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0,0,0,0.7); + box-shadow: none; + color: rgba(0,0,0,0.7); +} +.button.is-dark { + background-color: #363636; + border-color: transparent; + color: #fff; +} +.button.is-dark:hover, +.button.is-dark.is-hovered { + background-color: #2f2f2f; + border-color: transparent; + color: #fff; +} +.button.is-dark:focus, +.button.is-dark.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-dark:focus:not(:active), +.button.is-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(54,54,54,0.25); +} +.button.is-dark:active, +.button.is-dark.is-active { + background-color: #292929; + border-color: transparent; + color: #fff; +} +.button.is-dark[disabled], +fieldset[disabled] .button.is-dark { + background-color: #363636; + border-color: transparent; + box-shadow: none; +} +.button.is-dark.is-inverted { + background-color: #fff; + color: #363636; +} +.button.is-dark.is-inverted:hover, +.button.is-dark.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-dark.is-inverted[disabled], +fieldset[disabled] .button.is-dark.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #363636; +} +.button.is-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} +.button.is-dark.is-outlined:hover, +.button.is-dark.is-outlined.is-hovered, +.button.is-dark.is-outlined:focus, +.button.is-dark.is-outlined.is-focused { + background-color: #363636; + border-color: #363636; + color: #fff; +} +.button.is-dark.is-outlined.is-loading::after { + border-color: transparent transparent #363636 #363636 !important; +} +.button.is-dark.is-outlined.is-loading:hover::after, +.button.is-dark.is-outlined.is-loading.is-hovered::after, +.button.is-dark.is-outlined.is-loading:focus::after, +.button.is-dark.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-dark.is-outlined[disabled], +fieldset[disabled] .button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636; +} +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-dark.is-inverted.is-outlined:hover, +.button.is-dark.is-inverted.is-outlined.is-hovered, +.button.is-dark.is-inverted.is-outlined:focus, +.button.is-dark.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #363636; +} +.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, +.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-dark.is-inverted.is-outlined.is-loading:focus::after, +.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #363636 #363636 !important; +} +.button.is-dark.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-primary { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} +.button.is-primary:hover, +.button.is-primary.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; +} +.button.is-primary:focus, +.button.is-primary.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-primary:focus:not(:active), +.button.is-primary.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.button.is-primary:active, +.button.is-primary.is-active { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} +.button.is-primary[disabled], +fieldset[disabled] .button.is-primary { + background-color: #3273dc; + border-color: transparent; + box-shadow: none; +} +.button.is-primary.is-inverted { + background-color: #fff; + color: #3273dc; +} +.button.is-primary.is-inverted:hover, +.button.is-primary.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-primary.is-inverted[disabled], +fieldset[disabled] .button.is-primary.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #3273dc; +} +.button.is-primary.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-primary.is-outlined { + background-color: transparent; + border-color: #3273dc; + color: #3273dc; +} +.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: #3273dc; + border-color: #3273dc; + color: #fff; +} +.button.is-primary.is-outlined.is-loading::after { + border-color: transparent transparent #3273dc #3273dc !important; +} +.button.is-primary.is-outlined.is-loading:hover::after, +.button.is-primary.is-outlined.is-loading.is-hovered::after, +.button.is-primary.is-outlined.is-loading:focus::after, +.button.is-primary.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-primary.is-outlined[disabled], +fieldset[disabled] .button.is-primary.is-outlined { + background-color: transparent; + border-color: #3273dc; + box-shadow: none; + color: #3273dc; +} +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-primary.is-inverted.is-outlined:hover, +.button.is-primary.is-inverted.is-outlined.is-hovered, +.button.is-primary.is-inverted.is-outlined:focus, +.button.is-primary.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #3273dc; +} +.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 #3273dc #3273dc !important; +} +.button.is-primary.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-primary.is-light { + background-color: #eef3fc; + color: #2160c4; +} +.button.is-primary.is-light:hover, +.button.is-primary.is-light.is-hovered { + background-color: #e3ecfa; + border-color: transparent; + color: #2160c4; +} +.button.is-primary.is-light:active, +.button.is-primary.is-light.is-active { + background-color: #d8e4f8; + border-color: transparent; + color: #2160c4; +} +.button.is-link { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} +.button.is-link:hover, +.button.is-link.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; +} +.button.is-link:focus, +.button.is-link.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-link:focus:not(:active), +.button.is-link.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.button.is-link:active, +.button.is-link.is-active { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} +.button.is-link[disabled], +fieldset[disabled] .button.is-link { + background-color: #3273dc; + border-color: transparent; + box-shadow: none; +} +.button.is-link.is-inverted { + background-color: #fff; + color: #3273dc; +} +.button.is-link.is-inverted:hover, +.button.is-link.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-link.is-inverted[disabled], +fieldset[disabled] .button.is-link.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #3273dc; +} +.button.is-link.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-link.is-outlined { + background-color: transparent; + border-color: #3273dc; + color: #3273dc; +} +.button.is-link.is-outlined:hover, +.button.is-link.is-outlined.is-hovered, +.button.is-link.is-outlined:focus, +.button.is-link.is-outlined.is-focused { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} +.button.is-link.is-outlined.is-loading::after { + border-color: transparent transparent #3273dc #3273dc !important; +} +.button.is-link.is-outlined.is-loading:hover::after, +.button.is-link.is-outlined.is-loading.is-hovered::after, +.button.is-link.is-outlined.is-loading:focus::after, +.button.is-link.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-link.is-outlined[disabled], +fieldset[disabled] .button.is-link.is-outlined { + background-color: transparent; + border-color: #3273dc; + box-shadow: none; + color: #3273dc; +} +.button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-link.is-inverted.is-outlined:hover, +.button.is-link.is-inverted.is-outlined.is-hovered, +.button.is-link.is-inverted.is-outlined:focus, +.button.is-link.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #3273dc; +} +.button.is-link.is-inverted.is-outlined.is-loading:hover::after, +.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-link.is-inverted.is-outlined.is-loading:focus::after, +.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #3273dc #3273dc !important; +} +.button.is-link.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-link.is-light { + background-color: #eef3fc; + color: #2160c4; +} +.button.is-link.is-light:hover, +.button.is-link.is-light.is-hovered { + background-color: #e3ecfa; + border-color: transparent; + color: #2160c4; +} +.button.is-link.is-light:active, +.button.is-link.is-light.is-active { + background-color: #d8e4f8; + border-color: transparent; + color: #2160c4; +} +.button.is-info { + background-color: #3298dc; + border-color: transparent; + color: #fff; +} +.button.is-info:hover, +.button.is-info.is-hovered { + background-color: #2793da; + border-color: transparent; + color: #fff; +} +.button.is-info:focus, +.button.is-info.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-info:focus:not(:active), +.button.is-info.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(50,152,220,0.25); +} +.button.is-info:active, +.button.is-info.is-active { + background-color: #238cd1; + border-color: transparent; + color: #fff; +} +.button.is-info[disabled], +fieldset[disabled] .button.is-info { + background-color: #3298dc; + border-color: transparent; + box-shadow: none; +} +.button.is-info.is-inverted { + background-color: #fff; + color: #3298dc; +} +.button.is-info.is-inverted:hover, +.button.is-info.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-info.is-inverted[disabled], +fieldset[disabled] .button.is-info.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #3298dc; +} +.button.is-info.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-info.is-outlined { + background-color: transparent; + border-color: #3298dc; + color: #3298dc; +} +.button.is-info.is-outlined:hover, +.button.is-info.is-outlined.is-hovered, +.button.is-info.is-outlined:focus, +.button.is-info.is-outlined.is-focused { + background-color: #3298dc; + border-color: #3298dc; + color: #fff; +} +.button.is-info.is-outlined.is-loading::after { + border-color: transparent transparent #3298dc #3298dc !important; +} +.button.is-info.is-outlined.is-loading:hover::after, +.button.is-info.is-outlined.is-loading.is-hovered::after, +.button.is-info.is-outlined.is-loading:focus::after, +.button.is-info.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-info.is-outlined[disabled], +fieldset[disabled] .button.is-info.is-outlined { + background-color: transparent; + border-color: #3298dc; + box-shadow: none; + color: #3298dc; +} +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-info.is-inverted.is-outlined:hover, +.button.is-info.is-inverted.is-outlined.is-hovered, +.button.is-info.is-inverted.is-outlined:focus, +.button.is-info.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #3298dc; +} +.button.is-info.is-inverted.is-outlined.is-loading:hover::after, +.button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-info.is-inverted.is-outlined.is-loading:focus::after, +.button.is-info.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #3298dc #3298dc !important; +} +.button.is-info.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-info.is-light { + background-color: #eef6fc; + color: #1d72aa; +} +.button.is-info.is-light:hover, +.button.is-info.is-light.is-hovered { + background-color: #e3f1fa; + border-color: transparent; + color: #1d72aa; +} +.button.is-info.is-light:active, +.button.is-info.is-light.is-active { + background-color: #d8ebf8; + border-color: transparent; + color: #1d72aa; +} +.button.is-success { + background-color: #48c774; + border-color: transparent; + color: #fff; +} +.button.is-success:hover, +.button.is-success.is-hovered { + background-color: #3ec46d; + border-color: transparent; + color: #fff; +} +.button.is-success:focus, +.button.is-success.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-success:focus:not(:active), +.button.is-success.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(72,199,116,0.25); +} +.button.is-success:active, +.button.is-success.is-active { + background-color: #3abb67; + border-color: transparent; + color: #fff; +} +.button.is-success[disabled], +fieldset[disabled] .button.is-success { + background-color: #48c774; + border-color: transparent; + box-shadow: none; +} +.button.is-success.is-inverted { + background-color: #fff; + color: #48c774; +} +.button.is-success.is-inverted:hover, +.button.is-success.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-success.is-inverted[disabled], +fieldset[disabled] .button.is-success.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #48c774; +} +.button.is-success.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-success.is-outlined { + background-color: transparent; + border-color: #48c774; + color: #48c774; +} +.button.is-success.is-outlined:hover, +.button.is-success.is-outlined.is-hovered, +.button.is-success.is-outlined:focus, +.button.is-success.is-outlined.is-focused { + background-color: #48c774; + border-color: #48c774; + color: #fff; +} +.button.is-success.is-outlined.is-loading::after { + border-color: transparent transparent #48c774 #48c774 !important; +} +.button.is-success.is-outlined.is-loading:hover::after, +.button.is-success.is-outlined.is-loading.is-hovered::after, +.button.is-success.is-outlined.is-loading:focus::after, +.button.is-success.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-success.is-outlined[disabled], +fieldset[disabled] .button.is-success.is-outlined { + background-color: transparent; + border-color: #48c774; + box-shadow: none; + color: #48c774; +} +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-success.is-inverted.is-outlined:hover, +.button.is-success.is-inverted.is-outlined.is-hovered, +.button.is-success.is-inverted.is-outlined:focus, +.button.is-success.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #48c774; +} +.button.is-success.is-inverted.is-outlined.is-loading:hover::after, +.button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-success.is-inverted.is-outlined.is-loading:focus::after, +.button.is-success.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #48c774 #48c774 !important; +} +.button.is-success.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-success.is-light { + background-color: #effaf3; + color: #257942; +} +.button.is-success.is-light:hover, +.button.is-success.is-light.is-hovered { + background-color: #e6f7ec; + border-color: transparent; + color: #257942; +} +.button.is-success.is-light:active, +.button.is-success.is-light.is-active { + background-color: #dcf4e4; + border-color: transparent; + color: #257942; +} +.button.is-warning { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-warning:hover, +.button.is-warning.is-hovered { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-warning:focus, +.button.is-warning.is-focused { + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-warning:focus:not(:active), +.button.is-warning.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255,221,87,0.25); +} +.button.is-warning:active, +.button.is-warning.is-active { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-warning[disabled], +fieldset[disabled] .button.is-warning { + background-color: #ffdd57; + border-color: transparent; + box-shadow: none; +} +.button.is-warning.is-inverted { + background-color: rgba(0,0,0,0.7); + color: #ffdd57; +} +.button.is-warning.is-inverted:hover, +.button.is-warning.is-inverted.is-hovered { + background-color: rgba(0,0,0,0.7); +} +.button.is-warning.is-inverted[disabled], +fieldset[disabled] .button.is-warning.is-inverted { + background-color: rgba(0,0,0,0.7); + border-color: transparent; + box-shadow: none; + color: #ffdd57; +} +.button.is-warning.is-loading::after { + border-color: transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important; +} +.button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffdd57; + color: #ffdd57; +} +.button.is-warning.is-outlined:hover, +.button.is-warning.is-outlined.is-hovered, +.button.is-warning.is-outlined:focus, +.button.is-warning.is-outlined.is-focused { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.button.is-warning.is-outlined.is-loading::after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; +} +.button.is-warning.is-outlined.is-loading:hover::after, +.button.is-warning.is-outlined.is-loading.is-hovered::after, +.button.is-warning.is-outlined.is-loading:focus::after, +.button.is-warning.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important; +} +.button.is-warning.is-outlined[disabled], +fieldset[disabled] .button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffdd57; + box-shadow: none; + color: #ffdd57; +} +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0,0,0,0.7); + color: rgba(0,0,0,0.7); +} +.button.is-warning.is-inverted.is-outlined:hover, +.button.is-warning.is-inverted.is-outlined.is-hovered, +.button.is-warning.is-inverted.is-outlined:focus, +.button.is-warning.is-inverted.is-outlined.is-focused { + background-color: rgba(0,0,0,0.7); + color: #ffdd57; +} +.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, +.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-warning.is-inverted.is-outlined.is-loading:focus::after, +.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; +} +.button.is-warning.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0,0,0,0.7); + box-shadow: none; + color: rgba(0,0,0,0.7); +} +.button.is-warning.is-light { + background-color: #fffbeb; + color: #947600; +} +.button.is-warning.is-light:hover, +.button.is-warning.is-light.is-hovered { + background-color: #fff8de; + border-color: transparent; + color: #947600; +} +.button.is-warning.is-light:active, +.button.is-warning.is-light.is-active { + background-color: #fff6d1; + border-color: transparent; + color: #947600; +} +.button.is-danger { + background-color: #f14668; + border-color: transparent; + color: #fff; +} +.button.is-danger:hover, +.button.is-danger.is-hovered { + background-color: #f03a5f; + border-color: transparent; + color: #fff; +} +.button.is-danger:focus, +.button.is-danger.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-danger:focus:not(:active), +.button.is-danger.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(241,70,104,0.25); +} +.button.is-danger:active, +.button.is-danger.is-active { + background-color: #ef2e55; + border-color: transparent; + color: #fff; +} +.button.is-danger[disabled], +fieldset[disabled] .button.is-danger { + background-color: #f14668; + border-color: transparent; + box-shadow: none; +} +.button.is-danger.is-inverted { + background-color: #fff; + color: #f14668; +} +.button.is-danger.is-inverted:hover, +.button.is-danger.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-danger.is-inverted[disabled], +fieldset[disabled] .button.is-danger.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #f14668; +} +.button.is-danger.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-danger.is-outlined { + background-color: transparent; + border-color: #f14668; + color: #f14668; +} +.button.is-danger.is-outlined:hover, +.button.is-danger.is-outlined.is-hovered, +.button.is-danger.is-outlined:focus, +.button.is-danger.is-outlined.is-focused { + background-color: #f14668; + border-color: #f14668; + color: #fff; +} +.button.is-danger.is-outlined.is-loading::after { + border-color: transparent transparent #f14668 #f14668 !important; +} +.button.is-danger.is-outlined.is-loading:hover::after, +.button.is-danger.is-outlined.is-loading.is-hovered::after, +.button.is-danger.is-outlined.is-loading:focus::after, +.button.is-danger.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-danger.is-outlined[disabled], +fieldset[disabled] .button.is-danger.is-outlined { + background-color: transparent; + border-color: #f14668; + box-shadow: none; + color: #f14668; +} +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-danger.is-inverted.is-outlined:hover, +.button.is-danger.is-inverted.is-outlined.is-hovered, +.button.is-danger.is-inverted.is-outlined:focus, +.button.is-danger.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #f14668; +} +.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, +.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-danger.is-inverted.is-outlined.is-loading:focus::after, +.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #f14668 #f14668 !important; +} +.button.is-danger.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; +} +.button.is-danger.is-light:hover, +.button.is-danger.is-light.is-hovered { + background-color: #fde0e6; + border-color: transparent; + color: #cc0f35; +} +.button.is-danger.is-light:active, +.button.is-danger.is-light.is-active { + background-color: #fcd4dc; + border-color: transparent; + color: #cc0f35; +} +.button.is-grey-lightest { + background-color: #ededed; + border-color: transparent; + color: #363636; +} +.button.is-grey-lightest:hover, +.button.is-grey-lightest.is-hovered { + background-color: #e7e7e7; + border-color: transparent; + color: #363636; +} +.button.is-grey-lightest:focus, +.button.is-grey-lightest.is-focused { + border-color: transparent; + color: #363636; +} +.button.is-grey-lightest:focus:not(:active), +.button.is-grey-lightest.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(237,237,237,0.25); +} +.button.is-grey-lightest:active, +.button.is-grey-lightest.is-active { + background-color: #e0e0e0; + border-color: transparent; + color: #363636; +} +.button.is-grey-lightest[disabled], +fieldset[disabled] .button.is-grey-lightest { + background-color: #ededed; + border-color: transparent; + box-shadow: none; +} +.button.is-grey-lightest.is-inverted { + background-color: #363636; + color: #ededed; +} +.button.is-grey-lightest.is-inverted:hover, +.button.is-grey-lightest.is-inverted.is-hovered { + background-color: #292929; +} +.button.is-grey-lightest.is-inverted[disabled], +fieldset[disabled] .button.is-grey-lightest.is-inverted { + background-color: #363636; + border-color: transparent; + box-shadow: none; + color: #ededed; +} +.button.is-grey-lightest.is-loading::after { + border-color: transparent transparent #363636 #363636 !important; +} +.button.is-grey-lightest.is-outlined { + background-color: transparent; + border-color: #ededed; + color: #ededed; +} +.button.is-grey-lightest.is-outlined:hover, +.button.is-grey-lightest.is-outlined.is-hovered, +.button.is-grey-lightest.is-outlined:focus, +.button.is-grey-lightest.is-outlined.is-focused { + background-color: #ededed; + border-color: #ededed; + color: #363636; +} +.button.is-grey-lightest.is-outlined.is-loading::after { + border-color: transparent transparent #ededed #ededed !important; +} +.button.is-grey-lightest.is-outlined.is-loading:hover::after, +.button.is-grey-lightest.is-outlined.is-loading.is-hovered::after, +.button.is-grey-lightest.is-outlined.is-loading:focus::after, +.button.is-grey-lightest.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #363636 #363636 !important; +} +.button.is-grey-lightest.is-outlined[disabled], +fieldset[disabled] .button.is-grey-lightest.is-outlined { + background-color: transparent; + border-color: #ededed; + box-shadow: none; + color: #ededed; +} +.button.is-grey-lightest.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} +.button.is-grey-lightest.is-inverted.is-outlined:hover, +.button.is-grey-lightest.is-inverted.is-outlined.is-hovered, +.button.is-grey-lightest.is-inverted.is-outlined:focus, +.button.is-grey-lightest.is-inverted.is-outlined.is-focused { + background-color: #363636; + color: #ededed; +} +.button.is-grey-lightest.is-inverted.is-outlined.is-loading:hover::after, +.button.is-grey-lightest.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-grey-lightest.is-inverted.is-outlined.is-loading:focus::after, +.button.is-grey-lightest.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #ededed #ededed !important; +} +.button.is-grey-lightest.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-grey-lightest.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636; +} +.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: #fff; + 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: #f5f5f5; + border-color: #dbdbdb; + color: #7a7a7a; + box-shadow: none; + pointer-events: none; +} +.button.is-rounded { + border-radius: 290486px; + padding-left: calc(1em + 0.25em); + padding-right: calc(1em + 0.25em); +} +.buttons { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.buttons .button { + margin-bottom: 0.5rem; +} +.buttons .button:not(:last-child):not(.is-fullwidth) { + margin-right: 0.5rem; +} +.buttons:last-child { + margin-bottom: -0.5rem; +} +.buttons:not(:last-child) { + margin-bottom: 1rem; +} +.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { + border-radius: 2px; + font-size: 0.75rem; +} +.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { + font-size: 1.25rem; +} +.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { + font-size: 1.5rem; +} +.buttons.has-addons .button:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.buttons.has-addons .button:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + margin-right: -1px; +} +.buttons.has-addons .button:last-child { + margin-right: 0; +} +.buttons.has-addons .button:hover, +.buttons.has-addons .button.is-hovered { + z-index: 2; +} +.buttons.has-addons .button:focus, +.buttons.has-addons .button.is-focused, +.buttons.has-addons .button:active, +.buttons.has-addons .button.is-active, +.buttons.has-addons .button.is-selected { + z-index: 3; +} +.buttons.has-addons .button:focus:hover, +.buttons.has-addons .button.is-focused:hover, +.buttons.has-addons .button:active:hover, +.buttons.has-addons .button.is-active:hover, +.buttons.has-addons .button.is-selected:hover { + z-index: 4; +} +.buttons.has-addons .button.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} +.buttons.is-centered { + justify-content: center; +} +.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; +} +.buttons.is-right { + justify-content: flex-end; +} +.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; +} +.container { + flex-grow: 1; + margin: 0 auto; + position: relative; + width: auto; +} +.container.is-fluid { + max-width: none; + padding-left: 64px; + padding-right: 64px; + width: 100%; +} +@media screen and (min-width: 1088px) { + .container { + max-width: 960px; + } +} +@media screen and (max-width: 1279px) { + .container.is-widescreen { + max-width: 1152px; + } +} +@media screen and (max-width: 1471px) { + .container.is-fullhd { + max-width: 1344px; + } +} +@media screen and (min-width: 1280px) { + .container { + max-width: 1152px; + } +} +@media screen and (min-width: 1472px) { + .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: 400; + 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: #f5f5f5; + 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-fullwidth { + width: 100%; +} +.image.is-square img, +.image.is-1by1 img, +.image.is-5by4 img, +.image.is-4by3 img, +.image.is-3by2 img, +.image.is-5by3 img, +.image.is-16by9 img, +.image.is-2by1 img, +.image.is-3by1 img, +.image.is-4by5 img, +.image.is-3by4 img, +.image.is-2by3 img, +.image.is-3by5 img, +.image.is-9by16 img, +.image.is-1by2 img, +.image.is-1by3 img, +.image.is-square .has-ratio, +.image.is-1by1 .has-ratio, +.image.is-5by4 .has-ratio, +.image.is-4by3 .has-ratio, +.image.is-3by2 .has-ratio, +.image.is-5by3 .has-ratio, +.image.is-16by9 .has-ratio, +.image.is-2by1 .has-ratio, +.image.is-3by1 .has-ratio, +.image.is-4by5 .has-ratio, +.image.is-3by4 .has-ratio, +.image.is-2by3 .has-ratio, +.image.is-3by5 .has-ratio, +.image.is-9by16 .has-ratio, +.image.is-1by2 .has-ratio, +.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: #f5f5f5; + 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: #fff; +} +.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: #fff; + color: #0a0a0a; +} +.notification.is-black { + background-color: #0a0a0a; + color: #fff; +} +.notification.is-light { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.notification.is-dark { + background-color: #363636; + color: #fff; +} +.notification.is-primary { + background-color: #3273dc; + color: #fff; +} +.notification.is-link { + background-color: #3273dc; + color: #fff; +} +.notification.is-info { + background-color: #3298dc; + color: #fff; +} +.notification.is-success { + background-color: #48c774; + color: #fff; +} +.notification.is-warning { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.notification.is-danger { + background-color: #f14668; + color: #fff; +} +.notification.is-grey-lightest { + background-color: #ededed; + color: #363636; +} +.progress { + -moz-appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 290486px; + display: block; + height: 1rem; + overflow: hidden; + padding: 0; + width: 100%; +} +.progress::-webkit-progress-bar { + background-color: #ededed; +} +.progress::-webkit-progress-value { + background-color: #4a4a4a; +} +.progress::-moz-progress-bar { + background-color: #4a4a4a; +} +.progress::-ms-fill { + background-color: #4a4a4a; + border: none; +} +.progress.is-white::-webkit-progress-value { + background-color: #fff; +} +.progress.is-white::-moz-progress-bar { + background-color: #fff; +} +.progress.is-white::-ms-fill { + background-color: #fff; +} +.progress.is-white:indeterminate { + background-image: linear-gradient(to right, #fff 30%, #ededed 30%); +} +.progress.is-black::-webkit-progress-value { + background-color: #0a0a0a; +} +.progress.is-black::-moz-progress-bar { + background-color: #0a0a0a; +} +.progress.is-black::-ms-fill { + background-color: #0a0a0a; +} +.progress.is-black:indeterminate { + background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%); +} +.progress.is-light::-webkit-progress-value { + background-color: #f5f5f5; +} +.progress.is-light::-moz-progress-bar { + background-color: #f5f5f5; +} +.progress.is-light::-ms-fill { + background-color: #f5f5f5; +} +.progress.is-light:indeterminate { + background-image: linear-gradient(to right, #f5f5f5 30%, #ededed 30%); +} +.progress.is-dark::-webkit-progress-value { + background-color: #363636; +} +.progress.is-dark::-moz-progress-bar { + background-color: #363636; +} +.progress.is-dark::-ms-fill { + background-color: #363636; +} +.progress.is-dark:indeterminate { + background-image: linear-gradient(to right, #363636 30%, #ededed 30%); +} +.progress.is-primary::-webkit-progress-value { + background-color: #3273dc; +} +.progress.is-primary::-moz-progress-bar { + background-color: #3273dc; +} +.progress.is-primary::-ms-fill { + background-color: #3273dc; +} +.progress.is-primary:indeterminate { + background-image: linear-gradient(to right, #3273dc 30%, #ededed 30%); +} +.progress.is-link::-webkit-progress-value { + background-color: #3273dc; +} +.progress.is-link::-moz-progress-bar { + background-color: #3273dc; +} +.progress.is-link::-ms-fill { + background-color: #3273dc; +} +.progress.is-link:indeterminate { + background-image: linear-gradient(to right, #3273dc 30%, #ededed 30%); +} +.progress.is-info::-webkit-progress-value { + background-color: #3298dc; +} +.progress.is-info::-moz-progress-bar { + background-color: #3298dc; +} +.progress.is-info::-ms-fill { + background-color: #3298dc; +} +.progress.is-info:indeterminate { + background-image: linear-gradient(to right, #3298dc 30%, #ededed 30%); +} +.progress.is-success::-webkit-progress-value { + background-color: #48c774; +} +.progress.is-success::-moz-progress-bar { + background-color: #48c774; +} +.progress.is-success::-ms-fill { + background-color: #48c774; +} +.progress.is-success:indeterminate { + background-image: linear-gradient(to right, #48c774 30%, #ededed 30%); +} +.progress.is-warning::-webkit-progress-value { + background-color: #ffdd57; +} +.progress.is-warning::-moz-progress-bar { + background-color: #ffdd57; +} +.progress.is-warning::-ms-fill { + background-color: #ffdd57; +} +.progress.is-warning:indeterminate { + background-image: linear-gradient(to right, #ffdd57 30%, #ededed 30%); +} +.progress.is-danger::-webkit-progress-value { + background-color: #f14668; +} +.progress.is-danger::-moz-progress-bar { + background-color: #f14668; +} +.progress.is-danger::-ms-fill { + background-color: #f14668; +} +.progress.is-danger:indeterminate { + background-image: linear-gradient(to right, #f14668 30%, #ededed 30%); +} +.progress.is-grey-lightest::-webkit-progress-value { + background-color: #ededed; +} +.progress.is-grey-lightest::-moz-progress-bar { + background-color: #ededed; +} +.progress.is-grey-lightest::-ms-fill { + background-color: #ededed; +} +.progress.is-grey-lightest:indeterminate { + background-image: linear-gradient(to right, #ededed 30%, #ededed 30%); +} +.progress:indeterminate { + animation-duration: 1.5s; + animation-iteration-count: infinite; + animation-name: moveIndeterminate; + animation-timing-function: linear; + background-color: #ededed; + background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%); + background-position: top left; + background-repeat: no-repeat; + background-size: 150% 150%; +} +.progress:indeterminate::-webkit-progress-bar { + background-color: transparent; +} +.progress:indeterminate::-moz-progress-bar { + background-color: transparent; +} +.progress.is-small { + height: 0.75rem; +} +.progress.is-medium { + height: 1.25rem; +} +.progress.is-large { + height: 1.5rem; +} +@-moz-keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +@-webkit-keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +@-o-keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +@keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +.table { + background-color: #fff; + 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: #fff; + border-color: #fff; + color: #0a0a0a; +} +.table td.is-black, +.table th.is-black { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: #fff; +} +.table td.is-light, +.table th.is-light { + background-color: #f5f5f5; + border-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.table td.is-dark, +.table th.is-dark { + background-color: #363636; + border-color: #363636; + color: #fff; +} +.table td.is-primary, +.table th.is-primary { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} +.table td.is-link, +.table th.is-link { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} +.table td.is-info, +.table th.is-info { + background-color: #3298dc; + border-color: #3298dc; + color: #fff; +} +.table td.is-success, +.table th.is-success { + background-color: #48c774; + border-color: #48c774; + color: #fff; +} +.table td.is-warning, +.table th.is-warning { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.table td.is-danger, +.table th.is-danger { + background-color: #f14668; + border-color: #f14668; + color: #fff; +} +.table td.is-grey-lightest, +.table th.is-grey-lightest { + background-color: #ededed; + border-color: #ededed; + color: #363636; +} +.table td.is-narrow, +.table th.is-narrow { + white-space: nowrap; + width: 1%; +} +.table td.is-selected, +.table th.is-selected { + background-color: #3273dc; + color: #fff; +} +.table td.is-selected a, +.table th.is-selected a, +.table td.is-selected strong, +.table th.is-selected strong { + color: currentColor; +} +.table th { + color: #363636; +} +.table th:not([align]) { + text-align: left; +} +.table tr.is-selected { + background-color: #3273dc; + color: #fff; +} +.table tr.is-selected a, +.table tr.is-selected strong { + color: currentColor; +} +.table tr.is-selected td, +.table tr.is-selected th { + border-color: #fff; + color: currentColor; +} +.table thead { + background-color: transparent; +} +.table thead td, +.table thead th { + border-width: 0 0 2px; + color: #363636; +} +.table tfoot { + background-color: transparent; +} +.table tfoot td, +.table tfoot th { + border-width: 2px 0 0; + color: #363636; +} +.table tbody { + background-color: transparent; +} +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0; +} +.table.is-bordered td, +.table.is-bordered th { + border-width: 1px; +} +.table.is-bordered tr:last-child td, +.table.is-bordered tr:last-child th { + border-bottom-width: 1px; +} +.table.is-fullwidth { + width: 100%; +} +.table.is-hoverable tbody tr:not(.is-selected):hover { + background-color: #fafafa; +} +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { + background-color: #fafafa; +} +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { + background-color: #f5f5f5; +} +.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: #f5f5f5; + 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: #fff; + color: #0a0a0a; +} +.tag:not(body).is-black { + background-color: #0a0a0a; + color: #fff; +} +.tag:not(body).is-light { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.tag:not(body).is-dark { + background-color: #363636; + color: #fff; +} +.tag:not(body).is-primary { + background-color: #3273dc; + color: #fff; +} +.tag:not(body).is-primary.is-light { + background-color: #eef3fc; + color: #2160c4; +} +.tag:not(body).is-link { + background-color: #3273dc; + color: #fff; +} +.tag:not(body).is-link.is-light { + background-color: #eef3fc; + color: #2160c4; +} +.tag:not(body).is-info { + background-color: #3298dc; + color: #fff; +} +.tag:not(body).is-info.is-light { + background-color: #eef6fc; + color: #1d72aa; +} +.tag:not(body).is-success { + background-color: #48c774; + color: #fff; +} +.tag:not(body).is-success.is-light { + background-color: #effaf3; + color: #257942; +} +.tag:not(body).is-warning { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.tag:not(body).is-warning.is-light { + background-color: #fffbeb; + color: #947600; +} +.tag:not(body).is-danger { + background-color: #f14668; + color: #fff; +} +.tag:not(body).is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; +} +.tag:not(body).is-grey-lightest { + background-color: #ededed; + color: #363636; +} +.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, +.subtitle em, +.title span, +.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: 400; + 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.85rem; +} +.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.85rem; +} +.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: #f5f5f5; + border-radius: 290486px; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: 0.25rem 0.5rem; + text-align: center; + vertical-align: top; +} +.input, +.textarea, +.select select { + background-color: #fff; + border-color: #dbdbdb; + border-radius: 4px; + color: #363636; +} +.input::-moz-placeholder, +.textarea::-moz-placeholder, +.select select::-moz-placeholder { + color: rgba(54,54,54,0.3); +} +.input::-webkit-input-placeholder, +.textarea::-webkit-input-placeholder, +.select select::-webkit-input-placeholder { + color: rgba(54,54,54,0.3); +} +.input:-moz-placeholder, +.textarea:-moz-placeholder, +.select select:-moz-placeholder { + color: rgba(54,54,54,0.3); +} +.input:-ms-input-placeholder, +.textarea:-ms-input-placeholder, +.select select:-ms-input-placeholder { + color: rgba(54,54,54,0.3); +} +.input:hover, +.textarea:hover, +.select select:hover, +.input.is-hovered, +.textarea.is-hovered, +.select select.is-hovered { + border-color: #b5b5b5; +} +.input:focus, +.textarea:focus, +.select select:focus, +.input.is-focused, +.textarea.is-focused, +.select select.is-focused, +.input:active, +.textarea:active, +.select select:active, +.input.is-active, +.textarea.is-active, +.select select.is-active { + border-color: #3273dc; + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.input[disabled], +.textarea[disabled], +.select select[disabled], +fieldset[disabled] .input, +fieldset[disabled] .textarea, +fieldset[disabled] .select select { + background-color: #f5f5f5; + border-color: #f5f5f5; + box-shadow: none; + color: #7a7a7a; +} +.input[disabled]::-moz-placeholder, +.textarea[disabled]::-moz-placeholder, +.select select[disabled]::-moz-placeholder, +fieldset[disabled] .input::-moz-placeholder, +fieldset[disabled] .textarea::-moz-placeholder, +fieldset[disabled] .select select::-moz-placeholder { + color: rgba(122,122,122,0.3); +} +.input[disabled]::-webkit-input-placeholder, +.textarea[disabled]::-webkit-input-placeholder, +.select select[disabled]::-webkit-input-placeholder, +fieldset[disabled] .input::-webkit-input-placeholder, +fieldset[disabled] .textarea::-webkit-input-placeholder, +fieldset[disabled] .select select::-webkit-input-placeholder { + color: rgba(122,122,122,0.3); +} +.input[disabled]:-moz-placeholder, +.textarea[disabled]:-moz-placeholder, +.select select[disabled]:-moz-placeholder, +fieldset[disabled] .input:-moz-placeholder, +fieldset[disabled] .textarea:-moz-placeholder, +fieldset[disabled] .select select:-moz-placeholder { + color: rgba(122,122,122,0.3); +} +.input[disabled]:-ms-input-placeholder, +.textarea[disabled]:-ms-input-placeholder, +.select select[disabled]:-ms-input-placeholder, +fieldset[disabled] .input:-ms-input-placeholder, +fieldset[disabled] .textarea:-ms-input-placeholder, +fieldset[disabled] .select select:-ms-input-placeholder { + color: rgba(122,122,122,0.3); +} +.input, +.textarea { + box-shadow: inset 0 0.0625em 0.125em rgba(10,10,10,0.05); + max-width: 100%; + width: 100%; +} +.input[readonly], +.textarea[readonly] { + box-shadow: none; +} +.input.is-white, +.textarea.is-white { + border-color: #fff; +} +.input.is-white:focus, +.textarea.is-white:focus, +.input.is-white.is-focused, +.textarea.is-white.is-focused, +.input.is-white:active, +.textarea.is-white:active, +.input.is-white.is-active, +.textarea.is-white.is-active { + box-shadow: 0 0 0 0.125em rgba(255,255,255,0.25); +} +.input.is-black, +.textarea.is-black { + border-color: #0a0a0a; +} +.input.is-black:focus, +.textarea.is-black:focus, +.input.is-black.is-focused, +.textarea.is-black.is-focused, +.input.is-black:active, +.textarea.is-black:active, +.input.is-black.is-active, +.textarea.is-black.is-active { + box-shadow: 0 0 0 0.125em rgba(10,10,10,0.25); +} +.input.is-light, +.textarea.is-light { + border-color: #f5f5f5; +} +.input.is-light:focus, +.textarea.is-light:focus, +.input.is-light.is-focused, +.textarea.is-light.is-focused, +.input.is-light:active, +.textarea.is-light:active, +.input.is-light.is-active, +.textarea.is-light.is-active { + box-shadow: 0 0 0 0.125em rgba(245,245,245,0.25); +} +.input.is-dark, +.textarea.is-dark { + border-color: #363636; +} +.input.is-dark:focus, +.textarea.is-dark:focus, +.input.is-dark.is-focused, +.textarea.is-dark.is-focused, +.input.is-dark:active, +.textarea.is-dark:active, +.input.is-dark.is-active, +.textarea.is-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(54,54,54,0.25); +} +.input.is-primary, +.textarea.is-primary { + border-color: #3273dc; +} +.input.is-primary:focus, +.textarea.is-primary:focus, +.input.is-primary.is-focused, +.textarea.is-primary.is-focused, +.input.is-primary:active, +.textarea.is-primary:active, +.input.is-primary.is-active, +.textarea.is-primary.is-active { + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.input.is-link, +.textarea.is-link { + border-color: #3273dc; +} +.input.is-link:focus, +.textarea.is-link:focus, +.input.is-link.is-focused, +.textarea.is-link.is-focused, +.input.is-link:active, +.textarea.is-link:active, +.input.is-link.is-active, +.textarea.is-link.is-active { + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.input.is-info, +.textarea.is-info { + border-color: #3298dc; +} +.input.is-info:focus, +.textarea.is-info:focus, +.input.is-info.is-focused, +.textarea.is-info.is-focused, +.input.is-info:active, +.textarea.is-info:active, +.input.is-info.is-active, +.textarea.is-info.is-active { + box-shadow: 0 0 0 0.125em rgba(50,152,220,0.25); +} +.input.is-success, +.textarea.is-success { + border-color: #48c774; +} +.input.is-success:focus, +.textarea.is-success:focus, +.input.is-success.is-focused, +.textarea.is-success.is-focused, +.input.is-success:active, +.textarea.is-success:active, +.input.is-success.is-active, +.textarea.is-success.is-active { + box-shadow: 0 0 0 0.125em rgba(72,199,116,0.25); +} +.input.is-warning, +.textarea.is-warning { + border-color: #ffdd57; +} +.input.is-warning:focus, +.textarea.is-warning:focus, +.input.is-warning.is-focused, +.textarea.is-warning.is-focused, +.input.is-warning:active, +.textarea.is-warning:active, +.input.is-warning.is-active, +.textarea.is-warning.is-active { + box-shadow: 0 0 0 0.125em rgba(255,221,87,0.25); +} +.input.is-danger, +.textarea.is-danger { + border-color: #f14668; +} +.input.is-danger:focus, +.textarea.is-danger:focus, +.input.is-danger.is-focused, +.textarea.is-danger.is-focused, +.input.is-danger:active, +.textarea.is-danger:active, +.input.is-danger.is-active, +.textarea.is-danger.is-active { + box-shadow: 0 0 0 0.125em rgba(241,70,104,0.25); +} +.input.is-grey-lightest, +.textarea.is-grey-lightest { + border-color: #ededed; +} +.input.is-grey-lightest:focus, +.textarea.is-grey-lightest:focus, +.input.is-grey-lightest.is-focused, +.textarea.is-grey-lightest.is-focused, +.input.is-grey-lightest:active, +.textarea.is-grey-lightest:active, +.input.is-grey-lightest.is-active, +.textarea.is-grey-lightest.is-active { + box-shadow: 0 0 0 0.125em rgba(237,237,237,0.25); +} +.input.is-small, +.textarea.is-small { + border-radius: 2px; + font-size: 0.75rem; +} +.input.is-medium, +.textarea.is-medium { + font-size: 1.25rem; +} +.input.is-large, +.textarea.is-large { + font-size: 1.5rem; +} +.input.is-fullwidth, +.textarea.is-fullwidth { + display: block; + width: 100%; +} +.input.is-inline, +.textarea.is-inline { + display: inline; + width: auto; +} +.input.is-rounded { + border-radius: 290486px; + padding-left: calc(calc(0.75em - 1px) + 0.375em); + padding-right: calc(calc(0.75em - 1px) + 0.375em); +} +.input.is-static { + background-color: transparent; + border-color: transparent; + box-shadow: none; + padding-left: 0; + padding-right: 0; +} +.textarea { + display: block; + max-width: 100%; + min-width: 100%; + padding: calc(0.75em - 1px); + resize: vertical; +} +.textarea:not([rows]) { + max-height: 40em; + min-height: 8em; +} +.textarea[rows] { + height: initial; +} +.textarea.has-fixed-size { + resize: none; +} +.checkbox, +.radio { + cursor: pointer; + display: inline-block; + line-height: 1.25; + position: relative; +} +.checkbox input, +.radio input { + cursor: pointer; +} +.checkbox:hover, +.radio:hover { + color: #363636; +} +.checkbox[disabled], +.radio[disabled], +fieldset[disabled] .checkbox, +fieldset[disabled] .radio { + color: #7a7a7a; + cursor: not-allowed; +} +.radio + .radio { + margin-left: 0.5em; +} +.select { + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top; +} +.select:not(.is-multiple) { + height: 2.25em; +} +.select:not(.is-multiple):not(.is-loading)::after { + border-color: #3273dc; + right: 1.125em; + z-index: 4; +} +.select.is-rounded select { + border-radius: 290486px; + padding-left: 1em; +} +.select select { + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: none; +} +.select select::-ms-expand { + display: none; +} +.select select[disabled]:hover, +fieldset[disabled] .select select:hover { + border-color: #f5f5f5; +} +.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: #fff; +} +.select.is-white select { + border-color: #fff; +} +.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: #000; +} +.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: #f5f5f5; +} +.select.is-light select { + border-color: #f5f5f5; +} +.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: #3273dc; +} +.select.is-primary select { + border-color: #3273dc; +} +.select.is-primary select:hover, +.select.is-primary select.is-hovered { + border-color: #2366d1; +} +.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(50,115,220,0.25); +} +.select.is-link:not(:hover)::after { + border-color: #3273dc; +} +.select.is-link select { + border-color: #3273dc; +} +.select.is-link select:hover, +.select.is-link select.is-hovered { + border-color: #2366d1; +} +.select.is-link select:focus, +.select.is-link select.is-focused, +.select.is-link select:active, +.select.is-link select.is-active { + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.select.is-info:not(:hover)::after { + border-color: #3298dc; +} +.select.is-info select { + border-color: #3298dc; +} +.select.is-info select:hover, +.select.is-info select.is-hovered { + border-color: #238cd1; +} +.select.is-info select:focus, +.select.is-info select.is-focused, +.select.is-info select:active, +.select.is-info select.is-active { + box-shadow: 0 0 0 0.125em rgba(50,152,220,0.25); +} +.select.is-success:not(:hover)::after { + border-color: #48c774; +} +.select.is-success select { + border-color: #48c774; +} +.select.is-success select:hover, +.select.is-success select.is-hovered { + border-color: #3abb67; +} +.select.is-success select:focus, +.select.is-success select.is-focused, +.select.is-success select:active, +.select.is-success select.is-active { + box-shadow: 0 0 0 0.125em rgba(72,199,116,0.25); +} +.select.is-warning:not(:hover)::after { + border-color: #ffdd57; +} +.select.is-warning select { + border-color: #ffdd57; +} +.select.is-warning select:hover, +.select.is-warning select.is-hovered { + border-color: #ffd83d; +} +.select.is-warning select:focus, +.select.is-warning select.is-focused, +.select.is-warning select:active, +.select.is-warning select.is-active { + box-shadow: 0 0 0 0.125em rgba(255,221,87,0.25); +} +.select.is-danger:not(:hover)::after { + border-color: #f14668; +} +.select.is-danger select { + border-color: #f14668; +} +.select.is-danger select:hover, +.select.is-danger select.is-hovered { + border-color: #ef2e55; +} +.select.is-danger select:focus, +.select.is-danger select.is-focused, +.select.is-danger select:active, +.select.is-danger select.is-active { + box-shadow: 0 0 0 0.125em rgba(241,70,104,0.25); +} +.select.is-grey-lightest:not(:hover)::after { + border-color: #ededed; +} +.select.is-grey-lightest select { + border-color: #ededed; +} +.select.is-grey-lightest select:hover, +.select.is-grey-lightest select.is-hovered { + border-color: #e0e0e0; +} +.select.is-grey-lightest select:focus, +.select.is-grey-lightest select.is-focused, +.select.is-grey-lightest select:active, +.select.is-grey-lightest select.is-active { + box-shadow: 0 0 0 0.125em rgba(237,237,237,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: #fff; + 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: #fff; +} +.file.is-black:hover .file-cta, +.file.is-black.is-hovered .file-cta { + background-color: #040404; + border-color: transparent; + color: #fff; +} +.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: #fff; +} +.file.is-black:active .file-cta, +.file.is-black.is-active .file-cta { + background-color: #000; + border-color: transparent; + color: #fff; +} +.file.is-light .file-cta { + background-color: #f5f5f5; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-light:hover .file-cta, +.file.is-light.is-hovered .file-cta { + background-color: #eee; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-light:focus .file-cta, +.file.is-light.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(245,245,245,0.25); + color: rgba(0,0,0,0.7); +} +.file.is-light:active .file-cta, +.file.is-light.is-active .file-cta { + background-color: #e8e8e8; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-dark .file-cta { + background-color: #363636; + border-color: transparent; + color: #fff; +} +.file.is-dark:hover .file-cta, +.file.is-dark.is-hovered .file-cta { + background-color: #2f2f2f; + border-color: transparent; + color: #fff; +} +.file.is-dark:focus .file-cta, +.file.is-dark.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(54,54,54,0.25); + color: #fff; +} +.file.is-dark:active .file-cta, +.file.is-dark.is-active .file-cta { + background-color: #292929; + border-color: transparent; + color: #fff; +} +.file.is-primary .file-cta { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} +.file.is-primary:hover .file-cta, +.file.is-primary.is-hovered .file-cta { + background-color: #276cda; + border-color: transparent; + color: #fff; +} +.file.is-primary:focus .file-cta, +.file.is-primary.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(50,115,220,0.25); + color: #fff; +} +.file.is-primary:active .file-cta, +.file.is-primary.is-active .file-cta { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} +.file.is-link .file-cta { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} +.file.is-link:hover .file-cta, +.file.is-link.is-hovered .file-cta { + background-color: #276cda; + border-color: transparent; + color: #fff; +} +.file.is-link:focus .file-cta, +.file.is-link.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(50,115,220,0.25); + color: #fff; +} +.file.is-link:active .file-cta, +.file.is-link.is-active .file-cta { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} +.file.is-info .file-cta { + background-color: #3298dc; + border-color: transparent; + color: #fff; +} +.file.is-info:hover .file-cta, +.file.is-info.is-hovered .file-cta { + background-color: #2793da; + border-color: transparent; + color: #fff; +} +.file.is-info:focus .file-cta, +.file.is-info.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(50,152,220,0.25); + color: #fff; +} +.file.is-info:active .file-cta, +.file.is-info.is-active .file-cta { + background-color: #238cd1; + border-color: transparent; + color: #fff; +} +.file.is-success .file-cta { + background-color: #48c774; + border-color: transparent; + color: #fff; +} +.file.is-success:hover .file-cta, +.file.is-success.is-hovered .file-cta { + background-color: #3ec46d; + border-color: transparent; + color: #fff; +} +.file.is-success:focus .file-cta, +.file.is-success.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(72,199,116,0.25); + color: #fff; +} +.file.is-success:active .file-cta, +.file.is-success.is-active .file-cta { + background-color: #3abb67; + border-color: transparent; + color: #fff; +} +.file.is-warning .file-cta { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-warning:hover .file-cta, +.file.is-warning.is-hovered .file-cta { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-warning:focus .file-cta, +.file.is-warning.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255,221,87,0.25); + color: rgba(0,0,0,0.7); +} +.file.is-warning:active .file-cta, +.file.is-warning.is-active .file-cta { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-danger .file-cta { + background-color: #f14668; + border-color: transparent; + color: #fff; +} +.file.is-danger:hover .file-cta, +.file.is-danger.is-hovered .file-cta { + background-color: #f03a5f; + border-color: transparent; + color: #fff; +} +.file.is-danger:focus .file-cta, +.file.is-danger.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(241,70,104,0.25); + color: #fff; +} +.file.is-danger:active .file-cta, +.file.is-danger.is-active .file-cta { + background-color: #ef2e55; + border-color: transparent; + color: #fff; +} +.file.is-grey-lightest .file-cta { + background-color: #ededed; + border-color: transparent; + color: #363636; +} +.file.is-grey-lightest:hover .file-cta, +.file.is-grey-lightest.is-hovered .file-cta { + background-color: #e7e7e7; + border-color: transparent; + color: #363636; +} +.file.is-grey-lightest:focus .file-cta, +.file.is-grey-lightest.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(237,237,237,0.25); + color: #363636; +} +.file.is-grey-lightest:active .file-cta, +.file.is-grey-lightest.is-active .file-cta { + background-color: #e0e0e0; + border-color: transparent; + color: #363636; +} +.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: #eee; + 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: #f5f5f5; + color: #4a4a4a; +} +.file-name { + border-color: #dbdbdb; + border-style: solid; + border-width: 1px 1px 1px 0; + display: block; + max-width: 16em; + overflow: hidden; + text-align: left; + text-overflow: ellipsis; +} +.file-icon { + align-items: center; + display: flex; + height: 1em; + justify-content: center; + margin-right: 0.5em; + width: 1em; +} +.file-icon .fa { + font-size: 14px; +} +.label { + color: #363636; + display: block; + font-size: 1rem; + font-weight: 700; +} +.label:not(:last-child) { + margin-bottom: 0.5em; +} +.label.is-small { + font-size: 0.75rem; +} +.label.is-medium { + font-size: 1.25rem; +} +.label.is-large { + font-size: 1.5rem; +} +.help { + display: block; + font-size: 0.75rem; + margin-top: 0.25rem; +} +.help.is-white { + color: #fff; +} +.help.is-black { + color: #0a0a0a; +} +.help.is-light { + color: #f5f5f5; +} +.help.is-dark { + color: #363636; +} +.help.is-primary { + color: #3273dc; +} +.help.is-link { + color: #3273dc; +} +.help.is-info { + color: #3298dc; +} +.help.is-success { + color: #48c774; +} +.help.is-warning { + color: #ffdd57; +} +.help.is-danger { + color: #f14668; +} +.help.is-grey-lightest { + color: #ededed; +} +.field:not(:last-child) { + margin-bottom: 0.75rem; +} +.field.has-addons { + display: flex; + justify-content: flex-start; +} +.field.has-addons .control:not(:last-child) { + margin-right: -1px; +} +.field.has-addons .control:not(:first-child):not(:last-child) .button, +.field.has-addons .control:not(:first-child):not(:last-child) .input, +.field.has-addons .control:not(:first-child):not(:last-child) .select select { + border-radius: 0; +} +.field.has-addons .control:first-child:not(:only-child) .button, +.field.has-addons .control:first-child:not(:only-child) .input, +.field.has-addons .control:first-child:not(:only-child) .select select { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.field.has-addons .control:last-child:not(:only-child) .button, +.field.has-addons .control:last-child:not(:only-child) .input, +.field.has-addons .control:last-child:not(:only-child) .select select { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.field.has-addons .control .button:not([disabled]):hover, +.field.has-addons .control .input:not([disabled]):hover, +.field.has-addons .control .select select:not([disabled]):hover, +.field.has-addons .control .button:not([disabled]).is-hovered, +.field.has-addons .control .input:not([disabled]).is-hovered, +.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 .input:not([disabled]):focus, +.field.has-addons .control .select select:not([disabled]):focus, +.field.has-addons .control .button:not([disabled]).is-focused, +.field.has-addons .control .input:not([disabled]).is-focused, +.field.has-addons .control .select select:not([disabled]).is-focused, +.field.has-addons .control .button:not([disabled]):active, +.field.has-addons .control .input:not([disabled]):active, +.field.has-addons .control .select select:not([disabled]):active, +.field.has-addons .control .button:not([disabled]).is-active, +.field.has-addons .control .input:not([disabled]).is-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 .input:not([disabled]):focus:hover, +.field.has-addons .control .select select:not([disabled]):focus:hover, +.field.has-addons .control .button:not([disabled]).is-focused:hover, +.field.has-addons .control .input:not([disabled]).is-focused:hover, +.field.has-addons .control .select select:not([disabled]).is-focused:hover, +.field.has-addons .control .button:not([disabled]):active:hover, +.field.has-addons .control .input:not([disabled]):active:hover, +.field.has-addons .control .select select:not([disabled]):active:hover, +.field.has-addons .control .button:not([disabled]).is-active:hover, +.field.has-addons .control .input:not([disabled]).is-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-right .input:focus ~ .icon, +.control.has-icons-left .select:focus ~ .icon, +.control.has-icons-right .select:focus ~ .icon { + color: #4a4a4a; +} +.control.has-icons-left .input.is-small ~ .icon, +.control.has-icons-right .input.is-small ~ .icon, +.control.has-icons-left .select.is-small ~ .icon, +.control.has-icons-right .select.is-small ~ .icon { + font-size: 0.75rem; +} +.control.has-icons-left .input.is-medium ~ .icon, +.control.has-icons-right .input.is-medium ~ .icon, +.control.has-icons-left .select.is-medium ~ .icon, +.control.has-icons-right .select.is-medium ~ .icon { + font-size: 1.25rem; +} +.control.has-icons-left .input.is-large ~ .icon, +.control.has-icons-right .input.is-large ~ .icon, +.control.has-icons-left .select.is-large ~ .icon, +.control.has-icons-right .select.is-large ~ .icon { + font-size: 1.5rem; +} +.control.has-icons-left .icon, +.control.has-icons-right .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} +.control.has-icons-left .input, +.control.has-icons-left .select select { + padding-left: 2.25em; +} +.control.has-icons-left .icon.is-left { + left: 0; +} +.control.has-icons-right .input, +.control.has-icons-right .select select { + padding-right: 2.25em; +} +.control.has-icons-right .icon.is-right { + right: 0; +} +.control.is-loading::after { + position: absolute !important; + right: 0.625em; + top: 0.625em; + z-index: 4; +} +.control.is-loading.is-small:after { + font-size: 0.75rem; +} +.control.is-loading.is-medium:after { + font-size: 1.25rem; +} +.control.is-loading.is-large:after { + font-size: 1.5rem; +} +.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: 1087px) { + .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: 1088px) { + .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: 1280px) { + .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: 1472px) { + .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: 1088px) { + .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: 1087px) { + .columns.is-variable.is-0-tablet-only { + --columnGap: 0rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-0-touch { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-0-desktop { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-0-desktop-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-0-widescreen { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-0-widescreen-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-1-tablet-only { + --columnGap: 0.25rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-1-touch { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-1-desktop { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-1-desktop-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-1-widescreen { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-1-widescreen-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-2-tablet-only { + --columnGap: 0.5rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-2-touch { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-2-desktop { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-2-desktop-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-2-widescreen { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-2-widescreen-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-3-tablet-only { + --columnGap: 0.75rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-3-touch { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-3-desktop { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-3-desktop-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-3-widescreen { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-3-widescreen-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-4-tablet-only { + --columnGap: 1rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-4-touch { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-4-desktop-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-4-widescreen { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-4-widescreen-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-5-tablet-only { + --columnGap: 1.25rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-5-touch { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-5-desktop { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-5-desktop-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-5-widescreen { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-5-widescreen-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-6-tablet-only { + --columnGap: 1.5rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-6-touch { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-6-desktop-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-6-widescreen { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-6-widescreen-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-7-tablet-only { + --columnGap: 1.75rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-7-touch { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-7-desktop { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-7-desktop-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-7-widescreen { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-7-widescreen-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-8-tablet-only { + --columnGap: 2rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-8-touch { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-8-desktop-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-8-widescreen-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1472px) { + .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: #fff; + 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: 1087px) { + .hero.is-white .navbar-menu { + background-color: #fff; + } +} +.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 .navbar-link:hover, +.hero.is-white a.navbar-item.is-active, +.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-toggle 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:hover { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: #fff; +} +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, #e8e3e3 0%, #fff 71%, #fff 100%); +} +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #e8e3e3 0%, #fff 71%, #fff 100%); + } +} +.hero.is-black { + background-color: #0a0a0a; + color: #fff; +} +.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: #fff; +} +.hero.is-black .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-black .subtitle a:not(.button), +.hero.is-black .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .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 .navbar-link:hover, +.hero.is-black a.navbar-item.is-active, +.hero.is-black .navbar-link.is-active { + background-color: #000; + color: #fff; +} +.hero.is-black .tabs a { + color: #fff; + 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: #fff; +} +.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-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #0a0a0a; +} +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, #000 0%, #0a0a0a 71%, #181616 100%); +} +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #000 0%, #0a0a0a 71%, #181616 100%); + } +} +.hero.is-light { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-light strong { + color: inherit; +} +.hero.is-light .title { + color: rgba(0,0,0,0.7); +} +.hero.is-light .subtitle { + color: rgba(0,0,0,0.9); +} +.hero.is-light .subtitle a:not(.button), +.hero.is-light .subtitle strong { + color: rgba(0,0,0,0.7); +} +@media screen and (max-width: 1087px) { + .hero.is-light .navbar-menu { + background-color: #f5f5f5; + } +} +.hero.is-light .navbar-item, +.hero.is-light .navbar-link { + color: rgba(0,0,0,0.7); +} +.hero.is-light a.navbar-item:hover, +.hero.is-light .navbar-link:hover, +.hero.is-light a.navbar-item.is-active, +.hero.is-light .navbar-link.is-active { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); +} +.hero.is-light .tabs a { + color: rgba(0,0,0,0.7); + opacity: 0.9; +} +.hero.is-light .tabs a:hover { + opacity: 1; +} +.hero.is-light .tabs li.is-active a { + opacity: 1; +} +.hero.is-light .tabs.is-boxed a, +.hero.is-light .tabs.is-toggle a { + color: rgba(0,0,0,0.7); +} +.hero.is-light .tabs.is-boxed a:hover, +.hero.is-light .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-light .tabs.is-boxed li.is-active a, +.hero.is-light .tabs.is-toggle 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:hover { + background-color: rgba(0,0,0,0.7); + border-color: rgba(0,0,0,0.7); + color: #f5f5f5; +} +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, #dfd8d8 0%, #f5f5f5 71%, #fff 100%); +} +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #dfd8d8 0%, #f5f5f5 71%, #fff 100%); + } +} +.hero.is-dark { + background-color: #363636; + color: #fff; +} +.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-dark strong { + color: inherit; +} +.hero.is-dark .title { + color: #fff; +} +.hero.is-dark .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-dark .subtitle a:not(.button), +.hero.is-dark .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-dark .navbar-menu { + background-color: #363636; + } +} +.hero.is-dark .navbar-item, +.hero.is-dark .navbar-link { + color: rgba(255,255,255,0.7); +} +.hero.is-dark a.navbar-item:hover, +.hero.is-dark .navbar-link:hover, +.hero.is-dark a.navbar-item.is-active, +.hero.is-dark .navbar-link.is-active { + background-color: #292929; + color: #fff; +} +.hero.is-dark .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-dark .tabs a:hover { + opacity: 1; +} +.hero.is-dark .tabs li.is-active a { + opacity: 1; +} +.hero.is-dark .tabs.is-boxed a, +.hero.is-dark .tabs.is-toggle a { + color: #fff; +} +.hero.is-dark .tabs.is-boxed a:hover, +.hero.is-dark .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-dark .tabs.is-boxed li.is-active a, +.hero.is-dark .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #363636; +} +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, #1f1a1a 0%, #363636 71%, #463f3f 100%); +} +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1f1a1a 0%, #363636 71%, #463f3f 100%); + } +} +.hero.is-primary { + background-color: #3273dc; + color: #fff; +} +.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-primary strong { + color: inherit; +} +.hero.is-primary .title { + color: #fff; +} +.hero.is-primary .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-primary .subtitle a:not(.button), +.hero.is-primary .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-primary .navbar-menu { + background-color: #3273dc; + } +} +.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 .navbar-link:hover, +.hero.is-primary a.navbar-item.is-active, +.hero.is-primary .navbar-link.is-active { + background-color: #2366d1; + color: #fff; +} +.hero.is-primary .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-primary .tabs a:hover { + opacity: 1; +} +.hero.is-primary .tabs li.is-active a { + opacity: 1; +} +.hero.is-primary .tabs.is-boxed a, +.hero.is-primary .tabs.is-toggle a { + color: #fff; +} +.hero.is-primary .tabs.is-boxed a:hover, +.hero.is-primary .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-primary .tabs.is-boxed li.is-active a, +.hero.is-primary .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #3273dc; +} +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, #1576c6 0%, #3273dc 71%, #4266e5 100%); +} +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1576c6 0%, #3273dc 71%, #4266e5 100%); + } +} +.hero.is-link { + background-color: #3273dc; + color: #fff; +} +.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-link strong { + color: inherit; +} +.hero.is-link .title { + color: #fff; +} +.hero.is-link .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-link .subtitle a:not(.button), +.hero.is-link .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-link .navbar-menu { + background-color: #3273dc; + } +} +.hero.is-link .navbar-item, +.hero.is-link .navbar-link { + color: rgba(255,255,255,0.7); +} +.hero.is-link a.navbar-item:hover, +.hero.is-link .navbar-link:hover, +.hero.is-link a.navbar-item.is-active, +.hero.is-link .navbar-link.is-active { + background-color: #2366d1; + color: #fff; +} +.hero.is-link .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-link .tabs a:hover { + opacity: 1; +} +.hero.is-link .tabs li.is-active a { + opacity: 1; +} +.hero.is-link .tabs.is-boxed a, +.hero.is-link .tabs.is-toggle a { + color: #fff; +} +.hero.is-link .tabs.is-boxed a:hover, +.hero.is-link .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-link .tabs.is-boxed li.is-active a, +.hero.is-link .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #3273dc; +} +.hero.is-link.is-bold { + background-image: linear-gradient(141deg, #1576c6 0%, #3273dc 71%, #4266e5 100%); +} +@media screen and (max-width: 768px) { + .hero.is-link.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1576c6 0%, #3273dc 71%, #4266e5 100%); + } +} +.hero.is-info { + background-color: #3298dc; + color: #fff; +} +.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-info strong { + color: inherit; +} +.hero.is-info .title { + color: #fff; +} +.hero.is-info .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-info .subtitle a:not(.button), +.hero.is-info .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-info .navbar-menu { + background-color: #3298dc; + } +} +.hero.is-info .navbar-item, +.hero.is-info .navbar-link { + color: rgba(255,255,255,0.7); +} +.hero.is-info a.navbar-item:hover, +.hero.is-info .navbar-link:hover, +.hero.is-info a.navbar-item.is-active, +.hero.is-info .navbar-link.is-active { + background-color: #238cd1; + color: #fff; +} +.hero.is-info .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-info .tabs a:hover { + opacity: 1; +} +.hero.is-info .tabs li.is-active a { + opacity: 1; +} +.hero.is-info .tabs.is-boxed a, +.hero.is-info .tabs.is-toggle a { + color: #fff; +} +.hero.is-info .tabs.is-boxed a:hover, +.hero.is-info .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-info .tabs.is-boxed li.is-active a, +.hero.is-info .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #3298dc; +} +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, #159cc6 0%, #3298dc 71%, #4289e5 100%); +} +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #159cc6 0%, #3298dc 71%, #4289e5 100%); + } +} +.hero.is-success { + background-color: #48c774; + color: #fff; +} +.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-success strong { + color: inherit; +} +.hero.is-success .title { + color: #fff; +} +.hero.is-success .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-success .subtitle a:not(.button), +.hero.is-success .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-success .navbar-menu { + background-color: #48c774; + } +} +.hero.is-success .navbar-item, +.hero.is-success .navbar-link { + color: rgba(255,255,255,0.7); +} +.hero.is-success a.navbar-item:hover, +.hero.is-success .navbar-link:hover, +.hero.is-success a.navbar-item.is-active, +.hero.is-success .navbar-link.is-active { + background-color: #3abb67; + color: #fff; +} +.hero.is-success .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-success .tabs a:hover { + opacity: 1; +} +.hero.is-success .tabs li.is-active a { + opacity: 1; +} +.hero.is-success .tabs.is-boxed a, +.hero.is-success .tabs.is-toggle a { + color: #fff; +} +.hero.is-success .tabs.is-boxed a:hover, +.hero.is-success .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-success .tabs.is-boxed li.is-active a, +.hero.is-success .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #48c774; +} +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, #29b342 0%, #48c774 71%, #56d296 100%); +} +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #29b342 0%, #48c774 71%, #56d296 100%); + } +} +.hero.is-warning { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-warning strong { + color: inherit; +} +.hero.is-warning .title { + color: rgba(0,0,0,0.7); +} +.hero.is-warning .subtitle { + color: rgba(0,0,0,0.9); +} +.hero.is-warning .subtitle a:not(.button), +.hero.is-warning .subtitle strong { + color: rgba(0,0,0,0.7); +} +@media screen and (max-width: 1087px) { + .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 .navbar-link:hover, +.hero.is-warning a.navbar-item.is-active, +.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-toggle 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: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, #ffae24 0%, #ffdd57 71%, #fffa71 100%); +} +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #ffae24 0%, #ffdd57 71%, #fffa71 100%); + } +} +.hero.is-danger { + background-color: #f14668; + color: #fff; +} +.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-danger strong { + color: inherit; +} +.hero.is-danger .title { + color: #fff; +} +.hero.is-danger .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-danger .subtitle a:not(.button), +.hero.is-danger .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-danger .navbar-menu { + background-color: #f14668; + } +} +.hero.is-danger .navbar-item, +.hero.is-danger .navbar-link { + color: rgba(255,255,255,0.7); +} +.hero.is-danger a.navbar-item:hover, +.hero.is-danger .navbar-link:hover, +.hero.is-danger a.navbar-item.is-active, +.hero.is-danger .navbar-link.is-active { + background-color: #ef2e55; + color: #fff; +} +.hero.is-danger .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-danger .tabs a:hover { + opacity: 1; +} +.hero.is-danger .tabs li.is-active a { + opacity: 1; +} +.hero.is-danger .tabs.is-boxed a, +.hero.is-danger .tabs.is-toggle a { + color: #fff; +} +.hero.is-danger .tabs.is-boxed a:hover, +.hero.is-danger .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-danger .tabs.is-boxed li.is-active a, +.hero.is-danger .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #f14668; +} +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, #fa0a61 0%, #f14668 71%, #f7595f 100%); +} +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #fa0a61 0%, #f14668 71%, #f7595f 100%); + } +} +.hero.is-grey-lightest { + background-color: #ededed; + color: #363636; +} +.hero.is-grey-lightest a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-grey-lightest strong { + color: inherit; +} +.hero.is-grey-lightest .title { + color: #363636; +} +.hero.is-grey-lightest .subtitle { + color: rgba(54,54,54,0.9); +} +.hero.is-grey-lightest .subtitle a:not(.button), +.hero.is-grey-lightest .subtitle strong { + color: #363636; +} +@media screen and (max-width: 1087px) { + .hero.is-grey-lightest .navbar-menu { + background-color: #ededed; + } +} +.hero.is-grey-lightest .navbar-item, +.hero.is-grey-lightest .navbar-link { + color: rgba(54,54,54,0.7); +} +.hero.is-grey-lightest a.navbar-item:hover, +.hero.is-grey-lightest .navbar-link:hover, +.hero.is-grey-lightest a.navbar-item.is-active, +.hero.is-grey-lightest .navbar-link.is-active { + background-color: #e0e0e0; + color: #363636; +} +.hero.is-grey-lightest .tabs a { + color: #363636; + opacity: 0.9; +} +.hero.is-grey-lightest .tabs a:hover { + opacity: 1; +} +.hero.is-grey-lightest .tabs li.is-active a { + opacity: 1; +} +.hero.is-grey-lightest .tabs.is-boxed a, +.hero.is-grey-lightest .tabs.is-toggle a { + color: #363636; +} +.hero.is-grey-lightest .tabs.is-boxed a:hover, +.hero.is-grey-lightest .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-grey-lightest .tabs.is-boxed li.is-active a, +.hero.is-grey-lightest .tabs.is-toggle li.is-active a, +.hero.is-grey-lightest .tabs.is-boxed li.is-active a:hover, +.hero.is-grey-lightest .tabs.is-toggle li.is-active a:hover { + background-color: #363636; + border-color: #363636; + color: #ededed; +} +.hero.is-grey-lightest.is-bold { + background-image: linear-gradient(141deg, #d8cfcf 0%, #ededed 71%, #faf9f9 100%); +} +@media screen and (max-width: 768px) { + .hero.is-grey-lightest.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #d8cfcf 0%, #ededed 71%, #faf9f9 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: 1088px) { + .section.is-medium { + padding: 9rem 1.5rem; + } + .section.is-large { + padding: 18rem 1.5rem; + } +} +.footer { + background-color: #fff; + padding: 3rem 1.5rem 6rem; +} +html { + height: 100%; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; +} +body { + min-height: 100%; + display: flex; + flex-direction: column; +} +body > .section { + flex-grow: 1; +} +@media screen and (min-width: 1088px) { + ::-webkit-scrollbar { + width: 8px; + height: 8px; + } + ::-webkit-scrollbar-track { + border-radius: 3px; + background: rgba(0,0,0,0.06); + box-shadow: inset 0 0 5px rgba(0,0,0,0.1); + } + ::-webkit-scrollbar-thumb { + border-radius: 3px; + background: rgba(0,0,0,0.12); + box-shadow: inset 0 0 10px rgba(0,0,0,0.2); + } + ::-webkit-scrollbar-thumb:hover { + background: rgba(0,0,0,0.24); + } +} +.ml-0, +.mx-0 { + margin-left: 0 !important; +} +.mr-0, +.mx-0 { + margin-right: 0 !important; +} +.ml-n0, +.mx-n0 { + margin-left: 0 !important; +} +.mr-n0, +.mx-n0 { + margin-right: 0 !important; +} +.mt-0, +.my-0 { + margin-top: 0 !important; +} +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} +.mt-n0, +.my-n0 { + margin-top: 0 !important; +} +.mb-n0, +.my-n0 { + margin-bottom: 0 !important; +} +.pl-0, +.px-0 { + padding-left: 0 !important; +} +.pr-0, +.px-0 { + padding-right: 0 !important; +} +.pl-n0, +.px-n0 { + padding-left: 0 !important; +} +.pr-n0, +.px-n0 { + padding-right: 0 !important; +} +.pt-0, +.py-0 { + padding-top: 0 !important; +} +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} +.pt-n0, +.py-n0 { + padding-top: 0 !important; +} +.pb-n0, +.py-n0 { + padding-bottom: 0 !important; +} +.ml-1, +.mx-1, +.article-licensing .licensing-meta .icons .icon { + margin-left: 0.25rem !important; +} +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} +.mb-1, +.my-1, +.article-licensing .licensing-title p:not(:last-child) { + margin-bottom: 0.25rem !important; +} +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} +.pl-n1, +.px-n1 { + padding-left: -0.25rem !important; +} +.pr-n1, +.px-n1 { + padding-right: -0.25rem !important; +} +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} +.pt-n1, +.py-n1 { + padding-top: -0.25rem !important; +} +.pb-n1, +.py-n1 { + padding-bottom: -0.25rem !important; +} +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} +.pl-n2, +.px-n2 { + padding-left: -0.5rem !important; +} +.pr-n2, +.px-n2 { + padding-right: -0.5rem !important; +} +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} +.pt-n2, +.py-n2 { + padding-top: -0.5rem !important; +} +.pb-n2, +.py-n2 { + padding-bottom: -0.5rem !important; +} +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} +.mt-3, +.my-3 { + margin-top: 1rem !important; +} +.mb-3, +.my-3, +.article-licensing .licensing-title { + margin-bottom: 1rem !important; +} +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} +.pl-3, +.px-3 { + padding-left: 1rem !important; +} +.pr-3, +.px-3 { + padding-right: 1rem !important; +} +.pl-n3, +.px-n3 { + padding-left: -1rem !important; +} +.pr-n3, +.px-n3 { + padding-right: -1rem !important; +} +.pt-3, +.py-3 { + padding-top: 1rem !important; +} +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} +.pt-n3, +.py-n3 { + padding-top: -1rem !important; +} +.pb-n3, +.py-n3 { + padding-bottom: -1rem !important; +} +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} +.mr-4, +.mx-4, +.article-licensing .licensing-meta .level-item { + margin-right: 1.5rem !important; +} +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} +.pl-n4, +.px-n4 { + padding-left: -1.5rem !important; +} +.pr-n4, +.px-n4 { + padding-right: -1.5rem !important; +} +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} +.pt-n4, +.py-n4 { + padding-top: -1.5rem !important; +} +.pb-n4, +.py-n4 { + padding-bottom: -1.5rem !important; +} +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} +.mt-5, +.my-5 { + margin-top: 3rem !important; +} +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} +.pl-5, +.px-5 { + padding-left: 3rem !important; +} +.pr-5, +.px-5 { + padding-right: 3rem !important; +} +.pl-n5, +.px-n5 { + padding-left: -3rem !important; +} +.pr-n5, +.px-n5 { + padding-right: -3rem !important; +} +.pt-5, +.py-5 { + padding-top: 3rem !important; +} +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} +.pt-n5, +.py-n5 { + padding-top: -3rem !important; +} +.pb-n5, +.py-n5 { + padding-bottom: -3rem !important; +} +.ml-auto, +.mx-auto { + margin-left: auto !important; +} +.mr-auto, +.mx-auto { + margin-right: auto !important; +} +.mt-auto, +.my-auto { + margin-top: auto !important; +} +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} +.pl-auto, +.px-auto { + margin-left: auto !important; +} +.pr-auto, +.px-auto { + margin-right: auto !important; +} +.pt-auto, +.py-auto { + margin-top: auto !important; +} +.pb-auto, +.py-auto { + margin-bottom: auto !important; +} +.order-0 { + order: 0 !important; +} +.order-1 { + order: 1 !important; +} +.order-2 { + order: 2 !important; +} +.order-3 { + order: 3 !important; +} +.order-4 { + order: 4 !important; +} +.order-5 { + order: 5 !important; +} +.justify-content-start { + justify-content: start !important; +} +.justify-content-center { + justify-content: center !important; +} +.flex-shrink-1 { + flex-shrink: 1 !important; +} +.link-muted { + color: inherit; +} +.link-muted:hover { + color: #3273dc !important; +} +.image.is-7by3 { + padding-top: 42.8%; +} +.image.is-7by3 img { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} +.image .avatar { + height: 100%; + object-fit: cover; +} +.image .fill { + object-fit: cover; + width: 100% !important; + height: 100% !important; +} +.button.is-transparent { + color: inherit; + background: transparent; + border-color: transparent; +} +.card { + overflow: visible; + border-radius: 4px; +} +.card + .card, +.card + .column-right-shadow { + margin-top: 1.5rem; +} +.card .card-image { + overflow: hidden; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.card .media + .media { + border: none; + margin-top: 0; +} +article.media { + color: #7a7a7a; +} +article.media a { + color: inherit; +} +article.media a:hover { + color: #3273dc; +} +article.media .image { + width: 64px; + height: 64px; +} +article.media .image img { + object-fit: cover; + width: 100%; + height: 100%; +} +article.media .title { + margin-bottom: 0.25em; +} +article.media .media-content { + color: #7a7a7a; +} +article.media .media-content .title { + margin: 0; + line-height: inherit; +} +article.article .article-meta, +article.article .article-tags { + color: #7a7a7a; +} +article.article .article-meta { + overflow-x: auto; + margin-bottom: 0.5rem; +} +article.article .content { + word-wrap: break-word; + font-size: 1.1rem; +} +article.article .content h1 { + font-size: 1.75em; +} +article.article .content h2 { + font-size: 1.5em; +} +article.article .content h3 { + font-size: 1.25em; +} +article.article .content h4 { + font-size: 1.125em; +} +article.article .content h5 { + font-size: 1em; +} +article.article .content pre { + font-size: 0.85em; +} +article.article .content code { + padding: 0 2px; + background: #f5f5f5; + overflow-wrap: break-word; + border-radius: 4px; +} +article.article .content blockquote.pullquote { + float: right; + max-width: 50%; + font-size: 1.15rem; + position: relative; +} +article.article .content blockquote footer strong + cite { + margin-left: 0.5em; +} +article.article .content .message.message-immersive { + border-radius: 0; + margin: 0 -1.5rem 1.5rem -1.5rem; +} +article.article .content .message.message-immersive .message-body { + border: none; +} +article.article .article-tags { + display: flex; + flex-wrap: wrap; +} +.rtl { + direction: rtl; +} +.rtl .level .level-item:not(:last-child), +.rtl .level.is-mobile .level-item:not(:last-child) { + margin-left: 0.75rem; + margin-right: 0; +} +.table-overflow { + overflow-x: auto; +} +.table-overflow table { + width: auto !important; +} +.table-overflow table th { + word-break: keep-all; +} +.video-container { + position: relative; + padding-bottom: 56.25%; + padding-top: 25px; + height: 0; +} +.video-container iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.article-licensing { + position: relative; + z-index: 1; + box-shadow: none; + background: #f5f5f5; + border-radius: 4px; + overflow: hidden; +} +.article-licensing:after { + position: absolute; + z-index: -1; + right: -50px; + top: -87.87px; + content: '\f25e'; + font-size: 200px; + font-family: 'Font Awesome 5 Brands'; + opacity: 0.1; +} +.article-licensing .level-left { + flex-wrap: wrap; + max-width: 100%; +} +.article-licensing .licensing-title { + line-height: 1.2; +} +.article-licensing .licensing-meta .icons .icon { + width: 1.2em; + height: 1.2em; + font-size: 1.2em; + vertical-align: bottom; +} +.article-licensing .licensing-meta a { + color: inherit; +} +a.article-nav-prev span { + text-align: left; + flex-shrink: 1; + word-wrap: break-word; + white-space: normal; +} +a.article-nav-next span { + text-align: right; + flex-shrink: 1; + word-wrap: break-word; + white-space: normal; +} +.navbar-main { + box-shadow: 0 4px 10px rgba(0,0,0,0.05); +} +.navbar-main .navbar-container { + overflow-x: auto; +} +.navbar-main .navbar-menu, +.navbar-main .navbar-start, +.navbar-main .navbar-end { + align-items: stretch; + display: flex; + padding: 0; + flex-shrink: 0; +} +.navbar-main .navbar-menu { + flex-grow: 1; + flex-shrink: 0; + overflow-x: auto; +} +.navbar-main .navbar-start { + justify-content: flex-start; + margin-right: auto; +} +.navbar-main .navbar-end { + justify-content: flex-end; + margin-left: auto; +} +.navbar-main .navbar-item { + display: flex; + align-items: center; + padding: 1.25rem 0.75rem; + margin: 0 0; +} +.navbar-main .navbar-item.is-active { + background-color: transparent; +} +@media screen and (max-width: 1087px) { + .navbar-main .navbar-menu { + justify-content: center; + box-shadow: none; + } + .navbar-main .navbar-start { + margin-right: 0; + } + .navbar-main .navbar-end { + margin-left: 0; + } +} +.navbar-logo img { + max-height: 1.75rem; +} +@media screen and (min-width: 1088px) { + .navbar > .container .navbar-menu, + .container > .navbar .navbar-menu { + margin-right: 0rem; + } +} +@media screen and (max-width: 768px) { + footer.footer .level-start { + text-align: center; + } +} +footer.footer .level-end .field { + flex-wrap: wrap; + align-items: center; +} +@media screen and (max-width: 768px) { + footer.footer .level-end .field { + justify-content: center; + margin-top: 1rem; + } +} +.footer-logo img { + max-height: 1.75rem; +} +.pagination { + margin-top: 1.5rem; +} +.pagination .pagination-link a, +.pagination .pagination-ellipsis a, +.pagination .pagination-previous a, +.pagination .pagination-next a { + color: #363636; +} +.pagination .pagination-link, +.pagination .pagination-previous, +.pagination .pagination-next { + border: none; + background: #fff; + box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1); +} +.pagination .pagination-link.is-current { + background: #3273dc; +} +.post-navigation { + color: #7a7a7a; + flex-wrap: wrap; + justify-content: space-around; +} +.post-navigation .level-item { + margin-bottom: 0; +} +.timeline { + margin-left: 1rem; + padding: 1rem 0 0 1.5rem; + border-left: 1px solid #dbdbdb; +} +.timeline .media { + position: relative; +} +.timeline .media:before, +.timeline .media:last-child:after { + content: ''; + display: block; + position: absolute; + left: calc(-0.375rem - 1.5rem - 0.25px); +} +.timeline .media:before { + width: 0.75rem; + height: 0.75rem; + top: calc(1rem + 1.5 * 0.85rem / 2 - 0.75rem / 2); + background: #dbdbdb; + border-radius: 50%; +} +.timeline .media:first-child:before { + top: calc(1.5 * 0.85rem / 2 - 0.75rem / 2); +} +.timeline .media:last-child:after { + width: 0.75rem; + top: calc(1rem + 1.5 * 0.85rem / 2 + 0.75rem / 2); + bottom: 0; + background: #fff; +} +.timeline .media:first-child:last-child:after { + top: calc(1.5 * 0.85rem / 2 + 0.75rem / 2); +} +.searchbox { + display: none; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; + font-size: 1rem; + line-height: 0; + background: rgba(10,10,10,0.86); +} +.searchbox.show { + display: flex; +} +.searchbox a, +.searchbox a:hover { + color: inherit; + text-decoration: none; +} +.searchbox input { + font-size: 1rem; + border: none; + outline: none; + box-shadow: none; + border-radius: 0; +} +.searchbox, +.searchbox .searchbox-container { + position: fixed; + align-items: center; + flex-direction: column; + line-height: 1.25em; +} +.searchbox .searchbox-container { + z-index: 101; + display: flex; + overflow: hidden; + box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1); + border-radius: 4px; + background-color: #f5f5f5; + width: 540px; + top: 100px; + bottom: 100px; +} +.searchbox .searchbox-header, +.searchbox .searchbox-body, +.searchbox .searchbox-footer { + width: 100%; +} +.searchbox .searchbox-header { + display: flex; + flex-direction: row; + line-height: 1.5em; + font-weight: normal; + background-color: #fff; + min-height: 3rem; +} +.searchbox .searchbox-input-container { + display: flex; + flex-grow: 1; +} +.searchbox .searchbox-input { + flex-grow: 1; + color: inherit; + box-sizing: border-box; + padding: 0.75em 0 0.75em 1.25em; + background: #fff; +} +.searchbox .searchbox-close { + display: inline-block; + font-size: 1.5em; + padding: 0.5em 0.75em; + cursor: pointer; +} +.searchbox .searchbox-close:hover { + background: #f5f5f5; +} +.searchbox .searchbox-close:active { + background: #dbdbdb; +} +.searchbox .searchbox-body { + flex-grow: 1; + overflow-y: auto; + border-top: 1px solid #dbdbdb; +} +.searchbox .searchbox-result-section header, +.searchbox .searchbox-result-item { + padding: 0.75em 1em; +} +.searchbox .searchbox-result-section { + border-bottom: 1px solid #dbdbdb; +} +.searchbox .searchbox-result-section header { + color: #b5b5b5; +} +.searchbox .searchbox-result-item { + display: flex; + flex-direction: row; +} +.searchbox .searchbox-result-item:not(.disabled):not(.active):not(:active):hover { + background-color: #fff; +} +.searchbox .searchbox-result-item:active, +.searchbox .searchbox-result-item.active { + color: #fff; + background-color: #3273dc; +} +.searchbox .searchbox-result-item em { + font-style: normal; + background: #ffdd57; +} +.searchbox .searchbox-result-icon { + margin-right: 1em; +} +.searchbox .searchbox-result-content { + overflow: hidden; +} +.searchbox .searchbox-result-title, +.searchbox .searchbox-result-preview { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.searchbox .searchbox-result-title-secondary { + color: #b5b5b5; +} +.searchbox .searchbox-result-preview { + margin-top: 0.25em; +} +.searchbox .searchbox-result-item:not(:active):not(.active) .searchbox-result-preview { + color: #b5b5b5; +} +.searchbox .searchbox-footer { + padding: 0.5em 1em; +} +.searchbox .searchbox-pagination { + margin: 0; + padding: 0; + list-style: none; + text-align: center; +} +.searchbox .searchbox-pagination .searchbox-pagination-item { + margin: 0 0.25rem; +} +.searchbox .searchbox-pagination .searchbox-pagination-item, +.searchbox .searchbox-pagination .searchbox-pagination-link { + display: inline-block; +} +.searchbox .searchbox-pagination .searchbox-pagination-link { + overflow: hidden; + padding: 0.5em 0.8em; + box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1); + border-radius: 4px; + background-color: #fff; +} +.searchbox .searchbox-pagination .searchbox-pagination-item.active .searchbox-pagination-link { + color: #fff; + background-color: #3273dc; +} +.searchbox .searchbox-pagination .searchbox-pagination-item.disabled .searchbox-pagination-link { + cursor: not-allowed; + background-color: #f5f5f5; +} +.searchbox .searchbox-pagination .searchbox-pagination-item:not(.active):not(.disabled) .searchbox-pagination-link:hover { + background-color: #f5f5f5; +} +@media screen and (max-width: 559px), screen and (max-height: 479px) { + .searchbox .searchbox-container { + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 0; + } +} +figure.highlight { + padding: 0; + width: 100%; + position: relative; + margin: 1em 0 1em !important; + border-radius: 4px; +} +figure.highlight.folded .highlight-body { + height: 0; +} +figure.highlight .copy { + opacity: 0.7; +} +figure.highlight pre, +figure.highlight table tr:hover { + color: inherit; + background: transparent; +} +figure.highlight table { + width: auto; +} +figure.highlight table tr td { + border: none; +} +figure.highlight table tr:not(:first-child) td { + padding-top: 0; +} +figure.highlight table tr:not(:last-child) td { + padding-bottom: 0; +} +figure.highlight pre { + padding: 0; + overflow: visible; +} +figure.highlight pre .line, +figure.highlight pre code .hljs { + line-height: 1.5rem; +} +figure.highlight figcaption, +figure.highlight .gutter { + background: rgba(200,200,200,0.15); +} +figure.highlight figcaption { + margin: 0 !important; + padding: 0.3em 0em 0.3em 0.75em; + font-style: normal; + font-size: 0.8em; +} +figure.highlight figcaption * { + color: inherit; +} +figure.highlight figcaption span { + font-weight: 500; + font-family: 'Courier Prime', 'Noto Sans SC', monospace; +} +figure.highlight figcaption .level-left *:not(:last-child) { + margin-right: 0.5em; +} +figure.highlight figcaption .level-right *:not(:first-child) { + margin-left: 0.5em; +} +figure.highlight figcaption .fold { + cursor: pointer; +} +figure.highlight figcaption.level { + overflow: auto; +} +figure.highlight figcaption.level .level-right a { + padding: 0em 0.75em; +} +figure.highlight .highlight-body { + overflow: auto; +} +figure.highlight .gutter { + text-align: right; +} +figure.highlight .tag, +figure.highlight .title, +figure.highlight .number, +figure.highlight .section { + display: inherit; + font: inherit; + margin: inherit; + padding: inherit; + background: inherit; + height: inherit; + text-align: inherit; + vertical-align: inherit; + min-width: inherit; + border-radius: inherit; +} +figure.highlight.foldable div.level-left { + cursor: pointer; +} +.gist table tr:hover { + background: transparent; +} +.gist table td { + border: none; +} +.gist .file { + all: initial; +} +.widget .menu-list li ul { + margin-right: 0; +} +.widget .menu-list .level { + margin-bottom: 0; +} +.widget .menu-list .level .level-left, +.widget .menu-list .level .level-right, +.widget .menu-list .level .level-item { + flex-shrink: 1; +} +.widget .menu-list .level .level-left, +.widget .menu-list .level .level-right { + align-items: flex-start; +} +.widget .menu-list .tag { + background: $light-grey; + color: $white-invert; +} +.widget .tags .tag:first-child { + background: #3273dc; + color: #fff; +} +.widget .tags .tag:last-child { + background: $light-grey; + color: $white-invert; +} +.level.is-multiline { + flex-wrap: wrap; +} +@media screen and (max-width: 768px) { + .widget.card#toc { + display: none; + position: fixed; + margin: 1rem; + left: 0; + right: 0; + bottom: 0; + z-index: 100; + } + .widget.card#toc .card-content { + padding: 0; + } + .widget.card#toc .menu { + padding: 1.5rem; + max-height: calc(100vh - 2rem); + overflow-y: auto; + } + #toc-mask { + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 99; + background: rgba(0,0,0,0.7); + } + .widget.card#toc.is-active, + #toc-mask.is-active { + display: block; + } +} +.donate { + position: relative; +} +.donate .qrcode { + display: none; + position: absolute; + z-index: 99; + bottom: 2.5em; + line-height: 0; + overflow: hidden; + box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1); + border-radius: 4px; +} +.donate .qrcode img { + max-width: 280px; +} +.donate:hover .qrcode { + display: block; +} +.donate:first-child:not(:last-child) .qrcode { + left: -0.75rem; +} +.donate:last-child:not(:first-child) .qrcode { + right: -0.75rem; +} +.donate[data-type="afdian"] { + color: #fff; + background-color: #885fd9; + border-color: transparent; +} +.donate[data-type="afdian"]:active { + background-color: #794ad4; +} +.donate[data-type="afdian"]:hover { + background-color: #8055d7; +} +.donate[data-type="afdian"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(136,95,217,0.25); +} +.donate[data-type="alipay"] { + color: #fff; + background-color: #00a0e8; + border-color: transparent; +} +.donate[data-type="alipay"]:active { + background-color: #008ecf; +} +.donate[data-type="alipay"]:hover { + background-color: #0097db; +} +.donate[data-type="alipay"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0,160,232,0.25); +} +.donate[data-type="buymeacoffee"] { + color: rgba(0,0,0,0.7); + background-color: #fd0; + border-color: transparent; +} +.donate[data-type="buymeacoffee"]:active { + background-color: #e6c700; +} +.donate[data-type="buymeacoffee"]:hover { + background-color: #f2d200; +} +.donate[data-type="buymeacoffee"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255,221,0,0.25); +} +.donate[data-type="paypal"] { + color: rgba(0,0,0,0.7); + background-color: #feb700; + border-color: transparent; +} +.donate[data-type="paypal"]:active { + background-color: #e5a500; +} +.donate[data-type="paypal"]:hover { + background-color: #f1ae00; +} +.donate[data-type="paypal"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(254,183,0,0.25); +} +.donate[data-type="patreon"] { + color: #fff; + background-color: #ff424d; + border-color: transparent; +} +.donate[data-type="patreon"]:active { + background-color: #ff2835; +} +.donate[data-type="patreon"]:hover { + background-color: #ff3541; +} +.donate[data-type="patreon"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255,66,77,0.25); +} +.donate[data-type="wechat"] { + color: #fff; + background-color: #1aad19; + border-color: transparent; +} +.donate[data-type="wechat"]:active { + background-color: #179716; +} +.donate[data-type="wechat"]:hover { + background-color: #18a217; +} +.donate[data-type="wechat"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(26,173,25,0.25); +} +#back-to-top { + position: fixed; + opacity: 0; + outline: none; + padding: 8px 0; + line-height: 24px; + border-radius: 4px; + transform: translateY(120px); + transition: 0.4s ease opacity, 0.4s ease width, 0.4s ease transform, 0.4s ease border-radius; +} +#back-to-top.is-rounded { + border-radius: 50%; +} +#back-to-top.fade-in { + opacity: 1; +} +#back-to-top.rise-up { + transform: translateY(0); +} +.gallery-item .caption { + color: #7a7a7a; +} +.pace { + user-select: none; + pointer-events: none; +} +.pace .pace-progress { + top: 0; + right: 100%; + width: 100%; + height: 2px; + z-index: 2000; + position: fixed; + background: #3273dc; +} +.pace-inactive { + display: none; +} +.fa, +.fab, +.fal, +.far, +.fas { + line-height: inherit; +} +.MathJax, +.MathJax_Display, +.MJXc-display, +.MathJax_SVG_Display, +.katex-display { + overflow-x: auto; + overflow-y: hidden; +} +.katex { + white-space: nowrap; +} +.katex-display { + margin-top: -1em !important; +} +.katex-html { + padding-top: 1em; +} +.katex-html .tag { + align-items: unset; + background-color: unset; + border-radius: unset; + color: unset; + display: unset; + font-size: unset; + height: unset; + justify-content: unset; + line-height: unset; + padding-left: unset; + padding-right: unset; + white-space: unset; +} +.cc-window, +.cc-revoke { + font-size: 1.1rem !important; + font-family: 'Noto Sans SC', sans-serif !important; +} +.cc-window { + color: #4a4a4a !important; + background-color: #fff !important; +} +.cc-window.cc-floating { + border-radius: 4px; + box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1); +} +.cc-window.cc-banner { + background-color: #f9f9f9 !important; +} +.cc-window.cc-theme-block .cc-compliance > .cc-btn, +.cc-window.cc-theme-classic .cc-compliance > .cc-btn { + border-radius: 290486px; +} +.cc-window .cc-compliance > .cc-btn { + font-weight: 400; + border: none; + color: #fff; + background-color: #3273dc; +} +.cc-window .cc-compliance > .cc-btn:hover, +.cc-window .cc-compliance > .cc-btn:focus { + background-color: #276cda; +} +.cc-window .cc-compliance > .cc-btn.cc-deny:hover { + color: #3273dc; + text-decoration: none; +} +.cc-revoke { + padding: 0.5rem 1rem !important; + color: #fff !important; + background-color: #3273dc !important; +} +.cc-revoke:hover { + text-decoration: none !important; + background-color: #276cda; +} +@media screen and (min-width: 1280px) { + .is-1-column .container, + .is-2-column .container { + max-width: 960px; + width: 960px; + } +} +@media screen and (min-width: 1472px) { + .is-2-column .container { + max-width: 1152px; + width: 1152px; + } + .is-1-column .container { + max-width: 960px; + width: 960px; + } +} +@media screen and (min-width: 769px), print { + .is-sticky { + position: -webkit-sticky; + position: sticky; + top: 1.5rem; + z-index: 99; + } + .column-main.is-sticky, + .column-left.is-sticky, + .column-right.is-sticky, + .column-right-shadow.is-sticky { + top: 0.75rem; + align-self: flex-start; + } +} +@media screen and (max-width: 768px) { + .section { + padding: 1.5rem 1rem; + } +} diff --git a/css/style.css b/css/style.css new file mode 100644 index 00000000..656a8e6e --- /dev/null +++ b/css/style.css @@ -0,0 +1,11680 @@ +@-moz-keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +@-webkit-keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +@-o-keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +@keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +.is-unselectable, +.breadcrumb, +.modal-close, +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis, +.tabs, +.button, +.delete, +.file { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.navbar-link:not(.is-arrowless)::after, +.select:not(.is-multiple):not(.is-loading)::after { + border: 3px solid transparent; + border-radius: 2px; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.625em; + margin-top: -0.4375em; + pointer-events: none; + position: absolute; + top: 50%; + transform: rotate(-45deg); + transform-origin: center; + width: 0.625em; +} +.breadcrumb:not(:last-child), +.level:not(:last-child), +.list:not(:last-child), +.message:not(:last-child), +.pagination:not(:last-child), +.tabs:not(:last-child), +.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) { + margin-bottom: 1.5rem; +} +.modal-close, +.delete { + -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; +} +.modal-close::before, +.delete::before, +.modal-close::after, +.delete::after { + background-color: #fff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} +.modal-close::before, +.delete::before { + height: 2px; + width: 50%; +} +.modal-close::after, +.delete::after { + height: 50%; + width: 2px; +} +.modal-close:hover, +.delete:hover, +.modal-close:focus, +.delete:focus { + background-color: rgba(10,10,10,0.3); +} +.modal-close:active, +.delete:active { + background-color: rgba(10,10,10,0.4); +} +.modal-close.is-small, +.delete.is-small { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px; +} +.modal-close.is-medium, +.delete.is-medium { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px; +} +.modal-close.is-large, +.delete.is-large { + 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, +.modal, +.modal-background, +.image.is-square img, +.image.is-1by1 img, +.image.is-5by4 img, +.image.is-4by3 img, +.image.is-3by2 img, +.image.is-5by3 img, +.image.is-16by9 img, +.image.is-2by1 img, +.image.is-3by1 img, +.image.is-4by5 img, +.image.is-3by4 img, +.image.is-2by3 img, +.image.is-3by5 img, +.image.is-9by16 img, +.image.is-1by2 img, +.image.is-1by3 img, +.image.is-square .has-ratio, +.image.is-1by1 .has-ratio, +.image.is-5by4 .has-ratio, +.image.is-4by3 .has-ratio, +.image.is-3by2 .has-ratio, +.image.is-5by3 .has-ratio, +.image.is-16by9 .has-ratio, +.image.is-2by1 .has-ratio, +.image.is-3by1 .has-ratio, +.image.is-4by5 .has-ratio, +.image.is-3by4 .has-ratio, +.image.is-2by3 .has-ratio, +.image.is-3by5 .has-ratio, +.image.is-9by16 .has-ratio, +.image.is-1by2 .has-ratio, +.image.is-1by3 .has-ratio, +.hero-video { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} +.pagination-previous, +.pagination-next, +.pagination-link, +.pagination-ellipsis, +.button, +.input, +.textarea, +.select select, +.file-cta, +.file-name { + -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.5em - 1px); + padding-left: calc(0.75em - 1px); + padding-right: calc(0.75em - 1px); + padding-top: calc(0.5em - 1px); + position: relative; + vertical-align: top; +} +.pagination-previous:focus, +.pagination-next:focus, +.pagination-link:focus, +.pagination-ellipsis:focus, +.button:focus, +.input:focus, +.textarea:focus, +.select select:focus, +.file-cta:focus, +.file-name:focus, +.pagination-previous.is-focused, +.pagination-next.is-focused, +.pagination-link.is-focused, +.pagination-ellipsis.is-focused, +.button.is-focused, +.input.is-focused, +.textarea.is-focused, +.select select.is-focused, +.file-cta.is-focused, +.file-name.is-focused, +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active, +.pagination-ellipsis:active, +.button:active, +.input:active, +.textarea:active, +.select select:active, +.file-cta:active, +.file-name:active, +.pagination-previous.is-active, +.pagination-next.is-active, +.pagination-link.is-active, +.pagination-ellipsis.is-active, +.button.is-active, +.input.is-active, +.textarea.is-active, +.select select.is-active, +.file-cta.is-active, +.file-name.is-active { + outline: none; +} +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled], +.pagination-ellipsis[disabled], +.button[disabled], +.input[disabled], +.textarea[disabled], +.select select[disabled], +.file-cta[disabled], +.file-name[disabled], +fieldset[disabled] .pagination-previous, +fieldset[disabled] .pagination-next, +fieldset[disabled] .pagination-link, +fieldset[disabled] .pagination-ellipsis, +fieldset[disabled] .button, +fieldset[disabled] .input, +fieldset[disabled] .textarea, +fieldset[disabled] .select select, +fieldset[disabled] .file-cta, +fieldset[disabled] .file-name { + cursor: not-allowed; +} +/* minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} +ul { + list-style: none; +} +button, +input, +select, +textarea { + margin: 0; +} +html { + box-sizing: border-box; +} +*, +*::before, +*::after { + box-sizing: inherit; +} +img, +video { + height: auto; + max-width: 100%; +} +iframe { + border: 0; +} +table { + border-collapse: collapse; + border-spacing: 0; +} +td, +th { + padding: 0; +} +td:not([align]), +th:not([align]) { + text-align: left; +} +html { + background-color: #f7f7f7; + font-size: 14px; + -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: 'Noto Sans SC', sans-serif; +} +code, +pre { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: auto; + font-family: 'Courier Prime', 'Noto Sans SC', monospace; +} +body { + color: #4a4a4a; + font-size: 1em; + font-weight: 400; + line-height: 1.5; +} +a { + color: #3273dc; + cursor: pointer; + text-decoration: none; +} +a strong { + color: currentColor; +} +a:hover { + color: #363636; +} +code { + background-color: #f5f5f5; + color: #f14668; + font-size: 0.875em; + font-weight: normal; + padding: 0.25em 0.5em 0.25em; +} +hr { + background-color: #f5f5f5; + 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: #f5f5f5; + 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, +article.media .title { + font-size: 1rem !important; +} +.is-size-7, +article.media .date, +article.media .categories, +.article-licensing .licensing-title a, +.article-licensing .licensing-meta h6 { + font-size: 0.85rem !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.85rem !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.85rem !important; + } +} +@media screen and (max-width: 1087px) { + .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.85rem !important; + } +} +@media screen and (min-width: 1088px) { + .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.85rem !important; + } +} +@media screen and (min-width: 1280px) { + .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.85rem !important; + } +} +@media screen and (min-width: 1472px) { + .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.85rem !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: 1087px) { + .has-text-centered-tablet-only { + text-align: center !important; + } +} +@media screen and (max-width: 1087px) { + .has-text-centered-touch { + text-align: center !important; + } +} +@media screen and (min-width: 1088px) { + .has-text-centered-desktop { + text-align: center !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-centered-desktop-only { + text-align: center !important; + } +} +@media screen and (min-width: 1280px) { + .has-text-centered-widescreen { + text-align: center !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-centered-widescreen-only { + text-align: center !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .has-text-justified-tablet-only { + text-align: justify !important; + } +} +@media screen and (max-width: 1087px) { + .has-text-justified-touch { + text-align: justify !important; + } +} +@media screen and (min-width: 1088px) { + .has-text-justified-desktop { + text-align: justify !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-justified-desktop-only { + text-align: justify !important; + } +} +@media screen and (min-width: 1280px) { + .has-text-justified-widescreen { + text-align: justify !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-justified-widescreen-only { + text-align: justify !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .has-text-left-tablet-only { + text-align: left !important; + } +} +@media screen and (max-width: 1087px) { + .has-text-left-touch { + text-align: left !important; + } +} +@media screen and (min-width: 1088px) { + .has-text-left-desktop { + text-align: left !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-left-desktop-only { + text-align: left !important; + } +} +@media screen and (min-width: 1280px) { + .has-text-left-widescreen { + text-align: left !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-left-widescreen-only { + text-align: left !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .has-text-right-tablet-only { + text-align: right !important; + } +} +@media screen and (max-width: 1087px) { + .has-text-right-touch { + text-align: right !important; + } +} +@media screen and (min-width: 1088px) { + .has-text-right-desktop { + text-align: right !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-right-desktop-only { + text-align: right !important; + } +} +@media screen and (min-width: 1280px) { + .has-text-right-widescreen { + text-align: right !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-right-widescreen-only { + text-align: right !important; + } +} +@media screen and (min-width: 1472px) { + .has-text-right-fullhd { + text-align: right !important; + } +} +.is-capitalized { + text-transform: capitalize !important; +} +.is-lowercase { + text-transform: lowercase !important; +} +.is-uppercase, +article.media .categories { + text-transform: uppercase !important; +} +.is-italic { + font-style: italic !important; +} +.has-text-white { + color: #fff !important; +} +a.has-text-white:hover, +a.has-text-white:focus { + color: #e6e6e6 !important; +} +.has-background-white { + background-color: #fff !important; +} +.has-text-black { + color: #0a0a0a !important; +} +a.has-text-black:hover, +a.has-text-black:focus { + color: #000 !important; +} +.has-background-black { + background-color: #0a0a0a !important; +} +.has-text-light { + color: #f5f5f5 !important; +} +a.has-text-light:hover, +a.has-text-light:focus { + color: #dbdbdb !important; +} +.has-background-light { + background-color: #f5f5f5 !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: #3273dc !important; +} +a.has-text-primary:hover, +a.has-text-primary:focus { + color: #205bbc !important; +} +.has-background-primary { + background-color: #3273dc !important; +} +.has-text-link { + color: #3273dc !important; +} +a.has-text-link:hover, +a.has-text-link:focus { + color: #205bbc !important; +} +.has-background-link { + background-color: #3273dc !important; +} +.has-text-info { + color: #3298dc !important; +} +a.has-text-info:hover, +a.has-text-info:focus { + color: #207dbc !important; +} +.has-background-info { + background-color: #3298dc !important; +} +.has-text-success { + color: #48c774 !important; +} +a.has-text-success:hover, +a.has-text-success:focus { + color: #34a85c !important; +} +.has-background-success { + background-color: #48c774 !important; +} +.has-text-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: #f14668 !important; +} +a.has-text-danger:hover, +a.has-text-danger:focus { + color: #ee1742 !important; +} +.has-background-danger { + background-color: #f14668 !important; +} +.has-text-grey-lightest { + color: #ededed !important; +} +a.has-text-grey-lightest:hover, +a.has-text-grey-lightest:focus { + color: #d4d4d4 !important; +} +.has-background-grey-lightest { + background-color: #ededed !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, +.article-licensing .licensing-title a { + 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: #f5f5f5 !important; +} +.has-background-white-ter { + background-color: #f5f5f5 !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: 'Noto Sans SC', sans-serif !important; +} +.is-family-secondary { + font-family: 'Noto Sans SC', sans-serif !important; +} +.is-family-sans-serif { + font-family: 'Noto Sans SC', sans-serif !important; +} +.is-family-monospace { + font-family: monospace !important; +} +.is-family-code { + font-family: 'Courier Prime', 'Noto Sans SC', 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: 1087px) { + .is-block-tablet-only { + display: block !important; + } +} +@media screen and (max-width: 1087px) { + .is-block-touch { + display: block !important; + } +} +@media screen and (min-width: 1088px) { + .is-block-desktop { + display: block !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-block-desktop-only { + display: block !important; + } +} +@media screen and (min-width: 1280px) { + .is-block-widescreen { + display: block !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-block-widescreen-only { + display: block !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-flex-tablet-only { + display: flex !important; + } +} +@media screen and (max-width: 1087px) { + .is-flex-touch { + display: flex !important; + } +} +@media screen and (min-width: 1088px) { + .is-flex-desktop { + display: flex !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-flex-desktop-only { + display: flex !important; + } +} +@media screen and (min-width: 1280px) { + .is-flex-widescreen { + display: flex !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-flex-widescreen-only { + display: flex !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-inline-tablet-only { + display: inline !important; + } +} +@media screen and (max-width: 1087px) { + .is-inline-touch { + display: inline !important; + } +} +@media screen and (min-width: 1088px) { + .is-inline-desktop { + display: inline !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-inline-desktop-only { + display: inline !important; + } +} +@media screen and (min-width: 1280px) { + .is-inline-widescreen { + display: inline !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-inline-widescreen-only { + display: inline !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-inline-block-tablet-only { + display: inline-block !important; + } +} +@media screen and (max-width: 1087px) { + .is-inline-block-touch { + display: inline-block !important; + } +} +@media screen and (min-width: 1088px) { + .is-inline-block-desktop { + display: inline-block !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-inline-block-desktop-only { + display: inline-block !important; + } +} +@media screen and (min-width: 1280px) { + .is-inline-block-widescreen { + display: inline-block !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-inline-block-widescreen-only { + display: inline-block !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-inline-flex-tablet-only { + display: inline-flex !important; + } +} +@media screen and (max-width: 1087px) { + .is-inline-flex-touch { + display: inline-flex !important; + } +} +@media screen and (min-width: 1088px) { + .is-inline-flex-desktop { + display: inline-flex !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-inline-flex-desktop-only { + display: inline-flex !important; + } +} +@media screen and (min-width: 1280px) { + .is-inline-flex-widescreen { + display: inline-flex !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-inline-flex-widescreen-only { + display: inline-flex !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-hidden-tablet-only { + display: none !important; + } +} +@media screen and (max-width: 1087px) { + .is-hidden-touch { + display: none !important; + } +} +@media screen and (min-width: 1088px) { + .is-hidden-desktop { + display: none !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-hidden-desktop-only { + display: none !important; + } +} +@media screen and (min-width: 1280px) { + .is-hidden-widescreen { + display: none !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-hidden-widescreen-only { + display: none !important; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .is-invisible-tablet-only { + visibility: hidden !important; + } +} +@media screen and (max-width: 1087px) { + .is-invisible-touch { + visibility: hidden !important; + } +} +@media screen and (min-width: 1088px) { + .is-invisible-desktop { + visibility: hidden !important; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-invisible-desktop-only { + visibility: hidden !important; + } +} +@media screen and (min-width: 1280px) { + .is-invisible-widescreen { + visibility: hidden !important; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-invisible-widescreen-only { + visibility: hidden !important; + } +} +@media screen and (min-width: 1472px) { + .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; +} +.breadcrumb { + font-size: 1rem; + white-space: nowrap; +} +.breadcrumb a { + align-items: center; + color: #3273dc; + display: flex; + justify-content: center; + padding: 0 0.75em; +} +.breadcrumb a:hover { + color: #363636; +} +.breadcrumb li { + align-items: center; + display: flex; +} +.breadcrumb li:first-child a { + padding-left: 0; +} +.breadcrumb li.is-active a { + color: #363636; + cursor: default; + pointer-events: none; +} +.breadcrumb li + li::before { + color: #b5b5b5; + content: "\0002f"; +} +.breadcrumb ul, +.breadcrumb ol { + align-items: flex-start; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.breadcrumb .icon:first-child { + margin-right: 0.5em; +} +.breadcrumb .icon:last-child { + margin-left: 0.5em; +} +.breadcrumb.is-centered ol, +.breadcrumb.is-centered ul { + justify-content: center; +} +.breadcrumb.is-right ol, +.breadcrumb.is-right ul { + justify-content: flex-end; +} +.breadcrumb.is-small { + font-size: 0.75rem; +} +.breadcrumb.is-medium { + font-size: 1.25rem; +} +.breadcrumb.is-large { + font-size: 1.5rem; +} +.breadcrumb.has-arrow-separator li + li::before { + content: "\02192"; +} +.breadcrumb.has-bullet-separator li + li::before { + content: "\02022"; +} +.breadcrumb.has-dot-separator li + li::before { + content: "\000b7"; +} +.breadcrumb.has-succeeds-separator li + li::before { + content: "\0227B"; +} +.card { + background-color: #fff; + box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1); + color: #4a4a4a; + max-width: 100%; + position: relative; +} +.card-header { + background-color: transparent; + align-items: stretch; + box-shadow: 0 0.125em 0.25em rgba(10,10,10,0.1); + display: flex; +} +.card-header-title { + align-items: center; + color: #363636; + display: flex; + flex-grow: 1; + font-weight: 700; + padding: 0.75rem 1rem; +} +.card-header-title.is-centered { + justify-content: center; +} +.card-header-icon { + align-items: center; + cursor: pointer; + display: flex; + justify-content: center; + padding: 0.75rem 1rem; +} +.card-image { + display: block; + position: relative; +} +.card-content { + background-color: transparent; + padding: 1.5rem; +} +.card-footer { + background-color: transparent; + border-top: 1px solid #ededed; + align-items: stretch; + display: flex; +} +.card-footer-item { + align-items: center; + display: flex; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; + padding: 0.75rem; +} +.card-footer-item:not(:last-child) { + border-right: 1px solid #ededed; +} +.card .media:not(:last-child) { + margin-bottom: 0.75rem; +} +.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: #fff; + border-radius: 4px; + box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,0.1), 0 0px 0 1px rgba(10,10,10,0.02); + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} +.dropdown-item { + color: #4a4a4a; + display: block; + font-size: 0.875rem; + line-height: 1.5; + padding: 0.375rem 1rem; + position: relative; +} +a.dropdown-item, +button.dropdown-item { + padding-right: 3rem; + text-align: left; + white-space: nowrap; + width: 100%; +} +a.dropdown-item:hover, +button.dropdown-item:hover { + background-color: #f5f5f5; + color: #0a0a0a; +} +a.dropdown-item.is-active, +button.dropdown-item.is-active { + background-color: #3273dc; + color: #fff; +} +.dropdown-divider { + background-color: #ededed; + border: none; + display: block; + height: 1px; + margin: 0.5rem 0; +} +.level { + align-items: center; + justify-content: space-between; +} +.level code { + border-radius: 4px; +} +.level img { + display: inline-block; + vertical-align: top; +} +.level.is-mobile { + display: flex; +} +.level.is-mobile .level-left, +.level.is-mobile .level-right { + display: flex; +} +.level.is-mobile .level-left + .level-right { + margin-top: 0; +} +.level.is-mobile .level-item:not(:last-child) { + margin-bottom: 0; + margin-right: 0.75rem; +} +.level.is-mobile .level-item:not(.is-narrow) { + flex-grow: 1; +} +@media screen and (min-width: 769px), print { + .level { + display: flex; + } + .level > .level-item:not(.is-narrow) { + flex-grow: 1; + } +} +.level-item { + align-items: center; + display: flex; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; + justify-content: center; +} +.level-item .title, +.level-item .subtitle { + margin-bottom: 0; +} +@media screen and (max-width: 768px) { + .level-item:not(:last-child) { + margin-bottom: 0.75rem; + } +} +.level-left, +.level-right { + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; +} +.level-left .level-item.is-flexible, +.level-right .level-item.is-flexible { + flex-grow: 1; +} +@media screen and (min-width: 769px), print { + .level-left .level-item:not(:last-child), + .level-right .level-item:not(:last-child) { + margin-right: 0.75rem; + } +} +.level-left { + align-items: center; + justify-content: flex-start; +} +@media screen and (max-width: 768px) { + .level-left + .level-right { + margin-top: 1.5rem; + } +} +@media screen and (min-width: 769px), print { + .level-left { + display: flex; + } +} +.level-right { + align-items: center; + justify-content: flex-end; +} +@media screen and (min-width: 769px), print { + .level-right { + display: flex; + } +} +.list { + background-color: #fff; + border-radius: 4px; + box-shadow: 0 2px 3px rgba(10,10,10,0.1), 0 0 0 1px rgba(10,10,10,0.1); +} +.list-item { + display: block; + padding: 0.5em 1em; +} +.list-item:not(a) { + color: #4a4a4a; +} +.list-item:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.list-item:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px; +} +.list-item:not(:last-child) { + border-bottom: 1px solid #dbdbdb; +} +.list-item.is-active { + background-color: #3273dc; + color: #fff; +} +a.list-item { + background-color: #f5f5f5; + 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: #f5f5f5; + color: #363636; +} +.menu-list a.is-active { + background-color: #eef3fc; + color: #3273dc; +} +.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: #f5f5f5; + 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: #fff; +} +.message.is-white .message-header { + background-color: #fff; + color: #0a0a0a; +} +.message.is-white .message-body { + border-color: #fff; +} +.message.is-black { + background-color: #fafafa; +} +.message.is-black .message-header { + background-color: #0a0a0a; + color: #fff; +} +.message.is-black .message-body { + border-color: #0a0a0a; +} +.message.is-light { + background-color: #fafafa; +} +.message.is-light .message-header { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.message.is-light .message-body { + border-color: #f5f5f5; +} +.message.is-dark { + background-color: #fafafa; +} +.message.is-dark .message-header { + background-color: #363636; + color: #fff; +} +.message.is-dark .message-body { + border-color: #363636; +} +.message.is-primary { + background-color: #eef3fc; +} +.message.is-primary .message-header { + background-color: #3273dc; + color: #fff; +} +.message.is-primary .message-body { + border-color: #3273dc; + color: #2160c4; +} +.message.is-link { + background-color: #eef3fc; +} +.message.is-link .message-header { + background-color: #3273dc; + color: #fff; +} +.message.is-link .message-body { + border-color: #3273dc; + color: #2160c4; +} +.message.is-info { + background-color: #eef6fc; +} +.message.is-info .message-header { + background-color: #3298dc; + color: #fff; +} +.message.is-info .message-body { + border-color: #3298dc; + color: #1d72aa; +} +.message.is-success { + background-color: #effaf3; +} +.message.is-success .message-header { + background-color: #48c774; + color: #fff; +} +.message.is-success .message-body { + border-color: #48c774; + color: #257942; +} +.message.is-warning { + background-color: #fffbeb; +} +.message.is-warning .message-header { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.message.is-warning .message-body { + border-color: #ffdd57; + color: #947600; +} +.message.is-danger { + background-color: #feecf0; +} +.message.is-danger .message-header { + background-color: #f14668; + color: #fff; +} +.message.is-danger .message-body { + border-color: #f14668; + color: #cc0f35; +} +.message.is-grey-lightest { + background-color: #fafafa; +} +.message.is-grey-lightest .message-header { + background-color: #ededed; + color: #363636; +} +.message.is-grey-lightest .message-body { + border-color: #ededed; +} +.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: #fff; +} +.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: #f5f5f5; + 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: #fff; + flex-grow: 1; + flex-shrink: 1; + overflow: auto; + padding: 20px; +} +.navbar { + background-color: #fff; + min-height: 3.25rem; + position: relative; + z-index: 30; +} +.navbar.is-white { + background-color: #fff; + 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 .navbar-link:focus, +.navbar.is-white .navbar-brand > a.navbar-item:hover, +.navbar.is-white .navbar-brand .navbar-link:hover, +.navbar.is-white .navbar-brand > a.navbar-item.is-active, +.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: 1088px) { + .navbar.is-white .navbar-start > .navbar-item, + .navbar.is-white .navbar-end > .navbar-item, + .navbar.is-white .navbar-start .navbar-link, + .navbar.is-white .navbar-end .navbar-link { + color: #0a0a0a; + } + .navbar.is-white .navbar-start > a.navbar-item:focus, + .navbar.is-white .navbar-end > a.navbar-item:focus, + .navbar.is-white .navbar-start .navbar-link:focus, + .navbar.is-white .navbar-end .navbar-link:focus, + .navbar.is-white .navbar-start > a.navbar-item:hover, + .navbar.is-white .navbar-end > a.navbar-item:hover, + .navbar.is-white .navbar-start .navbar-link:hover, + .navbar.is-white .navbar-end .navbar-link:hover, + .navbar.is-white .navbar-start > a.navbar-item.is-active, + .navbar.is-white .navbar-end > a.navbar-item.is-active, + .navbar.is-white .navbar-start .navbar-link.is-active, + .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: #fff; + color: #0a0a0a; + } +} +.navbar.is-black { + background-color: #0a0a0a; + color: #fff; +} +.navbar.is-black .navbar-brand > .navbar-item, +.navbar.is-black .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-black .navbar-brand > a.navbar-item:focus, +.navbar.is-black .navbar-brand .navbar-link:focus, +.navbar.is-black .navbar-brand > a.navbar-item:hover, +.navbar.is-black .navbar-brand .navbar-link:hover, +.navbar.is-black .navbar-brand > a.navbar-item.is-active, +.navbar.is-black .navbar-brand .navbar-link.is-active { + background-color: #000; + color: #fff; +} +.navbar.is-black .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-black .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-black .navbar-start > .navbar-item, + .navbar.is-black .navbar-end > .navbar-item, + .navbar.is-black .navbar-start .navbar-link, + .navbar.is-black .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-black .navbar-start > a.navbar-item:focus, + .navbar.is-black .navbar-end > a.navbar-item:focus, + .navbar.is-black .navbar-start .navbar-link:focus, + .navbar.is-black .navbar-end .navbar-link:focus, + .navbar.is-black .navbar-start > a.navbar-item:hover, + .navbar.is-black .navbar-end > a.navbar-item:hover, + .navbar.is-black .navbar-start .navbar-link:hover, + .navbar.is-black .navbar-end .navbar-link:hover, + .navbar.is-black .navbar-start > a.navbar-item.is-active, + .navbar.is-black .navbar-end > a.navbar-item.is-active, + .navbar.is-black .navbar-start .navbar-link.is-active, + .navbar.is-black .navbar-end .navbar-link.is-active { + background-color: #000; + color: #fff; + } + .navbar.is-black .navbar-start .navbar-link::after, + .navbar.is-black .navbar-end .navbar-link::after { + border-color: #fff; + } + .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: #000; + color: #fff; + } + .navbar.is-black .navbar-dropdown a.navbar-item.is-active { + background-color: #0a0a0a; + color: #fff; + } +} +.navbar.is-light { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.navbar.is-light .navbar-brand > .navbar-item, +.navbar.is-light .navbar-brand .navbar-link { + color: rgba(0,0,0,0.7); +} +.navbar.is-light .navbar-brand > a.navbar-item:focus, +.navbar.is-light .navbar-brand .navbar-link:focus, +.navbar.is-light .navbar-brand > a.navbar-item:hover, +.navbar.is-light .navbar-brand .navbar-link:hover, +.navbar.is-light .navbar-brand > a.navbar-item.is-active, +.navbar.is-light .navbar-brand .navbar-link.is-active { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); +} +.navbar.is-light .navbar-brand .navbar-link::after { + border-color: rgba(0,0,0,0.7); +} +.navbar.is-light .navbar-burger { + color: rgba(0,0,0,0.7); +} +@media screen and (min-width: 1088px) { + .navbar.is-light .navbar-start > .navbar-item, + .navbar.is-light .navbar-end > .navbar-item, + .navbar.is-light .navbar-start .navbar-link, + .navbar.is-light .navbar-end .navbar-link { + color: rgba(0,0,0,0.7); + } + .navbar.is-light .navbar-start > a.navbar-item:focus, + .navbar.is-light .navbar-end > a.navbar-item:focus, + .navbar.is-light .navbar-start .navbar-link:focus, + .navbar.is-light .navbar-end .navbar-link:focus, + .navbar.is-light .navbar-start > a.navbar-item:hover, + .navbar.is-light .navbar-end > a.navbar-item:hover, + .navbar.is-light .navbar-start .navbar-link:hover, + .navbar.is-light .navbar-end .navbar-link:hover, + .navbar.is-light .navbar-start > a.navbar-item.is-active, + .navbar.is-light .navbar-end > a.navbar-item.is-active, + .navbar.is-light .navbar-start .navbar-link.is-active, + .navbar.is-light .navbar-end .navbar-link.is-active { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); + } + .navbar.is-light .navbar-start .navbar-link::after, + .navbar.is-light .navbar-end .navbar-link::after { + border-color: rgba(0,0,0,0.7); + } + .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); + } + .navbar.is-light .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); + } +} +.navbar.is-dark { + background-color: #363636; + color: #fff; +} +.navbar.is-dark .navbar-brand > .navbar-item, +.navbar.is-dark .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-dark .navbar-brand > a.navbar-item:focus, +.navbar.is-dark .navbar-brand .navbar-link:focus, +.navbar.is-dark .navbar-brand > a.navbar-item:hover, +.navbar.is-dark .navbar-brand .navbar-link:hover, +.navbar.is-dark .navbar-brand > a.navbar-item.is-active, +.navbar.is-dark .navbar-brand .navbar-link.is-active { + background-color: #292929; + color: #fff; +} +.navbar.is-dark .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-dark .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-dark .navbar-start > .navbar-item, + .navbar.is-dark .navbar-end > .navbar-item, + .navbar.is-dark .navbar-start .navbar-link, + .navbar.is-dark .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-dark .navbar-start > a.navbar-item:focus, + .navbar.is-dark .navbar-end > a.navbar-item:focus, + .navbar.is-dark .navbar-start .navbar-link:focus, + .navbar.is-dark .navbar-end .navbar-link:focus, + .navbar.is-dark .navbar-start > a.navbar-item:hover, + .navbar.is-dark .navbar-end > a.navbar-item:hover, + .navbar.is-dark .navbar-start .navbar-link:hover, + .navbar.is-dark .navbar-end .navbar-link:hover, + .navbar.is-dark .navbar-start > a.navbar-item.is-active, + .navbar.is-dark .navbar-end > a.navbar-item.is-active, + .navbar.is-dark .navbar-start .navbar-link.is-active, + .navbar.is-dark .navbar-end .navbar-link.is-active { + background-color: #292929; + color: #fff; + } + .navbar.is-dark .navbar-start .navbar-link::after, + .navbar.is-dark .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #292929; + color: #fff; + } + .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #363636; + color: #fff; + } +} +.navbar.is-primary { + background-color: #3273dc; + color: #fff; +} +.navbar.is-primary .navbar-brand > .navbar-item, +.navbar.is-primary .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-primary .navbar-brand > a.navbar-item:focus, +.navbar.is-primary .navbar-brand .navbar-link:focus, +.navbar.is-primary .navbar-brand > a.navbar-item:hover, +.navbar.is-primary .navbar-brand .navbar-link:hover, +.navbar.is-primary .navbar-brand > a.navbar-item.is-active, +.navbar.is-primary .navbar-brand .navbar-link.is-active { + background-color: #2366d1; + color: #fff; +} +.navbar.is-primary .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-primary .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-primary .navbar-start > .navbar-item, + .navbar.is-primary .navbar-end > .navbar-item, + .navbar.is-primary .navbar-start .navbar-link, + .navbar.is-primary .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-primary .navbar-start > a.navbar-item:focus, + .navbar.is-primary .navbar-end > a.navbar-item:focus, + .navbar.is-primary .navbar-start .navbar-link:focus, + .navbar.is-primary .navbar-end .navbar-link:focus, + .navbar.is-primary .navbar-start > a.navbar-item:hover, + .navbar.is-primary .navbar-end > a.navbar-item:hover, + .navbar.is-primary .navbar-start .navbar-link:hover, + .navbar.is-primary .navbar-end .navbar-link:hover, + .navbar.is-primary .navbar-start > a.navbar-item.is-active, + .navbar.is-primary .navbar-end > a.navbar-item.is-active, + .navbar.is-primary .navbar-start .navbar-link.is-active, + .navbar.is-primary .navbar-end .navbar-link.is-active { + background-color: #2366d1; + color: #fff; + } + .navbar.is-primary .navbar-start .navbar-link::after, + .navbar.is-primary .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #2366d1; + color: #fff; + } + .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { + background-color: #3273dc; + color: #fff; + } +} +.navbar.is-link { + background-color: #3273dc; + color: #fff; +} +.navbar.is-link .navbar-brand > .navbar-item, +.navbar.is-link .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-link .navbar-brand > a.navbar-item:focus, +.navbar.is-link .navbar-brand .navbar-link:focus, +.navbar.is-link .navbar-brand > a.navbar-item:hover, +.navbar.is-link .navbar-brand .navbar-link:hover, +.navbar.is-link .navbar-brand > a.navbar-item.is-active, +.navbar.is-link .navbar-brand .navbar-link.is-active { + background-color: #2366d1; + color: #fff; +} +.navbar.is-link .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-link .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-link .navbar-start > .navbar-item, + .navbar.is-link .navbar-end > .navbar-item, + .navbar.is-link .navbar-start .navbar-link, + .navbar.is-link .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-link .navbar-start > a.navbar-item:focus, + .navbar.is-link .navbar-end > a.navbar-item:focus, + .navbar.is-link .navbar-start .navbar-link:focus, + .navbar.is-link .navbar-end .navbar-link:focus, + .navbar.is-link .navbar-start > a.navbar-item:hover, + .navbar.is-link .navbar-end > a.navbar-item:hover, + .navbar.is-link .navbar-start .navbar-link:hover, + .navbar.is-link .navbar-end .navbar-link:hover, + .navbar.is-link .navbar-start > a.navbar-item.is-active, + .navbar.is-link .navbar-end > a.navbar-item.is-active, + .navbar.is-link .navbar-start .navbar-link.is-active, + .navbar.is-link .navbar-end .navbar-link.is-active { + background-color: #2366d1; + color: #fff; + } + .navbar.is-link .navbar-start .navbar-link::after, + .navbar.is-link .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #2366d1; + color: #fff; + } + .navbar.is-link .navbar-dropdown a.navbar-item.is-active { + background-color: #3273dc; + color: #fff; + } +} +.navbar.is-info { + background-color: #3298dc; + color: #fff; +} +.navbar.is-info .navbar-brand > .navbar-item, +.navbar.is-info .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-info .navbar-brand > a.navbar-item:focus, +.navbar.is-info .navbar-brand .navbar-link:focus, +.navbar.is-info .navbar-brand > a.navbar-item:hover, +.navbar.is-info .navbar-brand .navbar-link:hover, +.navbar.is-info .navbar-brand > a.navbar-item.is-active, +.navbar.is-info .navbar-brand .navbar-link.is-active { + background-color: #238cd1; + color: #fff; +} +.navbar.is-info .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-info .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-info .navbar-start > .navbar-item, + .navbar.is-info .navbar-end > .navbar-item, + .navbar.is-info .navbar-start .navbar-link, + .navbar.is-info .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-info .navbar-start > a.navbar-item:focus, + .navbar.is-info .navbar-end > a.navbar-item:focus, + .navbar.is-info .navbar-start .navbar-link:focus, + .navbar.is-info .navbar-end .navbar-link:focus, + .navbar.is-info .navbar-start > a.navbar-item:hover, + .navbar.is-info .navbar-end > a.navbar-item:hover, + .navbar.is-info .navbar-start .navbar-link:hover, + .navbar.is-info .navbar-end .navbar-link:hover, + .navbar.is-info .navbar-start > a.navbar-item.is-active, + .navbar.is-info .navbar-end > a.navbar-item.is-active, + .navbar.is-info .navbar-start .navbar-link.is-active, + .navbar.is-info .navbar-end .navbar-link.is-active { + background-color: #238cd1; + color: #fff; + } + .navbar.is-info .navbar-start .navbar-link::after, + .navbar.is-info .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #238cd1; + color: #fff; + } + .navbar.is-info .navbar-dropdown a.navbar-item.is-active { + background-color: #3298dc; + color: #fff; + } +} +.navbar.is-success { + background-color: #48c774; + color: #fff; +} +.navbar.is-success .navbar-brand > .navbar-item, +.navbar.is-success .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-success .navbar-brand > a.navbar-item:focus, +.navbar.is-success .navbar-brand .navbar-link:focus, +.navbar.is-success .navbar-brand > a.navbar-item:hover, +.navbar.is-success .navbar-brand .navbar-link:hover, +.navbar.is-success .navbar-brand > a.navbar-item.is-active, +.navbar.is-success .navbar-brand .navbar-link.is-active { + background-color: #3abb67; + color: #fff; +} +.navbar.is-success .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-success .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-success .navbar-start > .navbar-item, + .navbar.is-success .navbar-end > .navbar-item, + .navbar.is-success .navbar-start .navbar-link, + .navbar.is-success .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-success .navbar-start > a.navbar-item:focus, + .navbar.is-success .navbar-end > a.navbar-item:focus, + .navbar.is-success .navbar-start .navbar-link:focus, + .navbar.is-success .navbar-end .navbar-link:focus, + .navbar.is-success .navbar-start > a.navbar-item:hover, + .navbar.is-success .navbar-end > a.navbar-item:hover, + .navbar.is-success .navbar-start .navbar-link:hover, + .navbar.is-success .navbar-end .navbar-link:hover, + .navbar.is-success .navbar-start > a.navbar-item.is-active, + .navbar.is-success .navbar-end > a.navbar-item.is-active, + .navbar.is-success .navbar-start .navbar-link.is-active, + .navbar.is-success .navbar-end .navbar-link.is-active { + background-color: #3abb67; + color: #fff; + } + .navbar.is-success .navbar-start .navbar-link::after, + .navbar.is-success .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #3abb67; + color: #fff; + } + .navbar.is-success .navbar-dropdown a.navbar-item.is-active { + background-color: #48c774; + color: #fff; + } +} +.navbar.is-warning { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.navbar.is-warning .navbar-brand > .navbar-item, +.navbar.is-warning .navbar-brand .navbar-link { + color: rgba(0,0,0,0.7); +} +.navbar.is-warning .navbar-brand > a.navbar-item:focus, +.navbar.is-warning .navbar-brand .navbar-link:focus, +.navbar.is-warning .navbar-brand > a.navbar-item:hover, +.navbar.is-warning .navbar-brand .navbar-link:hover, +.navbar.is-warning .navbar-brand > a.navbar-item.is-active, +.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: 1088px) { + .navbar.is-warning .navbar-start > .navbar-item, + .navbar.is-warning .navbar-end > .navbar-item, + .navbar.is-warning .navbar-start .navbar-link, + .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-end > a.navbar-item:focus, + .navbar.is-warning .navbar-start .navbar-link:focus, + .navbar.is-warning .navbar-end .navbar-link:focus, + .navbar.is-warning .navbar-start > a.navbar-item:hover, + .navbar.is-warning .navbar-end > a.navbar-item:hover, + .navbar.is-warning .navbar-start .navbar-link:hover, + .navbar.is-warning .navbar-end .navbar-link:hover, + .navbar.is-warning .navbar-start > a.navbar-item.is-active, + .navbar.is-warning .navbar-end > a.navbar-item.is-active, + .navbar.is-warning .navbar-start .navbar-link.is-active, + .navbar.is-warning .navbar-end .navbar-link.is-active { + background-color: #ffd83d; + color: rgba(0,0,0,0.7); + } + .navbar.is-warning .navbar-start .navbar-link::after, + .navbar.is-warning .navbar-end .navbar-link::after { + border-color: rgba(0,0,0,0.7); + } + .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #ffd83d; + color: rgba(0,0,0,0.7); + } + .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); + } +} +.navbar.is-danger { + background-color: #f14668; + color: #fff; +} +.navbar.is-danger .navbar-brand > .navbar-item, +.navbar.is-danger .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-danger .navbar-brand > a.navbar-item:focus, +.navbar.is-danger .navbar-brand .navbar-link:focus, +.navbar.is-danger .navbar-brand > a.navbar-item:hover, +.navbar.is-danger .navbar-brand .navbar-link:hover, +.navbar.is-danger .navbar-brand > a.navbar-item.is-active, +.navbar.is-danger .navbar-brand .navbar-link.is-active { + background-color: #ef2e55; + color: #fff; +} +.navbar.is-danger .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-danger .navbar-burger { + color: #fff; +} +@media screen and (min-width: 1088px) { + .navbar.is-danger .navbar-start > .navbar-item, + .navbar.is-danger .navbar-end > .navbar-item, + .navbar.is-danger .navbar-start .navbar-link, + .navbar.is-danger .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-danger .navbar-start > a.navbar-item:focus, + .navbar.is-danger .navbar-end > a.navbar-item:focus, + .navbar.is-danger .navbar-start .navbar-link:focus, + .navbar.is-danger .navbar-end .navbar-link:focus, + .navbar.is-danger .navbar-start > a.navbar-item:hover, + .navbar.is-danger .navbar-end > a.navbar-item:hover, + .navbar.is-danger .navbar-start .navbar-link:hover, + .navbar.is-danger .navbar-end .navbar-link:hover, + .navbar.is-danger .navbar-start > a.navbar-item.is-active, + .navbar.is-danger .navbar-end > a.navbar-item.is-active, + .navbar.is-danger .navbar-start .navbar-link.is-active, + .navbar.is-danger .navbar-end .navbar-link.is-active { + background-color: #ef2e55; + color: #fff; + } + .navbar.is-danger .navbar-start .navbar-link::after, + .navbar.is-danger .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #ef2e55; + color: #fff; + } + .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { + background-color: #f14668; + color: #fff; + } +} +.navbar.is-grey-lightest { + background-color: #ededed; + color: #363636; +} +.navbar.is-grey-lightest .navbar-brand > .navbar-item, +.navbar.is-grey-lightest .navbar-brand .navbar-link { + color: #363636; +} +.navbar.is-grey-lightest .navbar-brand > a.navbar-item:focus, +.navbar.is-grey-lightest .navbar-brand .navbar-link:focus, +.navbar.is-grey-lightest .navbar-brand > a.navbar-item:hover, +.navbar.is-grey-lightest .navbar-brand .navbar-link:hover, +.navbar.is-grey-lightest .navbar-brand > a.navbar-item.is-active, +.navbar.is-grey-lightest .navbar-brand .navbar-link.is-active { + background-color: #e0e0e0; + color: #363636; +} +.navbar.is-grey-lightest .navbar-brand .navbar-link::after { + border-color: #363636; +} +.navbar.is-grey-lightest .navbar-burger { + color: #363636; +} +@media screen and (min-width: 1088px) { + .navbar.is-grey-lightest .navbar-start > .navbar-item, + .navbar.is-grey-lightest .navbar-end > .navbar-item, + .navbar.is-grey-lightest .navbar-start .navbar-link, + .navbar.is-grey-lightest .navbar-end .navbar-link { + color: #363636; + } + .navbar.is-grey-lightest .navbar-start > a.navbar-item:focus, + .navbar.is-grey-lightest .navbar-end > a.navbar-item:focus, + .navbar.is-grey-lightest .navbar-start .navbar-link:focus, + .navbar.is-grey-lightest .navbar-end .navbar-link:focus, + .navbar.is-grey-lightest .navbar-start > a.navbar-item:hover, + .navbar.is-grey-lightest .navbar-end > a.navbar-item:hover, + .navbar.is-grey-lightest .navbar-start .navbar-link:hover, + .navbar.is-grey-lightest .navbar-end .navbar-link:hover, + .navbar.is-grey-lightest .navbar-start > a.navbar-item.is-active, + .navbar.is-grey-lightest .navbar-end > a.navbar-item.is-active, + .navbar.is-grey-lightest .navbar-start .navbar-link.is-active, + .navbar.is-grey-lightest .navbar-end .navbar-link.is-active { + background-color: #e0e0e0; + color: #363636; + } + .navbar.is-grey-lightest .navbar-start .navbar-link::after, + .navbar.is-grey-lightest .navbar-end .navbar-link::after { + border-color: #363636; + } + .navbar.is-grey-lightest .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-grey-lightest .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-grey-lightest .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #e0e0e0; + color: #363636; + } + .navbar.is-grey-lightest .navbar-dropdown a.navbar-item.is-active { + background-color: #ededed; + color: #363636; + } +} +.navbar > .container { + align-items: stretch; + display: flex; + min-height: 3.25rem; + width: 100%; +} +.navbar.has-shadow { + box-shadow: 0 2px 0 0 #f5f5f5; +} +.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 #f5f5f5; +} +.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, +.navbar-link:focus, +a.navbar-item:focus-within, +.navbar-link:focus-within, +a.navbar-item:hover, +.navbar-link:hover, +a.navbar-item.is-active, +.navbar-link.is-active { + background-color: #fafafa; + color: #3273dc; +} +.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: #3273dc; +} +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom-color: #3273dc; + border-bottom-style: solid; + border-bottom-width: 3px; + color: #3273dc; + padding-bottom: calc(0.5rem - 3px); +} +.navbar-content { + flex-grow: 1; + flex-shrink: 1; +} +.navbar-link:not(.is-arrowless) { + padding-right: 2.5em; +} +.navbar-link:not(.is-arrowless)::after { + border-color: #3273dc; + margin-top: -0.375em; + right: 1.125em; +} +.navbar-dropdown { + font-size: 0.875rem; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.navbar-divider { + background-color: #f5f5f5; + border: none; + display: none; + height: 2px; + margin: 0.5rem 0; +} +@media screen and (max-width: 1087px) { + .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: #fff; + 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: 1088px) { + .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 .navbar-link:focus, + .navbar.is-transparent a.navbar-item:hover, + .navbar.is-transparent .navbar-link:hover, + .navbar.is-transparent a.navbar-item.is-active, + .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: #f5f5f5; + color: #0a0a0a; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: #3273dc; + } + .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.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, + .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, + .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, + .navbar-item.is-active .navbar-dropdown.is-boxed, + .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, + .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, + .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: #fff; + 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: #f5f5f5; + color: #0a0a0a; + } + .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: #3273dc; + } + .navbar.is-spaced .navbar-dropdown, + .navbar-dropdown.is-boxed { + border-radius: 6px; + border-top: none; + box-shadow: 0 8px 8px rgba(10,10,10,0.1), 0 0 0 1px rgba(10,10,10,0.1); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + -4px); + transform: translateY(-5px); + transition-duration: 86ms; + transition-property: opacity, transform; + } + .navbar-dropdown.is-right { + left: auto; + right: 0; + } + .navbar-divider { + display: block; + } + .navbar > .container .navbar-brand, + .container > .navbar .navbar-brand { + margin-left: -0.75rem; + } + .navbar > .container .navbar-menu, + .container > .navbar .navbar-menu { + margin-right: -0.75rem; + } + .navbar.is-fixed-bottom-desktop, + .navbar.is-fixed-top-desktop { + left: 0; + position: fixed; + right: 0; + z-index: 30; + } + .navbar.is-fixed-bottom-desktop { + bottom: 0; + } + .navbar.is-fixed-bottom-desktop.has-shadow { + box-shadow: 0 -2px 3px rgba(10,10,10,0.1); + } + .navbar.is-fixed-top-desktop { + top: 0; + } + html.has-navbar-fixed-top-desktop, + body.has-navbar-fixed-top-desktop { + padding-top: 3.25rem; + } + html.has-navbar-fixed-bottom-desktop, + body.has-navbar-fixed-bottom-desktop { + padding-bottom: 3.25rem; + } + html.has-spaced-navbar-fixed-top, + body.has-spaced-navbar-fixed-top { + padding-top: 5.25rem; + } + html.has-spaced-navbar-fixed-bottom, + body.has-spaced-navbar-fixed-bottom { + padding-bottom: 5.25rem; + } + a.navbar-item.is-active, + .navbar-link.is-active { + color: #3273dc; + } + 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: #3273dc; +} +.pagination-previous:active, +.pagination-next:active, +.pagination-link:active { + box-shadow: inset 0 1px 2px rgba(10,10,10,0.2); +} +.pagination-previous[disabled], +.pagination-next[disabled], +.pagination-link[disabled] { + background-color: #dbdbdb; + border-color: #dbdbdb; + box-shadow: none; + color: #7a7a7a; + opacity: 0.5; +} +.pagination-previous, +.pagination-next { + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} +.pagination-link.is-current { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} +.pagination-ellipsis { + color: #b5b5b5; + pointer-events: none; +} +.pagination-list { + flex-wrap: wrap; +} +@media screen and (max-width: 768px) { + .pagination { + flex-wrap: wrap; + } + .pagination-previous, + .pagination-next { + flex-grow: 1; + flex-shrink: 1; + } + .pagination-list li { + flex-grow: 1; + flex-shrink: 1; + } +} +@media screen and (min-width: 769px), print { + .pagination-list { + flex-grow: 1; + flex-shrink: 1; + justify-content: flex-start; + order: 1; + } + .pagination-previous { + order: 2; + } + .pagination-next { + order: 3; + } + .pagination { + justify-content: space-between; + } + .pagination.is-centered .pagination-previous, + .pagination .pagination-previous { + order: 1; + } + .pagination.is-centered .pagination-list, + .pagination .pagination-list { + justify-content: center; + order: 2; + } + .pagination.is-centered .pagination-next, + .pagination .pagination-next { + order: 3; + } + .pagination.is-right .pagination-previous { + order: 1; + } + .pagination.is-right .pagination-next { + order: 2; + } + .pagination.is-right .pagination-list { + justify-content: flex-end; + order: 3; + } +} +.panel { + border-radius: 6px; + box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,0.1), 0 0px 0 1px rgba(10,10,10,0.02); + font-size: 1rem; +} +.panel:not(:last-child) { + margin-bottom: 1.5rem; +} +.panel.is-white .panel-heading { + background-color: #fff; + color: #0a0a0a; +} +.panel.is-white .panel-tabs a.is-active { + border-bottom-color: #fff; +} +.panel.is-white .panel-block.is-active .panel-icon { + color: #fff; +} +.panel.is-black .panel-heading { + background-color: #0a0a0a; + color: #fff; +} +.panel.is-black .panel-tabs a.is-active { + border-bottom-color: #0a0a0a; +} +.panel.is-black .panel-block.is-active .panel-icon { + color: #0a0a0a; +} +.panel.is-light .panel-heading { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.panel.is-light .panel-tabs a.is-active { + border-bottom-color: #f5f5f5; +} +.panel.is-light .panel-block.is-active .panel-icon { + color: #f5f5f5; +} +.panel.is-dark .panel-heading { + background-color: #363636; + color: #fff; +} +.panel.is-dark .panel-tabs a.is-active { + border-bottom-color: #363636; +} +.panel.is-dark .panel-block.is-active .panel-icon { + color: #363636; +} +.panel.is-primary .panel-heading { + background-color: #3273dc; + color: #fff; +} +.panel.is-primary .panel-tabs a.is-active { + border-bottom-color: #3273dc; +} +.panel.is-primary .panel-block.is-active .panel-icon { + color: #3273dc; +} +.panel.is-link .panel-heading { + background-color: #3273dc; + color: #fff; +} +.panel.is-link .panel-tabs a.is-active { + border-bottom-color: #3273dc; +} +.panel.is-link .panel-block.is-active .panel-icon { + color: #3273dc; +} +.panel.is-info .panel-heading { + background-color: #3298dc; + color: #fff; +} +.panel.is-info .panel-tabs a.is-active { + border-bottom-color: #3298dc; +} +.panel.is-info .panel-block.is-active .panel-icon { + color: #3298dc; +} +.panel.is-success .panel-heading { + background-color: #48c774; + color: #fff; +} +.panel.is-success .panel-tabs a.is-active { + border-bottom-color: #48c774; +} +.panel.is-success .panel-block.is-active .panel-icon { + color: #48c774; +} +.panel.is-warning .panel-heading { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.panel.is-warning .panel-tabs a.is-active { + border-bottom-color: #ffdd57; +} +.panel.is-warning .panel-block.is-active .panel-icon { + color: #ffdd57; +} +.panel.is-danger .panel-heading { + background-color: #f14668; + color: #fff; +} +.panel.is-danger .panel-tabs a.is-active { + border-bottom-color: #f14668; +} +.panel.is-danger .panel-block.is-active .panel-icon { + color: #f14668; +} +.panel.is-grey-lightest .panel-heading { + background-color: #ededed; + color: #363636; +} +.panel.is-grey-lightest .panel-tabs a.is-active { + border-bottom-color: #ededed; +} +.panel.is-grey-lightest .panel-block.is-active .panel-icon { + color: #ededed; +} +.panel-tabs:not(:last-child), +.panel-block:not(:last-child) { + border-bottom: 1px solid #ededed; +} +.panel-heading { + background-color: #ededed; + border-radius: 6px 6px 0 0; + color: #363636; + font-size: 1.25em; + font-weight: 700; + line-height: 1.25; + padding: 0.75em 1em; +} +.panel-tabs { + align-items: flex-end; + display: flex; + font-size: 0.875em; + justify-content: center; +} +.panel-tabs a { + border-bottom: 1px solid #dbdbdb; + margin-bottom: -1px; + padding: 0.5em; +} +.panel-tabs a.is-active { + border-bottom-color: #4a4a4a; + color: #363636; +} +.panel-list a { + color: #4a4a4a; +} +.panel-list a:hover { + color: #3273dc; +} +.panel-block { + align-items: center; + color: #363636; + display: flex; + justify-content: flex-start; + padding: 0.5em 0.75em; +} +.panel-block input[type="checkbox"] { + margin-right: 0.75em; +} +.panel-block > .control { + flex-grow: 1; + flex-shrink: 1; + width: 100%; +} +.panel-block.is-wrapped { + flex-wrap: wrap; +} +.panel-block.is-active { + border-left-color: #3273dc; + color: #363636; +} +.panel-block.is-active .panel-icon { + color: #3273dc; +} +.panel-block:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; +} +a.panel-block, +label.panel-block { + cursor: pointer; +} +a.panel-block:hover, +label.panel-block:hover { + background-color: #f5f5f5; +} +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: #7a7a7a; + margin-right: 0.75em; +} +.panel-icon .fa { + font-size: inherit; + line-height: inherit; +} +.tabs { + -webkit-overflow-scrolling: touch; + align-items: stretch; + display: flex; + font-size: 1rem; + justify-content: space-between; + overflow: hidden; + overflow-x: auto; + white-space: nowrap; +} +.tabs a { + align-items: center; + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + color: #4a4a4a; + display: flex; + justify-content: center; + margin-bottom: -1px; + padding: 0.5em 1em; + vertical-align: top; +} +.tabs a:hover { + border-bottom-color: #363636; + color: #363636; +} +.tabs li { + display: block; +} +.tabs li.is-active a { + border-bottom-color: #3273dc; + color: #3273dc; +} +.tabs ul { + align-items: center; + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + display: flex; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start; +} +.tabs ul.is-left { + padding-right: 0.75em; +} +.tabs ul.is-center { + flex: none; + justify-content: center; + padding-left: 0.75em; + padding-right: 0.75em; +} +.tabs ul.is-right { + justify-content: flex-end; + padding-left: 0.75em; +} +.tabs .icon:first-child { + margin-right: 0.5em; +} +.tabs .icon:last-child { + margin-left: 0.5em; +} +.tabs.is-centered ul { + justify-content: center; +} +.tabs.is-right ul { + justify-content: flex-end; +} +.tabs.is-boxed a { + border: 1px solid transparent; + border-radius: 4px 4px 0 0; +} +.tabs.is-boxed a:hover { + background-color: #f5f5f5; + border-bottom-color: #dbdbdb; +} +.tabs.is-boxed li.is-active a { + background-color: #fff; + 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: #f5f5f5; + 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: #3273dc; + border-color: #3273dc; + color: #fff; + z-index: 1; +} +.tabs.is-toggle ul { + border-bottom: none; +} +.tabs.is-toggle.is-toggle-rounded li:first-child a { + border-bottom-left-radius: 290486px; + border-top-left-radius: 290486px; + padding-left: 1.25em; +} +.tabs.is-toggle.is-toggle-rounded li:last-child a { + border-bottom-right-radius: 290486px; + border-top-right-radius: 290486px; + padding-right: 1.25em; +} +.tabs.is-small { + font-size: 0.75rem; +} +.tabs.is-medium { + font-size: 1.25rem; +} +.tabs.is-large { + font-size: 1.5rem; +} +.box { + background-color: #fff; + border-radius: 6px; + box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,0.1), 0 0px 0 1px rgba(10,10,10,0.02); + color: #4a4a4a; + display: block; + padding: 1.25rem; +} +a.box:hover, +a.box:focus { + box-shadow: 0 0.5em 1em -0.125em rgba(10,10,10,0.1), 0 0 0 1px #3273dc; +} +a.box:active { + box-shadow: inset 0 1px 2px rgba(10,10,10,0.2), 0 0 0 1px #3273dc; +} +.button { + background-color: #fff; + border-color: #dbdbdb; + border-width: 1px; + color: #363636; + cursor: pointer; + justify-content: center; + padding-bottom: calc(0.375em - 1px); + padding-left: 1em; + padding-right: 1em; + 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.5em - 1px); + margin-right: 0.25em; +} +.button .icon:last-child:not(:first-child) { + margin-left: 0.25em; + margin-right: calc(-0.5em - 1px); +} +.button .icon:first-child:last-child { + margin-left: calc(-0.5em - 1px); + margin-right: calc(-0.5em - 1px); +} +.button:hover, +.button.is-hovered { + border-color: #b5b5b5; + color: #363636; +} +.button:focus, +.button.is-focused { + border-color: #3273dc; + color: #363636; +} +.button:focus:not(:active), +.button.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.button:active, +.button.is-active { + border-color: #4a4a4a; + color: #363636; +} +.button.is-text { + background-color: transparent; + border-color: transparent; + color: #4a4a4a; + text-decoration: underline; +} +.button.is-text:hover, +.button.is-text.is-hovered, +.button.is-text:focus, +.button.is-text.is-focused { + background-color: #f5f5f5; + 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: #fff; + 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: #fff; + border-color: transparent; + box-shadow: none; +} +.button.is-white.is-inverted { + background-color: #0a0a0a; + color: #fff; +} +.button.is-white.is-inverted:hover, +.button.is-white.is-inverted.is-hovered { + background-color: #000; +} +.button.is-white.is-inverted[disabled], +fieldset[disabled] .button.is-white.is-inverted { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none; + color: #fff; +} +.button.is-white.is-loading::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; +} +.button.is-white.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.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: #fff; + border-color: #fff; + color: #0a0a0a; +} +.button.is-white.is-outlined.is-loading::after { + border-color: transparent transparent #fff #fff !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: #fff; + box-shadow: none; + color: #fff; +} +.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: #fff; +} +.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 #fff #fff !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: #fff; +} +.button.is-black:hover, +.button.is-black.is-hovered { + background-color: #040404; + border-color: transparent; + color: #fff; +} +.button.is-black:focus, +.button.is-black.is-focused { + border-color: transparent; + color: #fff; +} +.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: #000; + border-color: transparent; + color: #fff; +} +.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: #fff; + 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: #fff; + border-color: transparent; + box-shadow: none; + color: #0a0a0a; +} +.button.is-black.is-loading::after { + border-color: transparent transparent #fff #fff !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: #fff; +} +.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 #fff #fff !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: #fff; + color: #fff; +} +.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: #fff; + 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: #fff; + box-shadow: none; + color: #fff; +} +.button.is-light, +article.article .article-more { + background-color: #f5f5f5; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-light:hover, +article.article .article-more:hover, +.button.is-light.is-hovered, +article.article .article-more.is-hovered { + background-color: #eee; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-light:focus, +article.article .article-more:focus, +.button.is-light.is-focused, +article.article .article-more.is-focused { + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-light:focus:not(:active), +article.article .article-more:focus:not(:active), +.button.is-light.is-focused:not(:active), +article.article .article-more.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(245,245,245,0.25); +} +.button.is-light:active, +article.article .article-more:active, +.button.is-light.is-active, +article.article .article-more.is-active { + background-color: #e8e8e8; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-light[disabled], +article.article .article-more[disabled], +fieldset[disabled] .button.is-light, +fieldset[disabled] article.article .article-more { + background-color: #f5f5f5; + border-color: transparent; + box-shadow: none; +} +.button.is-light.is-inverted, +article.article .article-more.is-inverted { + background-color: rgba(0,0,0,0.7); + color: #f5f5f5; +} +.button.is-light.is-inverted:hover, +article.article .article-more.is-inverted:hover, +.button.is-light.is-inverted.is-hovered, +article.article .article-more.is-inverted.is-hovered { + background-color: rgba(0,0,0,0.7); +} +.button.is-light.is-inverted[disabled], +article.article .article-more.is-inverted[disabled], +fieldset[disabled] .button.is-light.is-inverted, +fieldset[disabled] article.article .article-more.is-inverted { + background-color: rgba(0,0,0,0.7); + border-color: transparent; + box-shadow: none; + color: #f5f5f5; +} +.button.is-light.is-loading::after, +article.article .article-more.is-loading::after { + border-color: transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important; +} +.button.is-light.is-outlined, +article.article .article-more.is-outlined { + background-color: transparent; + border-color: #f5f5f5; + color: #f5f5f5; +} +.button.is-light.is-outlined:hover, +article.article .article-more.is-outlined:hover, +.button.is-light.is-outlined.is-hovered, +article.article .article-more.is-outlined.is-hovered, +.button.is-light.is-outlined:focus, +article.article .article-more.is-outlined:focus, +.button.is-light.is-outlined.is-focused, +article.article .article-more.is-outlined.is-focused { + background-color: #f5f5f5; + border-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.button.is-light.is-outlined.is-loading::after, +article.article .article-more.is-outlined.is-loading::after { + border-color: transparent transparent #f5f5f5 #f5f5f5 !important; +} +.button.is-light.is-outlined.is-loading:hover::after, +article.article .article-more.is-outlined.is-loading:hover::after, +.button.is-light.is-outlined.is-loading.is-hovered::after, +article.article .article-more.is-outlined.is-loading.is-hovered::after, +.button.is-light.is-outlined.is-loading:focus::after, +article.article .article-more.is-outlined.is-loading:focus::after, +.button.is-light.is-outlined.is-loading.is-focused::after, +article.article .article-more.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important; +} +.button.is-light.is-outlined[disabled], +article.article .article-more.is-outlined[disabled], +fieldset[disabled] .button.is-light.is-outlined, +fieldset[disabled] article.article .article-more.is-outlined { + background-color: transparent; + border-color: #f5f5f5; + box-shadow: none; + color: #f5f5f5; +} +.button.is-light.is-inverted.is-outlined, +article.article .article-more.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0,0,0,0.7); + color: rgba(0,0,0,0.7); +} +.button.is-light.is-inverted.is-outlined:hover, +article.article .article-more.is-inverted.is-outlined:hover, +.button.is-light.is-inverted.is-outlined.is-hovered, +article.article .article-more.is-inverted.is-outlined.is-hovered, +.button.is-light.is-inverted.is-outlined:focus, +article.article .article-more.is-inverted.is-outlined:focus, +.button.is-light.is-inverted.is-outlined.is-focused, +article.article .article-more.is-inverted.is-outlined.is-focused { + background-color: rgba(0,0,0,0.7); + color: #f5f5f5; +} +.button.is-light.is-inverted.is-outlined.is-loading:hover::after, +article.article .article-more.is-inverted.is-outlined.is-loading:hover::after, +.button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, +article.article .article-more.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-light.is-inverted.is-outlined.is-loading:focus::after, +article.article .article-more.is-inverted.is-outlined.is-loading:focus::after, +.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after, +article.article .article-more.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #f5f5f5 #f5f5f5 !important; +} +.button.is-light.is-inverted.is-outlined[disabled], +article.article .article-more.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-light.is-inverted.is-outlined, +fieldset[disabled] article.article .article-more.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0,0,0,0.7); + box-shadow: none; + color: rgba(0,0,0,0.7); +} +.button.is-dark { + background-color: #363636; + border-color: transparent; + color: #fff; +} +.button.is-dark:hover, +.button.is-dark.is-hovered { + background-color: #2f2f2f; + border-color: transparent; + color: #fff; +} +.button.is-dark:focus, +.button.is-dark.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-dark:focus:not(:active), +.button.is-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(54,54,54,0.25); +} +.button.is-dark:active, +.button.is-dark.is-active { + background-color: #292929; + border-color: transparent; + color: #fff; +} +.button.is-dark[disabled], +fieldset[disabled] .button.is-dark { + background-color: #363636; + border-color: transparent; + box-shadow: none; +} +.button.is-dark.is-inverted { + background-color: #fff; + color: #363636; +} +.button.is-dark.is-inverted:hover, +.button.is-dark.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-dark.is-inverted[disabled], +fieldset[disabled] .button.is-dark.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #363636; +} +.button.is-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} +.button.is-dark.is-outlined:hover, +.button.is-dark.is-outlined.is-hovered, +.button.is-dark.is-outlined:focus, +.button.is-dark.is-outlined.is-focused { + background-color: #363636; + border-color: #363636; + color: #fff; +} +.button.is-dark.is-outlined.is-loading::after { + border-color: transparent transparent #363636 #363636 !important; +} +.button.is-dark.is-outlined.is-loading:hover::after, +.button.is-dark.is-outlined.is-loading.is-hovered::after, +.button.is-dark.is-outlined.is-loading:focus::after, +.button.is-dark.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-dark.is-outlined[disabled], +fieldset[disabled] .button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636; +} +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-dark.is-inverted.is-outlined:hover, +.button.is-dark.is-inverted.is-outlined.is-hovered, +.button.is-dark.is-inverted.is-outlined:focus, +.button.is-dark.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #363636; +} +.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, +.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-dark.is-inverted.is-outlined.is-loading:focus::after, +.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #363636 #363636 !important; +} +.button.is-dark.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-primary { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} +.button.is-primary:hover, +.button.is-primary.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; +} +.button.is-primary:focus, +.button.is-primary.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-primary:focus:not(:active), +.button.is-primary.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.button.is-primary:active, +.button.is-primary.is-active { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} +.button.is-primary[disabled], +fieldset[disabled] .button.is-primary { + background-color: #3273dc; + border-color: transparent; + box-shadow: none; +} +.button.is-primary.is-inverted { + background-color: #fff; + color: #3273dc; +} +.button.is-primary.is-inverted:hover, +.button.is-primary.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-primary.is-inverted[disabled], +fieldset[disabled] .button.is-primary.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #3273dc; +} +.button.is-primary.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-primary.is-outlined { + background-color: transparent; + border-color: #3273dc; + color: #3273dc; +} +.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: #3273dc; + border-color: #3273dc; + color: #fff; +} +.button.is-primary.is-outlined.is-loading::after { + border-color: transparent transparent #3273dc #3273dc !important; +} +.button.is-primary.is-outlined.is-loading:hover::after, +.button.is-primary.is-outlined.is-loading.is-hovered::after, +.button.is-primary.is-outlined.is-loading:focus::after, +.button.is-primary.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-primary.is-outlined[disabled], +fieldset[disabled] .button.is-primary.is-outlined { + background-color: transparent; + border-color: #3273dc; + box-shadow: none; + color: #3273dc; +} +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-primary.is-inverted.is-outlined:hover, +.button.is-primary.is-inverted.is-outlined.is-hovered, +.button.is-primary.is-inverted.is-outlined:focus, +.button.is-primary.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #3273dc; +} +.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 #3273dc #3273dc !important; +} +.button.is-primary.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-primary.is-light { + background-color: #eef3fc; + color: #2160c4; +} +.button.is-primary.is-light:hover, +.button.is-primary.is-light.is-hovered { + background-color: #e3ecfa; + border-color: transparent; + color: #2160c4; +} +.button.is-primary.is-light:active, +.button.is-primary.is-light.is-active { + background-color: #d8e4f8; + border-color: transparent; + color: #2160c4; +} +.button.is-link { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} +.button.is-link:hover, +.button.is-link.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; +} +.button.is-link:focus, +.button.is-link.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-link:focus:not(:active), +.button.is-link.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.button.is-link:active, +.button.is-link.is-active { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} +.button.is-link[disabled], +fieldset[disabled] .button.is-link { + background-color: #3273dc; + border-color: transparent; + box-shadow: none; +} +.button.is-link.is-inverted { + background-color: #fff; + color: #3273dc; +} +.button.is-link.is-inverted:hover, +.button.is-link.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-link.is-inverted[disabled], +fieldset[disabled] .button.is-link.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #3273dc; +} +.button.is-link.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-link.is-outlined { + background-color: transparent; + border-color: #3273dc; + color: #3273dc; +} +.button.is-link.is-outlined:hover, +.button.is-link.is-outlined.is-hovered, +.button.is-link.is-outlined:focus, +.button.is-link.is-outlined.is-focused { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} +.button.is-link.is-outlined.is-loading::after { + border-color: transparent transparent #3273dc #3273dc !important; +} +.button.is-link.is-outlined.is-loading:hover::after, +.button.is-link.is-outlined.is-loading.is-hovered::after, +.button.is-link.is-outlined.is-loading:focus::after, +.button.is-link.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-link.is-outlined[disabled], +fieldset[disabled] .button.is-link.is-outlined { + background-color: transparent; + border-color: #3273dc; + box-shadow: none; + color: #3273dc; +} +.button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-link.is-inverted.is-outlined:hover, +.button.is-link.is-inverted.is-outlined.is-hovered, +.button.is-link.is-inverted.is-outlined:focus, +.button.is-link.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #3273dc; +} +.button.is-link.is-inverted.is-outlined.is-loading:hover::after, +.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-link.is-inverted.is-outlined.is-loading:focus::after, +.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #3273dc #3273dc !important; +} +.button.is-link.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-link.is-light { + background-color: #eef3fc; + color: #2160c4; +} +.button.is-link.is-light:hover, +.button.is-link.is-light.is-hovered { + background-color: #e3ecfa; + border-color: transparent; + color: #2160c4; +} +.button.is-link.is-light:active, +.button.is-link.is-light.is-active { + background-color: #d8e4f8; + border-color: transparent; + color: #2160c4; +} +.button.is-info { + background-color: #3298dc; + border-color: transparent; + color: #fff; +} +.button.is-info:hover, +.button.is-info.is-hovered { + background-color: #2793da; + border-color: transparent; + color: #fff; +} +.button.is-info:focus, +.button.is-info.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-info:focus:not(:active), +.button.is-info.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(50,152,220,0.25); +} +.button.is-info:active, +.button.is-info.is-active { + background-color: #238cd1; + border-color: transparent; + color: #fff; +} +.button.is-info[disabled], +fieldset[disabled] .button.is-info { + background-color: #3298dc; + border-color: transparent; + box-shadow: none; +} +.button.is-info.is-inverted { + background-color: #fff; + color: #3298dc; +} +.button.is-info.is-inverted:hover, +.button.is-info.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-info.is-inverted[disabled], +fieldset[disabled] .button.is-info.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #3298dc; +} +.button.is-info.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-info.is-outlined { + background-color: transparent; + border-color: #3298dc; + color: #3298dc; +} +.button.is-info.is-outlined:hover, +.button.is-info.is-outlined.is-hovered, +.button.is-info.is-outlined:focus, +.button.is-info.is-outlined.is-focused { + background-color: #3298dc; + border-color: #3298dc; + color: #fff; +} +.button.is-info.is-outlined.is-loading::after { + border-color: transparent transparent #3298dc #3298dc !important; +} +.button.is-info.is-outlined.is-loading:hover::after, +.button.is-info.is-outlined.is-loading.is-hovered::after, +.button.is-info.is-outlined.is-loading:focus::after, +.button.is-info.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-info.is-outlined[disabled], +fieldset[disabled] .button.is-info.is-outlined { + background-color: transparent; + border-color: #3298dc; + box-shadow: none; + color: #3298dc; +} +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-info.is-inverted.is-outlined:hover, +.button.is-info.is-inverted.is-outlined.is-hovered, +.button.is-info.is-inverted.is-outlined:focus, +.button.is-info.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #3298dc; +} +.button.is-info.is-inverted.is-outlined.is-loading:hover::after, +.button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-info.is-inverted.is-outlined.is-loading:focus::after, +.button.is-info.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #3298dc #3298dc !important; +} +.button.is-info.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-info.is-light { + background-color: #eef6fc; + color: #1d72aa; +} +.button.is-info.is-light:hover, +.button.is-info.is-light.is-hovered { + background-color: #e3f1fa; + border-color: transparent; + color: #1d72aa; +} +.button.is-info.is-light:active, +.button.is-info.is-light.is-active { + background-color: #d8ebf8; + border-color: transparent; + color: #1d72aa; +} +.button.is-success { + background-color: #48c774; + border-color: transparent; + color: #fff; +} +.button.is-success:hover, +.button.is-success.is-hovered { + background-color: #3ec46d; + border-color: transparent; + color: #fff; +} +.button.is-success:focus, +.button.is-success.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-success:focus:not(:active), +.button.is-success.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(72,199,116,0.25); +} +.button.is-success:active, +.button.is-success.is-active { + background-color: #3abb67; + border-color: transparent; + color: #fff; +} +.button.is-success[disabled], +fieldset[disabled] .button.is-success { + background-color: #48c774; + border-color: transparent; + box-shadow: none; +} +.button.is-success.is-inverted { + background-color: #fff; + color: #48c774; +} +.button.is-success.is-inverted:hover, +.button.is-success.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-success.is-inverted[disabled], +fieldset[disabled] .button.is-success.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #48c774; +} +.button.is-success.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-success.is-outlined { + background-color: transparent; + border-color: #48c774; + color: #48c774; +} +.button.is-success.is-outlined:hover, +.button.is-success.is-outlined.is-hovered, +.button.is-success.is-outlined:focus, +.button.is-success.is-outlined.is-focused { + background-color: #48c774; + border-color: #48c774; + color: #fff; +} +.button.is-success.is-outlined.is-loading::after { + border-color: transparent transparent #48c774 #48c774 !important; +} +.button.is-success.is-outlined.is-loading:hover::after, +.button.is-success.is-outlined.is-loading.is-hovered::after, +.button.is-success.is-outlined.is-loading:focus::after, +.button.is-success.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-success.is-outlined[disabled], +fieldset[disabled] .button.is-success.is-outlined { + background-color: transparent; + border-color: #48c774; + box-shadow: none; + color: #48c774; +} +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-success.is-inverted.is-outlined:hover, +.button.is-success.is-inverted.is-outlined.is-hovered, +.button.is-success.is-inverted.is-outlined:focus, +.button.is-success.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #48c774; +} +.button.is-success.is-inverted.is-outlined.is-loading:hover::after, +.button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-success.is-inverted.is-outlined.is-loading:focus::after, +.button.is-success.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #48c774 #48c774 !important; +} +.button.is-success.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-success.is-light { + background-color: #effaf3; + color: #257942; +} +.button.is-success.is-light:hover, +.button.is-success.is-light.is-hovered { + background-color: #e6f7ec; + border-color: transparent; + color: #257942; +} +.button.is-success.is-light:active, +.button.is-success.is-light.is-active { + background-color: #dcf4e4; + border-color: transparent; + color: #257942; +} +.button.is-warning { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-warning:hover, +.button.is-warning.is-hovered { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-warning:focus, +.button.is-warning.is-focused { + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-warning:focus:not(:active), +.button.is-warning.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255,221,87,0.25); +} +.button.is-warning:active, +.button.is-warning.is-active { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.button.is-warning[disabled], +fieldset[disabled] .button.is-warning { + background-color: #ffdd57; + border-color: transparent; + box-shadow: none; +} +.button.is-warning.is-inverted { + background-color: rgba(0,0,0,0.7); + color: #ffdd57; +} +.button.is-warning.is-inverted:hover, +.button.is-warning.is-inverted.is-hovered { + background-color: rgba(0,0,0,0.7); +} +.button.is-warning.is-inverted[disabled], +fieldset[disabled] .button.is-warning.is-inverted { + background-color: rgba(0,0,0,0.7); + border-color: transparent; + box-shadow: none; + color: #ffdd57; +} +.button.is-warning.is-loading::after { + border-color: transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important; +} +.button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffdd57; + color: #ffdd57; +} +.button.is-warning.is-outlined:hover, +.button.is-warning.is-outlined.is-hovered, +.button.is-warning.is-outlined:focus, +.button.is-warning.is-outlined.is-focused { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.button.is-warning.is-outlined.is-loading::after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; +} +.button.is-warning.is-outlined.is-loading:hover::after, +.button.is-warning.is-outlined.is-loading.is-hovered::after, +.button.is-warning.is-outlined.is-loading:focus::after, +.button.is-warning.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent rgba(0,0,0,0.7) rgba(0,0,0,0.7) !important; +} +.button.is-warning.is-outlined[disabled], +fieldset[disabled] .button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffdd57; + box-shadow: none; + color: #ffdd57; +} +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0,0,0,0.7); + color: rgba(0,0,0,0.7); +} +.button.is-warning.is-inverted.is-outlined:hover, +.button.is-warning.is-inverted.is-outlined.is-hovered, +.button.is-warning.is-inverted.is-outlined:focus, +.button.is-warning.is-inverted.is-outlined.is-focused { + background-color: rgba(0,0,0,0.7); + color: #ffdd57; +} +.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, +.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-warning.is-inverted.is-outlined.is-loading:focus::after, +.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; +} +.button.is-warning.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0,0,0,0.7); + box-shadow: none; + color: rgba(0,0,0,0.7); +} +.button.is-warning.is-light { + background-color: #fffbeb; + color: #947600; +} +.button.is-warning.is-light:hover, +.button.is-warning.is-light.is-hovered { + background-color: #fff8de; + border-color: transparent; + color: #947600; +} +.button.is-warning.is-light:active, +.button.is-warning.is-light.is-active { + background-color: #fff6d1; + border-color: transparent; + color: #947600; +} +.button.is-danger { + background-color: #f14668; + border-color: transparent; + color: #fff; +} +.button.is-danger:hover, +.button.is-danger.is-hovered { + background-color: #f03a5f; + border-color: transparent; + color: #fff; +} +.button.is-danger:focus, +.button.is-danger.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-danger:focus:not(:active), +.button.is-danger.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(241,70,104,0.25); +} +.button.is-danger:active, +.button.is-danger.is-active { + background-color: #ef2e55; + border-color: transparent; + color: #fff; +} +.button.is-danger[disabled], +fieldset[disabled] .button.is-danger { + background-color: #f14668; + border-color: transparent; + box-shadow: none; +} +.button.is-danger.is-inverted { + background-color: #fff; + color: #f14668; +} +.button.is-danger.is-inverted:hover, +.button.is-danger.is-inverted.is-hovered { + background-color: #f2f2f2; +} +.button.is-danger.is-inverted[disabled], +fieldset[disabled] .button.is-danger.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #f14668; +} +.button.is-danger.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-danger.is-outlined { + background-color: transparent; + border-color: #f14668; + color: #f14668; +} +.button.is-danger.is-outlined:hover, +.button.is-danger.is-outlined.is-hovered, +.button.is-danger.is-outlined:focus, +.button.is-danger.is-outlined.is-focused { + background-color: #f14668; + border-color: #f14668; + color: #fff; +} +.button.is-danger.is-outlined.is-loading::after { + border-color: transparent transparent #f14668 #f14668 !important; +} +.button.is-danger.is-outlined.is-loading:hover::after, +.button.is-danger.is-outlined.is-loading.is-hovered::after, +.button.is-danger.is-outlined.is-loading:focus::after, +.button.is-danger.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-danger.is-outlined[disabled], +fieldset[disabled] .button.is-danger.is-outlined { + background-color: transparent; + border-color: #f14668; + box-shadow: none; + color: #f14668; +} +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-danger.is-inverted.is-outlined:hover, +.button.is-danger.is-inverted.is-outlined.is-hovered, +.button.is-danger.is-inverted.is-outlined:focus, +.button.is-danger.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #f14668; +} +.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, +.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-danger.is-inverted.is-outlined.is-loading:focus::after, +.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #f14668 #f14668 !important; +} +.button.is-danger.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; +} +.button.is-danger.is-light:hover, +.button.is-danger.is-light.is-hovered { + background-color: #fde0e6; + border-color: transparent; + color: #cc0f35; +} +.button.is-danger.is-light:active, +.button.is-danger.is-light.is-active { + background-color: #fcd4dc; + border-color: transparent; + color: #cc0f35; +} +.button.is-grey-lightest { + background-color: #ededed; + border-color: transparent; + color: #363636; +} +.button.is-grey-lightest:hover, +.button.is-grey-lightest.is-hovered { + background-color: #e7e7e7; + border-color: transparent; + color: #363636; +} +.button.is-grey-lightest:focus, +.button.is-grey-lightest.is-focused { + border-color: transparent; + color: #363636; +} +.button.is-grey-lightest:focus:not(:active), +.button.is-grey-lightest.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(237,237,237,0.25); +} +.button.is-grey-lightest:active, +.button.is-grey-lightest.is-active { + background-color: #e0e0e0; + border-color: transparent; + color: #363636; +} +.button.is-grey-lightest[disabled], +fieldset[disabled] .button.is-grey-lightest { + background-color: #ededed; + border-color: transparent; + box-shadow: none; +} +.button.is-grey-lightest.is-inverted { + background-color: #363636; + color: #ededed; +} +.button.is-grey-lightest.is-inverted:hover, +.button.is-grey-lightest.is-inverted.is-hovered { + background-color: #292929; +} +.button.is-grey-lightest.is-inverted[disabled], +fieldset[disabled] .button.is-grey-lightest.is-inverted { + background-color: #363636; + border-color: transparent; + box-shadow: none; + color: #ededed; +} +.button.is-grey-lightest.is-loading::after { + border-color: transparent transparent #363636 #363636 !important; +} +.button.is-grey-lightest.is-outlined { + background-color: transparent; + border-color: #ededed; + color: #ededed; +} +.button.is-grey-lightest.is-outlined:hover, +.button.is-grey-lightest.is-outlined.is-hovered, +.button.is-grey-lightest.is-outlined:focus, +.button.is-grey-lightest.is-outlined.is-focused { + background-color: #ededed; + border-color: #ededed; + color: #363636; +} +.button.is-grey-lightest.is-outlined.is-loading::after { + border-color: transparent transparent #ededed #ededed !important; +} +.button.is-grey-lightest.is-outlined.is-loading:hover::after, +.button.is-grey-lightest.is-outlined.is-loading.is-hovered::after, +.button.is-grey-lightest.is-outlined.is-loading:focus::after, +.button.is-grey-lightest.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #363636 #363636 !important; +} +.button.is-grey-lightest.is-outlined[disabled], +fieldset[disabled] .button.is-grey-lightest.is-outlined { + background-color: transparent; + border-color: #ededed; + box-shadow: none; + color: #ededed; +} +.button.is-grey-lightest.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; +} +.button.is-grey-lightest.is-inverted.is-outlined:hover, +.button.is-grey-lightest.is-inverted.is-outlined.is-hovered, +.button.is-grey-lightest.is-inverted.is-outlined:focus, +.button.is-grey-lightest.is-inverted.is-outlined.is-focused { + background-color: #363636; + color: #ededed; +} +.button.is-grey-lightest.is-inverted.is-outlined.is-loading:hover::after, +.button.is-grey-lightest.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-grey-lightest.is-inverted.is-outlined.is-loading:focus::after, +.button.is-grey-lightest.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #ededed #ededed !important; +} +.button.is-grey-lightest.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-grey-lightest.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636; +} +.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: #fff; + 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: #f5f5f5; + border-color: #dbdbdb; + color: #7a7a7a; + box-shadow: none; + pointer-events: none; +} +.button.is-rounded { + border-radius: 290486px; + padding-left: calc(1em + 0.25em); + padding-right: calc(1em + 0.25em); +} +.buttons { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.buttons .button { + margin-bottom: 0.5rem; +} +.buttons .button:not(:last-child):not(.is-fullwidth) { + margin-right: 0.5rem; +} +.buttons:last-child { + margin-bottom: -0.5rem; +} +.buttons:not(:last-child) { + margin-bottom: 1rem; +} +.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { + border-radius: 2px; + font-size: 0.75rem; +} +.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { + font-size: 1.25rem; +} +.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { + font-size: 1.5rem; +} +.buttons.has-addons .button:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.buttons.has-addons .button:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + margin-right: -1px; +} +.buttons.has-addons .button:last-child { + margin-right: 0; +} +.buttons.has-addons .button:hover, +.buttons.has-addons .button.is-hovered { + z-index: 2; +} +.buttons.has-addons .button:focus, +.buttons.has-addons .button.is-focused, +.buttons.has-addons .button:active, +.buttons.has-addons .button.is-active, +.buttons.has-addons .button.is-selected { + z-index: 3; +} +.buttons.has-addons .button:focus:hover, +.buttons.has-addons .button.is-focused:hover, +.buttons.has-addons .button:active:hover, +.buttons.has-addons .button.is-active:hover, +.buttons.has-addons .button.is-selected:hover { + z-index: 4; +} +.buttons.has-addons .button.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} +.buttons.is-centered { + justify-content: center; +} +.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; +} +.buttons.is-right { + justify-content: flex-end; +} +.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; +} +.container { + flex-grow: 1; + margin: 0 auto; + position: relative; + width: auto; +} +.container.is-fluid { + max-width: none; + padding-left: 64px; + padding-right: 64px; + width: 100%; +} +@media screen and (min-width: 1088px) { + .container { + max-width: 960px; + } +} +@media screen and (max-width: 1279px) { + .container.is-widescreen { + max-width: 1152px; + } +} +@media screen and (max-width: 1471px) { + .container.is-fullhd { + max-width: 1344px; + } +} +@media screen and (min-width: 1280px) { + .container { + max-width: 1152px; + } +} +@media screen and (min-width: 1472px) { + .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: 400; + 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: #f5f5f5; + 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-fullwidth { + width: 100%; +} +.image.is-square img, +.image.is-1by1 img, +.image.is-5by4 img, +.image.is-4by3 img, +.image.is-3by2 img, +.image.is-5by3 img, +.image.is-16by9 img, +.image.is-2by1 img, +.image.is-3by1 img, +.image.is-4by5 img, +.image.is-3by4 img, +.image.is-2by3 img, +.image.is-3by5 img, +.image.is-9by16 img, +.image.is-1by2 img, +.image.is-1by3 img, +.image.is-square .has-ratio, +.image.is-1by1 .has-ratio, +.image.is-5by4 .has-ratio, +.image.is-4by3 .has-ratio, +.image.is-3by2 .has-ratio, +.image.is-5by3 .has-ratio, +.image.is-16by9 .has-ratio, +.image.is-2by1 .has-ratio, +.image.is-3by1 .has-ratio, +.image.is-4by5 .has-ratio, +.image.is-3by4 .has-ratio, +.image.is-2by3 .has-ratio, +.image.is-3by5 .has-ratio, +.image.is-9by16 .has-ratio, +.image.is-1by2 .has-ratio, +.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: #f5f5f5; + 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: #fff; +} +.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: #fff; + color: #0a0a0a; +} +.notification.is-black { + background-color: #0a0a0a; + color: #fff; +} +.notification.is-light { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.notification.is-dark { + background-color: #363636; + color: #fff; +} +.notification.is-primary { + background-color: #3273dc; + color: #fff; +} +.notification.is-link { + background-color: #3273dc; + color: #fff; +} +.notification.is-info { + background-color: #3298dc; + color: #fff; +} +.notification.is-success { + background-color: #48c774; + color: #fff; +} +.notification.is-warning { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.notification.is-danger { + background-color: #f14668; + color: #fff; +} +.notification.is-grey-lightest { + background-color: #ededed; + color: #363636; +} +.progress { + -moz-appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 290486px; + display: block; + height: 1rem; + overflow: hidden; + padding: 0; + width: 100%; +} +.progress::-webkit-progress-bar { + background-color: #ededed; +} +.progress::-webkit-progress-value { + background-color: #4a4a4a; +} +.progress::-moz-progress-bar { + background-color: #4a4a4a; +} +.progress::-ms-fill { + background-color: #4a4a4a; + border: none; +} +.progress.is-white::-webkit-progress-value { + background-color: #fff; +} +.progress.is-white::-moz-progress-bar { + background-color: #fff; +} +.progress.is-white::-ms-fill { + background-color: #fff; +} +.progress.is-white:indeterminate { + background-image: linear-gradient(to right, #fff 30%, #ededed 30%); +} +.progress.is-black::-webkit-progress-value { + background-color: #0a0a0a; +} +.progress.is-black::-moz-progress-bar { + background-color: #0a0a0a; +} +.progress.is-black::-ms-fill { + background-color: #0a0a0a; +} +.progress.is-black:indeterminate { + background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%); +} +.progress.is-light::-webkit-progress-value { + background-color: #f5f5f5; +} +.progress.is-light::-moz-progress-bar { + background-color: #f5f5f5; +} +.progress.is-light::-ms-fill { + background-color: #f5f5f5; +} +.progress.is-light:indeterminate { + background-image: linear-gradient(to right, #f5f5f5 30%, #ededed 30%); +} +.progress.is-dark::-webkit-progress-value { + background-color: #363636; +} +.progress.is-dark::-moz-progress-bar { + background-color: #363636; +} +.progress.is-dark::-ms-fill { + background-color: #363636; +} +.progress.is-dark:indeterminate { + background-image: linear-gradient(to right, #363636 30%, #ededed 30%); +} +.progress.is-primary::-webkit-progress-value { + background-color: #3273dc; +} +.progress.is-primary::-moz-progress-bar { + background-color: #3273dc; +} +.progress.is-primary::-ms-fill { + background-color: #3273dc; +} +.progress.is-primary:indeterminate { + background-image: linear-gradient(to right, #3273dc 30%, #ededed 30%); +} +.progress.is-link::-webkit-progress-value { + background-color: #3273dc; +} +.progress.is-link::-moz-progress-bar { + background-color: #3273dc; +} +.progress.is-link::-ms-fill { + background-color: #3273dc; +} +.progress.is-link:indeterminate { + background-image: linear-gradient(to right, #3273dc 30%, #ededed 30%); +} +.progress.is-info::-webkit-progress-value { + background-color: #3298dc; +} +.progress.is-info::-moz-progress-bar { + background-color: #3298dc; +} +.progress.is-info::-ms-fill { + background-color: #3298dc; +} +.progress.is-info:indeterminate { + background-image: linear-gradient(to right, #3298dc 30%, #ededed 30%); +} +.progress.is-success::-webkit-progress-value { + background-color: #48c774; +} +.progress.is-success::-moz-progress-bar { + background-color: #48c774; +} +.progress.is-success::-ms-fill { + background-color: #48c774; +} +.progress.is-success:indeterminate { + background-image: linear-gradient(to right, #48c774 30%, #ededed 30%); +} +.progress.is-warning::-webkit-progress-value { + background-color: #ffdd57; +} +.progress.is-warning::-moz-progress-bar { + background-color: #ffdd57; +} +.progress.is-warning::-ms-fill { + background-color: #ffdd57; +} +.progress.is-warning:indeterminate { + background-image: linear-gradient(to right, #ffdd57 30%, #ededed 30%); +} +.progress.is-danger::-webkit-progress-value { + background-color: #f14668; +} +.progress.is-danger::-moz-progress-bar { + background-color: #f14668; +} +.progress.is-danger::-ms-fill { + background-color: #f14668; +} +.progress.is-danger:indeterminate { + background-image: linear-gradient(to right, #f14668 30%, #ededed 30%); +} +.progress.is-grey-lightest::-webkit-progress-value { + background-color: #ededed; +} +.progress.is-grey-lightest::-moz-progress-bar { + background-color: #ededed; +} +.progress.is-grey-lightest::-ms-fill { + background-color: #ededed; +} +.progress.is-grey-lightest:indeterminate { + background-image: linear-gradient(to right, #ededed 30%, #ededed 30%); +} +.progress:indeterminate { + animation-duration: 1.5s; + animation-iteration-count: infinite; + animation-name: moveIndeterminate; + animation-timing-function: linear; + background-color: #ededed; + background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%); + background-position: top left; + background-repeat: no-repeat; + background-size: 150% 150%; +} +.progress:indeterminate::-webkit-progress-bar { + background-color: transparent; +} +.progress:indeterminate::-moz-progress-bar { + background-color: transparent; +} +.progress.is-small { + height: 0.75rem; +} +.progress.is-medium { + height: 1.25rem; +} +.progress.is-large { + height: 1.5rem; +} +@-moz-keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +@-webkit-keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +@-o-keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +@keyframes moveIndeterminate { + from { + background-position: 200% 0; + } + to { + background-position: -200% 0; + } +} +.table { + background-color: #fff; + 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: #fff; + border-color: #fff; + color: #0a0a0a; +} +.table td.is-black, +.table th.is-black { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: #fff; +} +.table td.is-light, +.table th.is-light { + background-color: #f5f5f5; + border-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.table td.is-dark, +.table th.is-dark { + background-color: #363636; + border-color: #363636; + color: #fff; +} +.table td.is-primary, +.table th.is-primary { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} +.table td.is-link, +.table th.is-link { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; +} +.table td.is-info, +.table th.is-info { + background-color: #3298dc; + border-color: #3298dc; + color: #fff; +} +.table td.is-success, +.table th.is-success { + background-color: #48c774; + border-color: #48c774; + color: #fff; +} +.table td.is-warning, +.table th.is-warning { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.table td.is-danger, +.table th.is-danger { + background-color: #f14668; + border-color: #f14668; + color: #fff; +} +.table td.is-grey-lightest, +.table th.is-grey-lightest { + background-color: #ededed; + border-color: #ededed; + color: #363636; +} +.table td.is-narrow, +.table th.is-narrow { + white-space: nowrap; + width: 1%; +} +.table td.is-selected, +.table th.is-selected { + background-color: #3273dc; + color: #fff; +} +.table td.is-selected a, +.table th.is-selected a, +.table td.is-selected strong, +.table th.is-selected strong { + color: currentColor; +} +.table th { + color: #363636; +} +.table th:not([align]) { + text-align: left; +} +.table tr.is-selected { + background-color: #3273dc; + color: #fff; +} +.table tr.is-selected a, +.table tr.is-selected strong { + color: currentColor; +} +.table tr.is-selected td, +.table tr.is-selected th { + border-color: #fff; + color: currentColor; +} +.table thead { + background-color: transparent; +} +.table thead td, +.table thead th { + border-width: 0 0 2px; + color: #363636; +} +.table tfoot { + background-color: transparent; +} +.table tfoot td, +.table tfoot th { + border-width: 2px 0 0; + color: #363636; +} +.table tbody { + background-color: transparent; +} +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0; +} +.table.is-bordered td, +.table.is-bordered th { + border-width: 1px; +} +.table.is-bordered tr:last-child td, +.table.is-bordered tr:last-child th { + border-bottom-width: 1px; +} +.table.is-fullwidth { + width: 100%; +} +.table.is-hoverable tbody tr:not(.is-selected):hover { + background-color: #fafafa; +} +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { + background-color: #fafafa; +} +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { + background-color: #f5f5f5; +} +.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: #f5f5f5; + 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: #fff; + color: #0a0a0a; +} +.tag:not(body).is-black { + background-color: #0a0a0a; + color: #fff; +} +.tag:not(body).is-light { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.tag:not(body).is-dark { + background-color: #363636; + color: #fff; +} +.tag:not(body).is-primary { + background-color: #3273dc; + color: #fff; +} +.tag:not(body).is-primary.is-light { + background-color: #eef3fc; + color: #2160c4; +} +.tag:not(body).is-link { + background-color: #3273dc; + color: #fff; +} +.tag:not(body).is-link.is-light { + background-color: #eef3fc; + color: #2160c4; +} +.tag:not(body).is-info { + background-color: #3298dc; + color: #fff; +} +.tag:not(body).is-info.is-light { + background-color: #eef6fc; + color: #1d72aa; +} +.tag:not(body).is-success { + background-color: #48c774; + color: #fff; +} +.tag:not(body).is-success.is-light { + background-color: #effaf3; + color: #257942; +} +.tag:not(body).is-warning { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.tag:not(body).is-warning.is-light { + background-color: #fffbeb; + color: #947600; +} +.tag:not(body).is-danger { + background-color: #f14668; + color: #fff; +} +.tag:not(body).is-danger.is-light { + background-color: #feecf0; + color: #cc0f35; +} +.tag:not(body).is-grey-lightest { + background-color: #ededed; + color: #363636; +} +.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, +.subtitle em, +.title span, +.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: 400; + 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.85rem; +} +.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.85rem; +} +.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: #f5f5f5; + border-radius: 290486px; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: 0.25rem 0.5rem; + text-align: center; + vertical-align: top; +} +.input, +.textarea, +.select select { + background-color: #fff; + border-color: #dbdbdb; + border-radius: 4px; + color: #363636; +} +.input::-moz-placeholder, +.textarea::-moz-placeholder, +.select select::-moz-placeholder { + color: rgba(54,54,54,0.3); +} +.input::-webkit-input-placeholder, +.textarea::-webkit-input-placeholder, +.select select::-webkit-input-placeholder { + color: rgba(54,54,54,0.3); +} +.input:-moz-placeholder, +.textarea:-moz-placeholder, +.select select:-moz-placeholder { + color: rgba(54,54,54,0.3); +} +.input:-ms-input-placeholder, +.textarea:-ms-input-placeholder, +.select select:-ms-input-placeholder { + color: rgba(54,54,54,0.3); +} +.input:hover, +.textarea:hover, +.select select:hover, +.input.is-hovered, +.textarea.is-hovered, +.select select.is-hovered { + border-color: #b5b5b5; +} +.input:focus, +.textarea:focus, +.select select:focus, +.input.is-focused, +.textarea.is-focused, +.select select.is-focused, +.input:active, +.textarea:active, +.select select:active, +.input.is-active, +.textarea.is-active, +.select select.is-active { + border-color: #3273dc; + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.input[disabled], +.textarea[disabled], +.select select[disabled], +fieldset[disabled] .input, +fieldset[disabled] .textarea, +fieldset[disabled] .select select { + background-color: #f5f5f5; + border-color: #f5f5f5; + box-shadow: none; + color: #7a7a7a; +} +.input[disabled]::-moz-placeholder, +.textarea[disabled]::-moz-placeholder, +.select select[disabled]::-moz-placeholder, +fieldset[disabled] .input::-moz-placeholder, +fieldset[disabled] .textarea::-moz-placeholder, +fieldset[disabled] .select select::-moz-placeholder { + color: rgba(122,122,122,0.3); +} +.input[disabled]::-webkit-input-placeholder, +.textarea[disabled]::-webkit-input-placeholder, +.select select[disabled]::-webkit-input-placeholder, +fieldset[disabled] .input::-webkit-input-placeholder, +fieldset[disabled] .textarea::-webkit-input-placeholder, +fieldset[disabled] .select select::-webkit-input-placeholder { + color: rgba(122,122,122,0.3); +} +.input[disabled]:-moz-placeholder, +.textarea[disabled]:-moz-placeholder, +.select select[disabled]:-moz-placeholder, +fieldset[disabled] .input:-moz-placeholder, +fieldset[disabled] .textarea:-moz-placeholder, +fieldset[disabled] .select select:-moz-placeholder { + color: rgba(122,122,122,0.3); +} +.input[disabled]:-ms-input-placeholder, +.textarea[disabled]:-ms-input-placeholder, +.select select[disabled]:-ms-input-placeholder, +fieldset[disabled] .input:-ms-input-placeholder, +fieldset[disabled] .textarea:-ms-input-placeholder, +fieldset[disabled] .select select:-ms-input-placeholder { + color: rgba(122,122,122,0.3); +} +.input, +.textarea { + box-shadow: inset 0 0.0625em 0.125em rgba(10,10,10,0.05); + max-width: 100%; + width: 100%; +} +.input[readonly], +.textarea[readonly] { + box-shadow: none; +} +.input.is-white, +.textarea.is-white { + border-color: #fff; +} +.input.is-white:focus, +.textarea.is-white:focus, +.input.is-white.is-focused, +.textarea.is-white.is-focused, +.input.is-white:active, +.textarea.is-white:active, +.input.is-white.is-active, +.textarea.is-white.is-active { + box-shadow: 0 0 0 0.125em rgba(255,255,255,0.25); +} +.input.is-black, +.textarea.is-black { + border-color: #0a0a0a; +} +.input.is-black:focus, +.textarea.is-black:focus, +.input.is-black.is-focused, +.textarea.is-black.is-focused, +.input.is-black:active, +.textarea.is-black:active, +.input.is-black.is-active, +.textarea.is-black.is-active { + box-shadow: 0 0 0 0.125em rgba(10,10,10,0.25); +} +.input.is-light, +.textarea.is-light { + border-color: #f5f5f5; +} +.input.is-light:focus, +.textarea.is-light:focus, +.input.is-light.is-focused, +.textarea.is-light.is-focused, +.input.is-light:active, +.textarea.is-light:active, +.input.is-light.is-active, +.textarea.is-light.is-active { + box-shadow: 0 0 0 0.125em rgba(245,245,245,0.25); +} +.input.is-dark, +.textarea.is-dark { + border-color: #363636; +} +.input.is-dark:focus, +.textarea.is-dark:focus, +.input.is-dark.is-focused, +.textarea.is-dark.is-focused, +.input.is-dark:active, +.textarea.is-dark:active, +.input.is-dark.is-active, +.textarea.is-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(54,54,54,0.25); +} +.input.is-primary, +.textarea.is-primary { + border-color: #3273dc; +} +.input.is-primary:focus, +.textarea.is-primary:focus, +.input.is-primary.is-focused, +.textarea.is-primary.is-focused, +.input.is-primary:active, +.textarea.is-primary:active, +.input.is-primary.is-active, +.textarea.is-primary.is-active { + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.input.is-link, +.textarea.is-link { + border-color: #3273dc; +} +.input.is-link:focus, +.textarea.is-link:focus, +.input.is-link.is-focused, +.textarea.is-link.is-focused, +.input.is-link:active, +.textarea.is-link:active, +.input.is-link.is-active, +.textarea.is-link.is-active { + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.input.is-info, +.textarea.is-info { + border-color: #3298dc; +} +.input.is-info:focus, +.textarea.is-info:focus, +.input.is-info.is-focused, +.textarea.is-info.is-focused, +.input.is-info:active, +.textarea.is-info:active, +.input.is-info.is-active, +.textarea.is-info.is-active { + box-shadow: 0 0 0 0.125em rgba(50,152,220,0.25); +} +.input.is-success, +.textarea.is-success { + border-color: #48c774; +} +.input.is-success:focus, +.textarea.is-success:focus, +.input.is-success.is-focused, +.textarea.is-success.is-focused, +.input.is-success:active, +.textarea.is-success:active, +.input.is-success.is-active, +.textarea.is-success.is-active { + box-shadow: 0 0 0 0.125em rgba(72,199,116,0.25); +} +.input.is-warning, +.textarea.is-warning { + border-color: #ffdd57; +} +.input.is-warning:focus, +.textarea.is-warning:focus, +.input.is-warning.is-focused, +.textarea.is-warning.is-focused, +.input.is-warning:active, +.textarea.is-warning:active, +.input.is-warning.is-active, +.textarea.is-warning.is-active { + box-shadow: 0 0 0 0.125em rgba(255,221,87,0.25); +} +.input.is-danger, +.textarea.is-danger { + border-color: #f14668; +} +.input.is-danger:focus, +.textarea.is-danger:focus, +.input.is-danger.is-focused, +.textarea.is-danger.is-focused, +.input.is-danger:active, +.textarea.is-danger:active, +.input.is-danger.is-active, +.textarea.is-danger.is-active { + box-shadow: 0 0 0 0.125em rgba(241,70,104,0.25); +} +.input.is-grey-lightest, +.textarea.is-grey-lightest { + border-color: #ededed; +} +.input.is-grey-lightest:focus, +.textarea.is-grey-lightest:focus, +.input.is-grey-lightest.is-focused, +.textarea.is-grey-lightest.is-focused, +.input.is-grey-lightest:active, +.textarea.is-grey-lightest:active, +.input.is-grey-lightest.is-active, +.textarea.is-grey-lightest.is-active { + box-shadow: 0 0 0 0.125em rgba(237,237,237,0.25); +} +.input.is-small, +.textarea.is-small { + border-radius: 2px; + font-size: 0.75rem; +} +.input.is-medium, +.textarea.is-medium { + font-size: 1.25rem; +} +.input.is-large, +.textarea.is-large { + font-size: 1.5rem; +} +.input.is-fullwidth, +.textarea.is-fullwidth { + display: block; + width: 100%; +} +.input.is-inline, +.textarea.is-inline { + display: inline; + width: auto; +} +.input.is-rounded { + border-radius: 290486px; + padding-left: calc(calc(0.75em - 1px) + 0.375em); + padding-right: calc(calc(0.75em - 1px) + 0.375em); +} +.input.is-static { + background-color: transparent; + border-color: transparent; + box-shadow: none; + padding-left: 0; + padding-right: 0; +} +.textarea { + display: block; + max-width: 100%; + min-width: 100%; + padding: calc(0.75em - 1px); + resize: vertical; +} +.textarea:not([rows]) { + max-height: 40em; + min-height: 8em; +} +.textarea[rows] { + height: initial; +} +.textarea.has-fixed-size { + resize: none; +} +.checkbox, +.radio { + cursor: pointer; + display: inline-block; + line-height: 1.25; + position: relative; +} +.checkbox input, +.radio input { + cursor: pointer; +} +.checkbox:hover, +.radio:hover { + color: #363636; +} +.checkbox[disabled], +.radio[disabled], +fieldset[disabled] .checkbox, +fieldset[disabled] .radio { + color: #7a7a7a; + cursor: not-allowed; +} +.radio + .radio { + margin-left: 0.5em; +} +.select { + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top; +} +.select:not(.is-multiple) { + height: 2.25em; +} +.select:not(.is-multiple):not(.is-loading)::after { + border-color: #3273dc; + right: 1.125em; + z-index: 4; +} +.select.is-rounded select { + border-radius: 290486px; + padding-left: 1em; +} +.select select { + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: none; +} +.select select::-ms-expand { + display: none; +} +.select select[disabled]:hover, +fieldset[disabled] .select select:hover { + border-color: #f5f5f5; +} +.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: #fff; +} +.select.is-white select { + border-color: #fff; +} +.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: #000; +} +.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: #f5f5f5; +} +.select.is-light select { + border-color: #f5f5f5; +} +.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: #3273dc; +} +.select.is-primary select { + border-color: #3273dc; +} +.select.is-primary select:hover, +.select.is-primary select.is-hovered { + border-color: #2366d1; +} +.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(50,115,220,0.25); +} +.select.is-link:not(:hover)::after { + border-color: #3273dc; +} +.select.is-link select { + border-color: #3273dc; +} +.select.is-link select:hover, +.select.is-link select.is-hovered { + border-color: #2366d1; +} +.select.is-link select:focus, +.select.is-link select.is-focused, +.select.is-link select:active, +.select.is-link select.is-active { + box-shadow: 0 0 0 0.125em rgba(50,115,220,0.25); +} +.select.is-info:not(:hover)::after { + border-color: #3298dc; +} +.select.is-info select { + border-color: #3298dc; +} +.select.is-info select:hover, +.select.is-info select.is-hovered { + border-color: #238cd1; +} +.select.is-info select:focus, +.select.is-info select.is-focused, +.select.is-info select:active, +.select.is-info select.is-active { + box-shadow: 0 0 0 0.125em rgba(50,152,220,0.25); +} +.select.is-success:not(:hover)::after { + border-color: #48c774; +} +.select.is-success select { + border-color: #48c774; +} +.select.is-success select:hover, +.select.is-success select.is-hovered { + border-color: #3abb67; +} +.select.is-success select:focus, +.select.is-success select.is-focused, +.select.is-success select:active, +.select.is-success select.is-active { + box-shadow: 0 0 0 0.125em rgba(72,199,116,0.25); +} +.select.is-warning:not(:hover)::after { + border-color: #ffdd57; +} +.select.is-warning select { + border-color: #ffdd57; +} +.select.is-warning select:hover, +.select.is-warning select.is-hovered { + border-color: #ffd83d; +} +.select.is-warning select:focus, +.select.is-warning select.is-focused, +.select.is-warning select:active, +.select.is-warning select.is-active { + box-shadow: 0 0 0 0.125em rgba(255,221,87,0.25); +} +.select.is-danger:not(:hover)::after { + border-color: #f14668; +} +.select.is-danger select { + border-color: #f14668; +} +.select.is-danger select:hover, +.select.is-danger select.is-hovered { + border-color: #ef2e55; +} +.select.is-danger select:focus, +.select.is-danger select.is-focused, +.select.is-danger select:active, +.select.is-danger select.is-active { + box-shadow: 0 0 0 0.125em rgba(241,70,104,0.25); +} +.select.is-grey-lightest:not(:hover)::after { + border-color: #ededed; +} +.select.is-grey-lightest select { + border-color: #ededed; +} +.select.is-grey-lightest select:hover, +.select.is-grey-lightest select.is-hovered { + border-color: #e0e0e0; +} +.select.is-grey-lightest select:focus, +.select.is-grey-lightest select.is-focused, +.select.is-grey-lightest select:active, +.select.is-grey-lightest select.is-active { + box-shadow: 0 0 0 0.125em rgba(237,237,237,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: #fff; + 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: #fff; +} +.file.is-black:hover .file-cta, +.file.is-black.is-hovered .file-cta { + background-color: #040404; + border-color: transparent; + color: #fff; +} +.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: #fff; +} +.file.is-black:active .file-cta, +.file.is-black.is-active .file-cta { + background-color: #000; + border-color: transparent; + color: #fff; +} +.file.is-light .file-cta { + background-color: #f5f5f5; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-light:hover .file-cta, +.file.is-light.is-hovered .file-cta { + background-color: #eee; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-light:focus .file-cta, +.file.is-light.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(245,245,245,0.25); + color: rgba(0,0,0,0.7); +} +.file.is-light:active .file-cta, +.file.is-light.is-active .file-cta { + background-color: #e8e8e8; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-dark .file-cta { + background-color: #363636; + border-color: transparent; + color: #fff; +} +.file.is-dark:hover .file-cta, +.file.is-dark.is-hovered .file-cta { + background-color: #2f2f2f; + border-color: transparent; + color: #fff; +} +.file.is-dark:focus .file-cta, +.file.is-dark.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(54,54,54,0.25); + color: #fff; +} +.file.is-dark:active .file-cta, +.file.is-dark.is-active .file-cta { + background-color: #292929; + border-color: transparent; + color: #fff; +} +.file.is-primary .file-cta { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} +.file.is-primary:hover .file-cta, +.file.is-primary.is-hovered .file-cta { + background-color: #276cda; + border-color: transparent; + color: #fff; +} +.file.is-primary:focus .file-cta, +.file.is-primary.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(50,115,220,0.25); + color: #fff; +} +.file.is-primary:active .file-cta, +.file.is-primary.is-active .file-cta { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} +.file.is-link .file-cta { + background-color: #3273dc; + border-color: transparent; + color: #fff; +} +.file.is-link:hover .file-cta, +.file.is-link.is-hovered .file-cta { + background-color: #276cda; + border-color: transparent; + color: #fff; +} +.file.is-link:focus .file-cta, +.file.is-link.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(50,115,220,0.25); + color: #fff; +} +.file.is-link:active .file-cta, +.file.is-link.is-active .file-cta { + background-color: #2366d1; + border-color: transparent; + color: #fff; +} +.file.is-info .file-cta { + background-color: #3298dc; + border-color: transparent; + color: #fff; +} +.file.is-info:hover .file-cta, +.file.is-info.is-hovered .file-cta { + background-color: #2793da; + border-color: transparent; + color: #fff; +} +.file.is-info:focus .file-cta, +.file.is-info.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(50,152,220,0.25); + color: #fff; +} +.file.is-info:active .file-cta, +.file.is-info.is-active .file-cta { + background-color: #238cd1; + border-color: transparent; + color: #fff; +} +.file.is-success .file-cta { + background-color: #48c774; + border-color: transparent; + color: #fff; +} +.file.is-success:hover .file-cta, +.file.is-success.is-hovered .file-cta { + background-color: #3ec46d; + border-color: transparent; + color: #fff; +} +.file.is-success:focus .file-cta, +.file.is-success.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(72,199,116,0.25); + color: #fff; +} +.file.is-success:active .file-cta, +.file.is-success.is-active .file-cta { + background-color: #3abb67; + border-color: transparent; + color: #fff; +} +.file.is-warning .file-cta { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-warning:hover .file-cta, +.file.is-warning.is-hovered .file-cta { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-warning:focus .file-cta, +.file.is-warning.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(255,221,87,0.25); + color: rgba(0,0,0,0.7); +} +.file.is-warning:active .file-cta, +.file.is-warning.is-active .file-cta { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0,0,0,0.7); +} +.file.is-danger .file-cta { + background-color: #f14668; + border-color: transparent; + color: #fff; +} +.file.is-danger:hover .file-cta, +.file.is-danger.is-hovered .file-cta { + background-color: #f03a5f; + border-color: transparent; + color: #fff; +} +.file.is-danger:focus .file-cta, +.file.is-danger.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(241,70,104,0.25); + color: #fff; +} +.file.is-danger:active .file-cta, +.file.is-danger.is-active .file-cta { + background-color: #ef2e55; + border-color: transparent; + color: #fff; +} +.file.is-grey-lightest .file-cta { + background-color: #ededed; + border-color: transparent; + color: #363636; +} +.file.is-grey-lightest:hover .file-cta, +.file.is-grey-lightest.is-hovered .file-cta { + background-color: #e7e7e7; + border-color: transparent; + color: #363636; +} +.file.is-grey-lightest:focus .file-cta, +.file.is-grey-lightest.is-focused .file-cta { + border-color: transparent; + box-shadow: 0 0 0.5em rgba(237,237,237,0.25); + color: #363636; +} +.file.is-grey-lightest:active .file-cta, +.file.is-grey-lightest.is-active .file-cta { + background-color: #e0e0e0; + border-color: transparent; + color: #363636; +} +.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: #eee; + 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: #f5f5f5; + color: #4a4a4a; +} +.file-name { + border-color: #dbdbdb; + border-style: solid; + border-width: 1px 1px 1px 0; + display: block; + max-width: 16em; + overflow: hidden; + text-align: left; + text-overflow: ellipsis; +} +.file-icon { + align-items: center; + display: flex; + height: 1em; + justify-content: center; + margin-right: 0.5em; + width: 1em; +} +.file-icon .fa { + font-size: 14px; +} +.label { + color: #363636; + display: block; + font-size: 1rem; + font-weight: 700; +} +.label:not(:last-child) { + margin-bottom: 0.5em; +} +.label.is-small { + font-size: 0.75rem; +} +.label.is-medium { + font-size: 1.25rem; +} +.label.is-large { + font-size: 1.5rem; +} +.help { + display: block; + font-size: 0.75rem; + margin-top: 0.25rem; +} +.help.is-white { + color: #fff; +} +.help.is-black { + color: #0a0a0a; +} +.help.is-light { + color: #f5f5f5; +} +.help.is-dark { + color: #363636; +} +.help.is-primary { + color: #3273dc; +} +.help.is-link { + color: #3273dc; +} +.help.is-info { + color: #3298dc; +} +.help.is-success { + color: #48c774; +} +.help.is-warning { + color: #ffdd57; +} +.help.is-danger { + color: #f14668; +} +.help.is-grey-lightest { + color: #ededed; +} +.field:not(:last-child) { + margin-bottom: 0.75rem; +} +.field.has-addons { + display: flex; + justify-content: flex-start; +} +.field.has-addons .control:not(:last-child) { + margin-right: -1px; +} +.field.has-addons .control:not(:first-child):not(:last-child) .button, +.field.has-addons .control:not(:first-child):not(:last-child) .input, +.field.has-addons .control:not(:first-child):not(:last-child) .select select { + border-radius: 0; +} +.field.has-addons .control:first-child:not(:only-child) .button, +.field.has-addons .control:first-child:not(:only-child) .input, +.field.has-addons .control:first-child:not(:only-child) .select select { + border-bottom-right-radius: 0; + border-top-right-radius: 0; +} +.field.has-addons .control:last-child:not(:only-child) .button, +.field.has-addons .control:last-child:not(:only-child) .input, +.field.has-addons .control:last-child:not(:only-child) .select select { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.field.has-addons .control .button:not([disabled]):hover, +.field.has-addons .control .input:not([disabled]):hover, +.field.has-addons .control .select select:not([disabled]):hover, +.field.has-addons .control .button:not([disabled]).is-hovered, +.field.has-addons .control .input:not([disabled]).is-hovered, +.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 .input:not([disabled]):focus, +.field.has-addons .control .select select:not([disabled]):focus, +.field.has-addons .control .button:not([disabled]).is-focused, +.field.has-addons .control .input:not([disabled]).is-focused, +.field.has-addons .control .select select:not([disabled]).is-focused, +.field.has-addons .control .button:not([disabled]):active, +.field.has-addons .control .input:not([disabled]):active, +.field.has-addons .control .select select:not([disabled]):active, +.field.has-addons .control .button:not([disabled]).is-active, +.field.has-addons .control .input:not([disabled]).is-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 .input:not([disabled]):focus:hover, +.field.has-addons .control .select select:not([disabled]):focus:hover, +.field.has-addons .control .button:not([disabled]).is-focused:hover, +.field.has-addons .control .input:not([disabled]).is-focused:hover, +.field.has-addons .control .select select:not([disabled]).is-focused:hover, +.field.has-addons .control .button:not([disabled]):active:hover, +.field.has-addons .control .input:not([disabled]):active:hover, +.field.has-addons .control .select select:not([disabled]):active:hover, +.field.has-addons .control .button:not([disabled]).is-active:hover, +.field.has-addons .control .input:not([disabled]).is-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-right .input:focus ~ .icon, +.control.has-icons-left .select:focus ~ .icon, +.control.has-icons-right .select:focus ~ .icon { + color: #4a4a4a; +} +.control.has-icons-left .input.is-small ~ .icon, +.control.has-icons-right .input.is-small ~ .icon, +.control.has-icons-left .select.is-small ~ .icon, +.control.has-icons-right .select.is-small ~ .icon { + font-size: 0.75rem; +} +.control.has-icons-left .input.is-medium ~ .icon, +.control.has-icons-right .input.is-medium ~ .icon, +.control.has-icons-left .select.is-medium ~ .icon, +.control.has-icons-right .select.is-medium ~ .icon { + font-size: 1.25rem; +} +.control.has-icons-left .input.is-large ~ .icon, +.control.has-icons-right .input.is-large ~ .icon, +.control.has-icons-left .select.is-large ~ .icon, +.control.has-icons-right .select.is-large ~ .icon { + font-size: 1.5rem; +} +.control.has-icons-left .icon, +.control.has-icons-right .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4; +} +.control.has-icons-left .input, +.control.has-icons-left .select select { + padding-left: 2.25em; +} +.control.has-icons-left .icon.is-left { + left: 0; +} +.control.has-icons-right .input, +.control.has-icons-right .select select { + padding-right: 2.25em; +} +.control.has-icons-right .icon.is-right { + right: 0; +} +.control.is-loading::after { + position: absolute !important; + right: 0.625em; + top: 0.625em; + z-index: 4; +} +.control.is-loading.is-small:after { + font-size: 0.75rem; +} +.control.is-loading.is-medium:after { + font-size: 1.25rem; +} +.control.is-loading.is-large:after { + font-size: 1.5rem; +} +.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: 1087px) { + .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: 1088px) { + .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: 1280px) { + .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: 1472px) { + .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: 1088px) { + .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: 1087px) { + .columns.is-variable.is-0-tablet-only { + --columnGap: 0rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-0-touch { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-0-desktop { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-0-desktop-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-0-widescreen { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-0-widescreen-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-1-tablet-only { + --columnGap: 0.25rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-1-touch { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-1-desktop { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-1-desktop-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-1-widescreen { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-1-widescreen-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-2-tablet-only { + --columnGap: 0.5rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-2-touch { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-2-desktop { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-2-desktop-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-2-widescreen { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-2-widescreen-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-3-tablet-only { + --columnGap: 0.75rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-3-touch { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-3-desktop { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-3-desktop-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-3-widescreen { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-3-widescreen-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-4-tablet-only { + --columnGap: 1rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-4-touch { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-4-desktop-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-4-widescreen { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-4-widescreen-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-5-tablet-only { + --columnGap: 1.25rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-5-touch { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-5-desktop { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-5-desktop-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-5-widescreen { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-5-widescreen-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-6-tablet-only { + --columnGap: 1.5rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-6-touch { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-6-desktop-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-6-widescreen { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-6-widescreen-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-7-tablet-only { + --columnGap: 1.75rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-7-touch { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-7-desktop { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-7-desktop-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-7-widescreen { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-7-widescreen-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-8-tablet-only { + --columnGap: 2rem; + } +} +@media screen and (max-width: 1087px) { + .columns.is-variable.is-8-touch { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1088px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-8-desktop-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1280px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-8-widescreen-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1472px) { + .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: #fff; + 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: 1087px) { + .hero.is-white .navbar-menu { + background-color: #fff; + } +} +.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 .navbar-link:hover, +.hero.is-white a.navbar-item.is-active, +.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-toggle 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:hover { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: #fff; +} +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, #e8e3e3 0%, #fff 71%, #fff 100%); +} +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #e8e3e3 0%, #fff 71%, #fff 100%); + } +} +.hero.is-black { + background-color: #0a0a0a; + color: #fff; +} +.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: #fff; +} +.hero.is-black .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-black .subtitle a:not(.button), +.hero.is-black .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .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 .navbar-link:hover, +.hero.is-black a.navbar-item.is-active, +.hero.is-black .navbar-link.is-active { + background-color: #000; + color: #fff; +} +.hero.is-black .tabs a { + color: #fff; + 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: #fff; +} +.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-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #0a0a0a; +} +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, #000 0%, #0a0a0a 71%, #181616 100%); +} +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #000 0%, #0a0a0a 71%, #181616 100%); + } +} +.hero.is-light { + background-color: #f5f5f5; + color: rgba(0,0,0,0.7); +} +.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-light strong { + color: inherit; +} +.hero.is-light .title { + color: rgba(0,0,0,0.7); +} +.hero.is-light .subtitle { + color: rgba(0,0,0,0.9); +} +.hero.is-light .subtitle a:not(.button), +.hero.is-light .subtitle strong { + color: rgba(0,0,0,0.7); +} +@media screen and (max-width: 1087px) { + .hero.is-light .navbar-menu { + background-color: #f5f5f5; + } +} +.hero.is-light .navbar-item, +.hero.is-light .navbar-link { + color: rgba(0,0,0,0.7); +} +.hero.is-light a.navbar-item:hover, +.hero.is-light .navbar-link:hover, +.hero.is-light a.navbar-item.is-active, +.hero.is-light .navbar-link.is-active { + background-color: #e8e8e8; + color: rgba(0,0,0,0.7); +} +.hero.is-light .tabs a { + color: rgba(0,0,0,0.7); + opacity: 0.9; +} +.hero.is-light .tabs a:hover { + opacity: 1; +} +.hero.is-light .tabs li.is-active a { + opacity: 1; +} +.hero.is-light .tabs.is-boxed a, +.hero.is-light .tabs.is-toggle a { + color: rgba(0,0,0,0.7); +} +.hero.is-light .tabs.is-boxed a:hover, +.hero.is-light .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-light .tabs.is-boxed li.is-active a, +.hero.is-light .tabs.is-toggle 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:hover { + background-color: rgba(0,0,0,0.7); + border-color: rgba(0,0,0,0.7); + color: #f5f5f5; +} +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, #dfd8d8 0%, #f5f5f5 71%, #fff 100%); +} +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #dfd8d8 0%, #f5f5f5 71%, #fff 100%); + } +} +.hero.is-dark { + background-color: #363636; + color: #fff; +} +.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-dark strong { + color: inherit; +} +.hero.is-dark .title { + color: #fff; +} +.hero.is-dark .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-dark .subtitle a:not(.button), +.hero.is-dark .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-dark .navbar-menu { + background-color: #363636; + } +} +.hero.is-dark .navbar-item, +.hero.is-dark .navbar-link { + color: rgba(255,255,255,0.7); +} +.hero.is-dark a.navbar-item:hover, +.hero.is-dark .navbar-link:hover, +.hero.is-dark a.navbar-item.is-active, +.hero.is-dark .navbar-link.is-active { + background-color: #292929; + color: #fff; +} +.hero.is-dark .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-dark .tabs a:hover { + opacity: 1; +} +.hero.is-dark .tabs li.is-active a { + opacity: 1; +} +.hero.is-dark .tabs.is-boxed a, +.hero.is-dark .tabs.is-toggle a { + color: #fff; +} +.hero.is-dark .tabs.is-boxed a:hover, +.hero.is-dark .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-dark .tabs.is-boxed li.is-active a, +.hero.is-dark .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #363636; +} +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, #1f1a1a 0%, #363636 71%, #463f3f 100%); +} +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1f1a1a 0%, #363636 71%, #463f3f 100%); + } +} +.hero.is-primary { + background-color: #3273dc; + color: #fff; +} +.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-primary strong { + color: inherit; +} +.hero.is-primary .title { + color: #fff; +} +.hero.is-primary .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-primary .subtitle a:not(.button), +.hero.is-primary .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-primary .navbar-menu { + background-color: #3273dc; + } +} +.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 .navbar-link:hover, +.hero.is-primary a.navbar-item.is-active, +.hero.is-primary .navbar-link.is-active { + background-color: #2366d1; + color: #fff; +} +.hero.is-primary .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-primary .tabs a:hover { + opacity: 1; +} +.hero.is-primary .tabs li.is-active a { + opacity: 1; +} +.hero.is-primary .tabs.is-boxed a, +.hero.is-primary .tabs.is-toggle a { + color: #fff; +} +.hero.is-primary .tabs.is-boxed a:hover, +.hero.is-primary .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-primary .tabs.is-boxed li.is-active a, +.hero.is-primary .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #3273dc; +} +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, #1576c6 0%, #3273dc 71%, #4266e5 100%); +} +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1576c6 0%, #3273dc 71%, #4266e5 100%); + } +} +.hero.is-link { + background-color: #3273dc; + color: #fff; +} +.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-link strong { + color: inherit; +} +.hero.is-link .title { + color: #fff; +} +.hero.is-link .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-link .subtitle a:not(.button), +.hero.is-link .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-link .navbar-menu { + background-color: #3273dc; + } +} +.hero.is-link .navbar-item, +.hero.is-link .navbar-link { + color: rgba(255,255,255,0.7); +} +.hero.is-link a.navbar-item:hover, +.hero.is-link .navbar-link:hover, +.hero.is-link a.navbar-item.is-active, +.hero.is-link .navbar-link.is-active { + background-color: #2366d1; + color: #fff; +} +.hero.is-link .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-link .tabs a:hover { + opacity: 1; +} +.hero.is-link .tabs li.is-active a { + opacity: 1; +} +.hero.is-link .tabs.is-boxed a, +.hero.is-link .tabs.is-toggle a { + color: #fff; +} +.hero.is-link .tabs.is-boxed a:hover, +.hero.is-link .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-link .tabs.is-boxed li.is-active a, +.hero.is-link .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #3273dc; +} +.hero.is-link.is-bold { + background-image: linear-gradient(141deg, #1576c6 0%, #3273dc 71%, #4266e5 100%); +} +@media screen and (max-width: 768px) { + .hero.is-link.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1576c6 0%, #3273dc 71%, #4266e5 100%); + } +} +.hero.is-info { + background-color: #3298dc; + color: #fff; +} +.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-info strong { + color: inherit; +} +.hero.is-info .title { + color: #fff; +} +.hero.is-info .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-info .subtitle a:not(.button), +.hero.is-info .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-info .navbar-menu { + background-color: #3298dc; + } +} +.hero.is-info .navbar-item, +.hero.is-info .navbar-link { + color: rgba(255,255,255,0.7); +} +.hero.is-info a.navbar-item:hover, +.hero.is-info .navbar-link:hover, +.hero.is-info a.navbar-item.is-active, +.hero.is-info .navbar-link.is-active { + background-color: #238cd1; + color: #fff; +} +.hero.is-info .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-info .tabs a:hover { + opacity: 1; +} +.hero.is-info .tabs li.is-active a { + opacity: 1; +} +.hero.is-info .tabs.is-boxed a, +.hero.is-info .tabs.is-toggle a { + color: #fff; +} +.hero.is-info .tabs.is-boxed a:hover, +.hero.is-info .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-info .tabs.is-boxed li.is-active a, +.hero.is-info .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #3298dc; +} +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, #159cc6 0%, #3298dc 71%, #4289e5 100%); +} +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #159cc6 0%, #3298dc 71%, #4289e5 100%); + } +} +.hero.is-success { + background-color: #48c774; + color: #fff; +} +.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-success strong { + color: inherit; +} +.hero.is-success .title { + color: #fff; +} +.hero.is-success .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-success .subtitle a:not(.button), +.hero.is-success .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-success .navbar-menu { + background-color: #48c774; + } +} +.hero.is-success .navbar-item, +.hero.is-success .navbar-link { + color: rgba(255,255,255,0.7); +} +.hero.is-success a.navbar-item:hover, +.hero.is-success .navbar-link:hover, +.hero.is-success a.navbar-item.is-active, +.hero.is-success .navbar-link.is-active { + background-color: #3abb67; + color: #fff; +} +.hero.is-success .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-success .tabs a:hover { + opacity: 1; +} +.hero.is-success .tabs li.is-active a { + opacity: 1; +} +.hero.is-success .tabs.is-boxed a, +.hero.is-success .tabs.is-toggle a { + color: #fff; +} +.hero.is-success .tabs.is-boxed a:hover, +.hero.is-success .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-success .tabs.is-boxed li.is-active a, +.hero.is-success .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #48c774; +} +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, #29b342 0%, #48c774 71%, #56d296 100%); +} +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #29b342 0%, #48c774 71%, #56d296 100%); + } +} +.hero.is-warning { + background-color: #ffdd57; + color: rgba(0,0,0,0.7); +} +.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-warning strong { + color: inherit; +} +.hero.is-warning .title { + color: rgba(0,0,0,0.7); +} +.hero.is-warning .subtitle { + color: rgba(0,0,0,0.9); +} +.hero.is-warning .subtitle a:not(.button), +.hero.is-warning .subtitle strong { + color: rgba(0,0,0,0.7); +} +@media screen and (max-width: 1087px) { + .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 .navbar-link:hover, +.hero.is-warning a.navbar-item.is-active, +.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-toggle 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: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, #ffae24 0%, #ffdd57 71%, #fffa71 100%); +} +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #ffae24 0%, #ffdd57 71%, #fffa71 100%); + } +} +.hero.is-danger { + background-color: #f14668; + color: #fff; +} +.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-danger strong { + color: inherit; +} +.hero.is-danger .title { + color: #fff; +} +.hero.is-danger .subtitle { + color: rgba(255,255,255,0.9); +} +.hero.is-danger .subtitle a:not(.button), +.hero.is-danger .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1087px) { + .hero.is-danger .navbar-menu { + background-color: #f14668; + } +} +.hero.is-danger .navbar-item, +.hero.is-danger .navbar-link { + color: rgba(255,255,255,0.7); +} +.hero.is-danger a.navbar-item:hover, +.hero.is-danger .navbar-link:hover, +.hero.is-danger a.navbar-item.is-active, +.hero.is-danger .navbar-link.is-active { + background-color: #ef2e55; + color: #fff; +} +.hero.is-danger .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-danger .tabs a:hover { + opacity: 1; +} +.hero.is-danger .tabs li.is-active a { + opacity: 1; +} +.hero.is-danger .tabs.is-boxed a, +.hero.is-danger .tabs.is-toggle a { + color: #fff; +} +.hero.is-danger .tabs.is-boxed a:hover, +.hero.is-danger .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-danger .tabs.is-boxed li.is-active a, +.hero.is-danger .tabs.is-toggle 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:hover { + background-color: #fff; + border-color: #fff; + color: #f14668; +} +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, #fa0a61 0%, #f14668 71%, #f7595f 100%); +} +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #fa0a61 0%, #f14668 71%, #f7595f 100%); + } +} +.hero.is-grey-lightest { + background-color: #ededed; + color: #363636; +} +.hero.is-grey-lightest a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-grey-lightest strong { + color: inherit; +} +.hero.is-grey-lightest .title { + color: #363636; +} +.hero.is-grey-lightest .subtitle { + color: rgba(54,54,54,0.9); +} +.hero.is-grey-lightest .subtitle a:not(.button), +.hero.is-grey-lightest .subtitle strong { + color: #363636; +} +@media screen and (max-width: 1087px) { + .hero.is-grey-lightest .navbar-menu { + background-color: #ededed; + } +} +.hero.is-grey-lightest .navbar-item, +.hero.is-grey-lightest .navbar-link { + color: rgba(54,54,54,0.7); +} +.hero.is-grey-lightest a.navbar-item:hover, +.hero.is-grey-lightest .navbar-link:hover, +.hero.is-grey-lightest a.navbar-item.is-active, +.hero.is-grey-lightest .navbar-link.is-active { + background-color: #e0e0e0; + color: #363636; +} +.hero.is-grey-lightest .tabs a { + color: #363636; + opacity: 0.9; +} +.hero.is-grey-lightest .tabs a:hover { + opacity: 1; +} +.hero.is-grey-lightest .tabs li.is-active a { + opacity: 1; +} +.hero.is-grey-lightest .tabs.is-boxed a, +.hero.is-grey-lightest .tabs.is-toggle a { + color: #363636; +} +.hero.is-grey-lightest .tabs.is-boxed a:hover, +.hero.is-grey-lightest .tabs.is-toggle a:hover { + background-color: rgba(10,10,10,0.1); +} +.hero.is-grey-lightest .tabs.is-boxed li.is-active a, +.hero.is-grey-lightest .tabs.is-toggle li.is-active a, +.hero.is-grey-lightest .tabs.is-boxed li.is-active a:hover, +.hero.is-grey-lightest .tabs.is-toggle li.is-active a:hover { + background-color: #363636; + border-color: #363636; + color: #ededed; +} +.hero.is-grey-lightest.is-bold { + background-image: linear-gradient(141deg, #d8cfcf 0%, #ededed 71%, #faf9f9 100%); +} +@media screen and (max-width: 768px) { + .hero.is-grey-lightest.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #d8cfcf 0%, #ededed 71%, #faf9f9 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: 1088px) { + .section.is-medium { + padding: 9rem 1.5rem; + } + .section.is-large { + padding: 18rem 1.5rem; + } +} +.footer { + background-color: #fff; + padding: 3rem 1.5rem 6rem; +} +html { + height: 100%; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100%; +} +body { + min-height: 100%; + display: flex; + flex-direction: column; +} +body > .section { + flex-grow: 1; +} +@media screen and (min-width: 1088px) { + ::-webkit-scrollbar { + width: 8px; + height: 8px; + } + ::-webkit-scrollbar-track { + border-radius: 3px; + background: rgba(0,0,0,0.06); + box-shadow: inset 0 0 5px rgba(0,0,0,0.1); + } + ::-webkit-scrollbar-thumb { + border-radius: 3px; + background: rgba(0,0,0,0.12); + box-shadow: inset 0 0 10px rgba(0,0,0,0.2); + } + ::-webkit-scrollbar-thumb:hover { + background: rgba(0,0,0,0.24); + } +} +.ml-0, +.mx-0 { + margin-left: 0 !important; +} +.mr-0, +.mx-0 { + margin-right: 0 !important; +} +.ml-n0, +.mx-n0 { + margin-left: 0 !important; +} +.mr-n0, +.mx-n0 { + margin-right: 0 !important; +} +.mt-0, +.my-0 { + margin-top: 0 !important; +} +.mb-0, +.my-0 { + margin-bottom: 0 !important; +} +.mt-n0, +.my-n0 { + margin-top: 0 !important; +} +.mb-n0, +.my-n0 { + margin-bottom: 0 !important; +} +.pl-0, +.px-0 { + padding-left: 0 !important; +} +.pr-0, +.px-0 { + padding-right: 0 !important; +} +.pl-n0, +.px-n0 { + padding-left: 0 !important; +} +.pr-n0, +.px-n0 { + padding-right: 0 !important; +} +.pt-0, +.py-0 { + padding-top: 0 !important; +} +.pb-0, +.py-0 { + padding-bottom: 0 !important; +} +.pt-n0, +.py-n0 { + padding-top: 0 !important; +} +.pb-n0, +.py-n0 { + padding-bottom: 0 !important; +} +.ml-1, +.mx-1, +.article-licensing .licensing-meta .icons .icon { + margin-left: 0.25rem !important; +} +.mr-1, +.mx-1 { + margin-right: 0.25rem !important; +} +.ml-n1, +.mx-n1 { + margin-left: -0.25rem !important; +} +.mr-n1, +.mx-n1 { + margin-right: -0.25rem !important; +} +.mt-1, +.my-1 { + margin-top: 0.25rem !important; +} +.mb-1, +.my-1, +.article-licensing .licensing-title p:not(:last-child) { + margin-bottom: 0.25rem !important; +} +.mt-n1, +.my-n1 { + margin-top: -0.25rem !important; +} +.mb-n1, +.my-n1 { + margin-bottom: -0.25rem !important; +} +.pl-1, +.px-1 { + padding-left: 0.25rem !important; +} +.pr-1, +.px-1 { + padding-right: 0.25rem !important; +} +.pl-n1, +.px-n1 { + padding-left: -0.25rem !important; +} +.pr-n1, +.px-n1 { + padding-right: -0.25rem !important; +} +.pt-1, +.py-1 { + padding-top: 0.25rem !important; +} +.pb-1, +.py-1 { + padding-bottom: 0.25rem !important; +} +.pt-n1, +.py-n1 { + padding-top: -0.25rem !important; +} +.pb-n1, +.py-n1 { + padding-bottom: -0.25rem !important; +} +.ml-2, +.mx-2 { + margin-left: 0.5rem !important; +} +.mr-2, +.mx-2 { + margin-right: 0.5rem !important; +} +.ml-n2, +.mx-n2 { + margin-left: -0.5rem !important; +} +.mr-n2, +.mx-n2 { + margin-right: -0.5rem !important; +} +.mt-2, +.my-2 { + margin-top: 0.5rem !important; +} +.mb-2, +.my-2 { + margin-bottom: 0.5rem !important; +} +.mt-n2, +.my-n2 { + margin-top: -0.5rem !important; +} +.mb-n2, +.my-n2 { + margin-bottom: -0.5rem !important; +} +.pl-2, +.px-2 { + padding-left: 0.5rem !important; +} +.pr-2, +.px-2 { + padding-right: 0.5rem !important; +} +.pl-n2, +.px-n2 { + padding-left: -0.5rem !important; +} +.pr-n2, +.px-n2 { + padding-right: -0.5rem !important; +} +.pt-2, +.py-2 { + padding-top: 0.5rem !important; +} +.pb-2, +.py-2 { + padding-bottom: 0.5rem !important; +} +.pt-n2, +.py-n2 { + padding-top: -0.5rem !important; +} +.pb-n2, +.py-n2 { + padding-bottom: -0.5rem !important; +} +.ml-3, +.mx-3 { + margin-left: 1rem !important; +} +.mr-3, +.mx-3 { + margin-right: 1rem !important; +} +.ml-n3, +.mx-n3 { + margin-left: -1rem !important; +} +.mr-n3, +.mx-n3 { + margin-right: -1rem !important; +} +.mt-3, +.my-3 { + margin-top: 1rem !important; +} +.mb-3, +.my-3, +.article-licensing .licensing-title { + margin-bottom: 1rem !important; +} +.mt-n3, +.my-n3 { + margin-top: -1rem !important; +} +.mb-n3, +.my-n3 { + margin-bottom: -1rem !important; +} +.pl-3, +.px-3 { + padding-left: 1rem !important; +} +.pr-3, +.px-3 { + padding-right: 1rem !important; +} +.pl-n3, +.px-n3 { + padding-left: -1rem !important; +} +.pr-n3, +.px-n3 { + padding-right: -1rem !important; +} +.pt-3, +.py-3 { + padding-top: 1rem !important; +} +.pb-3, +.py-3 { + padding-bottom: 1rem !important; +} +.pt-n3, +.py-n3 { + padding-top: -1rem !important; +} +.pb-n3, +.py-n3 { + padding-bottom: -1rem !important; +} +.ml-4, +.mx-4 { + margin-left: 1.5rem !important; +} +.mr-4, +.mx-4, +.article-licensing .licensing-meta .level-item { + margin-right: 1.5rem !important; +} +.ml-n4, +.mx-n4 { + margin-left: -1.5rem !important; +} +.mr-n4, +.mx-n4 { + margin-right: -1.5rem !important; +} +.mt-4, +.my-4 { + margin-top: 1.5rem !important; +} +.mb-4, +.my-4 { + margin-bottom: 1.5rem !important; +} +.mt-n4, +.my-n4 { + margin-top: -1.5rem !important; +} +.mb-n4, +.my-n4 { + margin-bottom: -1.5rem !important; +} +.pl-4, +.px-4 { + padding-left: 1.5rem !important; +} +.pr-4, +.px-4 { + padding-right: 1.5rem !important; +} +.pl-n4, +.px-n4 { + padding-left: -1.5rem !important; +} +.pr-n4, +.px-n4 { + padding-right: -1.5rem !important; +} +.pt-4, +.py-4 { + padding-top: 1.5rem !important; +} +.pb-4, +.py-4 { + padding-bottom: 1.5rem !important; +} +.pt-n4, +.py-n4 { + padding-top: -1.5rem !important; +} +.pb-n4, +.py-n4 { + padding-bottom: -1.5rem !important; +} +.ml-5, +.mx-5 { + margin-left: 3rem !important; +} +.mr-5, +.mx-5 { + margin-right: 3rem !important; +} +.ml-n5, +.mx-n5 { + margin-left: -3rem !important; +} +.mr-n5, +.mx-n5 { + margin-right: -3rem !important; +} +.mt-5, +.my-5 { + margin-top: 3rem !important; +} +.mb-5, +.my-5 { + margin-bottom: 3rem !important; +} +.mt-n5, +.my-n5 { + margin-top: -3rem !important; +} +.mb-n5, +.my-n5 { + margin-bottom: -3rem !important; +} +.pl-5, +.px-5 { + padding-left: 3rem !important; +} +.pr-5, +.px-5 { + padding-right: 3rem !important; +} +.pl-n5, +.px-n5 { + padding-left: -3rem !important; +} +.pr-n5, +.px-n5 { + padding-right: -3rem !important; +} +.pt-5, +.py-5 { + padding-top: 3rem !important; +} +.pb-5, +.py-5 { + padding-bottom: 3rem !important; +} +.pt-n5, +.py-n5 { + padding-top: -3rem !important; +} +.pb-n5, +.py-n5 { + padding-bottom: -3rem !important; +} +.ml-auto, +.mx-auto { + margin-left: auto !important; +} +.mr-auto, +.mx-auto { + margin-right: auto !important; +} +.mt-auto, +.my-auto { + margin-top: auto !important; +} +.mb-auto, +.my-auto { + margin-bottom: auto !important; +} +.pl-auto, +.px-auto { + margin-left: auto !important; +} +.pr-auto, +.px-auto { + margin-right: auto !important; +} +.pt-auto, +.py-auto { + margin-top: auto !important; +} +.pb-auto, +.py-auto { + margin-bottom: auto !important; +} +.order-0 { + order: 0 !important; +} +.order-1 { + order: 1 !important; +} +.order-2 { + order: 2 !important; +} +.order-3 { + order: 3 !important; +} +.order-4 { + order: 4 !important; +} +.order-5 { + order: 5 !important; +} +.justify-content-start { + justify-content: start !important; +} +.justify-content-center { + justify-content: center !important; +} +.flex-shrink-1 { + flex-shrink: 1 !important; +} +.link-muted { + color: inherit; +} +.link-muted:hover { + color: #3273dc !important; +} +.image.is-7by3 { + padding-top: 42.8%; +} +.image.is-7by3 img { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} +.image .avatar { + height: 100%; + object-fit: cover; +} +.image .fill { + object-fit: cover; + width: 100% !important; + height: 100% !important; +} +.button.is-transparent { + color: inherit; + background: transparent; + border-color: transparent; +} +.card { + overflow: visible; + border-radius: 4px; +} +.card + .card, +.card + .column-right-shadow { + margin-top: 1.5rem; +} +.card .card-image { + overflow: hidden; + border-top-left-radius: 4px; + border-top-right-radius: 4px; +} +.card .media + .media { + border: none; + margin-top: 0; +} +article.media { + color: #7a7a7a; +} +article.media a { + color: inherit; +} +article.media a:hover { + color: #3273dc; +} +article.media .image { + width: 64px; + height: 64px; +} +article.media .image img { + object-fit: cover; + width: 100%; + height: 100%; +} +article.media .title { + margin-bottom: 0.25em; +} +article.media .media-content { + color: #7a7a7a; +} +article.media .media-content .title { + margin: 0; + line-height: inherit; +} +article.article .article-meta, +article.article .article-tags { + color: #7a7a7a; +} +article.article .article-meta { + overflow-x: auto; + margin-bottom: 0.5rem; +} +article.article .content { + word-wrap: break-word; + font-size: 1.1rem; +} +article.article .content h1 { + font-size: 1.75em; +} +article.article .content h2 { + font-size: 1.5em; +} +article.article .content h3 { + font-size: 1.25em; +} +article.article .content h4 { + font-size: 1.125em; +} +article.article .content h5 { + font-size: 1em; +} +article.article .content pre { + font-size: 0.85em; +} +article.article .content code { + padding: 0 2px; + background: #f5f5f5; + overflow-wrap: break-word; + border-radius: 4px; +} +article.article .content blockquote.pullquote { + float: right; + max-width: 50%; + font-size: 1.15rem; + position: relative; +} +article.article .content blockquote footer strong + cite { + margin-left: 0.5em; +} +article.article .content .message.message-immersive { + border-radius: 0; + margin: 0 -1.5rem 1.5rem -1.5rem; +} +article.article .content .message.message-immersive .message-body { + border: none; +} +article.article .article-tags { + display: flex; + flex-wrap: wrap; +} +.rtl { + direction: rtl; +} +.rtl .level .level-item:not(:last-child), +.rtl .level.is-mobile .level-item:not(:last-child) { + margin-left: 0.75rem; + margin-right: 0; +} +.table-overflow { + overflow-x: auto; +} +.table-overflow table { + width: auto !important; +} +.table-overflow table th { + word-break: keep-all; +} +.video-container { + position: relative; + padding-bottom: 56.25%; + padding-top: 25px; + height: 0; +} +.video-container iframe { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} +.article-licensing { + position: relative; + z-index: 1; + box-shadow: none; + background: #f5f5f5; + border-radius: 4px; + overflow: hidden; +} +.article-licensing:after { + position: absolute; + z-index: -1; + right: -50px; + top: -87.87px; + content: '\f25e'; + font-size: 200px; + font-family: 'Font Awesome 5 Brands'; + opacity: 0.1; +} +.article-licensing .level-left { + flex-wrap: wrap; + max-width: 100%; +} +.article-licensing .licensing-title { + line-height: 1.2; +} +.article-licensing .licensing-meta .icons .icon { + width: 1.2em; + height: 1.2em; + font-size: 1.2em; + vertical-align: bottom; +} +.article-licensing .licensing-meta a { + color: inherit; +} +a.article-nav-prev span { + text-align: left; + flex-shrink: 1; + word-wrap: break-word; + white-space: normal; +} +a.article-nav-next span { + text-align: right; + flex-shrink: 1; + word-wrap: break-word; + white-space: normal; +} +.navbar-main { + box-shadow: 0 4px 10px rgba(0,0,0,0.05); +} +.navbar-main .navbar-container { + overflow-x: auto; +} +.navbar-main .navbar-menu, +.navbar-main .navbar-start, +.navbar-main .navbar-end { + align-items: stretch; + display: flex; + padding: 0; + flex-shrink: 0; +} +.navbar-main .navbar-menu { + flex-grow: 1; + flex-shrink: 0; + overflow-x: auto; +} +.navbar-main .navbar-start { + justify-content: flex-start; + margin-right: auto; +} +.navbar-main .navbar-end { + justify-content: flex-end; + margin-left: auto; +} +.navbar-main .navbar-item { + display: flex; + align-items: center; + padding: 1.25rem 0.75rem; + margin: 0 0; +} +.navbar-main .navbar-item.is-active { + background-color: transparent; +} +@media screen and (max-width: 1087px) { + .navbar-main .navbar-menu { + justify-content: center; + box-shadow: none; + } + .navbar-main .navbar-start { + margin-right: 0; + } + .navbar-main .navbar-end { + margin-left: 0; + } +} +.navbar-logo img { + max-height: 1.75rem; +} +@media screen and (min-width: 1088px) { + .navbar > .container .navbar-menu, + .container > .navbar .navbar-menu { + margin-right: 0rem; + } +} +@media screen and (max-width: 768px) { + footer.footer .level-start { + text-align: center; + } +} +footer.footer .level-end .field { + flex-wrap: wrap; + align-items: center; +} +@media screen and (max-width: 768px) { + footer.footer .level-end .field { + justify-content: center; + margin-top: 1rem; + } +} +.footer-logo img { + max-height: 1.75rem; +} +.pagination { + margin-top: 1.5rem; +} +.pagination .pagination-link a, +.pagination .pagination-ellipsis a, +.pagination .pagination-previous a, +.pagination .pagination-next a { + color: #363636; +} +.pagination .pagination-link, +.pagination .pagination-previous, +.pagination .pagination-next { + border: none; + background: #fff; + box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1); +} +.pagination .pagination-link.is-current { + background: #3273dc; +} +.post-navigation { + color: #7a7a7a; + flex-wrap: wrap; + justify-content: space-around; +} +.post-navigation .level-item { + margin-bottom: 0; +} +.timeline { + margin-left: 1rem; + padding: 1rem 0 0 1.5rem; + border-left: 1px solid #dbdbdb; +} +.timeline .media { + position: relative; +} +.timeline .media:before, +.timeline .media:last-child:after { + content: ''; + display: block; + position: absolute; + left: calc(-0.375rem - 1.5rem - 0.25px); +} +.timeline .media:before { + width: 0.75rem; + height: 0.75rem; + top: calc(1rem + 1.5 * 0.85rem / 2 - 0.75rem / 2); + background: #dbdbdb; + border-radius: 50%; +} +.timeline .media:first-child:before { + top: calc(1.5 * 0.85rem / 2 - 0.75rem / 2); +} +.timeline .media:last-child:after { + width: 0.75rem; + top: calc(1rem + 1.5 * 0.85rem / 2 + 0.75rem / 2); + bottom: 0; + background: #fff; +} +.timeline .media:first-child:last-child:after { + top: calc(1.5 * 0.85rem / 2 + 0.75rem / 2); +} +.searchbox { + display: none; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 100; + font-size: 1rem; + line-height: 0; + background: rgba(10,10,10,0.86); +} +.searchbox.show { + display: flex; +} +.searchbox a, +.searchbox a:hover { + color: inherit; + text-decoration: none; +} +.searchbox input { + font-size: 1rem; + border: none; + outline: none; + box-shadow: none; + border-radius: 0; +} +.searchbox, +.searchbox .searchbox-container { + position: fixed; + align-items: center; + flex-direction: column; + line-height: 1.25em; +} +.searchbox .searchbox-container { + z-index: 101; + display: flex; + overflow: hidden; + box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1); + border-radius: 4px; + background-color: #f5f5f5; + width: 540px; + top: 100px; + bottom: 100px; +} +.searchbox .searchbox-header, +.searchbox .searchbox-body, +.searchbox .searchbox-footer { + width: 100%; +} +.searchbox .searchbox-header { + display: flex; + flex-direction: row; + line-height: 1.5em; + font-weight: normal; + background-color: #fff; + min-height: 3rem; +} +.searchbox .searchbox-input-container { + display: flex; + flex-grow: 1; +} +.searchbox .searchbox-input { + flex-grow: 1; + color: inherit; + box-sizing: border-box; + padding: 0.75em 0 0.75em 1.25em; + background: #fff; +} +.searchbox .searchbox-close { + display: inline-block; + font-size: 1.5em; + padding: 0.5em 0.75em; + cursor: pointer; +} +.searchbox .searchbox-close:hover { + background: #f5f5f5; +} +.searchbox .searchbox-close:active { + background: #dbdbdb; +} +.searchbox .searchbox-body { + flex-grow: 1; + overflow-y: auto; + border-top: 1px solid #dbdbdb; +} +.searchbox .searchbox-result-section header, +.searchbox .searchbox-result-item { + padding: 0.75em 1em; +} +.searchbox .searchbox-result-section { + border-bottom: 1px solid #dbdbdb; +} +.searchbox .searchbox-result-section header { + color: #b5b5b5; +} +.searchbox .searchbox-result-item { + display: flex; + flex-direction: row; +} +.searchbox .searchbox-result-item:not(.disabled):not(.active):not(:active):hover { + background-color: #fff; +} +.searchbox .searchbox-result-item:active, +.searchbox .searchbox-result-item.active { + color: #fff; + background-color: #3273dc; +} +.searchbox .searchbox-result-item em { + font-style: normal; + background: #ffdd57; +} +.searchbox .searchbox-result-icon { + margin-right: 1em; +} +.searchbox .searchbox-result-content { + overflow: hidden; +} +.searchbox .searchbox-result-title, +.searchbox .searchbox-result-preview { + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.searchbox .searchbox-result-title-secondary { + color: #b5b5b5; +} +.searchbox .searchbox-result-preview { + margin-top: 0.25em; +} +.searchbox .searchbox-result-item:not(:active):not(.active) .searchbox-result-preview { + color: #b5b5b5; +} +.searchbox .searchbox-footer { + padding: 0.5em 1em; +} +.searchbox .searchbox-pagination { + margin: 0; + padding: 0; + list-style: none; + text-align: center; +} +.searchbox .searchbox-pagination .searchbox-pagination-item { + margin: 0 0.25rem; +} +.searchbox .searchbox-pagination .searchbox-pagination-item, +.searchbox .searchbox-pagination .searchbox-pagination-link { + display: inline-block; +} +.searchbox .searchbox-pagination .searchbox-pagination-link { + overflow: hidden; + padding: 0.5em 0.8em; + box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1); + border-radius: 4px; + background-color: #fff; +} +.searchbox .searchbox-pagination .searchbox-pagination-item.active .searchbox-pagination-link { + color: #fff; + background-color: #3273dc; +} +.searchbox .searchbox-pagination .searchbox-pagination-item.disabled .searchbox-pagination-link { + cursor: not-allowed; + background-color: #f5f5f5; +} +.searchbox .searchbox-pagination .searchbox-pagination-item:not(.active):not(.disabled) .searchbox-pagination-link:hover { + background-color: #f5f5f5; +} +@media screen and (max-width: 559px), screen and (max-height: 479px) { + .searchbox .searchbox-container { + top: 0; + left: 0; + width: 100%; + height: 100%; + border-radius: 0; + } +} +figure.highlight { + padding: 0; + width: 100%; + position: relative; + margin: 1em 0 1em !important; + border-radius: 4px; +} +figure.highlight.folded .highlight-body { + height: 0; +} +figure.highlight .copy { + opacity: 0.7; +} +figure.highlight pre, +figure.highlight table tr:hover { + color: inherit; + background: transparent; +} +figure.highlight table { + width: auto; +} +figure.highlight table tr td { + border: none; +} +figure.highlight table tr:not(:first-child) td { + padding-top: 0; +} +figure.highlight table tr:not(:last-child) td { + padding-bottom: 0; +} +figure.highlight pre { + padding: 0; + overflow: visible; +} +figure.highlight pre .line, +figure.highlight pre code .hljs { + line-height: 1.5rem; +} +figure.highlight figcaption, +figure.highlight .gutter { + background: rgba(200,200,200,0.15); +} +figure.highlight figcaption { + margin: 0 !important; + padding: 0.3em 0em 0.3em 0.75em; + font-style: normal; + font-size: 0.8em; +} +figure.highlight figcaption * { + color: inherit; +} +figure.highlight figcaption span { + font-weight: 500; + font-family: 'Courier Prime', 'Noto Sans SC', monospace; +} +figure.highlight figcaption .level-left *:not(:last-child) { + margin-right: 0.5em; +} +figure.highlight figcaption .level-right *:not(:first-child) { + margin-left: 0.5em; +} +figure.highlight figcaption .fold { + cursor: pointer; +} +figure.highlight figcaption.level { + overflow: auto; +} +figure.highlight figcaption.level .level-right a { + padding: 0em 0.75em; +} +figure.highlight .highlight-body { + overflow: auto; +} +figure.highlight .gutter { + text-align: right; +} +figure.highlight .tag, +figure.highlight .title, +figure.highlight .number, +figure.highlight .section { + display: inherit; + font: inherit; + margin: inherit; + padding: inherit; + background: inherit; + height: inherit; + text-align: inherit; + vertical-align: inherit; + min-width: inherit; + border-radius: inherit; +} +figure.highlight.foldable div.level-left { + cursor: pointer; +} +.gist table tr:hover { + background: transparent; +} +.gist table td { + border: none; +} +.gist .file { + all: initial; +} +.widget .menu-list li ul { + margin-right: 0; +} +.widget .menu-list .level { + margin-bottom: 0; +} +.widget .menu-list .level .level-left, +.widget .menu-list .level .level-right, +.widget .menu-list .level .level-item { + flex-shrink: 1; +} +.widget .menu-list .level .level-left, +.widget .menu-list .level .level-right { + align-items: flex-start; +} +.widget .menu-list .tag { + background: $light-grey; + color: $white-invert; +} +.widget .tags .tag:first-child { + background: #3273dc; + color: #fff; +} +.widget .tags .tag:last-child { + background: $light-grey; + color: $white-invert; +} +.level.is-multiline { + flex-wrap: wrap; +} +@media screen and (max-width: 768px) { + .widget.card#toc { + display: none; + position: fixed; + margin: 1rem; + left: 0; + right: 0; + bottom: 0; + z-index: 100; + } + .widget.card#toc .card-content { + padding: 0; + } + .widget.card#toc .menu { + padding: 1.5rem; + max-height: calc(100vh - 2rem); + overflow-y: auto; + } + #toc-mask { + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 99; + background: rgba(0,0,0,0.7); + } + .widget.card#toc.is-active, + #toc-mask.is-active { + display: block; + } +} +.donate { + position: relative; +} +.donate .qrcode { + display: none; + position: absolute; + z-index: 99; + bottom: 2.5em; + line-height: 0; + overflow: hidden; + box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1); + border-radius: 4px; +} +.donate .qrcode img { + max-width: 280px; +} +.donate:hover .qrcode { + display: block; +} +.donate:first-child:not(:last-child) .qrcode { + left: -0.75rem; +} +.donate:last-child:not(:first-child) .qrcode { + right: -0.75rem; +} +.donate[data-type="afdian"] { + color: #fff; + background-color: #885fd9; + border-color: transparent; +} +.donate[data-type="afdian"]:active { + background-color: #794ad4; +} +.donate[data-type="afdian"]:hover { + background-color: #8055d7; +} +.donate[data-type="afdian"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(136,95,217,0.25); +} +.donate[data-type="alipay"] { + color: #fff; + background-color: #00a0e8; + border-color: transparent; +} +.donate[data-type="alipay"]:active { + background-color: #008ecf; +} +.donate[data-type="alipay"]:hover { + background-color: #0097db; +} +.donate[data-type="alipay"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0,160,232,0.25); +} +.donate[data-type="buymeacoffee"] { + color: rgba(0,0,0,0.7); + background-color: #fd0; + border-color: transparent; +} +.donate[data-type="buymeacoffee"]:active { + background-color: #e6c700; +} +.donate[data-type="buymeacoffee"]:hover { + background-color: #f2d200; +} +.donate[data-type="buymeacoffee"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255,221,0,0.25); +} +.donate[data-type="paypal"] { + color: rgba(0,0,0,0.7); + background-color: #feb700; + border-color: transparent; +} +.donate[data-type="paypal"]:active { + background-color: #e5a500; +} +.donate[data-type="paypal"]:hover { + background-color: #f1ae00; +} +.donate[data-type="paypal"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(254,183,0,0.25); +} +.donate[data-type="patreon"] { + color: #fff; + background-color: #ff424d; + border-color: transparent; +} +.donate[data-type="patreon"]:active { + background-color: #ff2835; +} +.donate[data-type="patreon"]:hover { + background-color: #ff3541; +} +.donate[data-type="patreon"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255,66,77,0.25); +} +.donate[data-type="wechat"] { + color: #fff; + background-color: #1aad19; + border-color: transparent; +} +.donate[data-type="wechat"]:active { + background-color: #179716; +} +.donate[data-type="wechat"]:hover { + background-color: #18a217; +} +.donate[data-type="wechat"]:focus:not(:active) { + box-shadow: 0 0 0 0.125em rgba(26,173,25,0.25); +} +#back-to-top { + position: fixed; + opacity: 0; + outline: none; + padding: 8px 0; + line-height: 24px; + border-radius: 4px; + transform: translateY(120px); + transition: 0.4s ease opacity, 0.4s ease width, 0.4s ease transform, 0.4s ease border-radius; +} +#back-to-top.is-rounded { + border-radius: 50%; +} +#back-to-top.fade-in { + opacity: 1; +} +#back-to-top.rise-up { + transform: translateY(0); +} +.gallery-item .caption { + color: #7a7a7a; +} +.pace { + user-select: none; + pointer-events: none; +} +.pace .pace-progress { + top: 0; + right: 100%; + width: 100%; + height: 2px; + z-index: 2000; + position: fixed; + background: #3273dc; +} +.pace-inactive { + display: none; +} +.fa, +.fab, +.fal, +.far, +.fas { + line-height: inherit; +} +.MathJax, +.MathJax_Display, +.MJXc-display, +.MathJax_SVG_Display, +.katex-display { + overflow-x: auto; + overflow-y: hidden; +} +.katex { + white-space: nowrap; +} +.katex-display { + margin-top: -1em !important; +} +.katex-html { + padding-top: 1em; +} +.katex-html .tag { + align-items: unset; + background-color: unset; + border-radius: unset; + color: unset; + display: unset; + font-size: unset; + height: unset; + justify-content: unset; + line-height: unset; + padding-left: unset; + padding-right: unset; + white-space: unset; +} +.cc-window, +.cc-revoke { + font-size: 1.1rem !important; + font-family: 'Noto Sans SC', sans-serif !important; +} +.cc-window { + color: #4a4a4a !important; + background-color: #fff !important; +} +.cc-window.cc-floating { + border-radius: 4px; + box-shadow: 0 4px 10px rgba(0,0,0,0.05), 0 0 1px rgba(0,0,0,0.1); +} +.cc-window.cc-banner { + background-color: #f9f9f9 !important; +} +.cc-window.cc-theme-block .cc-compliance > .cc-btn, +.cc-window.cc-theme-classic .cc-compliance > .cc-btn { + border-radius: 290486px; +} +.cc-window .cc-compliance > .cc-btn { + font-weight: 400; + border: none; + color: #fff; + background-color: #3273dc; +} +.cc-window .cc-compliance > .cc-btn:hover, +.cc-window .cc-compliance > .cc-btn:focus { + background-color: #276cda; +} +.cc-window .cc-compliance > .cc-btn.cc-deny:hover { + color: #3273dc; + text-decoration: none; +} +.cc-revoke { + padding: 0.5rem 1rem !important; + color: #fff !important; + background-color: #3273dc !important; +} +.cc-revoke:hover { + text-decoration: none !important; + background-color: #276cda; +} +@media screen and (min-width: 1280px) { + .is-1-column .container, + .is-2-column .container { + max-width: 960px; + width: 960px; + } +} +@media screen and (min-width: 1472px) { + .is-2-column .container { + max-width: 1152px; + width: 1152px; + } + .is-1-column .container { + max-width: 960px; + width: 960px; + } +} +@media screen and (min-width: 769px), print { + .is-sticky { + position: -webkit-sticky; + position: sticky; + top: 1.5rem; + z-index: 99; + } + .column-main.is-sticky, + .column-left.is-sticky, + .column-right.is-sticky, + .column-right-shadow.is-sticky { + top: 0.75rem; + align-self: flex-start; + } +} +@media screen and (max-width: 768px) { + .section { + padding: 1.5rem 1rem; + } +} diff --git a/img/alipay.jpg b/img/alipay.jpg new file mode 100644 index 00000000..f40fea15 Binary files /dev/null and b/img/alipay.jpg differ diff --git a/img/apple-touch-icon.jpg b/img/apple-touch-icon.jpg new file mode 100644 index 00000000..59a157aa Binary files /dev/null and b/img/apple-touch-icon.jpg differ diff --git a/img/avatar.jpg b/img/avatar.jpg new file mode 100644 index 00000000..909e009b Binary files /dev/null and b/img/avatar.jpg differ diff --git a/img/favicon.ico b/img/favicon.ico new file mode 100644 index 00000000..157f039f Binary files /dev/null and b/img/favicon.ico differ diff --git a/img/favicon.jpg b/img/favicon.jpg new file mode 100644 index 00000000..5d03df95 Binary files /dev/null and b/img/favicon.jpg differ diff --git a/img/favicon.png b/img/favicon.png new file mode 100644 index 00000000..0dbf4a2b Binary files /dev/null and b/img/favicon.png differ diff --git a/img/logo.png b/img/logo.png new file mode 100644 index 00000000..44731d58 Binary files /dev/null and b/img/logo.png differ diff --git a/img/og_image.png b/img/og_image.png new file mode 100644 index 00000000..3aa93402 Binary files /dev/null and b/img/og_image.png differ diff --git a/img/razor-bottom-black.svg b/img/razor-bottom-black.svg new file mode 100644 index 00000000..352165fc --- /dev/null +++ b/img/razor-bottom-black.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/img/razor-top-black.svg b/img/razor-top-black.svg new file mode 100644 index 00000000..eec32745 --- /dev/null +++ b/img/razor-top-black.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/img/wechatpay.png b/img/wechatpay.png new file mode 100644 index 00000000..f8f279dd Binary files /dev/null and b/img/wechatpay.png differ diff --git a/index.html b/index.html new file mode 100644 index 00000000..3f033936 --- /dev/null +++ b/index.html @@ -0,0 +1,96 @@ + +青橙日志 | 个人博客
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目……
阅读更多
Hexo博客教程:使用giscus为网页添加评论系统通用方法
\ No newline at end of file diff --git a/js/algolia.js b/js/algolia.js new file mode 100644 index 00000000..d59f1ef5 --- /dev/null +++ b/js/algolia.js @@ -0,0 +1,102 @@ +/* global instantsearch, algoliasearch */ +// eslint-disable-next-line no-unused-vars +function loadAlgolia(config, translation) { + const search = instantsearch({ + indexName: config.indexName, + searchClient: algoliasearch(config.applicationId, config.apiKey), + }); + + search.addWidgets([ + instantsearch.widgets.configure({ + attributesToSnippet: ['excerpt'], + }), + ]); + + search.addWidget( + instantsearch.widgets.searchBox({ + container: '#algolia-input', + placeholder: translation.hint, + showReset: false, + showSubmit: false, + showLoadingIndicator: false, + cssClasses: { + root: 'searchbox-input-container', + form: 'searchbox-input-container', + input: 'searchbox-input', + }, + }), + ); + + search.addWidget( + instantsearch.widgets.poweredBy({ + container: '#algolia-poweredby', + }), + ); + + search.addWidget( + instantsearch.widgets.hits({ + container: '.searchbox-body', + escapeHTML: false, + cssClasses: { + root: 'searchbox-result-container', + emptyRoot: ['searchbox-result-item', 'disabled'], + }, + templates: { + empty: function (results) { + return translation.no_result + ': ' + results.query; + }, + item: function (hit) { + let title = instantsearch.highlight({ attribute: 'title', hit }); + let excerpt = instantsearch.highlight({ attribute: 'excerpt', hit }); + title = title ? title : translation.untitled; + excerpt = excerpt + .replace(new RegExp('', 'ig'), '[algolia-highlight]') + .replace(new RegExp('', 'ig'), '[/algolia-highlight]') + .replace(/(<([^>]+)>)/gi, '') + .replace(/(\[algolia-highlight\])/gi, '') + .replace(/(\[\/algolia-highlight\])/gi, ''); + excerpt = excerpt ? excerpt : translation.empty_preview; + return `
+ + + ${title} + ${excerpt} + + +
`; + }, + }, + }), + ); + + search.addWidget( + instantsearch.widgets.pagination({ + container: '.searchbox-footer', + cssClasses: { + list: 'searchbox-pagination', + item: 'searchbox-pagination-item', + link: 'searchbox-pagination-link', + selectedItem: 'active', + disabledItem: 'disabled', + }, + }), + ); + + search.start(); + + if (location.hash.trim() === '#algolia-search') { + $('.searchbox').addClass('show'); + } + + $(document) + .on('click', '.navbar-main .search', () => { + $('.searchbox').toggleClass('show'); + $('.searchbox-input').focus(); + }) + .on('click', '.searchbox .searchbox-mask', () => { + $('.searchbox').removeClass('show'); + }) + .on('click', '.searchbox-close', () => { + $('.searchbox').removeClass('show'); + }); +} diff --git a/js/animation.js b/js/animation.js new file mode 100644 index 00000000..368c8a5b --- /dev/null +++ b/js/animation.js @@ -0,0 +1,63 @@ +(function() { + function $() { + return Array.prototype.slice.call(document.querySelectorAll.apply(document, arguments)); + } + + $('body > .navbar, body > .section, body > .footer').forEach(element => { + element.style.transition = '0s'; + element.style.opacity = '0'; + }); + document.querySelector('body > .navbar').style.transform = 'translateY(-100px)'; + [ + '.column-main > .card, .column-main > .pagination, .column-main > .post-navigation', + '.column-left > .card, .column-right-shadow > .card', + '.column-right > .card' + ].forEach(selector => { + $(selector).forEach(element => { + element.style.transition = '0s'; + element.style.opacity = '0'; + element.style.transform = 'scale(0.8)'; + element.style.transformOrigin = 'center top'; + }); + }); + // disable jump to location.hash + if (window.location.hash) { + window.scrollTo(0, 0); + setTimeout(() => window.scrollTo(0, 0)); + } + + setTimeout(() => { + $('body > .navbar, body > .section, body > .footer').forEach(element => { + element.style.opacity = '1'; + element.style.transition = 'opacity 0.3s ease-out, transform 0.3s ease-out'; + }); + document.querySelector('body > .navbar').style.transform = 'translateY(0)'; + + let i = 1; + [ + '.column-main > .card, .column-main > .pagination, .column-main > .post-navigation', + '.column-left > .card, .column-right-shadow > .card', + '.column-right > .card' + ].forEach(selector => { + $(selector).forEach(element => { + setTimeout(() => { + element.style.opacity = '1'; + element.style.transform = ''; + element.style.transition = 'opacity 0.3s ease-out, transform 0.3s ease-out'; + }, i * 100); + i++; + }); + }); + + // jump to location.hash + if (window.location.hash) { + setTimeout(() => { + const id = '#' + CSS.escape(window.location.hash.substring(1)); + const target = document.querySelector(id); + if (target) { + target.scrollIntoView({ behavior: 'smooth' }); + } + }, i * 100); + } + }); +}()); diff --git a/js/back_to_top.js b/js/back_to_top.js new file mode 100644 index 00000000..cf56af18 --- /dev/null +++ b/js/back_to_top.js @@ -0,0 +1,152 @@ +$(document).ready(() => { + const $button = $('#back-to-top'); + const $footer = $('footer.footer'); + const $mainColumn = $('.column-main'); + const $leftSidebar = $('.column-left'); + const $rightSidebar = $('.column-right'); + let lastScrollTop = 0; + const rightMargin = 20; + const bottomMargin = 20; + let lastState = null; + const state = { + base: { + classname: 'card has-text-centered', + left: '', + width: 64, + bottom: bottomMargin + } + }; + state['desktop-hidden'] = Object.assign({}, state.base, { + classname: state.base.classname + ' rise-up' + }); + state['desktop-visible'] = Object.assign({}, state['desktop-hidden'], { + classname: state['desktop-hidden'].classname + ' fade-in' + }); + state['desktop-dock'] = Object.assign({}, state['desktop-visible'], { + classname: state['desktop-visible'].classname + ' fade-in is-rounded', + width: 40 + }); + state['mobile-hidden'] = Object.assign({}, state.base, { + classname: state.base.classname + ' fade-in', + right: rightMargin + }); + state['mobile-visible'] = Object.assign({}, state['mobile-hidden'], { + classname: state['mobile-hidden'].classname + ' rise-up' + }); + + function isStateEquals(prev, next) { + return ![].concat(Object.keys(prev), Object.keys(next)).some(key => { + return !Object.prototype.hasOwnProperty.call(prev, key) + || !Object.prototype.hasOwnProperty.call(next, key) + || next[key] !== prev[key]; + }); + } + + function applyState(state) { + if (lastState !== null && isStateEquals(lastState, state)) { + return; + } + $button.attr('class', state.classname); + for (const prop in state) { + if (prop === 'classname') { + continue; + } + $button.css(prop, state[prop]); + } + lastState = state; + } + + function isDesktop() { + return window.innerWidth >= 1078; + } + + function isTablet() { + return window.innerWidth >= 768 && !isDesktop(); + } + + function isScrollUp() { + return $(window).scrollTop() < lastScrollTop && $(window).scrollTop() > 0; + } + + function hasLeftSidebar() { + return $leftSidebar.length > 0; + } + + function hasRightSidebar() { + return $rightSidebar.length > 0; + } + + function getRightSidebarBottom() { + if (!hasRightSidebar()) { + return 0; + } + return Math.max.apply(null, $rightSidebar.find('.widget').map(function() { + return $(this).offset().top + $(this).outerHeight(true); + })); + } + + function getScrollTop() { + return $(window).scrollTop(); + } + + function getScrollBottom() { + return $(window).scrollTop() + $(window).height(); + } + + function getButtonWidth() { + return $button.outerWidth(true); + } + + function getButtonHeight() { + return $button.outerHeight(true); + } + + function updateScrollTop() { + lastScrollTop = $(window).scrollTop(); + } + + function update() { + // desktop mode or tablet mode with only right sidebar enabled + if (isDesktop() || (isTablet() && !hasLeftSidebar() && hasRightSidebar())) { + let nextState; + const padding = ($mainColumn.outerWidth() - $mainColumn.width()) / 2; + const maxLeft = $(window).width() - getButtonWidth() - rightMargin; + const maxBottom = $footer.offset().top + (getButtonHeight() / 2) + bottomMargin; + if (getScrollTop() === 0 || getScrollBottom() < getRightSidebarBottom() + padding + getButtonHeight()) { + nextState = state['desktop-hidden']; + } else if (getScrollBottom() < maxBottom) { + nextState = state['desktop-visible']; + } else { + nextState = Object.assign({}, state['desktop-dock'], { + bottom: getScrollBottom() - maxBottom + bottomMargin + }); + } + + const left = $mainColumn.offset().left + $mainColumn.outerWidth() + padding; + nextState = Object.assign({}, nextState, { + left: Math.min(left, maxLeft) + }); + applyState(nextState); + } else { + // mobile and tablet mode + if (!isScrollUp()) { + applyState(state['mobile-hidden']); + } else { + applyState(state['mobile-visible']); + } + updateScrollTop(); + } + } + + update(); + $(window).resize(update); + $(window).scroll(update); + + $('#back-to-top').on('click', () => { + if (CSS && CSS.supports && CSS.supports('(scroll-behavior: smooth)')) { + window.scroll({ top: 0, behavior: 'smooth' }); + } else { + $('body, html').animate({ scrollTop: 0 }, 400); + } + }); +}); diff --git a/js/column.js b/js/column.js new file mode 100644 index 00000000..a39d8aaa --- /dev/null +++ b/js/column.js @@ -0,0 +1,12 @@ +(function() { + function $() { + return Array.prototype.slice.call(document.querySelectorAll.apply(document, arguments)); + } + + // copy widgets in the right column, when exist, to the bottom of the left column + if ($('.columns .column-right').length && $('.columns .column-right-shadow').length && !$('.columns .column-right-shadow')[0].children.length) { + for (const child of $('.columns .column-right')[0].children) { + $('.columns .column-right-shadow')[0].append(child.cloneNode(true)); + } + } +}()); diff --git a/js/google_cse.js b/js/google_cse.js new file mode 100644 index 00000000..6c311d1f --- /dev/null +++ b/js/google_cse.js @@ -0,0 +1,44 @@ +/* global google */ +(function (document, $) { + function debounce(func, wait, immediate) { + let timeout; + return function () { + const context = this; + const args = arguments; + const later = function () { + timeout = null; + if (!immediate) func.apply(context, args); + }; + const callNow = immediate && !timeout; + clearTimeout(timeout); + timeout = setTimeout(later, wait); + if (callNow) func.apply(context, args); + }; + } + + $(document) + .on('click', '.navbar-main .search', () => { + $('.searchbox').toggleClass('show'); + }) + .on('click', '.searchbox .searchbox-mask', () => { + $('.searchbox').removeClass('show'); + }) + .on('click', '.searchbox-close', () => { + $('.searchbox').removeClass('show'); + }) + .on( + 'keydown', + '.searchbox-input', + debounce(function () { + const value = $(this).val(); + try { + const element = google.search.cse.element.getElement('searchresults-only0'); + if (value.trim() === '') { + element.clearAllResults(); + } else { + element.execute(value); + } + } catch (e) {} + }, 300), + ); +})(document, jQuery); diff --git a/js/insight.js b/js/insight.js new file mode 100644 index 00000000..5112280d --- /dev/null +++ b/js/insight.js @@ -0,0 +1,354 @@ +/** + * Insight search plugin + * @author PPOffice { @link https://github.com/ppoffice } + */ +// eslint-disable-next-line no-unused-vars +function loadInsight(config, translation) { + const $main = $('.searchbox'); + const $input = $main.find('.searchbox-input'); + const $container = $main.find('.searchbox-body'); + + function section(title) { + return $('
').addClass('searchbox-result-section').append($('
').text(title)); + } + + function merge(ranges) { + let last; + const result = []; + + ranges.forEach((r) => { + if (!last || r[0] > last[1]) { + result.push((last = r)); + } else if (r[1] > last[1]) { + last[1] = r[1]; + } + }); + + return result; + } + + function findAndHighlight(text, matches, maxlen) { + if (!Array.isArray(matches) || !matches.length || !text) { + return maxlen ? text.slice(0, maxlen) : text; + } + const testText = text.toLowerCase(); + const indices = matches + .map((match) => { + const index = testText.indexOf(match.toLowerCase()); + if (!match || index === -1) { + return null; + } + return [index, index + match.length]; + }) + .filter((match) => { + return match !== null; + }) + .sort((a, b) => { + return a[0] - b[0] || a[1] - b[1]; + }); + + if (!indices.length) { + return text; + } + + let result = ''; + let last = 0; + const ranges = merge(indices); + const sumRange = [ranges[0][0], ranges[ranges.length - 1][1]]; + if (maxlen && maxlen < sumRange[1]) { + last = sumRange[0]; + } + + for (let i = 0; i < ranges.length; i++) { + const range = ranges[i]; + result += text.slice(last, Math.min(range[0], sumRange[0] + maxlen)); + if (maxlen && range[0] >= sumRange[0] + maxlen) { + break; + } + result += '' + text.slice(range[0], range[1]) + ''; + last = range[1]; + if (i === ranges.length - 1) { + if (maxlen) { + result += text.slice(range[1], Math.min(text.length, sumRange[0] + maxlen + 1)); + } else { + result += text.slice(range[1]); + } + } + } + + return result; + } + + function searchItem(icon, title, slug, preview, url) { + title = title != null && title !== '' ? title : translation.untitled; + const subtitle = slug + ? '(' + slug + ')' + : ''; + + return ` + + + + + + ${title} + ${subtitle} + + ${preview ? '' + preview + '' : ''} + + `; + } + + function sectionFactory(keywords, type, array) { + let $searchItems; + if (array.length === 0) return null; + const sectionTitle = translation[type.toLowerCase()]; + switch (type) { + case 'POSTS': + case 'PAGES': + $searchItems = array.map((item) => { + const title = findAndHighlight(item.title, keywords); + const text = findAndHighlight(item.text, keywords, 100); + return searchItem('file', title, null, text, item.link); + }); + break; + case 'CATEGORIES': + case 'TAGS': + $searchItems = array.map((item) => { + const name = findAndHighlight(item.name, keywords); + const slug = findAndHighlight(item.slug, keywords); + return searchItem(type === 'CATEGORIES' ? 'folder' : 'tag', name, slug, null, item.link); + }); + break; + default: + return null; + } + return section(sectionTitle).append($searchItems); + } + + function parseKeywords(keywords) { + return keywords + .split(' ') + .filter((keyword) => { + return !!keyword; + }) + .map((keyword) => { + return keyword.toLowerCase(); + }); + } + + /** + * Judge if a given post/page/category/tag contains all of the keywords. + * @param Object obj Object to be weighted + * @param Array fields Object's fields to find matches + */ + function filter(keywords, obj, fields) { + const keywordArray = parseKeywords(keywords); + const containKeywords = keywordArray.filter((keyword) => { + const containFields = fields.filter((field) => { + if (!Object.prototype.hasOwnProperty.call(obj, field)) { + return false; + } + if (obj[field].toLowerCase().indexOf(keyword) > -1) { + return true; + } + return false; + }); + if (containFields.length > 0) { + return true; + } + return false; + }); + return containKeywords.length === keywordArray.length; + } + + function filterFactory(keywords) { + return { + post: function (obj) { + return filter(keywords, obj, ['title', 'text']); + }, + page: function (obj) { + return filter(keywords, obj, ['title', 'text']); + }, + category: function (obj) { + return filter(keywords, obj, ['name', 'slug']); + }, + tag: function (obj) { + return filter(keywords, obj, ['name', 'slug']); + }, + }; + } + + /** + * Calculate the weight of a matched post/page/category/tag. + * @param Object obj Object to be weighted + * @param Array fields Object's fields to find matches + * @param Array weights Weight of every field + */ + function weight(keywords, obj, fields, weights) { + let value = 0; + parseKeywords(keywords).forEach((keyword) => { + const pattern = new RegExp(keyword, 'img'); // Global, Multi-line, Case-insensitive + fields.forEach((field, index) => { + if (Object.prototype.hasOwnProperty.call(obj, field)) { + const matches = obj[field].match(pattern); + value += matches ? matches.length * weights[index] : 0; + } + }); + }); + return value; + } + + function weightFactory(keywords) { + return { + post: function (obj) { + return weight(keywords, obj, ['title', 'text'], [3, 1]); + }, + page: function (obj) { + return weight(keywords, obj, ['title', 'text'], [3, 1]); + }, + category: function (obj) { + return weight(keywords, obj, ['name', 'slug'], [1, 1]); + }, + tag: function (obj) { + return weight(keywords, obj, ['name', 'slug'], [1, 1]); + }, + }; + } + + function search(json, keywords) { + const weights = weightFactory(keywords); + const filters = filterFactory(keywords); + const posts = json.posts; + const pages = json.pages; + const tags = json.tags; + const categories = json.categories; + return { + posts: posts + .filter(filters.post) + .sort((a, b) => { + return weights.post(b) - weights.post(a); + }) + .slice(0, 5), + pages: pages + .filter(filters.page) + .sort((a, b) => { + return weights.page(b) - weights.page(a); + }) + .slice(0, 5), + categories: categories + .filter(filters.category) + .sort((a, b) => { + return weights.category(b) - weights.category(a); + }) + .slice(0, 5), + tags: tags + .filter(filters.tag) + .sort((a, b) => { + return weights.tag(b) - weights.tag(a); + }) + .slice(0, 5), + }; + } + + function searchResultToDOM(keywords, searchResult) { + $container.empty(); + for (const key in searchResult) { + $container.append( + sectionFactory(parseKeywords(keywords), key.toUpperCase(), searchResult[key]), + ); + } + } + + function scrollTo($item) { + if ($item.length === 0) return; + const wrapperHeight = $container[0].clientHeight; + const itemTop = $item.position().top - $container.scrollTop(); + const itemBottom = $item[0].clientHeight + $item.position().top; + if (itemBottom > wrapperHeight + $container.scrollTop()) { + $container.scrollTop(itemBottom - $container[0].clientHeight); + } + if (itemTop < 0) { + $container.scrollTop($item.position().top); + } + } + + function selectItemByDiff(value) { + const $items = $.makeArray($container.find('.searchbox-result-item')); + let prevPosition = -1; + $items.forEach((item, index) => { + if ($(item).hasClass('active')) { + prevPosition = index; + } + }); + const nextPosition = ($items.length + prevPosition + value) % $items.length; + $($items[prevPosition]).removeClass('active'); + $($items[nextPosition]).addClass('active'); + scrollTo($($items[nextPosition])); + } + + function gotoLink($item) { + if ($item && $item.length) { + location.href = $item.attr('href'); + } + } + + $.getJSON(config.contentUrl, (json) => { + if (location.hash.trim() === '#insight-search') { + $main.addClass('show'); + } + $input.on('input', function () { + const keywords = $(this).val(); + searchResultToDOM(keywords, search(json, keywords)); + }); + $input.trigger('input'); + }); + + let touch = false; + $(document) + .on('click focus', '.navbar-main .search', () => { + $main.addClass('show'); + $main.find('.searchbox-input').focus(); + }) + .on('click touchend', '.searchbox-result-item', function (e) { + if (e.type !== 'click' && !touch) { + return; + } + gotoLink($(this)); + touch = false; + }) + .on('click touchend', '.searchbox-close', (e) => { + if (e.type !== 'click' && !touch) { + return; + } + $('.navbar-main').css('pointer-events', 'none'); + setTimeout(() => { + $('.navbar-main').css('pointer-events', 'auto'); + }, 400); + $main.removeClass('show'); + touch = false; + }) + .on('keydown', (e) => { + if (!$main.hasClass('show')) return; + switch (e.keyCode) { + case 27: // ESC + $main.removeClass('show'); + break; + case 38: // UP + selectItemByDiff(-1); + break; + case 40: // DOWN + selectItemByDiff(1); + break; + case 13: // ENTER + gotoLink($container.find('.searchbox-result-item.active').eq(0)); + break; + } + }) + .on('touchstart', (e) => { + touch = true; + }) + .on('touchmove', (e) => { + touch = false; + }); +} diff --git a/js/main.js b/js/main.js new file mode 100644 index 00000000..76891f5f --- /dev/null +++ b/js/main.js @@ -0,0 +1,139 @@ +/* eslint-disable node/no-unsupported-features/node-builtins */ +(function($, moment, ClipboardJS, config) { + $('.article img:not(".not-gallery-item")').each(function() { + // wrap images with link and add caption if possible + if ($(this).parent('a').length === 0) { + $(this).wrap(''); + if (this.alt) { + $(this).after('

' + this.alt + '

'); + } + } + }); + + if (typeof $.fn.lightGallery === 'function') { + $('.article').lightGallery({ selector: '.gallery-item' }); + } + if (typeof $.fn.justifiedGallery === 'function') { + if ($('.justified-gallery > p > .gallery-item').length) { + $('.justified-gallery > p > .gallery-item').unwrap(); + } + $('.justified-gallery').justifiedGallery(); + } + + if (typeof moment === 'function') { + $('.article-meta time').each(function() { + $(this).text(moment($(this).attr('datetime')).fromNow()); + }); + } + + $('.article > .content > table').each(function() { + if ($(this).width() > $(this).parent().width()) { + $(this).wrap('
'); + } + }); + + function adjustNavbar() { + const navbarWidth = $('.navbar-main .navbar-start').outerWidth() + $('.navbar-main .navbar-end').outerWidth(); + if ($(document).outerWidth() < navbarWidth) { + $('.navbar-main .navbar-menu').addClass('justify-content-start'); + } else { + $('.navbar-main .navbar-menu').removeClass('justify-content-start'); + } + } + adjustNavbar(); + $(window).resize(adjustNavbar); + + function toggleFold(codeBlock, isFolded) { + const $toggle = $(codeBlock).find('.fold i'); + !isFolded ? $(codeBlock).removeClass('folded') : $(codeBlock).addClass('folded'); + !isFolded ? $toggle.removeClass('fa-angle-right') : $toggle.removeClass('fa-angle-down'); + !isFolded ? $toggle.addClass('fa-angle-down') : $toggle.addClass('fa-angle-right'); + } + + function createFoldButton(fold) { + return '' + (fold === 'unfolded' ? '' : '') + ''; + } + + $('figure.highlight table').wrap('
'); + if (typeof config !== 'undefined' + && typeof config.article !== 'undefined' + && typeof config.article.highlight !== 'undefined') { + + $('figure.highlight').addClass('hljs'); + $('figure.highlight .code .line span').each(function() { + const classes = $(this).attr('class').split(/\s+/); + if (classes.length === 1) { + $(this).addClass('hljs-' + classes[0]); + $(this).removeClass(classes[0]); + } + }); + + + const clipboard = config.article.highlight.clipboard; + const fold = config.article.highlight.fold.trim(); + + $('figure.highlight').each(function() { + if ($(this).find('figcaption').length) { + $(this).find('figcaption').addClass('level is-mobile'); + $(this).find('figcaption').append('
'); + $(this).find('figcaption').append('
'); + $(this).find('figcaption div.level-left').append($(this).find('figcaption').find('span')); + $(this).find('figcaption div.level-right').append($(this).find('figcaption').find('a')); + } else { + if (clipboard || fold) { + $(this).prepend('
'); + } + } + }); + + if (typeof ClipboardJS !== 'undefined' && clipboard) { + $('figure.highlight').each(function() { + const id = 'code-' + Date.now() + (Math.random() * 1000 | 0); + const button = ''; + $(this).attr('id', id); + $(this).find('figcaption div.level-right').append(button); + }); + new ClipboardJS('.highlight .copy'); // eslint-disable-line no-new + } + + if (fold) { + $('figure.highlight').each(function() { + $(this).addClass('foldable'); // add 'foldable' class as long as fold is enabled + + if ($(this).find('figcaption').find('span').length > 0) { + const span = $(this).find('figcaption').find('span'); + if (span[0].innerText.indexOf('>folded') > -1) { + span[0].innerText = span[0].innerText.replace('>folded', ''); + $(this).find('figcaption div.level-left').prepend(createFoldButton('folded')); + toggleFold(this, true); + return; + } + } + $(this).find('figcaption div.level-left').prepend(createFoldButton(fold)); + toggleFold(this, fold === 'folded'); + }); + + $('figure.highlight figcaption .level-left').click(function() { + const $code = $(this).closest('figure.highlight'); + toggleFold($code.eq(0), !$code.hasClass('folded')); + }); + } + } + + const $toc = $('#toc'); + if ($toc.length > 0) { + const $mask = $('
'); + $mask.attr('id', 'toc-mask'); + + $('body').append($mask); + + function toggleToc() { // eslint-disable-line no-inner-declarations + $toc.toggleClass('is-active'); + $mask.toggleClass('is-active'); + } + + $toc.on('click', toggleToc); + $mask.on('click', toggleToc); + $('.navbar-main .catalogue').on('click', toggleToc); + } +}(jQuery, window.moment, window.ClipboardJS, window.IcarusThemeSettings)); diff --git a/js/toc.js b/js/toc.js new file mode 100644 index 00000000..dcdde5e6 --- /dev/null +++ b/js/toc.js @@ -0,0 +1,80 @@ +(function (window, document) { + function register($toc) { + const currentInView = new Set(); + const headingToMenu = new Map(); + const $menus = Array.from($toc.querySelectorAll('.menu-list > li > a')); + + for (const $menu of $menus) { + const elementId = $menu.getAttribute('href').trim().slice(1); + const $heading = document.getElementById(elementId); + if ($heading) { + headingToMenu.set($heading, $menu); + } + } + + const $headings = Array.from(headingToMenu.keys()); + + const callback = (entries) => { + for (const entry of entries) { + if (entry.isIntersecting) { + currentInView.add(entry.target); + } else { + currentInView.delete(entry.target); + } + } + let $heading; + if (currentInView.size) { + // heading is the first in-view heading + $heading = [...currentInView].sort(($el1, $el2) => $el1.offsetTop - $el2.offsetTop)[0]; + } else if ($headings.length) { + // heading is the closest heading above the viewport top + $heading = $headings + .filter(($heading) => $heading.offsetTop < window.scrollY) + .sort(($el1, $el2) => $el2.offsetTop - $el1.offsetTop)[0]; + } + if ($heading && headingToMenu.has($heading)) { + $menus.forEach(($menu) => $menu.classList.remove('is-active')); + + const $menu = headingToMenu.get($heading); + $menu.classList.add('is-active'); + let $menuList = $menu.parentElement.parentElement; + while ( + $menuList.classList.contains('menu-list') && + $menuList.parentElement.tagName.toLowerCase() === 'li' + ) { + $menuList.parentElement.children[0].classList.add('is-active'); + $menuList = $menuList.parentElement.parentElement; + } + } + }; + const observer = new IntersectionObserver(callback, { threshold: 0 }); + + for (const $heading of $headings) { + observer.observe($heading); + // smooth scroll to the heading + if (headingToMenu.has($heading)) { + const $menu = headingToMenu.get($heading); + $menu.setAttribute('data-href', $menu.getAttribute('href')); + $menu.setAttribute('href', 'javascript:;'); + $menu.addEventListener('click', () => { + if (typeof $heading.scrollIntoView === 'function') { + $heading.scrollIntoView({ behavior: 'smooth' }); + } + const anchor = $menu.getAttribute('data-href'); + if (history.pushState) { + history.pushState(null, null, anchor); + } else { + location.hash = anchor; + } + }); + $heading.style.scrollMargin = '1em'; + } + } + } + + if (typeof window.IntersectionObserver === 'undefined') { + return; + } + + document.querySelectorAll('#toc').forEach(register); +})(window, document); diff --git a/manifest.json b/manifest.json new file mode 100644 index 00000000..7498c0cf --- /dev/null +++ b/manifest.json @@ -0,0 +1 @@ +{"name":"青橙日志 | 个人博客","short_name":"青橙日志","start_url":"https://blog.webrelay.cn/","theme_color":null,"background_color":null,"display":"standalone","icons":[{"src":"/img/apple-touch-icon.jpg","sizes":"180x180","type":null},{"src":"/img/favicon.jpg","sizes":"192x192"},{"src":"/img/favicon.ico","sizes":"128x128"}]} \ No newline at end of file diff --git a/placeholder b/placeholder deleted file mode 100644 index e69de29b..00000000 diff --git a/posts/alist/index.html b/posts/alist/index.html new file mode 100644 index 00000000..e4ef20a5 --- /dev/null +++ b/posts/alist/index.html @@ -0,0 +1,252 @@ + +畅享4K:PotPlayer+Alist免费在线观看阿里云盘影片资源 - 青橙日志 | 个人博客

畅享4K:PotPlayer+Alist免费在线观看阿里云盘影片资源

优点&解决痛点

阿里云盘拥有较大的容量,运用Alist服务和阿里云盘不限速传输的特点解决非阿里云会员在线观看限制画质的痛点。搭配Potplayer等播放器实现在线观看4K高画质原片,只要网络好基本无卡顿。

+

总结:画质高,无广告,无水印,外挂字幕,在线即开即看,不占用本地存储……

+
+

你也许想问:

+

为什么不选择影视会员?价格贵,资源分散不可能每个平台都开个会员,有广告,有水印。

+

为什么不选择云盘会员?价格贵,而且阿里云盘最高也只支持2K画质在线观看

+

为什么不选择盗版网站?画质差!能1080P都谢天谢地了。速度慢!广告多!澳门赌场……

+

为什么不选择磁力链接?下载速度慢,画质越高等待时间越久。占用本地空间。

+
+

原理

在本地运行Alist服务,挂载阿里云盘。通过浏览器即可访问云盘文件目录,并且可以对文件进行增删改查。通过Alist提供的WebDAV服务可将Alist添加到客户端,通过播放器等即可实现在线观看。

+

由于Alist运行在本地,需要电脑一直保持开机状态,所以最好是部署在服务器上。

+
+

服务&工具

电脑端:Alist 阿里云盘 Potplayer ZeroTier

+

手机端:nPlayer ZeroTier One

+

安装Alist

    +
  • 获取Alist

    打开 AList Release 下载待部署系统对应的文件。

    +
  • +
  • 手动运行

      +
    1. 解压下载好的压缩包到合适的位置。

      +
    2. +
    3. 以管理员身份运行命令行,跳转到解压目录下。

      +
    4. +
    5. 输入alist server命令启动服务,Alist会自动生成一个随机密码,记住这个密码。

      +
    6. +
    7. 命令行不要关闭,否则服务会断开。

      +

      +
    8. +
    +
  • +
  • 守护进程

      +
    1. https://nssm.cc/downloadopen in new window 下载最新版本的 nssm
    2. +
    3. 在解压后的文件夹内按住 Shift 并右击空白处,选择“在此处打开 Powershell 窗口”;
    4. +
    5. 在弹出的窗口中输入 .\nssm.exe install alist
    6. +
    7. Path 选择 alist.exe 的路径,如 D:\alist\alist.exe,Arguments 填 server
    8. +
    9. Details 选项卡中可以自定义标题和描述,可以选择服务的自启动模式(自动|延迟启动|手动|禁用);
    10. +
    11. 在 I/O 选项卡为 Output (stdout) 和 Output (stderr) 各自指定一个日志文件的路径,如 D:\alist\stdout.log,文件本身(stdout.log)可以不存在,但是指定的目录(D:\alist)必须存在;
    12. +
    13. 点击“Install Service”即可。
    14. +
    +

    此后可以直接在服务中启动 alist

    +

    +
  • +
+

添加存储

    +
  • 访问服务

      +
    1. 打开浏览器,地址栏输入127.0.0.1:5244回车,登录Alist。

      +
    2. +
    3. 用户名默认为admin,密码为之前随机生成的密码。

      +

      +
    4. +
    5. 登录到后台后点击个人资料第一时间修改用户名和密码!

      +
    6. +
    +
  • +
  • 添加存储

    必填项:

    +
      +
    1. 点击存储-添加-驱动选择阿里云盘Open

      +
    2. +
    3. 挂载路径/云盘类型资源库根文件夹ID默认root

      +
    4. +
    5. 刷新令牌前往https://alist.nn.ci/tool/aliyundrive/request获取,别忘了填写。

      +
    6. +
    7. 移除方式回收站是临时删除文件依然会占用云盘空间,删除的文件可找回。删除是永久删除,删除后不占用云盘空间,不可找回。看个人情况选择。

      +

      +
    8. +
    9. 保存,点击主页即可查看云盘文件

      +

      +
    10. +
    +
  • +
+

添加播放源

    +
  1. 打开PotPlayer,点击右下角打开播放列表,点击新建专辑

    +
  2. +
  3. 专辑名称随意,选择FTP/WebDAV/HTTP搜索

    +
  4. +
  5. 协议选择WebDAV主机127.0.0.1/dav,端口5244

    +
  6. +
  7. 填写自己的用户名密码

    +

    +
  8. +
  9. 这样就能在PotPlayer里在线观看阿里云盘的影片了

    +

    +

    +
  10. +
+
+

手机端

    +
  • 局域网

      +
    1. 如果你的设备处于同一WiFi下即内网环境下,直接输入[电脑IP地址]:5244即可访问,可以直接在浏览器在线观看原画质视频,如果怕麻烦可以添加播放源到APP内。不知道电脑IP地址的在命令行输入ipconfig即可查看电脑的IPv4地址。
    2. +
    +

    +
      +
    1. 在路由器管理界面设置一下DHCP静态IP分配,静态IP最好是DHCP开始IP到结束IP之外的IP。
    2. +
    +

    +

    +
  • +
  • 内网穿透

    适用于设备非内网环境下,想要远程访问的设备。

    +
      +
    1. 打开ZeroTier官网,点击Sign Up注册账号并登录。

      +
    2. +
    3. 点击Create A Network,复制NETWORK ID,不要关闭页面。

      +
    4. +
    5. 手机下载ZeroTier One,点击ADD NETWORK,添加刚才的NETWORK ID,再点击最后的Add添加,并打开开关。点击SETTING设置界面,勾选Allow mobile data允许数据流量访问。

      +

      +
    6. +
    7. 电脑端下载ZeroTier客户端,类似的添加Network ID。

      +
    8. +
    9. 回到刚才的ZeroTier官网,往下翻找到Members选项卡,勾选添加电脑端和手机端成员。因为ZeroTier至少需要2个成员才能连接,所以手机端和电脑端都需要下载客户端。

      +
    10. +
    11. ZeroTier会分别生成电脑端和手机端成员的虚拟IP,复制电脑端成员的Managed IPs,在手机浏览器地址栏输入[电脑端IP]:5244测试

      +
    12. +
    +
    +

    其他方式:

    +
      +
    1. 反向代理:将Alist部署到服务器,通过服务器公网IP访问。
    2. +
    3. IPv6:家庭网络IPv6是动态分配的,会不定期变化,需要配置DDNS服务。
    4. +
    +

    有精力的可以自己研究。

    +
    +
  • +
  • 添加播放源

      +
    1. 手机端下载Nplayerkmplayer等播放器。

      +
    2. +
    3. 找到添加网络位置的功能,选择WebDAV

      +
    4. +
    5. 主机填写你的电脑IP地址,如果是内网穿透填写ZeroTier分配的虚拟IP地址。

      +
    6. +
    7. 除了用户名密码外,其他项严格按照下方设置。

      +

      +
    8. +
    9. 大功告成

      +

      +
    10. +
    +
    +

    理论上可以多端访问,无论你是Windows、Android、iOS、电视TV、Mac、Linux还是笔记软件,只要支持WebDAV即可享受此服务。ZeroTier也支持Windows、MacOS、Linux、Android、iOS、NAS等等平台。

    +
    +
  • +
+

片源

个人推荐:

+
+

影巢 https://hdhive.org/

+
+

相关链接

+

AList文档

+

AList Release

+

ZeroTier官网

+

PotPlayer下载地址

+

影巢

+
+

畅享4K:PotPlayer+Alist免费在线观看阿里云盘影片资源

https://blog.webrelay.cn/posts/alist/

作者

青橙

发布于

2023-11-29

更新于

2023-12-20

许可协议

评论

\ No newline at end of file diff --git a/posts/giscus/index.html b/posts/giscus/index.html new file mode 100644 index 00000000..36f40aa2 --- /dev/null +++ b/posts/giscus/index.html @@ -0,0 +1,210 @@ + +Hexo博客教程:使用giscus为网页添加评论系统通用方法 - 青橙日志 | 个人博客
Hexo博客教程:使用giscus为网页添加评论系统通用方法

Hexo博客教程:使用giscus为网页添加评论系统通用方法

giscus是一个基于GitHub Discussions的评论系统,使用纯前端解决方案,无需服务器支持。支持GitHub账号身份验证,具有自定义主题、灵活配置和多语言支持的特点,为网站提供简单而强大的评论功能。

+

一、配置

⭐在 GitHub 上创建仓库

为你的网站创建一个 GitHub 仓库,用于存储评论数据。并确保以下三个条件,缺一不可!

+
    +
  1. 确保仓库是公开的(Public
  2. +
+

如果你的仓库是Private,在仓库中点击最右边的Settings - General,划到最下方,选择change visibility - change to public

+

+

+
    +
  1. 确保仓库开启了 Discussions
  2. +
+

如果你的仓库没有开启Discussions,同样点击Settings - General,勾选Discussions即可

+

+
    +
  1. 确保安装了 giscus app
  2. +
+

giscus app👈点击安装

+

可选择指定仓库,默认允许访问用户所有仓库

+

⚙️在 Giscus 网站上配置

giscus 👈点击打开

+

配置以下内容:

+
    +
  • 语言:选择评论框所显示的语言

    +

    +
  • +
  • 仓库:填写格式:用户名/仓库名,配置好前面的这一步直接会显示成功

    +

    +
  • +
  • 页面 ↔️ discussion 映射关系,推荐选择title,这样就会在GitHub Discussions里生成一个你文章名命名的讨论,这个讨论即自己的评论区,跟你的那篇文章是绑定的,确保不会出现我的A文章加载了B文章的评论区的情况。如果B文章并未创建讨论,那么直接在B文章评论区中评论会自动在Discussions中创建讨论。

    +

    +
  • +
  • Discussion 分类:推荐选择Announcements

    +

    +
  • +
  • 特性:帖子上的反应可根据喜好开启,评论框在上方建议开启,不然每次评论都要划到最下面,懒加载也推荐开启

    +

    +

    反应功能预览:

    +

    +
  • +
  • 主题:推荐与你的博客风格一致的主题,不然会很突兀

    +

    +
  • +
+
+

二、嵌入

🚀获取代码

    +
  • 填写好上面的配置之后giscus会自动给我们生成代码,我们点击右上角的复制按钮复制代码

    +

    +
  • +
+

🔧布置代码

    +
  • 主题支持giscus
  • +
+

将代码里的参数填写到config文件里完成配置。

+
    +
  • 主题不支持giscus
  • +
+

将代码粘贴到正确的页面结构文件的合适位置中。

+

如果你不知道具体位置,可参考大致思路:一般在主题目录下的layout布局文件夹下,关键词通常为index、post、article等,要粘贴的位置通常在文章正文下面。

+

如果你是前端小白看不懂代码,我将以Hueman主题举例,找到合适的文件后,比如article.ejs。用文本编辑器打开文件,分析文件的结构,代码分为:

+

article-header(文章头部,比如标题)

+

article-meta(文章元数据,比如标签、作者、日期等)

+

article-entry(文章的正文等)

+

article-footer(文章的页脚,如打赏、分享功能等)

+

HTML标签通常成对出现,如<a></a>,总之我们的代码要写在带/的标签后面。因为这个文章页脚并非整个页面的页脚,所以我们粘贴在这个文章页脚下面正好合适。错了也没关系慢慢试。

+

+
+

Hueman主题位置:..\themes\hueman\layout\common\article.ejs

+

Cactus主题位置:..\themes\cactus\layout\post.ejs

+
+

不同主题配置方法稍有不同,欢迎提供你的主题配置方法

+

💡本地预览

    +
  • 在终端中输入以下命令:

    +

    hexo cl

    +

    hexo g

    +

    hexo s

    +
  • +
  • 打开 http://localhost:4000/,本地预览效果如下:

    +

    +
  • +
+

🎉推送远端

    +
  • 使用 hexo d 命令推送即可
  • +
+

三、常见问题

待收集

+

四、其他

介绍几种其他的评论系统,可以了解一下,选择自己喜欢的

+
    +
  • 国外的(国内访问困难) +
  • +
  • 基于Github Issues的 +
  • +
  • 基于Github Discussions的 +
  • +
  • 带后端的(部署麻烦,但是最好用) +
  • +
+
+

相关链接:

+

giscus:https://giscus.app/zh-CN

+

Hueman:https://ppoffice.github.io/hexo-theme-hueman/

+

网络驿站:https://webrelay.cn/

+
+

Hexo博客教程:使用giscus为网页添加评论系统通用方法

https://blog.webrelay.cn/posts/giscus/

作者

青橙

发布于

2023-04-16

更新于

2023-12-20

许可协议

评论

\ No newline at end of file diff --git a/posts/minecraft-server/index.html b/posts/minecraft-server/index.html new file mode 100644 index 00000000..f19fd81b --- /dev/null +++ b/posts/minecraft-server/index.html @@ -0,0 +1,237 @@ + +搭建Minecraft游戏服务器:使用MCSManager轻松实现 - 青橙日志 | 个人博客
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目。

+

在本教程中,我们将探讨如何使用 MCSManager 这一强大的工具来轻松搭建、管理 Minecraft 游戏服务器。MCSManager 提供了直观的用户界面和丰富的功能,使得管理和监控服务器变得异常简便。无论你是一位服务器管理员还是第一次尝试搭建自己的 Minecraft 服务器,MCSManager都能为你提供便捷而高效的解决方案。

+

本文章操作环境

+

+
+

本服务器到期前会一直开着(到期时间 2023-08-12 12:46:14),欢迎小伙伴来玩

+

1.19.4原版生存:43.142.236.44:25565

+
+

💰 购买服务器

首先得拥有一台Linux服务器,可以在腾讯云、阿里云购买云服务器,一般新用户都会有活动,而且有时还会有免费试用活动等。具体购买步骤略。

+

+
+

由于CentOS已停止维护,Java版本最新只能安装Java 11,而 Minecraft 1.16 版本以上需要 Java 11 以上版本支持,所以我原本的CentOS云服务器重装成了Ubuntu系统,具体在控制台 - 重装系统选择系统及版本即可一键重装。

+
+

具体对应版本推荐:

+ + + + + + + + + + + + + + + + + + + + + + + + + + + +
Minecraft服务端版本号JDK/Java推荐版本
1.7-8
1.8+8/11
1.12+ ~ 1.15+8/11
1.16+11/16
1.17+ ~ 1.18+16/17
+

🚀 登录服务器

推荐下载 MobaXtermXShell 远程登录我们的服务器,我以MobaXterm为例,打开软件,点击左上角的Session按钮建立一个连接,选择最左边的SSH

+

Remote host 填写我们的服务器公网IP,例如43.142.236.44

+

Specify username Ubuntu默认用户名一般为 ubuntu,CentOS默认用户名一般为root

+

+

Port 端口号22保持不变,如果服务器未开启22端口,可在服务器控制台 - 防火墙/安全组 - 添加规则 端口填写22确认即可。

+

创建完Session后打开,会提示让我们输入密码,输入过程中不会显示,输完了以后直接回车即可。如果忘记了密码可在服务器控制台重置密码。出现以下界面表示登录成功:

+

+

🔧 服务器配置

我们先来到我们的云服务器控制台,找到防火墙/安全组,点击添加规则,依次添加233332444425565三个端口,来源默认为0.0.0.0,如需手动填写请手动填写。

+

+

回到MobaXterm,依次输入以下指令:

+
    +
  • Ubuntu系统
  • +
+

切换到管理员权限($为普通用户权限,#为管理员权限)

+
1
sudo bash
+ +

更新软件包

+
1
apt update
+ +

安装Java环境

+
1
apt install openjdk-17-jre
+ +

查看Java版本(确认安装成功)

+
1
java -version
+ +

安装Node

+
1
apt install nodejs
+ +

安装npm

+
1
apt install npm
+ +

🧩 安装MCSManager

一行命令快速安装

+
1
wget -qO- https://gitee.com/mcsmanager/script/raw/master/setup.sh
+ +

开启MCSManager中文管理面板

+
1
2
systemctl start mcsm
systemctl status mcsm
+ +

+

记住默认管理用户为#master,密码123456

+

🔑 登录MCSManager

在我们自己电脑的浏览器地址栏中输入云服务器公网IP:23333即可打开登录界面,例如43.142.236.44:23333

+

+

输入默认的账号和密码即可登录,登录完成后请尽快修改密码

+

+

💡 配置Minecraft服务端

    +
  • 下载Minecraft Java版服务端(server.jar)
  • +
+
+

Minecraft官网下载(只能下载最新版本)

+
+

+
+

MCVersion.net (可下载各个版本的服务端及客户端)

+
+

+
    +
  • 创建实例
  • +
+

回到MCSManager管理面板,点击 服务端管理 - 创建新实例应用 - 引导创建(推荐)

+

+

填写实例名称(只能用字母/数字/下划线!),项目位置不用填(默认自动),点击下一步,上传刚刚下载的服务端程序server.jar

+

+

点击下一步,填写相关参数,全部默认,选择确认无误,立刻创建

+

+
    +
  • 开启游戏服务器
  • +
+

点击刚刚创建的实例,点击左边的 服务端操作 - 开启服务器 即可运行游戏服务端。启动设置 - 服务器自启推荐打开

+

+
    +
  • 配置游戏服务器
  • +
+

点击 配置文件 - Server.Properties 即可配置我们的游戏服务器参数,例如游戏模式、地图种子、正版验证、极限模式、玩家互伤等等

+

+

再打开服务端命令控制台,输入 op 玩家id,给玩家管理员权限,例如op cyan___orange

+
+

更多服务端指令请参考:Minecraft:服务器命令大全 - EDER笑笑的文章 - 知乎

+
+

+

🕹️ 登录Minecraft服务器

使用对应的游戏版本启动,我用的服务端是最新版本1.19.4版本,那么我的游戏版本也必须是1.19.4,如果使用离线账号登录,那么必须要在服务器配置文件Server.Properties中关闭正版验证

+

+

进入游戏后,在Minecraft中点击 多人游戏 - 添加服务器

+

服务器名称:随意

+

服务器地址服务器公网IP:25565,例如43.142.236.44:25565

+

+

点击完成后即可添加我们的服务器,回到服务器列表就可以看到我们的服务器,后面显示绿色即可连接,让我们加入游戏吧!

+

+

🎉 成功进入游戏 🥳

+
+
+

相关链接:

+

MCSManager | Minecraft 中文管理面板

+

MobaXterm free Xserver and tabbed SSH client for Windows

+

XSHELL - NetSarang Website

+

Download server for Minecraft | Minecraft

+
+

搭建Minecraft游戏服务器:使用MCSManager轻松实现

https://blog.webrelay.cn/posts/minecraft-server/

作者

青橙

发布于

2023-04-21

更新于

2023-12-20

许可协议

评论

\ No newline at end of file diff --git a/posts/potplayer-dolby-vision/index.html b/posts/potplayer-dolby-vision/index.html new file mode 100644 index 00000000..dbfa32e0 --- /dev/null +++ b/posts/potplayer-dolby-vision/index.html @@ -0,0 +1,160 @@ + +享受高质量画面:使用PotPlayer播放杜比视界影片的简易指南 - 青橙日志 | 个人博客

享受高质量画面:使用PotPlayer播放杜比视界影片的简易指南

PotPlayer 主要是一款播放器,以其丰富的功能和灵活性而闻名。然而,PotPlayer 并不直接支持 Dolby Vision。Dolby Vision 支持通常需要硬件和软件之间的集成,以便能够正确解码和显示 Dolby Vision 格式的内容。

+

如下图,不支持杜比视界的影片通常呈现紫色和绿色,就像开了红绿色盲滤镜。下面就教大家如何配置PotPlayer播放杜比视界片源。

+

效果对比

设置前:

+

+

设置后:

+

+

安装环境

点击链接下载并安装以下软件:

+
    +
  1. MPC Video Renderer

    +

    一款基于 Microsoft Direct3D 的视频渲染器,通常与播放器软件(如Media Player Classic)一起使用。它提供高质量的视频渲染和处理,支持硬件加速,并具有自定义配置选项

    +
  2. +
  3. LAVFilters

    +

    一套开源的DirectShow滤镜套件,为Windows上的多媒体播放器提供音频和视频解码支持。它支持多种常见的音视频格式,提供高质量的解码性能

    +
  4. +
+

配置方法

    +
  • 一键配置

    +
      +
    1. 下载PotPlayer一键配置文件:https://www.alipan.com/s/EeXfrL6XvYy
    2. +
    3. 先关闭PotPlayer
    4. +
    5. 再双击打开配置文件 - 点击导入PotPlayer配置
    6. +
    7. 打开PotPlayer测试
    8. +
    +

    +
  • +
  • 手动配置

    +

    以防万一,如果配置文件没用可以尝试手动配置。步骤比较繁琐,而且缺一不可,虽然技术难度不高,还是更推荐一键配置。

    +
      +
    1. 点击左上角/右键/按F5,打开主菜单再点击选项打开选项菜单

      +
    2. +
    3. 视频-视频渲染器,选择刚刚安装好的MPC视频渲染器

      +

      +
    4. +
    5. 视频-像素着色器,取消所有勾选。

      +

      +
    6. +
    7. 基本-进阶皮肤-在画面上输出皮肤-方式,选择窗口化图层

      +

      +
    8. +
    9. 滤镜-内置图像处理滤镜设置-激活条件,选择不使用

      +

      +
    10. +
    11. 滤镜-视频解码器-滤镜/解码器管理-添加系统滤镜,选择LAV Video DecoderLAV Audio Decoder(可选),确定。

      +

      +
    12. +
    13. 滤镜-视频解码器,所有格式能选LAV Video Decoder的都选上,音频解码器同理。

      +

      +
    14. +
    15. 重启PotPlayer,播放杜比片源测试。

      +
    16. +
    +
  • +
+
+
+

相关链接:

+

PotPlayer安装MPC Video Renderer 播放杜比视界视频

+

MPC Video Renderer Releases

+

LAVFilters

+
+

享受高质量画面:使用PotPlayer播放杜比视界影片的简易指南

https://blog.webrelay.cn/posts/potplayer-dolby-vision/

作者

青橙

发布于

2023-12-16

更新于

2023-12-20

许可协议

评论

\ No newline at end of file diff --git a/posts/web-font/index.html b/posts/web-font/index.html new file mode 100644 index 00000000..d7643a42 --- /dev/null +++ b/posts/web-font/index.html @@ -0,0 +1,267 @@ + +网页设计中的字体艺术:解密字体选择与Web字体优化 - 青橙日志 | 个人博客

网页设计中的字体艺术:解密字体选择与Web字体优化

在网页设计的世界中,字体是一种强大的表达工具,能够赋予文字以独特的风格、情感和身份。随着互联网的不断发展,网页字体的选择和优化变得至关重要,直接影响用户体验和网站整体的视觉吸引力。

+

这就引出了一个重要问题:在网页上使用什么样的字体?如何确保字体在不同设备和浏览器中都能呈现出最佳效果?本文将带你深入探讨网页字体的世界,从字体的基础知识到Web字体的应用,揭示字体背后的艺术和科学。

+

无论你是一位网页设计师、开发者,还是对字体设计感兴趣的普通用户,通过这篇科普博客,你将对网页字体有一个更全面的了解,并学到如何选择、应用和优化字体以提升网站的视觉吸引力。

+

font-family字体族

字体族(font family)是一组字体的集合,它包括相似风格和设计的字体。在 CSS 中,可以使用 font-family 属性来指定字体族。当指定字体族时,浏览器会按照优先级选择用户设备上可用的字体。下面是常见的字体族及其在具体设计上的特点:

+

1. serif 字体族

    +
  • 特点: serif 字体具有衬线,衬线是在字符的末端添加的额外笔画,如 “Times New Roman” 中的 “T” 的底部。

    +
  • +
  • 示例: Times New Roman, Georgia, Palatino

    +
  • +
  • 用途: 适合正式文档和印刷品,因为衬线有助于提高可读性。

    +

    +
  • +
+

2. sans-serif 字体族

    +
  • 特点: sans-serif 字体没有衬线,字符的末端是直的。

    +
  • +
  • 示例: Arial, Helvetica, Verdana

    +
  • +
  • 用途: 适合屏幕显示,特别是小字体大小下更易阅读。

    +

    +
  • +
+

3. monospace 字体族

    +
  • 特点: monospace 字体中的每个字符都具有相同的宽度,适合排列文本以保持字符对齐。

    +
  • +
  • 示例: Courier New, Monaco, Consolas

    +
  • +
  • 用途: 适合用于编程代码和等宽排列文本的场合。

    +

    +
  • +
+

4. cursive 字体族

    +
  • 特点: cursive 字体模仿手写风格,通常包含连写的字符。

    +
  • +
  • 示例: Comic Sans MS, Brush Script

    +
  • +
  • 用途: 适合强调和创意性的场合,但不适合正式文档。

    +

    +
  • +
+

5. fantasy 字体族

    +
  • 特点: fantasy 字体是一类装饰性的字体,通常不符合常规的字体分类。

    +
  • +
  • 示例: Impact, Western

    +
  • +
  • 用途: 适合用于标题和特殊效果,不适合大篇幅的正文。

    +

    +
  • +
+

示例

1
2
3
body {
font-family: Arial, Helvetica, "Microsoft YaHei", sans-serif;
}
+ +

具体是根据哪款字体来渲染?

font-family属性可以定义一个或多个字体的名称,用于渲染文本。当使用font-family定义多款字体时,具体使用哪款字体渲染,取决于以下几个因素:

+
    +
  • 字体的可用性:浏览器会按照font-family属性的顺序,从左到右,依次尝试使用每个字体。如果浏览器支持并且能够找到第一个字体,就会使用它。如果第一个字体不可用,就会尝试使用第二个字体,以此类推,直到找到一个可用的字体。如果所有的字体都不可用,就会使用浏览器的默认字体。
  • +
  • 字体的匹配度:如果一个字体不能完全覆盖文本中的所有字符,浏览器会尝试使用其他字体来补充缺失的字符。这种情况下,浏览器会根据字体的匹配度,即字体的样式,重量,斜度,等等,来选择最合适的字体。如果没有找到合适的字体,就会使用浏览器的默认字体。
  • +
  • 字体的优先级:如果一个字体是用户在操作系统或浏览器中设置的首选字体,或者是一个通用的字体族,如serif,sans-serif,monospace,等等,它会有更高的优先级,被更容易地使用。如果一个字体是一个特定的字体名称,如Arial,Times New Roman,等等,它会有更低的优先级,被更难地使用。
  • +
+

因此,当使用font-family定义多款字体时,具体使用哪款字体渲染,是一个动态的过程,需要考虑字体的可用性,匹配度,和优先级。为了保证文本的渲染效果,建议在font-family属性中,既指定特定的字体名称,又指定通用的字体族,以提供更多的备选方案。

+
+

font-weight 字重

font-weight 是 CSS 中用于设置字体粗细的属性。它的值可以是以下几种:

+
    +
  • 数值: 100、200、300、400、500、600、700、800、900。数值越大,字体越粗。常见的使用是 normal 对应 400,bold 对应 700。
  • +
  • 关键字:
      +
    • normal:定义标准的字符。
    • +
    • bold:定义粗体字符。
    • +
    +
  • +
  • 全局关键字:
      +
    • initial:设置属性为其默认值。
    • +
    • inherit:从父元素继承属性值。
    • +
    +
  • +
+

使用示例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/* 使用关键字 */
.normal-text {
font-weight: normal;
}

.bold-text {
font-weight: bold;
}

/* 使用数值 */
.light-text {
font-weight: 300;
}

/* 使用全局关键字 */
.default-weight {
font-weight: initial;
}

/* 继承父元素的字体粗细 */
.inherited-weight {
font-weight: inherit;
}
+ +

在上述示例中,.normal-text 使用 font-weight: normal; 设置为标准字体,.bold-text 使用 font-weight: bold; 设置为粗体,.light-text 使用 font-weight: 300; 设置为较轻的字体。.default-weight 使用 font-weight: initial; 将属性值重置为默认值,而 .inherited-weight 使用 font-weight: inherit; 从父元素继承字体粗细。

+

这些设置可以根据设计需要和品牌规范来选择,以确保网页文本的良好可读性和一致性。

+

常见粗细值名称和数值对应

100 到 900 之间的数值大致对应如下的常见粗细值名称:

+ + + + + + + + + + + + + + + + + + + + + + + + + +
100200300400500600700800900
Thin (Hairline)Extra Light (Ultra Light)LightNormalMediumSemi Bold (Demi Bold)BoldExtra Bold (Ultra Bold)Black (Heavy)
+
+

关于Regular的定义

+

在 CSS 中,regular 字重并没有一个具体的数值标准,它通常是指字体家族中的默认或普通字重。具体的字体家族和其对应的字重可能有所不同,因为这是由字体设计者和字体提供商决定的。

+

一般而言,regular 字重对应于数值 400。在某些字体家族中,regular 也可能对应于 normal 关键字。

+
+
+

@font-face 自定义字体

@font-face 是 CSS 中的一个规则,用于定义自定义字体。通过 @font-face 规则,你可以引入并使用网页上没有安装的字体。这对于网页设计中的字体定制非常有用,可以确保你的网页在用户端正确显示所需的字体。

+

语法

1
2
3
4
5
6
@font-face {
font-family: 'YourFontName'; /* 指定字体的名称,用于后续引用 */
src: url('path/to/your/font.woff2') format('woff2'); /* 字体文件的路径和格式 */
font-weight: normal; /* 字体的粗细,可选值包括 normal、bold 等 */
font-style: normal; /* 字体的风格,可选值包括 normal、italic 等 */
}
+ +

详解

    +
  • font-family: 指定字体的名称,以供后续在 CSS 中使用。这是你在 font-family 属性中引用字体时所使用的名称。
  • +
  • src: 指定字体文件的路径和格式。通常,你需要提供字体文件的绝对或相对路径,并指定字体的格式(如 woff2woffttf 等)。可以提供多个 src 声明,以提供备用字体文件,以备不同浏览器和操作系统使用不同的格式。
  • +
  • font-weight 和 font-style: 这两个属性是可选的。它们允许你指定字体的粗细和风格。如果没有指定,将使用字体文件中的默认值。
  • +
+

使用示例

1
2
3
4
5
6
7
8
@font-face {
font-family: 'MyCustomFont';
src: url('path/to/your/font.woff2') format('woff2');
}

body {
font-family: 'MyCustomFont', sans-serif;
}
+ +

在这个例子中:

+
    +
  • @font-face 规则定义了一个名为 'MyCustomFont' 的自定义字体,它的来源是 'path/to/your/font.woff2' 文件。
  • +
  • body 中,通过 font-family 属性将整个页面的默认字体设置为 'MyCustomFont'。这样,整个页面的文字都会使用这个自定义字体。
  • +
+

确保替换 'path/to/your/font.woff2' 为你实际字体文件的路径。此外,你可以提供多个字体格式,以提高在不同浏览器和操作系统上的兼容性。

+
+

format() 的作用

format()@font-face 规则中的一个子属性,用于指定字体文件的格式。不同的浏览器和操作系统支持不同的字体文件格式,因此通过 format() 属性,你可以告诉浏览器如何解释字体文件。

+

常见的字体文件格式包括 WOFF(Web Open Font Format)、WOFF2(Web Open Font Format 2.0)、TTF(TrueType Font)、OTF(OpenType Font)等。通过提供适当的格式,你可以增加网页在各种设备和浏览器上正确显示字体的机会。

+

语法

1
2
3
4
@font-face {
font-family: 'YourFontName';
src: url('path/to/your/font.woff') format('woff');
}
+ +

在这个例子中,format('woff') 表示字体文件的格式是 WOFF。

+

常见的 format 值

    +
  • format('woff') WOFF 格式的字体文件。
  • +
  • format('woff2') WOFF 2.0 格式的字体文件,是 WOFF 的升级版,通常更加高效。
  • +
  • format('truetype') TrueType 字体文件格式。
  • +
  • format('opentype') OpenType 字体文件格式。
  • +
  • format('embedded-opentype') 嵌入式 OpenType 字体文件格式,通常用于旧版 Internet Explorer。
  • +
+

使用示例

1
2
3
4
5
@font-face {
font-family: 'MyCustomFont';
src: url('path/to/your/font.woff2') format('woff2'),
url('path/to/your/font.woff') format('woff');
}
+ +

在这个例子中,@font-face 规则指定了两个字体文件,一个是 WOFF2 格式的,另一个是 WOFF 格式的。浏览器会根据支持的格式选择合适的字体文件来加载。

+
+

字体格式的建议

在网页开发中,字体有不同的格式,因为不同的浏览器和设备支持不同的字体格式。为了确保字体在各种环境中都能正确加载,通常会使用以下常见的字体格式:

+
    +
  1. WOFF (Web Open Font Format):

    +
      +
    • WOFF 是专门为 Web 设计的字体格式,提供了压缩和高效的字体传输。绝大多数现代浏览器都支持 WOFF 格式。
    • +
    +
    1
    2
    3
    4
    5
    6
    7
    /* 引入 WOFF 格式的字体 */
    @font-face {
    font-family: 'YourFont';
    src: url('your-font.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    }
    +
  2. +
  3. WOFF2 (Web Open Font Format 2):

    +
      +
    • WOFF2 是 WOFF 的升级版,具有更好的压缩效果,但它支持的浏览器较少。然而,对于支持的浏览器,WOFF2 是首选的字体格式。
    • +
    +
    1
    2
    3
    4
    5
    6
    7
    /* 引入 WOFF2 格式的字体 */
    @font-face {
    font-family: 'YourFont';
    src: url('your-font.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    }
    +
  4. +
  5. TTF/OTF (TrueType/OpenType):

    +
      +
    • TTF 和 OTF 是传统的字体格式,适用于许多设备和浏览器。但它们相对于 WOFF 来说文件大小较大,因此在 Web 中使用时可能不如 WOFF/WOFF2 效率高。
    • +
    +
    1
    2
    3
    4
    5
    6
    7
    /* 引入 TTF 格式的字体 */
    @font-face {
    font-family: 'YourFont';
    src: url('your-font.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    }
  6. +
+

在使用字体时,可以使用多个格式,以提供对不同浏览器的更好支持。例如:

+
1
2
3
4
5
6
7
8
@font-face {
font-family: 'YourFont';
src: url('your-font.woff2') format('woff2'),
url('your-font.woff') format('woff'),
url('your-font.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
+ +

这样,浏览器将根据支持的格式选择合适的字体。确保字体文件在服务器上正确托管,并且在 CSS 中正确引用字体路径。

+

网页设计中的字体艺术:解密字体选择与Web字体优化

https://blog.webrelay.cn/posts/web-font/

作者

青橙

发布于

2023-11-23

更新于

2023-12-20

许可协议

评论

\ No newline at end of file diff --git a/robots.txt b/robots.txt new file mode 100644 index 00000000..d650e4c5 --- /dev/null +++ b/robots.txt @@ -0,0 +1,13 @@ +User-agent: * +Allow: / +Allow: /archives/ +Allow: /about/ +Allow: /categories/ +Allow: /tags/ +Allow: /posts/ +Allow: /img/ +Disallow: /js/ +Disallow: /css/ + +Sitemap: https://webrelay.cn/sitemap.xml +Sitemap: https://webrelay.cn/baidusitemap.xml diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 00000000..e34f813a --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,244 @@ + + + + + https://blog.webrelay.cn/posts/alist/ + + 2023-12-20 + + monthly + 0.6 + + + + https://blog.webrelay.cn/posts/giscus/ + + 2023-12-20 + + monthly + 0.6 + + + + https://blog.webrelay.cn/posts/minecraft-server/ + + 2023-12-20 + + monthly + 0.6 + + + + https://blog.webrelay.cn/posts/potplayer-dolby-vision/ + + 2023-12-20 + + monthly + 0.6 + + + + https://blog.webrelay.cn/posts/web-font/ + + 2023-12-20 + + monthly + 0.6 + + + + https://blog.webrelay.cn/about/index.html + + 2023-12-16 + + monthly + 0.6 + + + + + https://blog.webrelay.cn/ + 2023-12-20 + daily + 1.0 + + + + + https://blog.webrelay.cn/tags/%E7%BD%91%E7%BB%9C/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/WebDAV/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/Alist/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/%E5%BD%B1%E8%A7%86/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/%E8%BD%AF%E4%BB%B6/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/PotPlayer/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/Hexo/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/%E5%8D%9A%E5%AE%A2/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/%E8%AF%84%E8%AE%BA/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/%E6%8F%92%E4%BB%B6/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/giscus/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/%E6%B8%B8%E6%88%8F/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/%E6%9C%8D%E5%8A%A1%E5%99%A8/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/mcsmanager/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/minecraft/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/java/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/%E7%AC%94%E8%AE%B0/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/CSS/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/%E5%AD%97%E4%BD%93/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/%E7%9F%A5%E8%AF%86/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/%E6%9D%9C%E6%AF%94%E8%A7%86%E7%95%8C/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/MPC-Video-Renderer/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/tags/LAVFilters/ + 2023-12-20 + weekly + 0.2 + + + + + + https://blog.webrelay.cn/categories/%E6%95%99%E7%A8%8B/ + 2023-12-20 + weekly + 0.2 + + + + https://blog.webrelay.cn/categories/%E5%89%8D%E7%AB%AF/ + 2023-12-20 + weekly + 0.2 + + + diff --git a/tags/Alist/index.html b/tags/Alist/index.html new file mode 100644 index 00000000..0bd8a1ec --- /dev/null +++ b/tags/Alist/index.html @@ -0,0 +1,96 @@ + +标签: Alist - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/tags/CSS/index.html b/tags/CSS/index.html new file mode 100644 index 00000000..795e0cdc --- /dev/null +++ b/tags/CSS/index.html @@ -0,0 +1,96 @@ + +标签: CSS - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/tags/Hexo/index.html b/tags/Hexo/index.html new file mode 100644 index 00000000..455d317d --- /dev/null +++ b/tags/Hexo/index.html @@ -0,0 +1,96 @@ + +标签: Hexo - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/tags/LAVFilters/index.html b/tags/LAVFilters/index.html new file mode 100644 index 00000000..871ce687 --- /dev/null +++ b/tags/LAVFilters/index.html @@ -0,0 +1,96 @@ + +标签: LAVFilters - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/tags/MPC-Video-Renderer/index.html b/tags/MPC-Video-Renderer/index.html new file mode 100644 index 00000000..376b6611 --- /dev/null +++ b/tags/MPC-Video-Renderer/index.html @@ -0,0 +1,96 @@ + +标签: MPC Video Renderer - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/tags/PotPlayer/index.html b/tags/PotPlayer/index.html new file mode 100644 index 00000000..c2b7c273 --- /dev/null +++ b/tags/PotPlayer/index.html @@ -0,0 +1,96 @@ + +标签: PotPlayer - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/tags/WebDAV/index.html b/tags/WebDAV/index.html new file mode 100644 index 00000000..6d6a9030 --- /dev/null +++ b/tags/WebDAV/index.html @@ -0,0 +1,96 @@ + +标签: WebDAV - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/tags/giscus/index.html b/tags/giscus/index.html new file mode 100644 index 00000000..0f4427f7 --- /dev/null +++ b/tags/giscus/index.html @@ -0,0 +1,96 @@ + +标签: giscus - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/tags/index.html b/tags/index.html new file mode 100644 index 00000000..cf2ded48 --- /dev/null +++ b/tags/index.html @@ -0,0 +1,96 @@ + +标签 - 青橙日志 | 个人博客
\ No newline at end of file diff --git a/tags/java/index.html b/tags/java/index.html new file mode 100644 index 00000000..fb1adbc7 --- /dev/null +++ b/tags/java/index.html @@ -0,0 +1,96 @@ + +标签: java - 青橙日志 | 个人博客
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目……
阅读更多
\ No newline at end of file diff --git a/tags/mcsmanager/index.html b/tags/mcsmanager/index.html new file mode 100644 index 00000000..1af5f217 --- /dev/null +++ b/tags/mcsmanager/index.html @@ -0,0 +1,96 @@ + +标签: mcsmanager - 青橙日志 | 个人博客
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目……
阅读更多
\ No newline at end of file diff --git a/tags/minecraft/index.html b/tags/minecraft/index.html new file mode 100644 index 00000000..d201a249 --- /dev/null +++ b/tags/minecraft/index.html @@ -0,0 +1,96 @@ + +标签: minecraft - 青橙日志 | 个人博客
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目……
阅读更多
\ No newline at end of file diff --git "a/tags/\345\215\232\345\256\242/index.html" "b/tags/\345\215\232\345\256\242/index.html" new file mode 100644 index 00000000..db7966ec --- /dev/null +++ "b/tags/\345\215\232\345\256\242/index.html" @@ -0,0 +1,96 @@ + +标签: 博客 - 青橙日志 | 个人博客
\ No newline at end of file diff --git "a/tags/\345\255\227\344\275\223/index.html" "b/tags/\345\255\227\344\275\223/index.html" new file mode 100644 index 00000000..854d83e9 --- /dev/null +++ "b/tags/\345\255\227\344\275\223/index.html" @@ -0,0 +1,96 @@ + +标签: 字体 - 青橙日志 | 个人博客
\ No newline at end of file diff --git "a/tags/\345\275\261\350\247\206/index.html" "b/tags/\345\275\261\350\247\206/index.html" new file mode 100644 index 00000000..471cf2fe --- /dev/null +++ "b/tags/\345\275\261\350\247\206/index.html" @@ -0,0 +1,96 @@ + +标签: 影视 - 青橙日志 | 个人博客
\ No newline at end of file diff --git "a/tags/\346\217\222\344\273\266/index.html" "b/tags/\346\217\222\344\273\266/index.html" new file mode 100644 index 00000000..d18df0fb --- /dev/null +++ "b/tags/\346\217\222\344\273\266/index.html" @@ -0,0 +1,96 @@ + +标签: 插件 - 青橙日志 | 个人博客
\ No newline at end of file diff --git "a/tags/\346\234\215\345\212\241\345\231\250/index.html" "b/tags/\346\234\215\345\212\241\345\231\250/index.html" new file mode 100644 index 00000000..8b013694 --- /dev/null +++ "b/tags/\346\234\215\345\212\241\345\231\250/index.html" @@ -0,0 +1,96 @@ + +标签: 服务器 - 青橙日志 | 个人博客
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目……
阅读更多
\ No newline at end of file diff --git "a/tags/\346\235\234\346\257\224\350\247\206\347\225\214/index.html" "b/tags/\346\235\234\346\257\224\350\247\206\347\225\214/index.html" new file mode 100644 index 00000000..f6a8294f --- /dev/null +++ "b/tags/\346\235\234\346\257\224\350\247\206\347\225\214/index.html" @@ -0,0 +1,96 @@ + +标签: 杜比视界 - 青橙日志 | 个人博客
\ No newline at end of file diff --git "a/tags/\346\270\270\346\210\217/index.html" "b/tags/\346\270\270\346\210\217/index.html" new file mode 100644 index 00000000..7f84de5f --- /dev/null +++ "b/tags/\346\270\270\346\210\217/index.html" @@ -0,0 +1,96 @@ + +标签: 游戏 - 青橙日志 | 个人博客
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目……
阅读更多
\ No newline at end of file diff --git "a/tags/\347\237\245\350\257\206/index.html" "b/tags/\347\237\245\350\257\206/index.html" new file mode 100644 index 00000000..770c28d7 --- /dev/null +++ "b/tags/\347\237\245\350\257\206/index.html" @@ -0,0 +1,96 @@ + +标签: 知识 - 青橙日志 | 个人博客
\ No newline at end of file diff --git "a/tags/\347\254\224\350\256\260/index.html" "b/tags/\347\254\224\350\256\260/index.html" new file mode 100644 index 00000000..b63e9634 --- /dev/null +++ "b/tags/\347\254\224\350\256\260/index.html" @@ -0,0 +1,96 @@ + +标签: 笔记 - 青橙日志 | 个人博客
\ No newline at end of file diff --git "a/tags/\347\275\221\347\273\234/index.html" "b/tags/\347\275\221\347\273\234/index.html" new file mode 100644 index 00000000..4865a14a --- /dev/null +++ "b/tags/\347\275\221\347\273\234/index.html" @@ -0,0 +1,96 @@ + +标签: 网络 - 青橙日志 | 个人博客
搭建Minecraft游戏服务器:使用MCSManager轻松实现

搭建Minecraft游戏服务器:使用MCSManager轻松实现

Minecraft,这款风靡全球的沙盒游戏,不仅让玩家沉浸在创造与冒险的世界中,同时也为社交与合作提供了一个理想的平台。如果你希望在自己的服务器上与朋友一同畅玩、构建梦想中的城市,那么搭建一个专属的 Minecraft 服务器将是一个极具乐趣的项目……
阅读更多
\ No newline at end of file diff --git "a/tags/\350\257\204\350\256\272/index.html" "b/tags/\350\257\204\350\256\272/index.html" new file mode 100644 index 00000000..dd324ad7 --- /dev/null +++ "b/tags/\350\257\204\350\256\272/index.html" @@ -0,0 +1,96 @@ + +标签: 评论 - 青橙日志 | 个人博客
\ No newline at end of file diff --git "a/tags/\350\275\257\344\273\266/index.html" "b/tags/\350\275\257\344\273\266/index.html" new file mode 100644 index 00000000..008fd9ef --- /dev/null +++ "b/tags/\350\275\257\344\273\266/index.html" @@ -0,0 +1,96 @@ + +标签: 软件 - 青橙日志 | 个人博客
\ No newline at end of file