clonernews/static/bulma.css

20406 lines
444 KiB
CSS

@charset "UTF-8";
/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */.bulma-control-extend,.button,.file-cta,.file-name,.input,.pagination-ellipsis,.pagination-link,.pagination-next,.pagination-previous,.select select,.textarea {
-moz-appearance:none;
-webkit-appearance:none;
align-items:center;
border:1px solid transparent;
border-radius:.375em;
box-shadow:none;
display:inline-flex;
font-size:1rem;
height:2.5em;
justify-content:flex-start;
line-height:1.5;
padding-bottom:calc(.5em - 1px);
padding-left:calc(.75em - 1px);
padding-right:calc(.75em - 1px);
padding-top:calc(.5em - 1px);
position:relative;
vertical-align:top
}
.bulma-control-extend:active,
.bulma-control-extend:focus,
.button:active,
.button:focus,
.file-cta:active,
.file-cta:focus,
.file-name:active,
.file-name:focus,
.input:active,
.input:focus,
.is-active.bulma-control-extend,
.is-active.button,
.is-active.file-cta,
.is-active.file-name,
.is-active.input,
.is-active.pagination-ellipsis,
.is-active.pagination-link,
.is-active.pagination-next,
.is-active.pagination-previous,
.is-active.textarea,
.is-focused.bulma-control-extend,
.is-focused.button,
.is-focused.file-cta,
.is-focused.file-name,
.is-focused.input,
.is-focused.pagination-ellipsis,
.is-focused.pagination-link,
.is-focused.pagination-next,
.is-focused.pagination-previous,
.is-focused.textarea,
.pagination-ellipsis:active,
.pagination-ellipsis:focus,
.pagination-link:active,
.pagination-link:focus,
.pagination-next:active,
.pagination-next:focus,
.pagination-previous:active,
.pagination-previous:focus,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus {
outline:0
}
.bulma-control-extend[disabled],
.button[disabled],
.file-cta[disabled],
.file-name[disabled],
.input[disabled],
.pagination-ellipsis[disabled],
.pagination-link[disabled],
.pagination-next[disabled],
.pagination-previous[disabled],
.select fieldset[disabled] select,
.select select[disabled],
.textarea[disabled],
fieldset[disabled] .bulma-control-extend,
fieldset[disabled] .button,
fieldset[disabled] .file-cta,
fieldset[disabled] .file-name,
fieldset[disabled] .input,
fieldset[disabled] .pagination-ellipsis,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-previous,
fieldset[disabled] .select select,
fieldset[disabled] .textarea {
cursor:not-allowed
}
.breadcrumb,
.button,
.file,
.is-unselectable,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.tabs {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-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:.625em;
margin-top:-.4375em;
pointer-events:none;
position:absolute;
top:50%;
transform:rotate(-45deg);
transform-origin:center;
width:.625em
}
.bd-book-cover:not(:last-child),
.bd-content .bd-highlight-full:not(:last-child),
.bd-content .highlight:not(:last-child),
.bd-example:not(:last-child),
.bd-pills:not(:last-child),
.bd-side-sponsrs:not(:last-child),
.bd-snippet:not(:last-child),
.bd-tabs:not(:last-child),
.block:not(:last-child),
.box:not(:last-child),
.breadcrumb:not(:last-child),
.content:not(:last-child),
.level:not(:last-child),
.message:not(:last-child),
.notification:not(:last-child),
.pagination:not(:last-child),
.progress:not(:last-child),
.subtitle:not(:last-child),
.table-container:not(:last-child),
.table:not(:last-child),
.tabs:not(:last-child),
.title:not(:last-child) {
margin-bottom:1.5rem
}
.delete,
.modal-close {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
-moz-appearance:none;
-webkit-appearance:none;
background-color:rgba(10,10,10,.2);
border:none;
border-radius:9999px;
cursor:pointer;
pointer-events:auto;
display:inline-block;
flex-grow:0;
flex-shrink:0;
font-size:0;
height:20px;
max-height:20px;
max-width:20px;
min-height:20px;
min-width:20px;
outline:0;
position:relative;
vertical-align:top;
width:20px
}
.delete::after,
.delete::before,
.modal-close::after,
.modal-close::before {
background-color:#fff;
content:"";
display:block;
left:50%;
position:absolute;
top:50%;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
transform-origin:center center
}
.delete::before,
.modal-close::before {
height:2px;
width:50%
}
.delete::after,
.modal-close::after {
height:50%;
width:2px
}
.delete:focus,
.delete:hover,
.modal-close:focus,
.modal-close:hover {
background-color:rgba(10,10,10,.3)
}
.delete:active,
.modal-close:active {
background-color:rgba(10,10,10,.4)
}
.is-small.delete,
.is-small.modal-close {
height:16px;
max-height:16px;
max-width:16px;
min-height:16px;
min-width:16px;
width:16px
}
.is-medium.delete,
.is-medium.modal-close {
height:24px;
max-height:24px;
max-width:24px;
min-height:24px;
min-width:24px;
width:24px
}
.is-large.delete,
.is-large.modal-close {
height:32px;
max-height:32px;
max-width:32px;
min-height:32px;
min-width:32px;
width:32px
}
.button.is-loading::after,
.control.is-loading::after,
.loader,
.select.is-loading::after {
animation:spinAround .5s infinite linear;
border:2px solid #dbdbdb;
border-radius:9999px;
border-right-color:transparent;
border-top-color:transparent;
content:"";
display:block;
height:1em;
position:relative;
width:1em
}
.bd-docs-overlay,
.bd-logos-download,
.hero-video,
.image.is-16by9 .has-ratio,
.image.is-16by9 img,
.image.is-1by1 .has-ratio,
.image.is-1by1 img,
.image.is-1by2 .has-ratio,
.image.is-1by2 img,
.image.is-1by3 .has-ratio,
.image.is-1by3 img,
.image.is-2by1 .has-ratio,
.image.is-2by1 img,
.image.is-2by3 .has-ratio,
.image.is-2by3 img,
.image.is-3by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by2 .has-ratio,
.image.is-3by2 img,
.image.is-3by4 .has-ratio,
.image.is-3by4 img,
.image.is-3by5 .has-ratio,
.image.is-3by5 img,
.image.is-4by3 .has-ratio,
.image.is-4by3 img,
.image.is-4by5 .has-ratio,
.image.is-4by5 img,
.image.is-5by3 .has-ratio,
.image.is-5by3 img,
.image.is-5by4 .has-ratio,
.image.is-5by4 img,
.image.is-9by16 .has-ratio,
.image.is-9by16 img,
.image.is-square .has-ratio,
.image.is-square img,
.is-overlay,
.modal,
.modal-background {
bottom:0;
left:0;
position:absolute;
right:0;
top:0
}
.bd-category-toggle,
.bd-navbar-search-icon,
.bd-pill-button,
.bd-tabs-nav button,
.navbar-burger {
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
background:0 0;
border:none;
color:currentColor;
font-family:inherit;
font-size:1em;
margin:0;
padding:0
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
margin:0;
padding:0
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size:100%;
font-weight:400
}
ul {
list-style:none
}
button,
input,
select,
textarea {
margin:0
}
html {
box-sizing:border-box
}
*,
::after,
::before {
box-sizing:inherit
}
img,
video {
height:auto;
max-width:100%
}
iframe {
border:0
}
table {
border-collapse:collapse;
border-spacing:0
}
td,
th {
padding:0
}
td:not([align]),
th:not([align]) {
text-align:inherit
}
html {
background-color:#fff;
font-size:16px;
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
min-width:300px;
overflow-x:hidden;
overflow-y:scroll;
text-rendering:optimizeLegibility;
-webkit-text-size-adjust:100%;
-moz-text-size-adjust:100%;
text-size-adjust:100%
}
article,
aside,
figure,
footer,
header,
hgroup,
section {
display:block
}
body,
button,
input,
optgroup,
select,
textarea {
font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}
code,
pre {
-moz-osx-font-smoothing:auto;
-webkit-font-smoothing:auto;
font-family:monospace
}
body {
color:#4a4a4a;
font-size:1em;
font-weight:400;
line-height:1.5
}
a {
color:#485fc7;
cursor:pointer;
text-decoration:none
}
a strong {
color:currentColor
}
a:hover {
color:#363636
}
code {
background-color:#f5f5f5;
color:#da1039;
font-size:.875em;
font-weight:400;
padding:.25em .5em .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:.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:.875em;
overflow-x:auto;
padding:1.25rem 1.5rem;
white-space:pre;
word-wrap:normal
}
pre code {
background-color:transparent;
color:currentColor;
font-size:1em;
padding:0
}
table td,
table th {
vertical-align:top
}
table td:not([align]),
table th:not([align]) {
text-align:inherit
}
table th {
color:#363636
}
@keyframes spinAround {
from {
transform:rotate(0)
}
to {
transform:rotate(359deg)
}
}
.box {
background-color:#fff;
border-radius:6px;
box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
color:#4a4a4a;
display:block;
padding:1.25rem
}
a.box:focus,
a.box:hover {
box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px #485fc7
}
a.box:active {
box-shadow:inset 0 1px 2px rgba(10,10,10,.2),0 0 0 1px #485fc7
}
.button {
background-color:#fff;
border-color:#dbdbdb;
border-width:1px;
color:#363636;
cursor:pointer;
justify-content:center;
padding-bottom:calc(.5em - 1px);
padding-left:1em;
padding-right:1em;
padding-top:calc(.5em - 1px);
text-align:center;
white-space:nowrap
}
.button strong {
color:inherit
}
.button .icon,
.button .icon.is-large,
.button .icon.is-medium,
.button .icon.is-small {
height:1.5em;
width:1.5em
}
.button .icon:first-child:not(:last-child) {
margin-left:calc(-.5em - 1px);
margin-right:.25em
}
.button .icon:last-child:not(:first-child) {
margin-left:.25em;
margin-right:calc(-.5em - 1px)
}
.button .icon:first-child:last-child {
margin-left:calc(-.5em - 1px);
margin-right:calc(-.5em - 1px)
}
.button.is-hovered,
.button:hover {
border-color:#b5b5b5;
color:#363636
}
.button.is-focused,
.button:focus {
border-color:#485fc7;
color:#363636
}
.button.is-focused:not(:active),
.button:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(72,95,199,.25)
}
.button.is-active,
.button:active {
border-color:#4a4a4a;
color:#363636
}
.button.is-text {
background-color:transparent;
border-color:transparent;
color:#4a4a4a;
text-decoration:underline
}
.button.is-text.is-focused,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text:hover {
background-color:#f5f5f5;
color:#363636
}
.button.is-text.is-active,
.button.is-text: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-ghost {
background:0 0;
border-color:transparent;
color:#485fc7;
text-decoration:none
}
.button.is-ghost.is-hovered,
.button.is-ghost:hover {
color:#485fc7;
text-decoration:underline
}
.button.is-white {
background-color:#fff;
border-color:transparent;
color:#0a0a0a
}
.button.is-white.is-hovered,
.button.is-white:hover {
background-color:#f9f9f9;
border-color:transparent;
color:#0a0a0a
}
.button.is-white.is-focused,
.button.is-white:focus {
border-color:transparent;
color:#0a0a0a
}
.button.is-white.is-focused:not(:active),
.button.is-white:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(255,255,255,.25)
}
.button.is-white.is-active,
.button.is-white:active {
background-color:#f2f2f2;
border-color:transparent;
color:#0a0a0a
}
.button.is-white[disabled],
fieldset[disabled] .button.is-white {
background-color:#fff;
border-color:#fff;
box-shadow:none
}
.button.is-white.is-inverted {
background-color:#0a0a0a;
color:#fff
}
.button.is-white.is-inverted.is-hovered,
.button.is-white.is-inverted:hover {
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.is-focused,
.button.is-white.is-outlined.is-hovered,
.button.is-white.is-outlined:focus,
.button.is-white.is-outlined:hover {
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.is-focused::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:hover::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.is-focused,
.button.is-white.is-inverted.is-outlined.is-hovered,
.button.is-white.is-inverted.is-outlined:focus,
.button.is-white.is-inverted.is-outlined:hover {
background-color:#0a0a0a;
color:#fff
}
.button.is-white.is-inverted.is-outlined.is-loading.is-focused::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:hover::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.is-hovered,
.button.is-black:hover {
background-color:#040404;
border-color:transparent;
color:#fff
}
.button.is-black.is-focused,
.button.is-black:focus {
border-color:transparent;
color:#fff
}
.button.is-black.is-focused:not(:active),
.button.is-black:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(10,10,10,.25)
}
.button.is-black.is-active,
.button.is-black:active {
background-color:#000;
border-color:transparent;
color:#fff
}
.button.is-black[disabled],
fieldset[disabled] .button.is-black {
background-color:#0a0a0a;
border-color:#0a0a0a;
box-shadow:none
}
.button.is-black.is-inverted {
background-color:#fff;
color:#0a0a0a
}
.button.is-black.is-inverted.is-hovered,
.button.is-black.is-inverted:hover {
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.is-focused,
.button.is-black.is-outlined.is-hovered,
.button.is-black.is-outlined:focus,
.button.is-black.is-outlined:hover {
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.is-focused::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:hover::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.is-focused,
.button.is-black.is-inverted.is-outlined.is-hovered,
.button.is-black.is-inverted.is-outlined:focus,
.button.is-black.is-inverted.is-outlined:hover {
background-color:#fff;
color:#0a0a0a
}
.button.is-black.is-inverted.is-outlined.is-loading.is-focused::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:hover::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 {
background-color:#f5f5f5;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-light.is-hovered,
.button.is-light:hover {
background-color:#eee;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-light.is-focused,
.button.is-light:focus {
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-light.is-focused:not(:active),
.button.is-light:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(245,245,245,.25)
}
.button.is-light.is-active,
.button.is-light:active {
background-color:#e8e8e8;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-light[disabled],
fieldset[disabled] .button.is-light {
background-color:#f5f5f5;
border-color:#f5f5f5;
box-shadow:none
}
.button.is-light.is-inverted {
background-color:rgba(0,0,0,.7);
color:#f5f5f5
}
.button.is-light.is-inverted.is-hovered,
.button.is-light.is-inverted:hover {
background-color:rgba(0,0,0,.7)
}
.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
background-color:rgba(0,0,0,.7);
border-color:transparent;
box-shadow:none;
color:#f5f5f5
}
.button.is-light.is-loading::after {
border-color:transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important
}
.button.is-light.is-outlined {
background-color:transparent;
border-color:#f5f5f5;
color:#f5f5f5
}
.button.is-light.is-outlined.is-focused,
.button.is-light.is-outlined.is-hovered,
.button.is-light.is-outlined:focus,
.button.is-light.is-outlined:hover {
background-color:#f5f5f5;
border-color:#f5f5f5;
color:rgba(0,0,0,.7)
}
.button.is-light.is-outlined.is-loading::after {
border-color:transparent transparent #f5f5f5 #f5f5f5!important
}
.button.is-light.is-outlined.is-loading.is-focused::after,
.button.is-light.is-outlined.is-loading.is-hovered::after,
.button.is-light.is-outlined.is-loading:focus::after,
.button.is-light.is-outlined.is-loading:hover::after {
border-color:transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important
}
.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
background-color:transparent;
border-color:#f5f5f5;
box-shadow:none;
color:#f5f5f5
}
.button.is-light.is-inverted.is-outlined {
background-color:transparent;
border-color:rgba(0,0,0,.7);
color:rgba(0,0,0,.7)
}
.button.is-light.is-inverted.is-outlined.is-focused,
.button.is-light.is-inverted.is-outlined.is-hovered,
.button.is-light.is-inverted.is-outlined:focus,
.button.is-light.is-inverted.is-outlined:hover {
background-color:rgba(0,0,0,.7);
color:#f5f5f5
}
.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-light.is-inverted.is-outlined.is-loading:focus::after,
.button.is-light.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #f5f5f5 #f5f5f5!important
}
.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
background-color:transparent;
border-color:rgba(0,0,0,.7);
box-shadow:none;
color:rgba(0,0,0,.7)
}
.button.is-dark {
background-color:#363636;
border-color:transparent;
color:#fff
}
.button.is-dark.is-hovered,
.button.is-dark:hover {
background-color:#2f2f2f;
border-color:transparent;
color:#fff
}
.button.is-dark.is-focused,
.button.is-dark:focus {
border-color:transparent;
color:#fff
}
.button.is-dark.is-focused:not(:active),
.button.is-dark:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(54,54,54,.25)
}
.button.is-dark.is-active,
.button.is-dark:active {
background-color:#292929;
border-color:transparent;
color:#fff
}
.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
background-color:#363636;
border-color:#363636;
box-shadow:none
}
.button.is-dark.is-inverted {
background-color:#fff;
color:#363636
}
.button.is-dark.is-inverted.is-hovered,
.button.is-dark.is-inverted:hover {
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.is-focused,
.button.is-dark.is-outlined.is-hovered,
.button.is-dark.is-outlined:focus,
.button.is-dark.is-outlined:hover {
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.is-focused::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:hover::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.is-focused,
.button.is-dark.is-inverted.is-outlined.is-hovered,
.button.is-dark.is-inverted.is-outlined:focus,
.button.is-dark.is-inverted.is-outlined:hover {
background-color:#fff;
color:#363636
}
.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::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:hover::after {
border-color:transparent transparent #363636 #363636!important
}
.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
box-shadow:none;
color:#fff
}
.button.is-primary {
background-color:#00d1b2;
border-color:transparent;
color:#fff
}
.button.is-primary.is-hovered,
.button.is-primary:hover {
background-color:#00c4a7;
border-color:transparent;
color:#fff
}
.button.is-primary.is-focused,
.button.is-primary:focus {
border-color:transparent;
color:#fff
}
.button.is-primary.is-focused:not(:active),
.button.is-primary:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(0,209,178,.25)
}
.button.is-primary.is-active,
.button.is-primary:active {
background-color:#00b89c;
border-color:transparent;
color:#fff
}
.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
background-color:#00d1b2;
border-color:#00d1b2;
box-shadow:none
}
.button.is-primary.is-inverted {
background-color:#fff;
color:#00d1b2
}
.button.is-primary.is-inverted.is-hovered,
.button.is-primary.is-inverted:hover {
background-color:#f2f2f2
}
.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
background-color:#fff;
border-color:transparent;
box-shadow:none;
color:#00d1b2
}
.button.is-primary.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-primary.is-outlined {
background-color:transparent;
border-color:#00d1b2;
color:#00d1b2
}
.button.is-primary.is-outlined.is-focused,
.button.is-primary.is-outlined.is-hovered,
.button.is-primary.is-outlined:focus,
.button.is-primary.is-outlined:hover {
background-color:#00d1b2;
border-color:#00d1b2;
color:#fff
}
.button.is-primary.is-outlined.is-loading::after {
border-color:transparent transparent #00d1b2 #00d1b2!important
}
.button.is-primary.is-outlined.is-loading.is-focused::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:hover::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
background-color:transparent;
border-color:#00d1b2;
box-shadow:none;
color:#00d1b2
}
.button.is-primary.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-primary.is-inverted.is-outlined.is-focused,
.button.is-primary.is-inverted.is-outlined.is-hovered,
.button.is-primary.is-inverted.is-outlined:focus,
.button.is-primary.is-inverted.is-outlined:hover {
background-color:#fff;
color:#00d1b2
}
.button.is-primary.is-inverted.is-outlined.is-loading.is-focused::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:hover::after {
border-color:transparent transparent #00d1b2 #00d1b2!important
}
.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
box-shadow:none;
color:#fff
}
.button.is-primary.is-light {
background-color:#ebfffc;
color:#00947e
}
.button.is-primary.is-light.is-hovered,
.button.is-primary.is-light:hover {
background-color:#defffa;
border-color:transparent;
color:#00947e
}
.button.is-primary.is-light.is-active,
.button.is-primary.is-light:active {
background-color:#d1fff8;
border-color:transparent;
color:#00947e
}
.button.is-link {
background-color:#485fc7;
border-color:transparent;
color:#fff
}
.button.is-link.is-hovered,
.button.is-link:hover {
background-color:#3e56c4;
border-color:transparent;
color:#fff
}
.button.is-link.is-focused,
.button.is-link:focus {
border-color:transparent;
color:#fff
}
.button.is-link.is-focused:not(:active),
.button.is-link:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(72,95,199,.25)
}
.button.is-link.is-active,
.button.is-link:active {
background-color:#3a51bb;
border-color:transparent;
color:#fff
}
.button.is-link[disabled],
fieldset[disabled] .button.is-link {
background-color:#485fc7;
border-color:#485fc7;
box-shadow:none
}
.button.is-link.is-inverted {
background-color:#fff;
color:#485fc7
}
.button.is-link.is-inverted.is-hovered,
.button.is-link.is-inverted:hover {
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:#485fc7
}
.button.is-link.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-link.is-outlined {
background-color:transparent;
border-color:#485fc7;
color:#485fc7
}
.button.is-link.is-outlined.is-focused,
.button.is-link.is-outlined.is-hovered,
.button.is-link.is-outlined:focus,
.button.is-link.is-outlined:hover {
background-color:#485fc7;
border-color:#485fc7;
color:#fff
}
.button.is-link.is-outlined.is-loading::after {
border-color:transparent transparent #485fc7 #485fc7!important
}
.button.is-link.is-outlined.is-loading.is-focused::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:hover::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:#485fc7;
box-shadow:none;
color:#485fc7
}
.button.is-link.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-link.is-inverted.is-outlined.is-focused,
.button.is-link.is-inverted.is-outlined.is-hovered,
.button.is-link.is-inverted.is-outlined:focus,
.button.is-link.is-inverted.is-outlined:hover {
background-color:#fff;
color:#485fc7
}
.button.is-link.is-inverted.is-outlined.is-loading.is-focused::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:hover::after {
border-color:transparent transparent #485fc7 #485fc7!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:#eff1fa;
color:#3850b7
}
.button.is-link.is-light.is-hovered,
.button.is-link.is-light:hover {
background-color:#e6e9f7;
border-color:transparent;
color:#3850b7
}
.button.is-link.is-light.is-active,
.button.is-link.is-light:active {
background-color:#dce0f4;
border-color:transparent;
color:#3850b7
}
.button.is-info {
background-color:#3e8ed0;
border-color:transparent;
color:#fff
}
.button.is-info.is-hovered,
.button.is-info:hover {
background-color:#3488ce;
border-color:transparent;
color:#fff
}
.button.is-info.is-focused,
.button.is-info:focus {
border-color:transparent;
color:#fff
}
.button.is-info.is-focused:not(:active),
.button.is-info:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(62,142,208,.25)
}
.button.is-info.is-active,
.button.is-info:active {
background-color:#3082c5;
border-color:transparent;
color:#fff
}
.button.is-info[disabled],
fieldset[disabled] .button.is-info {
background-color:#3e8ed0;
border-color:#3e8ed0;
box-shadow:none
}
.button.is-info.is-inverted {
background-color:#fff;
color:#3e8ed0
}
.button.is-info.is-inverted.is-hovered,
.button.is-info.is-inverted:hover {
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:#3e8ed0
}
.button.is-info.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-info.is-outlined {
background-color:transparent;
border-color:#3e8ed0;
color:#3e8ed0
}
.button.is-info.is-outlined.is-focused,
.button.is-info.is-outlined.is-hovered,
.button.is-info.is-outlined:focus,
.button.is-info.is-outlined:hover {
background-color:#3e8ed0;
border-color:#3e8ed0;
color:#fff
}
.button.is-info.is-outlined.is-loading::after {
border-color:transparent transparent #3e8ed0 #3e8ed0!important
}
.button.is-info.is-outlined.is-loading.is-focused::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:hover::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:#3e8ed0;
box-shadow:none;
color:#3e8ed0
}
.button.is-info.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-info.is-inverted.is-outlined.is-focused,
.button.is-info.is-inverted.is-outlined.is-hovered,
.button.is-info.is-inverted.is-outlined:focus,
.button.is-info.is-inverted.is-outlined:hover {
background-color:#fff;
color:#3e8ed0
}
.button.is-info.is-inverted.is-outlined.is-loading.is-focused::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:hover::after {
border-color:transparent transparent #3e8ed0 #3e8ed0!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:#eff5fb;
color:#296fa8
}
.button.is-info.is-light.is-hovered,
.button.is-info.is-light:hover {
background-color:#e4eff9;
border-color:transparent;
color:#296fa8
}
.button.is-info.is-light.is-active,
.button.is-info.is-light:active {
background-color:#dae9f6;
border-color:transparent;
color:#296fa8
}
.button.is-success {
background-color:#48c78e;
border-color:transparent;
color:#fff
}
.button.is-success.is-hovered,
.button.is-success:hover {
background-color:#3ec487;
border-color:transparent;
color:#fff
}
.button.is-success.is-focused,
.button.is-success:focus {
border-color:transparent;
color:#fff
}
.button.is-success.is-focused:not(:active),
.button.is-success:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(72,199,142,.25)
}
.button.is-success.is-active,
.button.is-success:active {
background-color:#3abb81;
border-color:transparent;
color:#fff
}
.button.is-success[disabled],
fieldset[disabled] .button.is-success {
background-color:#48c78e;
border-color:#48c78e;
box-shadow:none
}
.button.is-success.is-inverted {
background-color:#fff;
color:#48c78e
}
.button.is-success.is-inverted.is-hovered,
.button.is-success.is-inverted:hover {
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:#48c78e
}
.button.is-success.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-success.is-outlined {
background-color:transparent;
border-color:#48c78e;
color:#48c78e
}
.button.is-success.is-outlined.is-focused,
.button.is-success.is-outlined.is-hovered,
.button.is-success.is-outlined:focus,
.button.is-success.is-outlined:hover {
background-color:#48c78e;
border-color:#48c78e;
color:#fff
}
.button.is-success.is-outlined.is-loading::after {
border-color:transparent transparent #48c78e #48c78e!important
}
.button.is-success.is-outlined.is-loading.is-focused::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:hover::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:#48c78e;
box-shadow:none;
color:#48c78e
}
.button.is-success.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-success.is-inverted.is-outlined.is-focused,
.button.is-success.is-inverted.is-outlined.is-hovered,
.button.is-success.is-inverted.is-outlined:focus,
.button.is-success.is-inverted.is-outlined:hover {
background-color:#fff;
color:#48c78e
}
.button.is-success.is-inverted.is-outlined.is-loading.is-focused::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:hover::after {
border-color:transparent transparent #48c78e #48c78e!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:#effaf5;
color:#257953
}
.button.is-success.is-light.is-hovered,
.button.is-success.is-light:hover {
background-color:#e6f7ef;
border-color:transparent;
color:#257953
}
.button.is-success.is-light.is-active,
.button.is-success.is-light:active {
background-color:#dcf4e9;
border-color:transparent;
color:#257953
}
.button.is-warning {
background-color:#ffe08a;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-warning.is-hovered,
.button.is-warning:hover {
background-color:#ffdc7d;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-warning.is-focused,
.button.is-warning:focus {
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-warning.is-focused:not(:active),
.button.is-warning:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(255,224,138,.25)
}
.button.is-warning.is-active,
.button.is-warning:active {
background-color:#ffd970;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
background-color:#ffe08a;
border-color:#ffe08a;
box-shadow:none
}
.button.is-warning.is-inverted {
background-color:rgba(0,0,0,.7);
color:#ffe08a
}
.button.is-warning.is-inverted.is-hovered,
.button.is-warning.is-inverted:hover {
background-color:rgba(0,0,0,.7)
}
.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
background-color:rgba(0,0,0,.7);
border-color:transparent;
box-shadow:none;
color:#ffe08a
}
.button.is-warning.is-loading::after {
border-color:transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important
}
.button.is-warning.is-outlined {
background-color:transparent;
border-color:#ffe08a;
color:#ffe08a
}
.button.is-warning.is-outlined.is-focused,
.button.is-warning.is-outlined.is-hovered,
.button.is-warning.is-outlined:focus,
.button.is-warning.is-outlined:hover {
background-color:#ffe08a;
border-color:#ffe08a;
color:rgba(0,0,0,.7)
}
.button.is-warning.is-outlined.is-loading::after {
border-color:transparent transparent #ffe08a #ffe08a!important
}
.button.is-warning.is-outlined.is-loading.is-focused::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:hover::after {
border-color:transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important
}
.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
background-color:transparent;
border-color:#ffe08a;
box-shadow:none;
color:#ffe08a
}
.button.is-warning.is-inverted.is-outlined {
background-color:transparent;
border-color:rgba(0,0,0,.7);
color:rgba(0,0,0,.7)
}
.button.is-warning.is-inverted.is-outlined.is-focused,
.button.is-warning.is-inverted.is-outlined.is-hovered,
.button.is-warning.is-inverted.is-outlined:focus,
.button.is-warning.is-inverted.is-outlined:hover {
background-color:rgba(0,0,0,.7);
color:#ffe08a
}
.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::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:hover::after {
border-color:transparent transparent #ffe08a #ffe08a!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,.7);
box-shadow:none;
color:rgba(0,0,0,.7)
}
.button.is-warning.is-light {
background-color:#fffaeb;
color:#946c00
}
.button.is-warning.is-light.is-hovered,
.button.is-warning.is-light:hover {
background-color:#fff6de;
border-color:transparent;
color:#946c00
}
.button.is-warning.is-light.is-active,
.button.is-warning.is-light:active {
background-color:#fff3d1;
border-color:transparent;
color:#946c00
}
.button.is-danger {
background-color:#f14668;
border-color:transparent;
color:#fff
}
.button.is-danger.is-hovered,
.button.is-danger:hover {
background-color:#f03a5f;
border-color:transparent;
color:#fff
}
.button.is-danger.is-focused,
.button.is-danger:focus {
border-color:transparent;
color:#fff
}
.button.is-danger.is-focused:not(:active),
.button.is-danger:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(241,70,104,.25)
}
.button.is-danger.is-active,
.button.is-danger:active {
background-color:#ef2e55;
border-color:transparent;
color:#fff
}
.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
background-color:#f14668;
border-color:#f14668;
box-shadow:none
}
.button.is-danger.is-inverted {
background-color:#fff;
color:#f14668
}
.button.is-danger.is-inverted.is-hovered,
.button.is-danger.is-inverted:hover {
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.is-focused,
.button.is-danger.is-outlined.is-hovered,
.button.is-danger.is-outlined:focus,
.button.is-danger.is-outlined:hover {
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.is-focused::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:hover::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.is-focused,
.button.is-danger.is-inverted.is-outlined.is-hovered,
.button.is-danger.is-inverted.is-outlined:focus,
.button.is-danger.is-inverted.is-outlined:hover {
background-color:#fff;
color:#f14668
}
.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::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:hover::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.is-hovered,
.button.is-danger.is-light:hover {
background-color:#fde0e6;
border-color:transparent;
color:#cc0f35
}
.button.is-danger.is-light.is-active,
.button.is-danger.is-light:active {
background-color:#fcd4dc;
border-color:transparent;
color:#cc0f35
}
.button.is-expo {
background-color:#ffd257;
border-color:transparent;
color:#fff
}
.button.is-expo.is-hovered,
.button.is-expo:hover {
background-color:#ffcf4a;
border-color:transparent;
color:#fff
}
.button.is-expo.is-focused,
.button.is-expo:focus {
border-color:transparent;
color:#fff
}
.button.is-expo.is-focused:not(:active),
.button.is-expo:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(255,210,87,.25)
}
.button.is-expo.is-active,
.button.is-expo:active {
background-color:#ffcb3e;
border-color:transparent;
color:#fff
}
.button.is-expo[disabled],
fieldset[disabled] .button.is-expo {
background-color:#ffd257;
border-color:#ffd257;
box-shadow:none
}
.button.is-expo.is-inverted {
background-color:#fff;
color:#ffd257
}
.button.is-expo.is-inverted.is-hovered,
.button.is-expo.is-inverted:hover {
background-color:#f2f2f2
}
.button.is-expo.is-inverted[disabled],
fieldset[disabled] .button.is-expo.is-inverted {
background-color:#fff;
border-color:transparent;
box-shadow:none;
color:#ffd257
}
.button.is-expo.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-expo.is-outlined {
background-color:transparent;
border-color:#ffd257;
color:#ffd257
}
.button.is-expo.is-outlined.is-focused,
.button.is-expo.is-outlined.is-hovered,
.button.is-expo.is-outlined:focus,
.button.is-expo.is-outlined:hover {
background-color:#ffd257;
border-color:#ffd257;
color:#fff
}
.button.is-expo.is-outlined.is-loading::after {
border-color:transparent transparent #ffd257 #ffd257!important
}
.button.is-expo.is-outlined.is-loading.is-focused::after,
.button.is-expo.is-outlined.is-loading.is-hovered::after,
.button.is-expo.is-outlined.is-loading:focus::after,
.button.is-expo.is-outlined.is-loading:hover::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-expo.is-outlined[disabled],
fieldset[disabled] .button.is-expo.is-outlined {
background-color:transparent;
border-color:#ffd257;
box-shadow:none;
color:#ffd257
}
.button.is-expo.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-expo.is-inverted.is-outlined.is-focused,
.button.is-expo.is-inverted.is-outlined.is-hovered,
.button.is-expo.is-inverted.is-outlined:focus,
.button.is-expo.is-inverted.is-outlined:hover {
background-color:#fff;
color:#ffd257
}
.button.is-expo.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-expo.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-expo.is-inverted.is-outlined.is-loading:focus::after,
.button.is-expo.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #ffd257 #ffd257!important
}
.button.is-expo.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-expo.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
box-shadow:none;
color:#fff
}
.button.is-expo.is-light {
background-color:#fffaeb;
color:#946c00
}
.button.is-expo.is-light.is-hovered,
.button.is-expo.is-light:hover {
background-color:#fff6de;
border-color:transparent;
color:#946c00
}
.button.is-expo.is-light.is-active,
.button.is-expo.is-light:active {
background-color:#fff3d1;
border-color:transparent;
color:#946c00
}
.button.is-love {
background-color:#f14668;
border-color:transparent;
color:#fff
}
.button.is-love.is-hovered,
.button.is-love:hover {
background-color:#f03a5f;
border-color:transparent;
color:#fff
}
.button.is-love.is-focused,
.button.is-love:focus {
border-color:transparent;
color:#fff
}
.button.is-love.is-focused:not(:active),
.button.is-love:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(241,70,104,.25)
}
.button.is-love.is-active,
.button.is-love:active {
background-color:#ef2e55;
border-color:transparent;
color:#fff
}
.button.is-love[disabled],
fieldset[disabled] .button.is-love {
background-color:#f14668;
border-color:#f14668;
box-shadow:none
}
.button.is-love.is-inverted {
background-color:#fff;
color:#f14668
}
.button.is-love.is-inverted.is-hovered,
.button.is-love.is-inverted:hover {
background-color:#f2f2f2
}
.button.is-love.is-inverted[disabled],
fieldset[disabled] .button.is-love.is-inverted {
background-color:#fff;
border-color:transparent;
box-shadow:none;
color:#f14668
}
.button.is-love.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-love.is-outlined {
background-color:transparent;
border-color:#f14668;
color:#f14668
}
.button.is-love.is-outlined.is-focused,
.button.is-love.is-outlined.is-hovered,
.button.is-love.is-outlined:focus,
.button.is-love.is-outlined:hover {
background-color:#f14668;
border-color:#f14668;
color:#fff
}
.button.is-love.is-outlined.is-loading::after {
border-color:transparent transparent #f14668 #f14668!important
}
.button.is-love.is-outlined.is-loading.is-focused::after,
.button.is-love.is-outlined.is-loading.is-hovered::after,
.button.is-love.is-outlined.is-loading:focus::after,
.button.is-love.is-outlined.is-loading:hover::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-love.is-outlined[disabled],
fieldset[disabled] .button.is-love.is-outlined {
background-color:transparent;
border-color:#f14668;
box-shadow:none;
color:#f14668
}
.button.is-love.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-love.is-inverted.is-outlined.is-focused,
.button.is-love.is-inverted.is-outlined.is-hovered,
.button.is-love.is-inverted.is-outlined:focus,
.button.is-love.is-inverted.is-outlined:hover {
background-color:#fff;
color:#f14668
}
.button.is-love.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-love.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-love.is-inverted.is-outlined.is-loading:focus::after,
.button.is-love.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #f14668 #f14668!important
}
.button.is-love.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-love.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
box-shadow:none;
color:#fff
}
.button.is-love.is-light {
background-color:#feecf0;
color:#cc0f35
}
.button.is-love.is-light.is-hovered,
.button.is-love.is-light:hover {
background-color:#fde0e6;
border-color:transparent;
color:#cc0f35
}
.button.is-love.is-light.is-active,
.button.is-love.is-light:active {
background-color:#fcd4dc;
border-color:transparent;
color:#cc0f35
}
.button.is-patreon {
background-color:#f96854;
border-color:transparent;
color:#fff
}
.button.is-patreon.is-hovered,
.button.is-patreon:hover {
background-color:#f95d48;
border-color:transparent;
color:#fff
}
.button.is-patreon.is-focused,
.button.is-patreon:focus {
border-color:transparent;
color:#fff
}
.button.is-patreon.is-focused:not(:active),
.button.is-patreon:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(249,104,84,.25)
}
.button.is-patreon.is-active,
.button.is-patreon:active {
background-color:#f8523b;
border-color:transparent;
color:#fff
}
.button.is-patreon[disabled],
fieldset[disabled] .button.is-patreon {
background-color:#f96854;
border-color:#f96854;
box-shadow:none
}
.button.is-patreon.is-inverted {
background-color:#fff;
color:#f96854
}
.button.is-patreon.is-inverted.is-hovered,
.button.is-patreon.is-inverted:hover {
background-color:#f2f2f2
}
.button.is-patreon.is-inverted[disabled],
fieldset[disabled] .button.is-patreon.is-inverted {
background-color:#fff;
border-color:transparent;
box-shadow:none;
color:#f96854
}
.button.is-patreon.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-patreon.is-outlined {
background-color:transparent;
border-color:#f96854;
color:#f96854
}
.button.is-patreon.is-outlined.is-focused,
.button.is-patreon.is-outlined.is-hovered,
.button.is-patreon.is-outlined:focus,
.button.is-patreon.is-outlined:hover {
background-color:#f96854;
border-color:#f96854;
color:#fff
}
.button.is-patreon.is-outlined.is-loading::after {
border-color:transparent transparent #f96854 #f96854!important
}
.button.is-patreon.is-outlined.is-loading.is-focused::after,
.button.is-patreon.is-outlined.is-loading.is-hovered::after,
.button.is-patreon.is-outlined.is-loading:focus::after,
.button.is-patreon.is-outlined.is-loading:hover::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-patreon.is-outlined[disabled],
fieldset[disabled] .button.is-patreon.is-outlined {
background-color:transparent;
border-color:#f96854;
box-shadow:none;
color:#f96854
}
.button.is-patreon.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-patreon.is-inverted.is-outlined.is-focused,
.button.is-patreon.is-inverted.is-outlined.is-hovered,
.button.is-patreon.is-inverted.is-outlined:focus,
.button.is-patreon.is-inverted.is-outlined:hover {
background-color:#fff;
color:#f96854
}
.button.is-patreon.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-patreon.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-patreon.is-inverted.is-outlined.is-loading:focus::after,
.button.is-patreon.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #f96854 #f96854!important
}
.button.is-patreon.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-patreon.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
box-shadow:none;
color:#fff
}
.button.is-patreon.is-light {
background-color:#feeeeb;
color:#c01d07
}
.button.is-patreon.is-light.is-hovered,
.button.is-patreon.is-light:hover {
background-color:#fee3df;
border-color:transparent;
color:#c01d07
}
.button.is-patreon.is-light.is-active,
.button.is-patreon.is-light:active {
background-color:#fdd8d3;
border-color:transparent;
color:#c01d07
}
.button.is-rss {
background-color:#f26522;
border-color:transparent;
color:#fff
}
.button.is-rss.is-hovered,
.button.is-rss:hover {
background-color:#f15d16;
border-color:transparent;
color:#fff
}
.button.is-rss.is-focused,
.button.is-rss:focus {
border-color:transparent;
color:#fff
}
.button.is-rss.is-focused:not(:active),
.button.is-rss:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(242,101,34,.25)
}
.button.is-rss.is-active,
.button.is-rss:active {
background-color:#ed560e;
border-color:transparent;
color:#fff
}
.button.is-rss[disabled],
fieldset[disabled] .button.is-rss {
background-color:#f26522;
border-color:#f26522;
box-shadow:none
}
.button.is-rss.is-inverted {
background-color:#fff;
color:#f26522
}
.button.is-rss.is-inverted.is-hovered,
.button.is-rss.is-inverted:hover {
background-color:#f2f2f2
}
.button.is-rss.is-inverted[disabled],
fieldset[disabled] .button.is-rss.is-inverted {
background-color:#fff;
border-color:transparent;
box-shadow:none;
color:#f26522
}
.button.is-rss.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-rss.is-outlined {
background-color:transparent;
border-color:#f26522;
color:#f26522
}
.button.is-rss.is-outlined.is-focused,
.button.is-rss.is-outlined.is-hovered,
.button.is-rss.is-outlined:focus,
.button.is-rss.is-outlined:hover {
background-color:#f26522;
border-color:#f26522;
color:#fff
}
.button.is-rss.is-outlined.is-loading::after {
border-color:transparent transparent #f26522 #f26522!important
}
.button.is-rss.is-outlined.is-loading.is-focused::after,
.button.is-rss.is-outlined.is-loading.is-hovered::after,
.button.is-rss.is-outlined.is-loading:focus::after,
.button.is-rss.is-outlined.is-loading:hover::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-rss.is-outlined[disabled],
fieldset[disabled] .button.is-rss.is-outlined {
background-color:transparent;
border-color:#f26522;
box-shadow:none;
color:#f26522
}
.button.is-rss.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-rss.is-inverted.is-outlined.is-focused,
.button.is-rss.is-inverted.is-outlined.is-hovered,
.button.is-rss.is-inverted.is-outlined:focus,
.button.is-rss.is-inverted.is-outlined:hover {
background-color:#fff;
color:#f26522
}
.button.is-rss.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-rss.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-rss.is-inverted.is-outlined.is-loading:focus::after,
.button.is-rss.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #f26522 #f26522!important
}
.button.is-rss.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-rss.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
box-shadow:none;
color:#fff
}
.button.is-rss.is-light {
background-color:#fef2ec;
color:#c1460b
}
.button.is-rss.is-light.is-hovered,
.button.is-rss.is-light:hover {
background-color:#fde9e0;
border-color:transparent;
color:#c1460b
}
.button.is-rss.is-light.is-active,
.button.is-rss.is-light:active {
background-color:#fce1d4;
border-color:transparent;
color:#c1460b
}
.button.is-bleeding {
background-color:#abf47c;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-bleeding.is-hovered,
.button.is-bleeding:hover {
background-color:#a3f370;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-bleeding.is-focused,
.button.is-bleeding:focus {
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-bleeding.is-focused:not(:active),
.button.is-bleeding:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(171,244,124,.25)
}
.button.is-bleeding.is-active,
.button.is-bleeding:active {
background-color:#9cf264;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-bleeding[disabled],
fieldset[disabled] .button.is-bleeding {
background-color:#abf47c;
border-color:#abf47c;
box-shadow:none
}
.button.is-bleeding.is-inverted {
background-color:rgba(0,0,0,.7);
color:#abf47c
}
.button.is-bleeding.is-inverted.is-hovered,
.button.is-bleeding.is-inverted:hover {
background-color:rgba(0,0,0,.7)
}
.button.is-bleeding.is-inverted[disabled],
fieldset[disabled] .button.is-bleeding.is-inverted {
background-color:rgba(0,0,0,.7);
border-color:transparent;
box-shadow:none;
color:#abf47c
}
.button.is-bleeding.is-loading::after {
border-color:transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important
}
.button.is-bleeding.is-outlined {
background-color:transparent;
border-color:#abf47c;
color:#abf47c
}
.button.is-bleeding.is-outlined.is-focused,
.button.is-bleeding.is-outlined.is-hovered,
.button.is-bleeding.is-outlined:focus,
.button.is-bleeding.is-outlined:hover {
background-color:#abf47c;
border-color:#abf47c;
color:rgba(0,0,0,.7)
}
.button.is-bleeding.is-outlined.is-loading::after {
border-color:transparent transparent #abf47c #abf47c!important
}
.button.is-bleeding.is-outlined.is-loading.is-focused::after,
.button.is-bleeding.is-outlined.is-loading.is-hovered::after,
.button.is-bleeding.is-outlined.is-loading:focus::after,
.button.is-bleeding.is-outlined.is-loading:hover::after {
border-color:transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important
}
.button.is-bleeding.is-outlined[disabled],
fieldset[disabled] .button.is-bleeding.is-outlined {
background-color:transparent;
border-color:#abf47c;
box-shadow:none;
color:#abf47c
}
.button.is-bleeding.is-inverted.is-outlined {
background-color:transparent;
border-color:rgba(0,0,0,.7);
color:rgba(0,0,0,.7)
}
.button.is-bleeding.is-inverted.is-outlined.is-focused,
.button.is-bleeding.is-inverted.is-outlined.is-hovered,
.button.is-bleeding.is-inverted.is-outlined:focus,
.button.is-bleeding.is-inverted.is-outlined:hover {
background-color:rgba(0,0,0,.7);
color:#abf47c
}
.button.is-bleeding.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-bleeding.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-bleeding.is-inverted.is-outlined.is-loading:focus::after,
.button.is-bleeding.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #abf47c #abf47c!important
}
.button.is-bleeding.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-bleeding.is-inverted.is-outlined {
background-color:transparent;
border-color:rgba(0,0,0,.7);
box-shadow:none;
color:rgba(0,0,0,.7)
}
.button.is-bleeding.is-light {
background-color:#f3fdec;
color:#3c880b
}
.button.is-bleeding.is-light.is-hovered,
.button.is-bleeding.is-light:hover {
background-color:#ebfce0;
border-color:transparent;
color:#3c880b
}
.button.is-bleeding.is-light.is-active,
.button.is-bleeding.is-light:active {
background-color:#e4fbd5;
border-color:transparent;
color:#3c880b
}
.button.is-sass {
background-color:#bf4080;
border-color:transparent;
color:#fff
}
.button.is-sass.is-hovered,
.button.is-sass:hover {
background-color:#b53d7a;
border-color:transparent;
color:#fff
}
.button.is-sass.is-focused,
.button.is-sass:focus {
border-color:transparent;
color:#fff
}
.button.is-sass.is-focused:not(:active),
.button.is-sass:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(191,64,128,.25)
}
.button.is-sass.is-active,
.button.is-sass:active {
background-color:#ac3a73;
border-color:transparent;
color:#fff
}
.button.is-sass[disabled],
fieldset[disabled] .button.is-sass {
background-color:#bf4080;
border-color:#bf4080;
box-shadow:none
}
.button.is-sass.is-inverted {
background-color:#fff;
color:#bf4080
}
.button.is-sass.is-inverted.is-hovered,
.button.is-sass.is-inverted:hover {
background-color:#f2f2f2
}
.button.is-sass.is-inverted[disabled],
fieldset[disabled] .button.is-sass.is-inverted {
background-color:#fff;
border-color:transparent;
box-shadow:none;
color:#bf4080
}
.button.is-sass.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-sass.is-outlined {
background-color:transparent;
border-color:#bf4080;
color:#bf4080
}
.button.is-sass.is-outlined.is-focused,
.button.is-sass.is-outlined.is-hovered,
.button.is-sass.is-outlined:focus,
.button.is-sass.is-outlined:hover {
background-color:#bf4080;
border-color:#bf4080;
color:#fff
}
.button.is-sass.is-outlined.is-loading::after {
border-color:transparent transparent #bf4080 #bf4080!important
}
.button.is-sass.is-outlined.is-loading.is-focused::after,
.button.is-sass.is-outlined.is-loading.is-hovered::after,
.button.is-sass.is-outlined.is-loading:focus::after,
.button.is-sass.is-outlined.is-loading:hover::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-sass.is-outlined[disabled],
fieldset[disabled] .button.is-sass.is-outlined {
background-color:transparent;
border-color:#bf4080;
box-shadow:none;
color:#bf4080
}
.button.is-sass.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-sass.is-inverted.is-outlined.is-focused,
.button.is-sass.is-inverted.is-outlined.is-hovered,
.button.is-sass.is-inverted.is-outlined:focus,
.button.is-sass.is-inverted.is-outlined:hover {
background-color:#fff;
color:#bf4080
}
.button.is-sass.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-sass.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-sass.is-inverted.is-outlined.is-loading:focus::after,
.button.is-sass.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #bf4080 #bf4080!important
}
.button.is-sass.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-sass.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
box-shadow:none;
color:#fff
}
.button.is-sass.is-light {
background-color:#faf0f5;
color:#b03b76
}
.button.is-sass.is-light.is-hovered,
.button.is-sass.is-light:hover {
background-color:#f7e6ee;
border-color:transparent;
color:#b03b76
}
.button.is-sass.is-light.is-active,
.button.is-sass.is-light:active {
background-color:#f3dde8;
border-color:transparent;
color:#b03b76
}
.button.is-amazon {
background-color:#ffd863;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-amazon.is-hovered,
.button.is-amazon:hover {
background-color:#ffd556;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-amazon.is-focused,
.button.is-amazon:focus {
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-amazon.is-focused:not(:active),
.button.is-amazon:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(255,216,99,.25)
}
.button.is-amazon.is-active,
.button.is-amazon:active {
background-color:#ffd24a;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.button.is-amazon[disabled],
fieldset[disabled] .button.is-amazon {
background-color:#ffd863;
border-color:#ffd863;
box-shadow:none
}
.button.is-amazon.is-inverted {
background-color:rgba(0,0,0,.7);
color:#ffd863
}
.button.is-amazon.is-inverted.is-hovered,
.button.is-amazon.is-inverted:hover {
background-color:rgba(0,0,0,.7)
}
.button.is-amazon.is-inverted[disabled],
fieldset[disabled] .button.is-amazon.is-inverted {
background-color:rgba(0,0,0,.7);
border-color:transparent;
box-shadow:none;
color:#ffd863
}
.button.is-amazon.is-loading::after {
border-color:transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important
}
.button.is-amazon.is-outlined {
background-color:transparent;
border-color:#ffd863;
color:#ffd863
}
.button.is-amazon.is-outlined.is-focused,
.button.is-amazon.is-outlined.is-hovered,
.button.is-amazon.is-outlined:focus,
.button.is-amazon.is-outlined:hover {
background-color:#ffd863;
border-color:#ffd863;
color:rgba(0,0,0,.7)
}
.button.is-amazon.is-outlined.is-loading::after {
border-color:transparent transparent #ffd863 #ffd863!important
}
.button.is-amazon.is-outlined.is-loading.is-focused::after,
.button.is-amazon.is-outlined.is-loading.is-hovered::after,
.button.is-amazon.is-outlined.is-loading:focus::after,
.button.is-amazon.is-outlined.is-loading:hover::after {
border-color:transparent transparent rgba(0,0,0,.7) rgba(0,0,0,.7)!important
}
.button.is-amazon.is-outlined[disabled],
fieldset[disabled] .button.is-amazon.is-outlined {
background-color:transparent;
border-color:#ffd863;
box-shadow:none;
color:#ffd863
}
.button.is-amazon.is-inverted.is-outlined {
background-color:transparent;
border-color:rgba(0,0,0,.7);
color:rgba(0,0,0,.7)
}
.button.is-amazon.is-inverted.is-outlined.is-focused,
.button.is-amazon.is-inverted.is-outlined.is-hovered,
.button.is-amazon.is-inverted.is-outlined:focus,
.button.is-amazon.is-inverted.is-outlined:hover {
background-color:rgba(0,0,0,.7);
color:#ffd863
}
.button.is-amazon.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-amazon.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-amazon.is-inverted.is-outlined.is-loading:focus::after,
.button.is-amazon.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #ffd863 #ffd863!important
}
.button.is-amazon.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-amazon.is-inverted.is-outlined {
background-color:transparent;
border-color:rgba(0,0,0,.7);
box-shadow:none;
color:rgba(0,0,0,.7)
}
.button.is-amazon.is-light {
background-color:#fffaeb;
color:#946f00
}
.button.is-amazon.is-light.is-hovered,
.button.is-amazon.is-light:hover {
background-color:#fff7de;
border-color:transparent;
color:#946f00
}
.button.is-amazon.is-light.is-active,
.button.is-amazon.is-light:active {
background-color:#fff4d1;
border-color:transparent;
color:#946f00
}
.button.is-sponsor {
background-color:#ea4aaa;
border-color:transparent;
color:#fff
}
.button.is-sponsor.is-hovered,
.button.is-sponsor:hover {
background-color:#e93fa5;
border-color:transparent;
color:#fff
}
.button.is-sponsor.is-focused,
.button.is-sponsor:focus {
border-color:transparent;
color:#fff
}
.button.is-sponsor.is-focused:not(:active),
.button.is-sponsor:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(234,74,170,.25)
}
.button.is-sponsor.is-active,
.button.is-sponsor:active {
background-color:#e7339f;
border-color:transparent;
color:#fff
}
.button.is-sponsor[disabled],
fieldset[disabled] .button.is-sponsor {
background-color:#ea4aaa;
border-color:#ea4aaa;
box-shadow:none
}
.button.is-sponsor.is-inverted {
background-color:#fff;
color:#ea4aaa
}
.button.is-sponsor.is-inverted.is-hovered,
.button.is-sponsor.is-inverted:hover {
background-color:#f2f2f2
}
.button.is-sponsor.is-inverted[disabled],
fieldset[disabled] .button.is-sponsor.is-inverted {
background-color:#fff;
border-color:transparent;
box-shadow:none;
color:#ea4aaa
}
.button.is-sponsor.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-sponsor.is-outlined {
background-color:transparent;
border-color:#ea4aaa;
color:#ea4aaa
}
.button.is-sponsor.is-outlined.is-focused,
.button.is-sponsor.is-outlined.is-hovered,
.button.is-sponsor.is-outlined:focus,
.button.is-sponsor.is-outlined:hover {
background-color:#ea4aaa;
border-color:#ea4aaa;
color:#fff
}
.button.is-sponsor.is-outlined.is-loading::after {
border-color:transparent transparent #ea4aaa #ea4aaa!important
}
.button.is-sponsor.is-outlined.is-loading.is-focused::after,
.button.is-sponsor.is-outlined.is-loading.is-hovered::after,
.button.is-sponsor.is-outlined.is-loading:focus::after,
.button.is-sponsor.is-outlined.is-loading:hover::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-sponsor.is-outlined[disabled],
fieldset[disabled] .button.is-sponsor.is-outlined {
background-color:transparent;
border-color:#ea4aaa;
box-shadow:none;
color:#ea4aaa
}
.button.is-sponsor.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-sponsor.is-inverted.is-outlined.is-focused,
.button.is-sponsor.is-inverted.is-outlined.is-hovered,
.button.is-sponsor.is-inverted.is-outlined:focus,
.button.is-sponsor.is-inverted.is-outlined:hover {
background-color:#fff;
color:#ea4aaa
}
.button.is-sponsor.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-sponsor.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-sponsor.is-inverted.is-outlined.is-loading:focus::after,
.button.is-sponsor.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #ea4aaa #ea4aaa!important
}
.button.is-sponsor.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-sponsor.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
box-shadow:none;
color:#fff
}
.button.is-sponsor.is-light {
background-color:#fdedf6;
color:#c0167c
}
.button.is-sponsor.is-light.is-hovered,
.button.is-sponsor.is-light:hover {
background-color:#fce1f1;
border-color:transparent;
color:#c0167c
}
.button.is-sponsor.is-light.is-active,
.button.is-sponsor.is-light:active {
background-color:#fad6ec;
border-color:transparent;
color:#c0167c
}
.button.is-twitter {
background-color:#55acee;
border-color:transparent;
color:#fff
}
.button.is-twitter.is-hovered,
.button.is-twitter:hover {
background-color:#49a6ed;
border-color:transparent;
color:#fff
}
.button.is-twitter.is-focused,
.button.is-twitter:focus {
border-color:transparent;
color:#fff
}
.button.is-twitter.is-focused:not(:active),
.button.is-twitter:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(85,172,238,.25)
}
.button.is-twitter.is-active,
.button.is-twitter:active {
background-color:#3ea1ec;
border-color:transparent;
color:#fff
}
.button.is-twitter[disabled],
fieldset[disabled] .button.is-twitter {
background-color:#55acee;
border-color:#55acee;
box-shadow:none
}
.button.is-twitter.is-inverted {
background-color:#fff;
color:#55acee
}
.button.is-twitter.is-inverted.is-hovered,
.button.is-twitter.is-inverted:hover {
background-color:#f2f2f2
}
.button.is-twitter.is-inverted[disabled],
fieldset[disabled] .button.is-twitter.is-inverted {
background-color:#fff;
border-color:transparent;
box-shadow:none;
color:#55acee
}
.button.is-twitter.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-twitter.is-outlined {
background-color:transparent;
border-color:#55acee;
color:#55acee
}
.button.is-twitter.is-outlined.is-focused,
.button.is-twitter.is-outlined.is-hovered,
.button.is-twitter.is-outlined:focus,
.button.is-twitter.is-outlined:hover {
background-color:#55acee;
border-color:#55acee;
color:#fff
}
.button.is-twitter.is-outlined.is-loading::after {
border-color:transparent transparent #55acee #55acee!important
}
.button.is-twitter.is-outlined.is-loading.is-focused::after,
.button.is-twitter.is-outlined.is-loading.is-hovered::after,
.button.is-twitter.is-outlined.is-loading:focus::after,
.button.is-twitter.is-outlined.is-loading:hover::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-twitter.is-outlined[disabled],
fieldset[disabled] .button.is-twitter.is-outlined {
background-color:transparent;
border-color:#55acee;
box-shadow:none;
color:#55acee
}
.button.is-twitter.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-twitter.is-inverted.is-outlined.is-focused,
.button.is-twitter.is-inverted.is-outlined.is-hovered,
.button.is-twitter.is-inverted.is-outlined:focus,
.button.is-twitter.is-inverted.is-outlined:hover {
background-color:#fff;
color:#55acee
}
.button.is-twitter.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-twitter.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-twitter.is-inverted.is-outlined.is-loading:focus::after,
.button.is-twitter.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #55acee #55acee!important
}
.button.is-twitter.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-twitter.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
box-shadow:none;
color:#fff
}
.button.is-twitter.is-light {
background-color:#ecf6fd;
color:#10609e
}
.button.is-twitter.is-light.is-hovered,
.button.is-twitter.is-light:hover {
background-color:#e1f0fc;
border-color:transparent;
color:#10609e
}
.button.is-twitter.is-light.is-active,
.button.is-twitter.is-light:active {
background-color:#d5ebfb;
border-color:transparent;
color:#10609e
}
.button.is-videos {
background-color:#48c78e;
border-color:transparent;
color:#fff
}
.button.is-videos.is-hovered,
.button.is-videos:hover {
background-color:#3ec487;
border-color:transparent;
color:#fff
}
.button.is-videos.is-focused,
.button.is-videos:focus {
border-color:transparent;
color:#fff
}
.button.is-videos.is-focused:not(:active),
.button.is-videos:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(72,199,142,.25)
}
.button.is-videos.is-active,
.button.is-videos:active {
background-color:#3abb81;
border-color:transparent;
color:#fff
}
.button.is-videos[disabled],
fieldset[disabled] .button.is-videos {
background-color:#48c78e;
border-color:#48c78e;
box-shadow:none
}
.button.is-videos.is-inverted {
background-color:#fff;
color:#48c78e
}
.button.is-videos.is-inverted.is-hovered,
.button.is-videos.is-inverted:hover {
background-color:#f2f2f2
}
.button.is-videos.is-inverted[disabled],
fieldset[disabled] .button.is-videos.is-inverted {
background-color:#fff;
border-color:transparent;
box-shadow:none;
color:#48c78e
}
.button.is-videos.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-videos.is-outlined {
background-color:transparent;
border-color:#48c78e;
color:#48c78e
}
.button.is-videos.is-outlined.is-focused,
.button.is-videos.is-outlined.is-hovered,
.button.is-videos.is-outlined:focus,
.button.is-videos.is-outlined:hover {
background-color:#48c78e;
border-color:#48c78e;
color:#fff
}
.button.is-videos.is-outlined.is-loading::after {
border-color:transparent transparent #48c78e #48c78e!important
}
.button.is-videos.is-outlined.is-loading.is-focused::after,
.button.is-videos.is-outlined.is-loading.is-hovered::after,
.button.is-videos.is-outlined.is-loading:focus::after,
.button.is-videos.is-outlined.is-loading:hover::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-videos.is-outlined[disabled],
fieldset[disabled] .button.is-videos.is-outlined {
background-color:transparent;
border-color:#48c78e;
box-shadow:none;
color:#48c78e
}
.button.is-videos.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-videos.is-inverted.is-outlined.is-focused,
.button.is-videos.is-inverted.is-outlined.is-hovered,
.button.is-videos.is-inverted.is-outlined:focus,
.button.is-videos.is-inverted.is-outlined:hover {
background-color:#fff;
color:#48c78e
}
.button.is-videos.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-videos.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-videos.is-inverted.is-outlined.is-loading:focus::after,
.button.is-videos.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #48c78e #48c78e!important
}
.button.is-videos.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-videos.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
box-shadow:none;
color:#fff
}
.button.is-videos.is-light {
background-color:#effaf5;
color:#257953
}
.button.is-videos.is-light.is-hovered,
.button.is-videos.is-light:hover {
background-color:#e6f7ef;
border-color:transparent;
color:#257953
}
.button.is-videos.is-light.is-active,
.button.is-videos.is-light:active {
background-color:#dcf4e9;
border-color:transparent;
color:#257953
}
.button.is-extensions {
background-color:#3e8ed0;
border-color:transparent;
color:#fff
}
.button.is-extensions.is-hovered,
.button.is-extensions:hover {
background-color:#3488ce;
border-color:transparent;
color:#fff
}
.button.is-extensions.is-focused,
.button.is-extensions:focus {
border-color:transparent;
color:#fff
}
.button.is-extensions.is-focused:not(:active),
.button.is-extensions:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(62,142,208,.25)
}
.button.is-extensions.is-active,
.button.is-extensions:active {
background-color:#3082c5;
border-color:transparent;
color:#fff
}
.button.is-extensions[disabled],
fieldset[disabled] .button.is-extensions {
background-color:#3e8ed0;
border-color:#3e8ed0;
box-shadow:none
}
.button.is-extensions.is-inverted {
background-color:#fff;
color:#3e8ed0
}
.button.is-extensions.is-inverted.is-hovered,
.button.is-extensions.is-inverted:hover {
background-color:#f2f2f2
}
.button.is-extensions.is-inverted[disabled],
fieldset[disabled] .button.is-extensions.is-inverted {
background-color:#fff;
border-color:transparent;
box-shadow:none;
color:#3e8ed0
}
.button.is-extensions.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-extensions.is-outlined {
background-color:transparent;
border-color:#3e8ed0;
color:#3e8ed0
}
.button.is-extensions.is-outlined.is-focused,
.button.is-extensions.is-outlined.is-hovered,
.button.is-extensions.is-outlined:focus,
.button.is-extensions.is-outlined:hover {
background-color:#3e8ed0;
border-color:#3e8ed0;
color:#fff
}
.button.is-extensions.is-outlined.is-loading::after {
border-color:transparent transparent #3e8ed0 #3e8ed0!important
}
.button.is-extensions.is-outlined.is-loading.is-focused::after,
.button.is-extensions.is-outlined.is-loading.is-hovered::after,
.button.is-extensions.is-outlined.is-loading:focus::after,
.button.is-extensions.is-outlined.is-loading:hover::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-extensions.is-outlined[disabled],
fieldset[disabled] .button.is-extensions.is-outlined {
background-color:transparent;
border-color:#3e8ed0;
box-shadow:none;
color:#3e8ed0
}
.button.is-extensions.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-extensions.is-inverted.is-outlined.is-focused,
.button.is-extensions.is-inverted.is-outlined.is-hovered,
.button.is-extensions.is-inverted.is-outlined:focus,
.button.is-extensions.is-inverted.is-outlined:hover {
background-color:#fff;
color:#3e8ed0
}
.button.is-extensions.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-extensions.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-extensions.is-inverted.is-outlined.is-loading:focus::after,
.button.is-extensions.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #3e8ed0 #3e8ed0!important
}
.button.is-extensions.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-extensions.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
box-shadow:none;
color:#fff
}
.button.is-extensions.is-light {
background-color:#eff5fb;
color:#296fa8
}
.button.is-extensions.is-light.is-hovered,
.button.is-extensions.is-light:hover {
background-color:#e4eff9;
border-color:transparent;
color:#296fa8
}
.button.is-extensions.is-light.is-active,
.button.is-extensions.is-light:active {
background-color:#dae9f6;
border-color:transparent;
color:#296fa8
}
.button.is-bootstrap {
background-color:#6f5499;
border-color:transparent;
color:#fff
}
.button.is-bootstrap.is-hovered,
.button.is-bootstrap:hover {
background-color:#694f91;
border-color:transparent;
color:#fff
}
.button.is-bootstrap.is-focused,
.button.is-bootstrap:focus {
border-color:transparent;
color:#fff
}
.button.is-bootstrap.is-focused:not(:active),
.button.is-bootstrap:focus:not(:active) {
box-shadow:0 0 0 .125em rgba(111,84,153,.25)
}
.button.is-bootstrap.is-active,
.button.is-bootstrap:active {
background-color:#634b89;
border-color:transparent;
color:#fff
}
.button.is-bootstrap[disabled],
fieldset[disabled] .button.is-bootstrap {
background-color:#6f5499;
border-color:#6f5499;
box-shadow:none
}
.button.is-bootstrap.is-inverted {
background-color:#fff;
color:#6f5499
}
.button.is-bootstrap.is-inverted.is-hovered,
.button.is-bootstrap.is-inverted:hover {
background-color:#f2f2f2
}
.button.is-bootstrap.is-inverted[disabled],
fieldset[disabled] .button.is-bootstrap.is-inverted {
background-color:#fff;
border-color:transparent;
box-shadow:none;
color:#6f5499
}
.button.is-bootstrap.is-loading::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-bootstrap.is-outlined {
background-color:transparent;
border-color:#6f5499;
color:#6f5499
}
.button.is-bootstrap.is-outlined.is-focused,
.button.is-bootstrap.is-outlined.is-hovered,
.button.is-bootstrap.is-outlined:focus,
.button.is-bootstrap.is-outlined:hover {
background-color:#6f5499;
border-color:#6f5499;
color:#fff
}
.button.is-bootstrap.is-outlined.is-loading::after {
border-color:transparent transparent #6f5499 #6f5499!important
}
.button.is-bootstrap.is-outlined.is-loading.is-focused::after,
.button.is-bootstrap.is-outlined.is-loading.is-hovered::after,
.button.is-bootstrap.is-outlined.is-loading:focus::after,
.button.is-bootstrap.is-outlined.is-loading:hover::after {
border-color:transparent transparent #fff #fff!important
}
.button.is-bootstrap.is-outlined[disabled],
fieldset[disabled] .button.is-bootstrap.is-outlined {
background-color:transparent;
border-color:#6f5499;
box-shadow:none;
color:#6f5499
}
.button.is-bootstrap.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
color:#fff
}
.button.is-bootstrap.is-inverted.is-outlined.is-focused,
.button.is-bootstrap.is-inverted.is-outlined.is-hovered,
.button.is-bootstrap.is-inverted.is-outlined:focus,
.button.is-bootstrap.is-inverted.is-outlined:hover {
background-color:#fff;
color:#6f5499
}
.button.is-bootstrap.is-inverted.is-outlined.is-loading.is-focused::after,
.button.is-bootstrap.is-inverted.is-outlined.is-loading.is-hovered::after,
.button.is-bootstrap.is-inverted.is-outlined.is-loading:focus::after,
.button.is-bootstrap.is-inverted.is-outlined.is-loading:hover::after {
border-color:transparent transparent #6f5499 #6f5499!important
}
.button.is-bootstrap.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-bootstrap.is-inverted.is-outlined {
background-color:transparent;
border-color:#fff;
box-shadow:none;
color:#fff
}
.button.is-bootstrap.is-light {
background-color:#f4f2f8;
color:#73579e
}
.button.is-bootstrap.is-light.is-hovered,
.button.is-bootstrap.is-light:hover {
background-color:#edeaf3;
border-color:transparent;
color:#73579e
}
.button.is-bootstrap.is-light.is-active,
.button.is-bootstrap.is-light:active {
background-color:#e7e1ef;
border-color:transparent;
color:#73579e
}
.button.is-small {
font-size:.75rem
}
.button.is-small:not(.is-rounded) {
border-radius:2px
}
.button.is-normal {
font-size:1rem
}
.button.is-medium {
font-size:1.25rem
}
.button.is-large {
font-size:1.5rem
}
.button[disabled],
fieldset[disabled] .button {
background-color:#fff;
border-color:#dbdbdb;
box-shadow:none;
opacity:.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 * .5));
top:calc(50% - (1em * .5));
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:9999px;
padding-left:calc(1em + .25em);
padding-right:calc(1em + .25em)
}
.buttons {
align-items:center;
display:flex;
flex-wrap:wrap;
justify-content:flex-start
}
.buttons .button {
margin-bottom:.5rem
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
margin-right:.5rem
}
.buttons:last-child {
margin-bottom:-.5rem
}
.buttons:not(:last-child) {
margin-bottom:1rem
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
font-size:.75rem
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
border-radius:2px
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
font-size:1.25rem
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
font-size:1.5rem
}
.buttons.has-addons .button:not(:first-child) {
border-bottom-left-radius:0;
border-top-left-radius:0
}
.buttons.has-addons .button:not(:last-child) {
border-bottom-right-radius:0;
border-top-right-radius:0;
margin-right:-1px
}
.buttons.has-addons .button:last-child {
margin-right:0
}
.buttons.has-addons .button.is-hovered,
.buttons.has-addons .button:hover {
z-index:2
}
.buttons.has-addons .button.is-active,
.buttons.has-addons .button.is-focused,
.buttons.has-addons .button.is-selected,
.buttons.has-addons .button:active,
.buttons.has-addons .button:focus {
z-index:3
}
.buttons.has-addons .button.is-active:hover,
.buttons.has-addons .button.is-focused:hover,
.buttons.has-addons .button.is-selected:hover,
.buttons.has-addons .button:active:hover,
.buttons.has-addons .button:focus: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:.25rem;
margin-right:.25rem
}
.buttons.is-right {
justify-content:flex-end
}
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
margin-left:.25rem;
margin-right:.25rem
}
@media screen and (max-width:768px) {
.button.is-responsive.is-small {
font-size:.5625rem
}
.button.is-responsive,
.button.is-responsive.is-normal {
font-size:.65625rem
}
.button.is-responsive.is-medium {
font-size:.75rem
}
.button.is-responsive.is-large {
font-size:1rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.button.is-responsive.is-small {
font-size:.65625rem
}
.button.is-responsive,
.button.is-responsive.is-normal {
font-size:.75rem
}
.button.is-responsive.is-medium {
font-size:1rem
}
.button.is-responsive.is-large {
font-size:1.25rem
}
}
.container {
flex-grow:1;
margin:0 auto;
position:relative;
width:auto
}
.container.is-fluid {
max-width:none!important;
padding-left:32px;
padding-right:32px;
width:100%
}
@media screen and (min-width:1024px) {
.container {
max-width:960px
}
}
@media screen and (max-width:1215px) {
.container.is-widescreen:not(.is-max-desktop) {
max-width:1152px
}
}
@media screen and (max-width:1407px) {
.container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
max-width:1344px
}
}
@media screen and (min-width:1216px) {
.container:not(.is-max-desktop) {
max-width:1152px
}
}
@media screen and (min-width:1408px) {
.container:not(.is-max-desktop):not(.is-max-widescreen) {
max-width:1344px
}
}
.content li+li {
margin-top:.25em
}
.content blockquote:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content p:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child),
.content ul:not(:last-child) {
margin-bottom:1em
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
color:#363636;
font-weight:600;
line-height:1.125
}
.content h1 {
font-size:2em;
margin-bottom:.5em
}
.content h1:not(:first-child) {
margin-top:1em
}
.content h2 {
font-size:1.75em;
margin-bottom:.5714em
}
.content h2:not(:first-child) {
margin-top:1.1428em
}
.content h3 {
font-size:1.5em;
margin-bottom:.6666em
}
.content h3:not(:first-child) {
margin-top:1.3333em
}
.content h4 {
font-size:1.25em;
margin-bottom:.8em
}
.content h5 {
font-size:1.125em;
margin-bottom:.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:.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 sub,
.content sup {
font-size:75%
}
.content table {
width:100%
}
.content table td,
.content table th {
border:1px solid #dbdbdb;
border-width:0 0 1px;
padding:.5em .75em;
vertical-align:top
}
.content table th {
color:#363636
}
.content table th:not([align]) {
text-align:inherit
}
.content table thead td,
.content table thead th {
border-width:0 0 2px;
color:#363636
}
.content table tfoot td,
.content table tfoot th {
border-width:2px 0 0;
color:#363636
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
border-bottom-width:0
}
.content .tabs li+li {
margin-top:0
}
.content.is-small {
font-size:.75rem
}
.content.is-normal {
font-size:1rem
}
.content.is-medium {
font-size:1.25rem
}
.content.is-large {
font-size:1.5rem
}
.icon {
align-items:center;
display:inline-flex;
justify-content:center;
height:1.5rem;
width:1.5rem
}
.icon.is-small {
height:1rem;
width:1rem
}
.icon.is-medium {
height:2rem;
width:2rem
}
.icon.is-large {
height:3rem;
width:3rem
}
.icon-text {
align-items:flex-start;
color:inherit;
display:inline-flex;
flex-wrap:wrap;
line-height:1.5rem;
vertical-align:top
}
.icon-text .icon {
flex-grow:0;
flex-shrink:0
}
.icon-text .icon:not(:last-child) {
margin-right:.25em
}
.icon-text .icon:not(:first-child) {
margin-left:.25em
}
div.icon-text {
display:flex
}
.image {
display:block;
position:relative
}
.image img {
display:block;
height:auto;
width:100%
}
.image img.is-rounded {
border-radius:9999px
}
.image.is-fullwidth {
width:100%
}
.image.is-16by9 .has-ratio,
.image.is-16by9 img,
.image.is-1by1 .has-ratio,
.image.is-1by1 img,
.image.is-1by2 .has-ratio,
.image.is-1by2 img,
.image.is-1by3 .has-ratio,
.image.is-1by3 img,
.image.is-2by1 .has-ratio,
.image.is-2by1 img,
.image.is-2by3 .has-ratio,
.image.is-2by3 img,
.image.is-3by1 .has-ratio,
.image.is-3by1 img,
.image.is-3by2 .has-ratio,
.image.is-3by2 img,
.image.is-3by4 .has-ratio,
.image.is-3by4 img,
.image.is-3by5 .has-ratio,
.image.is-3by5 img,
.image.is-4by3 .has-ratio,
.image.is-4by3 img,
.image.is-4by5 .has-ratio,
.image.is-4by5 img,
.image.is-5by3 .has-ratio,
.image.is-5by3 img,
.image.is-5by4 .has-ratio,
.image.is-5by4 img,
.image.is-9by16 .has-ratio,
.image.is-9by16 img,
.image.is-square .has-ratio,
.image.is-square img {
height:100%;
width:100%
}
.image.is-1by1,
.image.is-square {
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:.375em;
position:relative;
padding:1.25rem 2.5rem 1.25rem 1.5rem
}
.notification a:not(.button):not(.dropdown-item) {
color:currentColor;
text-decoration:underline
}
.notification strong {
color:currentColor
}
.notification code,
.notification pre {
background:#fff
}
.notification pre code {
background:0 0
}
.notification>.delete {
right:.5rem;
position:absolute;
top:.5rem
}
.notification .content,
.notification .subtitle,
.notification .title {
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,.7)
}
.notification.is-dark {
background-color:#363636;
color:#fff
}
.notification.is-primary {
background-color:#00d1b2;
color:#fff
}
.notification.is-primary.is-light {
background-color:#ebfffc;
color:#00947e
}
.notification.is-link {
background-color:#485fc7;
color:#fff
}
.notification.is-link.is-light {
background-color:#eff1fa;
color:#3850b7
}
.notification.is-info {
background-color:#3e8ed0;
color:#fff
}
.notification.is-info.is-light {
background-color:#eff5fb;
color:#296fa8
}
.notification.is-success {
background-color:#48c78e;
color:#fff
}
.notification.is-success.is-light {
background-color:#effaf5;
color:#257953
}
.notification.is-warning {
background-color:#ffe08a;
color:rgba(0,0,0,.7)
}
.notification.is-warning.is-light {
background-color:#fffaeb;
color:#946c00
}
.notification.is-danger {
background-color:#f14668;
color:#fff
}
.notification.is-danger.is-light {
background-color:#feecf0;
color:#cc0f35
}
.notification.is-expo {
background-color:#ffd257;
color:#fff
}
.notification.is-expo.is-light {
background-color:#fffaeb;
color:#946c00
}
.notification.is-love {
background-color:#f14668;
color:#fff
}
.notification.is-love.is-light {
background-color:#feecf0;
color:#cc0f35
}
.notification.is-patreon {
background-color:#f96854;
color:#fff
}
.notification.is-patreon.is-light {
background-color:#feeeeb;
color:#c01d07
}
.notification.is-rss {
background-color:#f26522;
color:#fff
}
.notification.is-rss.is-light {
background-color:#fef2ec;
color:#c1460b
}
.notification.is-bleeding {
background-color:#abf47c;
color:rgba(0,0,0,.7)
}
.notification.is-bleeding.is-light {
background-color:#f3fdec;
color:#3c880b
}
.notification.is-sass {
background-color:#bf4080;
color:#fff
}
.notification.is-sass.is-light {
background-color:#faf0f5;
color:#b03b76
}
.notification.is-amazon {
background-color:#ffd863;
color:rgba(0,0,0,.7)
}
.notification.is-amazon.is-light {
background-color:#fffaeb;
color:#946f00
}
.notification.is-sponsor {
background-color:#ea4aaa;
color:#fff
}
.notification.is-sponsor.is-light {
background-color:#fdedf6;
color:#c0167c
}
.notification.is-twitter {
background-color:#55acee;
color:#fff
}
.notification.is-twitter.is-light {
background-color:#ecf6fd;
color:#10609e
}
.notification.is-videos {
background-color:#48c78e;
color:#fff
}
.notification.is-videos.is-light {
background-color:#effaf5;
color:#257953
}
.notification.is-extensions {
background-color:#3e8ed0;
color:#fff
}
.notification.is-extensions.is-light {
background-color:#eff5fb;
color:#296fa8
}
.notification.is-bootstrap {
background-color:#6f5499;
color:#fff
}
.notification.is-bootstrap.is-light {
background-color:#f4f2f8;
color:#73579e
}
.progress {
-moz-appearance:none;
-webkit-appearance:none;
border:none;
border-radius:9999px;
display:block;
height:1rem;
overflow:hidden;
padding:0;
width:100%
}
.progress::-webkit-progress-bar {
background-color:#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:#00d1b2
}
.progress.is-primary::-moz-progress-bar {
background-color:#00d1b2
}
.progress.is-primary::-ms-fill {
background-color:#00d1b2
}
.progress.is-primary:indeterminate {
background-image:linear-gradient(to right,#00d1b2 30%,#ededed 30%)
}
.progress.is-link::-webkit-progress-value {
background-color:#485fc7
}
.progress.is-link::-moz-progress-bar {
background-color:#485fc7
}
.progress.is-link::-ms-fill {
background-color:#485fc7
}
.progress.is-link:indeterminate {
background-image:linear-gradient(to right,#485fc7 30%,#ededed 30%)
}
.progress.is-info::-webkit-progress-value {
background-color:#3e8ed0
}
.progress.is-info::-moz-progress-bar {
background-color:#3e8ed0
}
.progress.is-info::-ms-fill {
background-color:#3e8ed0
}
.progress.is-info:indeterminate {
background-image:linear-gradient(to right,#3e8ed0 30%,#ededed 30%)
}
.progress.is-success::-webkit-progress-value {
background-color:#48c78e
}
.progress.is-success::-moz-progress-bar {
background-color:#48c78e
}
.progress.is-success::-ms-fill {
background-color:#48c78e
}
.progress.is-success:indeterminate {
background-image:linear-gradient(to right,#48c78e 30%,#ededed 30%)
}
.progress.is-warning::-webkit-progress-value {
background-color:#ffe08a
}
.progress.is-warning::-moz-progress-bar {
background-color:#ffe08a
}
.progress.is-warning::-ms-fill {
background-color:#ffe08a
}
.progress.is-warning:indeterminate {
background-image:linear-gradient(to right,#ffe08a 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-expo::-webkit-progress-value {
background-color:#ffd257
}
.progress.is-expo::-moz-progress-bar {
background-color:#ffd257
}
.progress.is-expo::-ms-fill {
background-color:#ffd257
}
.progress.is-expo:indeterminate {
background-image:linear-gradient(to right,#ffd257 30%,#ededed 30%)
}
.progress.is-love::-webkit-progress-value {
background-color:#f14668
}
.progress.is-love::-moz-progress-bar {
background-color:#f14668
}
.progress.is-love::-ms-fill {
background-color:#f14668
}
.progress.is-love:indeterminate {
background-image:linear-gradient(to right,#f14668 30%,#ededed 30%)
}
.progress.is-patreon::-webkit-progress-value {
background-color:#f96854
}
.progress.is-patreon::-moz-progress-bar {
background-color:#f96854
}
.progress.is-patreon::-ms-fill {
background-color:#f96854
}
.progress.is-patreon:indeterminate {
background-image:linear-gradient(to right,#f96854 30%,#ededed 30%)
}
.progress.is-rss::-webkit-progress-value {
background-color:#f26522
}
.progress.is-rss::-moz-progress-bar {
background-color:#f26522
}
.progress.is-rss::-ms-fill {
background-color:#f26522
}
.progress.is-rss:indeterminate {
background-image:linear-gradient(to right,#f26522 30%,#ededed 30%)
}
.progress.is-bleeding::-webkit-progress-value {
background-color:#abf47c
}
.progress.is-bleeding::-moz-progress-bar {
background-color:#abf47c
}
.progress.is-bleeding::-ms-fill {
background-color:#abf47c
}
.progress.is-bleeding:indeterminate {
background-image:linear-gradient(to right,#abf47c 30%,#ededed 30%)
}
.progress.is-sass::-webkit-progress-value {
background-color:#bf4080
}
.progress.is-sass::-moz-progress-bar {
background-color:#bf4080
}
.progress.is-sass::-ms-fill {
background-color:#bf4080
}
.progress.is-sass:indeterminate {
background-image:linear-gradient(to right,#bf4080 30%,#ededed 30%)
}
.progress.is-amazon::-webkit-progress-value {
background-color:#ffd863
}
.progress.is-amazon::-moz-progress-bar {
background-color:#ffd863
}
.progress.is-amazon::-ms-fill {
background-color:#ffd863
}
.progress.is-amazon:indeterminate {
background-image:linear-gradient(to right,#ffd863 30%,#ededed 30%)
}
.progress.is-sponsor::-webkit-progress-value {
background-color:#ea4aaa
}
.progress.is-sponsor::-moz-progress-bar {
background-color:#ea4aaa
}
.progress.is-sponsor::-ms-fill {
background-color:#ea4aaa
}
.progress.is-sponsor:indeterminate {
background-image:linear-gradient(to right,#ea4aaa 30%,#ededed 30%)
}
.progress.is-twitter::-webkit-progress-value {
background-color:#55acee
}
.progress.is-twitter::-moz-progress-bar {
background-color:#55acee
}
.progress.is-twitter::-ms-fill {
background-color:#55acee
}
.progress.is-twitter:indeterminate {
background-image:linear-gradient(to right,#55acee 30%,#ededed 30%)
}
.progress.is-videos::-webkit-progress-value {
background-color:#48c78e
}
.progress.is-videos::-moz-progress-bar {
background-color:#48c78e
}
.progress.is-videos::-ms-fill {
background-color:#48c78e
}
.progress.is-videos:indeterminate {
background-image:linear-gradient(to right,#48c78e 30%,#ededed 30%)
}
.progress.is-extensions::-webkit-progress-value {
background-color:#3e8ed0
}
.progress.is-extensions::-moz-progress-bar {
background-color:#3e8ed0
}
.progress.is-extensions::-ms-fill {
background-color:#3e8ed0
}
.progress.is-extensions:indeterminate {
background-image:linear-gradient(to right,#3e8ed0 30%,#ededed 30%)
}
.progress.is-bootstrap::-webkit-progress-value {
background-color:#6f5499
}
.progress.is-bootstrap::-moz-progress-bar {
background-color:#6f5499
}
.progress.is-bootstrap::-ms-fill {
background-color:#6f5499
}
.progress.is-bootstrap:indeterminate {
background-image:linear-gradient(to right,#6f5499 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:indeterminate::-ms-fill {
animation-name:none
}
.progress.is-small {
height:.75rem
}
.progress.is-medium {
height:1.25rem
}
.progress.is-large {
height:1.5rem
}
@keyframes moveIndeterminate {
from {
background-position:200% 0
}
to {
background-position:-200% 0
}
}
.table {
background-color:#fff;
color:#363636
}
.table td,
.table th {
border:1px solid #dbdbdb;
border-width:0 0 1px;
padding:.5em .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,.7)
}
.table td.is-dark,
.table th.is-dark {
background-color:#363636;
border-color:#363636;
color:#fff
}
.table td.is-primary,
.table th.is-primary {
background-color:#00d1b2;
border-color:#00d1b2;
color:#fff
}
.table td.is-link,
.table th.is-link {
background-color:#485fc7;
border-color:#485fc7;
color:#fff
}
.table td.is-info,
.table th.is-info {
background-color:#3e8ed0;
border-color:#3e8ed0;
color:#fff
}
.table td.is-success,
.table th.is-success {
background-color:#48c78e;
border-color:#48c78e;
color:#fff
}
.table td.is-warning,
.table th.is-warning {
background-color:#ffe08a;
border-color:#ffe08a;
color:rgba(0,0,0,.7)
}
.table td.is-danger,
.table th.is-danger {
background-color:#f14668;
border-color:#f14668;
color:#fff
}
.table td.is-expo,
.table th.is-expo {
background-color:#ffd257;
border-color:#ffd257;
color:#fff
}
.table td.is-love,
.table th.is-love {
background-color:#f14668;
border-color:#f14668;
color:#fff
}
.table td.is-patreon,
.table th.is-patreon {
background-color:#f96854;
border-color:#f96854;
color:#fff
}
.table td.is-rss,
.table th.is-rss {
background-color:#f26522;
border-color:#f26522;
color:#fff
}
.table td.is-bleeding,
.table th.is-bleeding {
background-color:#abf47c;
border-color:#abf47c;
color:rgba(0,0,0,.7)
}
.table td.is-sass,
.table th.is-sass {
background-color:#bf4080;
border-color:#bf4080;
color:#fff
}
.table td.is-amazon,
.table th.is-amazon {
background-color:#ffd863;
border-color:#ffd863;
color:rgba(0,0,0,.7)
}
.table td.is-sponsor,
.table th.is-sponsor {
background-color:#ea4aaa;
border-color:#ea4aaa;
color:#fff
}
.table td.is-twitter,
.table th.is-twitter {
background-color:#55acee;
border-color:#55acee;
color:#fff
}
.table td.is-videos,
.table th.is-videos {
background-color:#48c78e;
border-color:#48c78e;
color:#fff
}
.table td.is-extensions,
.table th.is-extensions {
background-color:#3e8ed0;
border-color:#3e8ed0;
color:#fff
}
.table td.is-bootstrap,
.table th.is-bootstrap {
background-color:#6f5499;
border-color:#6f5499;
color:#fff
}
.table td.is-narrow,
.table th.is-narrow {
white-space:nowrap;
width:1%
}
.table td.is-selected,
.table th.is-selected {
background-color:#00d1b2;
color:#fff
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
color:currentColor
}
.table td.is-vcentered,
.table th.is-vcentered {
vertical-align:middle
}
.table th {
color:#363636
}
.table th:not([align]) {
text-align:left
}
.table tr.is-selected {
background-color:#00d1b2;
color:#fff
}
.table tr.is-selected a,
.table tr.is-selected strong {
color:currentColor
}
.table tr.is-selected td,
.table tr.is-selected th {
border-color:#fff;
color:currentColor
}
.table thead {
background-color:transparent
}
.table thead td,
.table thead th {
border-width:0 0 2px;
color:#363636
}
.table tfoot {
background-color:transparent
}
.table tfoot td,
.table tfoot th {
border-width:2px 0 0;
color:#363636
}
.table tbody {
background-color:transparent
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
border-bottom-width:0
}
.table.is-bordered td,
.table.is-bordered th {
border-width:1px
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
border-bottom-width:1px
}
.table.is-fullwidth {
width:100%
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
background-color:#fafafa
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
background-color:#fafafa
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) {
background-color:#f5f5f5
}
.table.is-narrow td,
.table.is-narrow th {
padding:.25em .5em
}
.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
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:.5rem
}
.tags .tag:not(:last-child) {
margin-right:.5rem
}
.tags:last-child {
margin-bottom:-.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:.25rem;
margin-left:.25rem
}
.tags.is-right {
justify-content:flex-end
}
.tags.is-right .tag:not(:first-child) {
margin-left:.5rem
}
.tags.is-right .tag:not(:last-child) {
margin-right:0
}
.tags.has-addons .tag {
margin-right:0
}
.tags.has-addons .tag:not(:first-child) {
margin-left:0;
border-top-left-radius:0;
border-bottom-left-radius:0
}
.tags.has-addons .tag:not(:last-child) {
border-top-right-radius:0;
border-bottom-right-radius:0
}
.tag:not(body) {
align-items:center;
background-color:#f5f5f5;
border-radius:.375em;
color:#4a4a4a;
display:inline-flex;
font-size:.75rem;
height:2em;
justify-content:center;
line-height:1.5;
padding-left:.75em;
padding-right:.75em;
white-space:nowrap
}
.tag:not(body) .delete {
margin-left:.25rem;
margin-right:-.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,.7)
}
.tag:not(body).is-dark {
background-color:#363636;
color:#fff
}
.tag:not(body).is-primary {
background-color:#00d1b2;
color:#fff
}
.tag:not(body).is-primary.is-light {
background-color:#ebfffc;
color:#00947e
}
.tag:not(body).is-link {
background-color:#485fc7;
color:#fff
}
.tag:not(body).is-link.is-light {
background-color:#eff1fa;
color:#3850b7
}
.tag:not(body).is-info {
background-color:#3e8ed0;
color:#fff
}
.tag:not(body).is-info.is-light {
background-color:#eff5fb;
color:#296fa8
}
.tag:not(body).is-success {
background-color:#48c78e;
color:#fff
}
.tag:not(body).is-success.is-light {
background-color:#effaf5;
color:#257953
}
.tag:not(body).is-warning {
background-color:#ffe08a;
color:rgba(0,0,0,.7)
}
.tag:not(body).is-warning.is-light {
background-color:#fffaeb;
color:#946c00
}
.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-expo {
background-color:#ffd257;
color:#fff
}
.tag:not(body).is-expo.is-light {
background-color:#fffaeb;
color:#946c00
}
.tag:not(body).is-love {
background-color:#f14668;
color:#fff
}
.tag:not(body).is-love.is-light {
background-color:#feecf0;
color:#cc0f35
}
.tag:not(body).is-patreon {
background-color:#f96854;
color:#fff
}
.tag:not(body).is-patreon.is-light {
background-color:#feeeeb;
color:#c01d07
}
.tag:not(body).is-rss {
background-color:#f26522;
color:#fff
}
.tag:not(body).is-rss.is-light {
background-color:#fef2ec;
color:#c1460b
}
.tag:not(body).is-bleeding {
background-color:#abf47c;
color:rgba(0,0,0,.7)
}
.tag:not(body).is-bleeding.is-light {
background-color:#f3fdec;
color:#3c880b
}
.tag:not(body).is-sass {
background-color:#bf4080;
color:#fff
}
.tag:not(body).is-sass.is-light {
background-color:#faf0f5;
color:#b03b76
}
.tag:not(body).is-amazon {
background-color:#ffd863;
color:rgba(0,0,0,.7)
}
.tag:not(body).is-amazon.is-light {
background-color:#fffaeb;
color:#946f00
}
.tag:not(body).is-sponsor {
background-color:#ea4aaa;
color:#fff
}
.tag:not(body).is-sponsor.is-light {
background-color:#fdedf6;
color:#c0167c
}
.tag:not(body).is-twitter {
background-color:#55acee;
color:#fff
}
.tag:not(body).is-twitter.is-light {
background-color:#ecf6fd;
color:#10609e
}
.tag:not(body).is-videos {
background-color:#48c78e;
color:#fff
}
.tag:not(body).is-videos.is-light {
background-color:#effaf5;
color:#257953
}
.tag:not(body).is-extensions {
background-color:#3e8ed0;
color:#fff
}
.tag:not(body).is-extensions.is-light {
background-color:#eff5fb;
color:#296fa8
}
.tag:not(body).is-bootstrap {
background-color:#6f5499;
color:#fff
}
.tag:not(body).is-bootstrap.is-light {
background-color:#f4f2f8;
color:#73579e
}
.tag:not(body).is-normal {
font-size:.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:-.375em;
margin-right:.1875em
}
.tag:not(body) .icon:last-child:not(:first-child) {
margin-left:.1875em;
margin-right:-.375em
}
.tag:not(body) .icon:first-child:last-child {
margin-left:-.375em;
margin-right:-.375em
}
.tag:not(body).is-delete {
margin-left:1px;
padding:0;
position:relative;
width:2em
}
.tag:not(body).is-delete::after,
.tag:not(body).is-delete::before {
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:focus,
.tag:not(body).is-delete:hover {
background-color:#e8e8e8
}
.tag:not(body).is-delete:active {
background-color:#dbdbdb
}
.tag:not(body).is-rounded {
border-radius:9999px
}
a.tag:hover {
text-decoration:underline
}
.subtitle,
.title {
word-break:break-word
}
.subtitle em,
.subtitle span,
.title em,
.title span {
font-weight:inherit
}
.subtitle sub,
.title sub {
font-size:.75em
}
.subtitle sup,
.title sup {
font-size:.75em
}
.subtitle .tag,
.title .tag {
vertical-align:middle
}
.title {
color:#363636;
font-size:2rem;
font-weight:600;
line-height:1.125
}
.title strong {
color:inherit;
font-weight:inherit
}
.title: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:.75rem
}
.subtitle {
color:#4a4a4a;
font-size:1.25rem;
font-weight:400;
line-height:1.25
}
.subtitle strong {
color:#363636;
font-weight:600
}
.subtitle:not(.is-spaced)+.title {
margin-top:-1.25rem
}
.subtitle.is-1 {
font-size:3rem
}
.subtitle.is-2 {
font-size:2.5rem
}
.subtitle.is-3 {
font-size:2rem
}
.subtitle.is-4 {
font-size:1.5rem
}
.subtitle.is-5 {
font-size:1.25rem
}
.subtitle.is-6 {
font-size:1rem
}
.subtitle.is-7 {
font-size:.75rem
}
.heading {
display:block;
font-size:11px;
letter-spacing:1px;
margin-bottom:5px;
text-transform:uppercase
}
.number {
align-items:center;
background-color:#f5f5f5;
border-radius:9999px;
display:inline-flex;
font-size:1.25rem;
height:2em;
justify-content:center;
margin-right:1.5rem;
min-width:2.5em;
padding:.25rem .5rem;
text-align:center;
vertical-align:top
}
.input,
.select select,
.textarea {
background-color:#fff;
border-color:#dbdbdb;
border-radius:.375em;
color:#363636
}
.input::-moz-placeholder,
.select select::-moz-placeholder,
.textarea::-moz-placeholder {
color:rgba(54,54,54,.3)
}
.input::-webkit-input-placeholder,
.select select::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
color:rgba(54,54,54,.3)
}
.input:-moz-placeholder,
.select select:-moz-placeholder,
.textarea:-moz-placeholder {
color:rgba(54,54,54,.3)
}
.input:-ms-input-placeholder,
.select select:-ms-input-placeholder,
.textarea:-ms-input-placeholder {
color:rgba(54,54,54,.3)
}
.input:hover,
.is-hovered.input,
.is-hovered.textarea,
.select select.is-hovered,
.select select:hover,
.textarea:hover {
border-color:#b5b5b5
}
.input:active,
.input:focus,
.is-active.input,
.is-active.textarea,
.is-focused.input,
.is-focused.textarea,
.select select.is-active,
.select select.is-focused,
.select select:active,
.select select:focus,
.textarea:active,
.textarea:focus {
border-color:#485fc7;
box-shadow:0 0 0 .125em rgba(72,95,199,.25)
}
.input[disabled],
.select fieldset[disabled] select,
.select select[disabled],
.textarea[disabled],
fieldset[disabled] .input,
fieldset[disabled] .select select,
fieldset[disabled] .textarea {
background-color:#f5f5f5;
border-color:#f5f5f5;
box-shadow:none;
color:#7a7a7a
}
.input[disabled]::-moz-placeholder,
.select fieldset[disabled] select::-moz-placeholder,
.select select[disabled]::-moz-placeholder,
.textarea[disabled]::-moz-placeholder,
fieldset[disabled] .input::-moz-placeholder,
fieldset[disabled] .select select::-moz-placeholder,
fieldset[disabled] .textarea::-moz-placeholder {
color:rgba(122,122,122,.3)
}
.input[disabled]::-webkit-input-placeholder,
.select fieldset[disabled] select::-webkit-input-placeholder,
.select select[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder {
color:rgba(122,122,122,.3)
}
.input[disabled]:-moz-placeholder,
.select fieldset[disabled] select:-moz-placeholder,
.select select[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder {
color:rgba(122,122,122,.3)
}
.input[disabled]:-ms-input-placeholder,
.select fieldset[disabled] select:-ms-input-placeholder,
.select select[disabled]:-ms-input-placeholder,
.textarea[disabled]:-ms-input-placeholder,
fieldset[disabled] .input:-ms-input-placeholder,
fieldset[disabled] .select select:-ms-input-placeholder,
fieldset[disabled] .textarea:-ms-input-placeholder {
color:rgba(122,122,122,.3)
}
.input,
.textarea {
box-shadow:inset 0 .0625em .125em rgba(10,10,10,.05);
max-width:100%;
width:100%
}
.input[readonly],
.textarea[readonly] {
box-shadow:none
}
.is-white.input,
.is-white.textarea {
border-color:#fff
}
.is-white.input:active,
.is-white.input:focus,
.is-white.is-active.input,
.is-white.is-active.textarea,
.is-white.is-focused.input,
.is-white.is-focused.textarea,
.is-white.textarea:active,
.is-white.textarea:focus {
box-shadow:0 0 0 .125em rgba(255,255,255,.25)
}
.is-black.input,
.is-black.textarea {
border-color:#0a0a0a
}
.is-black.input:active,
.is-black.input:focus,
.is-black.is-active.input,
.is-black.is-active.textarea,
.is-black.is-focused.input,
.is-black.is-focused.textarea,
.is-black.textarea:active,
.is-black.textarea:focus {
box-shadow:0 0 0 .125em rgba(10,10,10,.25)
}
.is-light.input,
.is-light.textarea {
border-color:#f5f5f5
}
.is-light.input:active,
.is-light.input:focus,
.is-light.is-active.input,
.is-light.is-active.textarea,
.is-light.is-focused.input,
.is-light.is-focused.textarea,
.is-light.textarea:active,
.is-light.textarea:focus {
box-shadow:0 0 0 .125em rgba(245,245,245,.25)
}
.is-dark.input,
.is-dark.textarea {
border-color:#363636
}
.is-dark.input:active,
.is-dark.input:focus,
.is-dark.is-active.input,
.is-dark.is-active.textarea,
.is-dark.is-focused.input,
.is-dark.is-focused.textarea,
.is-dark.textarea:active,
.is-dark.textarea:focus {
box-shadow:0 0 0 .125em rgba(54,54,54,.25)
}
.is-primary.input,
.is-primary.textarea {
border-color:#00d1b2
}
.is-primary.input:active,
.is-primary.input:focus,
.is-primary.is-active.input,
.is-primary.is-active.textarea,
.is-primary.is-focused.input,
.is-primary.is-focused.textarea,
.is-primary.textarea:active,
.is-primary.textarea:focus {
box-shadow:0 0 0 .125em rgba(0,209,178,.25)
}
.is-link.input,
.is-link.textarea {
border-color:#485fc7
}
.is-link.input:active,
.is-link.input:focus,
.is-link.is-active.input,
.is-link.is-active.textarea,
.is-link.is-focused.input,
.is-link.is-focused.textarea,
.is-link.textarea:active,
.is-link.textarea:focus {
box-shadow:0 0 0 .125em rgba(72,95,199,.25)
}
.is-info.input,
.is-info.textarea {
border-color:#3e8ed0
}
.is-info.input:active,
.is-info.input:focus,
.is-info.is-active.input,
.is-info.is-active.textarea,
.is-info.is-focused.input,
.is-info.is-focused.textarea,
.is-info.textarea:active,
.is-info.textarea:focus {
box-shadow:0 0 0 .125em rgba(62,142,208,.25)
}
.is-success.input,
.is-success.textarea {
border-color:#48c78e
}
.is-success.input:active,
.is-success.input:focus,
.is-success.is-active.input,
.is-success.is-active.textarea,
.is-success.is-focused.input,
.is-success.is-focused.textarea,
.is-success.textarea:active,
.is-success.textarea:focus {
box-shadow:0 0 0 .125em rgba(72,199,142,.25)
}
.is-warning.input,
.is-warning.textarea {
border-color:#ffe08a
}
.is-warning.input:active,
.is-warning.input:focus,
.is-warning.is-active.input,
.is-warning.is-active.textarea,
.is-warning.is-focused.input,
.is-warning.is-focused.textarea,
.is-warning.textarea:active,
.is-warning.textarea:focus {
box-shadow:0 0 0 .125em rgba(255,224,138,.25)
}
.is-danger.input,
.is-danger.textarea {
border-color:#f14668
}
.is-danger.input:active,
.is-danger.input:focus,
.is-danger.is-active.input,
.is-danger.is-active.textarea,
.is-danger.is-focused.input,
.is-danger.is-focused.textarea,
.is-danger.textarea:active,
.is-danger.textarea:focus {
box-shadow:0 0 0 .125em rgba(241,70,104,.25)
}
.is-expo.input,
.is-expo.textarea {
border-color:#ffd257
}
.is-expo.input:active,
.is-expo.input:focus,
.is-expo.is-active.input,
.is-expo.is-active.textarea,
.is-expo.is-focused.input,
.is-expo.is-focused.textarea,
.is-expo.textarea:active,
.is-expo.textarea:focus {
box-shadow:0 0 0 .125em rgba(255,210,87,.25)
}
.is-love.input,
.is-love.textarea {
border-color:#f14668
}
.is-love.input:active,
.is-love.input:focus,
.is-love.is-active.input,
.is-love.is-active.textarea,
.is-love.is-focused.input,
.is-love.is-focused.textarea,
.is-love.textarea:active,
.is-love.textarea:focus {
box-shadow:0 0 0 .125em rgba(241,70,104,.25)
}
.is-patreon.input,
.is-patreon.textarea {
border-color:#f96854
}
.is-patreon.input:active,
.is-patreon.input:focus,
.is-patreon.is-active.input,
.is-patreon.is-active.textarea,
.is-patreon.is-focused.input,
.is-patreon.is-focused.textarea,
.is-patreon.textarea:active,
.is-patreon.textarea:focus {
box-shadow:0 0 0 .125em rgba(249,104,84,.25)
}
.is-rss.input,
.is-rss.textarea {
border-color:#f26522
}
.is-rss.input:active,
.is-rss.input:focus,
.is-rss.is-active.input,
.is-rss.is-active.textarea,
.is-rss.is-focused.input,
.is-rss.is-focused.textarea,
.is-rss.textarea:active,
.is-rss.textarea:focus {
box-shadow:0 0 0 .125em rgba(242,101,34,.25)
}
.is-bleeding.input,
.is-bleeding.textarea {
border-color:#abf47c
}
.is-bleeding.input:active,
.is-bleeding.input:focus,
.is-bleeding.is-active.input,
.is-bleeding.is-active.textarea,
.is-bleeding.is-focused.input,
.is-bleeding.is-focused.textarea,
.is-bleeding.textarea:active,
.is-bleeding.textarea:focus {
box-shadow:0 0 0 .125em rgba(171,244,124,.25)
}
.is-sass.input,
.is-sass.textarea {
border-color:#bf4080
}
.is-sass.input:active,
.is-sass.input:focus,
.is-sass.is-active.input,
.is-sass.is-active.textarea,
.is-sass.is-focused.input,
.is-sass.is-focused.textarea,
.is-sass.textarea:active,
.is-sass.textarea:focus {
box-shadow:0 0 0 .125em rgba(191,64,128,.25)
}
.is-amazon.input,
.is-amazon.textarea {
border-color:#ffd863
}
.is-amazon.input:active,
.is-amazon.input:focus,
.is-amazon.is-active.input,
.is-amazon.is-active.textarea,
.is-amazon.is-focused.input,
.is-amazon.is-focused.textarea,
.is-amazon.textarea:active,
.is-amazon.textarea:focus {
box-shadow:0 0 0 .125em rgba(255,216,99,.25)
}
.is-sponsor.input,
.is-sponsor.textarea {
border-color:#ea4aaa
}
.is-sponsor.input:active,
.is-sponsor.input:focus,
.is-sponsor.is-active.input,
.is-sponsor.is-active.textarea,
.is-sponsor.is-focused.input,
.is-sponsor.is-focused.textarea,
.is-sponsor.textarea:active,
.is-sponsor.textarea:focus {
box-shadow:0 0 0 .125em rgba(234,74,170,.25)
}
.is-twitter.input,
.is-twitter.textarea {
border-color:#55acee
}
.is-twitter.input:active,
.is-twitter.input:focus,
.is-twitter.is-active.input,
.is-twitter.is-active.textarea,
.is-twitter.is-focused.input,
.is-twitter.is-focused.textarea,
.is-twitter.textarea:active,
.is-twitter.textarea:focus {
box-shadow:0 0 0 .125em rgba(85,172,238,.25)
}
.is-videos.input,
.is-videos.textarea {
border-color:#48c78e
}
.is-videos.input:active,
.is-videos.input:focus,
.is-videos.is-active.input,
.is-videos.is-active.textarea,
.is-videos.is-focused.input,
.is-videos.is-focused.textarea,
.is-videos.textarea:active,
.is-videos.textarea:focus {
box-shadow:0 0 0 .125em rgba(72,199,142,.25)
}
.is-extensions.input,
.is-extensions.textarea {
border-color:#3e8ed0
}
.is-extensions.input:active,
.is-extensions.input:focus,
.is-extensions.is-active.input,
.is-extensions.is-active.textarea,
.is-extensions.is-focused.input,
.is-extensions.is-focused.textarea,
.is-extensions.textarea:active,
.is-extensions.textarea:focus {
box-shadow:0 0 0 .125em rgba(62,142,208,.25)
}
.is-bootstrap.input,
.is-bootstrap.textarea {
border-color:#6f5499
}
.is-bootstrap.input:active,
.is-bootstrap.input:focus,
.is-bootstrap.is-active.input,
.is-bootstrap.is-active.textarea,
.is-bootstrap.is-focused.input,
.is-bootstrap.is-focused.textarea,
.is-bootstrap.textarea:active,
.is-bootstrap.textarea:focus {
box-shadow:0 0 0 .125em rgba(111,84,153,.25)
}
.is-small.input,
.is-small.textarea {
border-radius:2px;
font-size:.75rem
}
.is-medium.input,
.is-medium.textarea {
font-size:1.25rem
}
.is-large.input,
.is-large.textarea {
font-size:1.5rem
}
.is-fullwidth.input,
.is-fullwidth.textarea {
display:block;
width:100%
}
.is-inline.input,
.is-inline.textarea {
display:inline;
width:auto
}
.input.is-rounded {
border-radius:9999px;
padding-left:calc(calc(.75em - 1px) + .375em);
padding-right:calc(calc(.75em - 1px) + .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(.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 input[disabled],
.checkbox[disabled],
.radio input[disabled],
.radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .radio {
color:#7a7a7a;
cursor:not-allowed
}
.radio+.radio {
margin-left:.5em
}
.select {
display:inline-block;
max-width:100%;
position:relative;
vertical-align:top
}
.select:not(.is-multiple) {
height:2.5em
}
.select:not(.is-multiple):not(.is-loading)::after {
border-color:#485fc7;
right:1.125em;
z-index:4
}
.select.is-rounded select {
border-radius:9999px;
padding-left:1em
}
.select select {
cursor:pointer;
display:block;
font-size:1em;
max-width:100%;
outline:0
}
.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:.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.is-hovered,
.select.is-white select:hover {
border-color:#f2f2f2
}
.select.is-white select.is-active,
.select.is-white select.is-focused,
.select.is-white select:active,
.select.is-white select:focus {
box-shadow:0 0 0 .125em rgba(255,255,255,.25)
}
.select.is-black:not(:hover)::after {
border-color:#0a0a0a
}
.select.is-black select {
border-color:#0a0a0a
}
.select.is-black select.is-hovered,
.select.is-black select:hover {
border-color:#000
}
.select.is-black select.is-active,
.select.is-black select.is-focused,
.select.is-black select:active,
.select.is-black select:focus {
box-shadow:0 0 0 .125em rgba(10,10,10,.25)
}
.select.is-light:not(:hover)::after {
border-color:#f5f5f5
}
.select.is-light select {
border-color:#f5f5f5
}
.select.is-light select.is-hovered,
.select.is-light select:hover {
border-color:#e8e8e8
}
.select.is-light select.is-active,
.select.is-light select.is-focused,
.select.is-light select:active,
.select.is-light select:focus {
box-shadow:0 0 0 .125em rgba(245,245,245,.25)
}
.select.is-dark:not(:hover)::after {
border-color:#363636
}
.select.is-dark select {
border-color:#363636
}
.select.is-dark select.is-hovered,
.select.is-dark select:hover {
border-color:#292929
}
.select.is-dark select.is-active,
.select.is-dark select.is-focused,
.select.is-dark select:active,
.select.is-dark select:focus {
box-shadow:0 0 0 .125em rgba(54,54,54,.25)
}
.select.is-primary:not(:hover)::after {
border-color:#00d1b2
}
.select.is-primary select {
border-color:#00d1b2
}
.select.is-primary select.is-hovered,
.select.is-primary select:hover {
border-color:#00b89c
}
.select.is-primary select.is-active,
.select.is-primary select.is-focused,
.select.is-primary select:active,
.select.is-primary select:focus {
box-shadow:0 0 0 .125em rgba(0,209,178,.25)
}
.select.is-link:not(:hover)::after {
border-color:#485fc7
}
.select.is-link select {
border-color:#485fc7
}
.select.is-link select.is-hovered,
.select.is-link select:hover {
border-color:#3a51bb
}
.select.is-link select.is-active,
.select.is-link select.is-focused,
.select.is-link select:active,
.select.is-link select:focus {
box-shadow:0 0 0 .125em rgba(72,95,199,.25)
}
.select.is-info:not(:hover)::after {
border-color:#3e8ed0
}
.select.is-info select {
border-color:#3e8ed0
}
.select.is-info select.is-hovered,
.select.is-info select:hover {
border-color:#3082c5
}
.select.is-info select.is-active,
.select.is-info select.is-focused,
.select.is-info select:active,
.select.is-info select:focus {
box-shadow:0 0 0 .125em rgba(62,142,208,.25)
}
.select.is-success:not(:hover)::after {
border-color:#48c78e
}
.select.is-success select {
border-color:#48c78e
}
.select.is-success select.is-hovered,
.select.is-success select:hover {
border-color:#3abb81
}
.select.is-success select.is-active,
.select.is-success select.is-focused,
.select.is-success select:active,
.select.is-success select:focus {
box-shadow:0 0 0 .125em rgba(72,199,142,.25)
}
.select.is-warning:not(:hover)::after {
border-color:#ffe08a
}
.select.is-warning select {
border-color:#ffe08a
}
.select.is-warning select.is-hovered,
.select.is-warning select:hover {
border-color:#ffd970
}
.select.is-warning select.is-active,
.select.is-warning select.is-focused,
.select.is-warning select:active,
.select.is-warning select:focus {
box-shadow:0 0 0 .125em rgba(255,224,138,.25)
}
.select.is-danger:not(:hover)::after {
border-color:#f14668
}
.select.is-danger select {
border-color:#f14668
}
.select.is-danger select.is-hovered,
.select.is-danger select:hover {
border-color:#ef2e55
}
.select.is-danger select.is-active,
.select.is-danger select.is-focused,
.select.is-danger select:active,
.select.is-danger select:focus {
box-shadow:0 0 0 .125em rgba(241,70,104,.25)
}
.select.is-expo:not(:hover)::after {
border-color:#ffd257
}
.select.is-expo select {
border-color:#ffd257
}
.select.is-expo select.is-hovered,
.select.is-expo select:hover {
border-color:#ffcb3e
}
.select.is-expo select.is-active,
.select.is-expo select.is-focused,
.select.is-expo select:active,
.select.is-expo select:focus {
box-shadow:0 0 0 .125em rgba(255,210,87,.25)
}
.select.is-love:not(:hover)::after {
border-color:#f14668
}
.select.is-love select {
border-color:#f14668
}
.select.is-love select.is-hovered,
.select.is-love select:hover {
border-color:#ef2e55
}
.select.is-love select.is-active,
.select.is-love select.is-focused,
.select.is-love select:active,
.select.is-love select:focus {
box-shadow:0 0 0 .125em rgba(241,70,104,.25)
}
.select.is-patreon:not(:hover)::after {
border-color:#f96854
}
.select.is-patreon select {
border-color:#f96854
}
.select.is-patreon select.is-hovered,
.select.is-patreon select:hover {
border-color:#f8523b
}
.select.is-patreon select.is-active,
.select.is-patreon select.is-focused,
.select.is-patreon select:active,
.select.is-patreon select:focus {
box-shadow:0 0 0 .125em rgba(249,104,84,.25)
}
.select.is-rss:not(:hover)::after {
border-color:#f26522
}
.select.is-rss select {
border-color:#f26522
}
.select.is-rss select.is-hovered,
.select.is-rss select:hover {
border-color:#ed560e
}
.select.is-rss select.is-active,
.select.is-rss select.is-focused,
.select.is-rss select:active,
.select.is-rss select:focus {
box-shadow:0 0 0 .125em rgba(242,101,34,.25)
}
.select.is-bleeding:not(:hover)::after {
border-color:#abf47c
}
.select.is-bleeding select {
border-color:#abf47c
}
.select.is-bleeding select.is-hovered,
.select.is-bleeding select:hover {
border-color:#9cf264
}
.select.is-bleeding select.is-active,
.select.is-bleeding select.is-focused,
.select.is-bleeding select:active,
.select.is-bleeding select:focus {
box-shadow:0 0 0 .125em rgba(171,244,124,.25)
}
.select.is-sass:not(:hover)::after {
border-color:#bf4080
}
.select.is-sass select {
border-color:#bf4080
}
.select.is-sass select.is-hovered,
.select.is-sass select:hover {
border-color:#ac3a73
}
.select.is-sass select.is-active,
.select.is-sass select.is-focused,
.select.is-sass select:active,
.select.is-sass select:focus {
box-shadow:0 0 0 .125em rgba(191,64,128,.25)
}
.select.is-amazon:not(:hover)::after {
border-color:#ffd863
}
.select.is-amazon select {
border-color:#ffd863
}
.select.is-amazon select.is-hovered,
.select.is-amazon select:hover {
border-color:#ffd24a
}
.select.is-amazon select.is-active,
.select.is-amazon select.is-focused,
.select.is-amazon select:active,
.select.is-amazon select:focus {
box-shadow:0 0 0 .125em rgba(255,216,99,.25)
}
.select.is-sponsor:not(:hover)::after {
border-color:#ea4aaa
}
.select.is-sponsor select {
border-color:#ea4aaa
}
.select.is-sponsor select.is-hovered,
.select.is-sponsor select:hover {
border-color:#e7339f
}
.select.is-sponsor select.is-active,
.select.is-sponsor select.is-focused,
.select.is-sponsor select:active,
.select.is-sponsor select:focus {
box-shadow:0 0 0 .125em rgba(234,74,170,.25)
}
.select.is-twitter:not(:hover)::after {
border-color:#55acee
}
.select.is-twitter select {
border-color:#55acee
}
.select.is-twitter select.is-hovered,
.select.is-twitter select:hover {
border-color:#3ea1ec
}
.select.is-twitter select.is-active,
.select.is-twitter select.is-focused,
.select.is-twitter select:active,
.select.is-twitter select:focus {
box-shadow:0 0 0 .125em rgba(85,172,238,.25)
}
.select.is-videos:not(:hover)::after {
border-color:#48c78e
}
.select.is-videos select {
border-color:#48c78e
}
.select.is-videos select.is-hovered,
.select.is-videos select:hover {
border-color:#3abb81
}
.select.is-videos select.is-active,
.select.is-videos select.is-focused,
.select.is-videos select:active,
.select.is-videos select:focus {
box-shadow:0 0 0 .125em rgba(72,199,142,.25)
}
.select.is-extensions:not(:hover)::after {
border-color:#3e8ed0
}
.select.is-extensions select {
border-color:#3e8ed0
}
.select.is-extensions select.is-hovered,
.select.is-extensions select:hover {
border-color:#3082c5
}
.select.is-extensions select.is-active,
.select.is-extensions select.is-focused,
.select.is-extensions select:active,
.select.is-extensions select:focus {
box-shadow:0 0 0 .125em rgba(62,142,208,.25)
}
.select.is-bootstrap:not(:hover)::after {
border-color:#6f5499
}
.select.is-bootstrap select {
border-color:#6f5499
}
.select.is-bootstrap select.is-hovered,
.select.is-bootstrap select:hover {
border-color:#634b89
}
.select.is-bootstrap select.is-active,
.select.is-bootstrap select.is-focused,
.select.is-bootstrap select:active,
.select.is-bootstrap select:focus {
box-shadow:0 0 0 .125em rgba(111,84,153,.25)
}
.select.is-small {
border-radius:2px;
font-size:.75rem
}
.select.is-medium {
font-size:1.25rem
}
.select.is-large {
font-size:1.5rem
}
.select.is-disabled::after {
border-color:#7a7a7a!important;
opacity:.5
}
.select.is-fullwidth {
width:100%
}
.select.is-fullwidth select {
width:100%
}
.select.is-loading::after {
margin-top:0;
position:absolute;
right:.625em;
top:.625em;
transform:none
}
.select.is-loading.is-small:after {
font-size:.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.is-hovered .file-cta,
.file.is-white:hover .file-cta {
background-color:#f9f9f9;
border-color:transparent;
color:#0a0a0a
}
.file.is-white.is-focused .file-cta,
.file.is-white:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(255,255,255,.25);
color:#0a0a0a
}
.file.is-white.is-active .file-cta,
.file.is-white: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.is-hovered .file-cta,
.file.is-black:hover .file-cta {
background-color:#040404;
border-color:transparent;
color:#fff
}
.file.is-black.is-focused .file-cta,
.file.is-black:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(10,10,10,.25);
color:#fff
}
.file.is-black.is-active .file-cta,
.file.is-black: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,.7)
}
.file.is-light.is-hovered .file-cta,
.file.is-light:hover .file-cta {
background-color:#eee;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.file.is-light.is-focused .file-cta,
.file.is-light:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(245,245,245,.25);
color:rgba(0,0,0,.7)
}
.file.is-light.is-active .file-cta,
.file.is-light:active .file-cta {
background-color:#e8e8e8;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.file.is-dark .file-cta {
background-color:#363636;
border-color:transparent;
color:#fff
}
.file.is-dark.is-hovered .file-cta,
.file.is-dark:hover .file-cta {
background-color:#2f2f2f;
border-color:transparent;
color:#fff
}
.file.is-dark.is-focused .file-cta,
.file.is-dark:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(54,54,54,.25);
color:#fff
}
.file.is-dark.is-active .file-cta,
.file.is-dark:active .file-cta {
background-color:#292929;
border-color:transparent;
color:#fff
}
.file.is-primary .file-cta {
background-color:#00d1b2;
border-color:transparent;
color:#fff
}
.file.is-primary.is-hovered .file-cta,
.file.is-primary:hover .file-cta {
background-color:#00c4a7;
border-color:transparent;
color:#fff
}
.file.is-primary.is-focused .file-cta,
.file.is-primary:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(0,209,178,.25);
color:#fff
}
.file.is-primary.is-active .file-cta,
.file.is-primary:active .file-cta {
background-color:#00b89c;
border-color:transparent;
color:#fff
}
.file.is-link .file-cta {
background-color:#485fc7;
border-color:transparent;
color:#fff
}
.file.is-link.is-hovered .file-cta,
.file.is-link:hover .file-cta {
background-color:#3e56c4;
border-color:transparent;
color:#fff
}
.file.is-link.is-focused .file-cta,
.file.is-link:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(72,95,199,.25);
color:#fff
}
.file.is-link.is-active .file-cta,
.file.is-link:active .file-cta {
background-color:#3a51bb;
border-color:transparent;
color:#fff
}
.file.is-info .file-cta {
background-color:#3e8ed0;
border-color:transparent;
color:#fff
}
.file.is-info.is-hovered .file-cta,
.file.is-info:hover .file-cta {
background-color:#3488ce;
border-color:transparent;
color:#fff
}
.file.is-info.is-focused .file-cta,
.file.is-info:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(62,142,208,.25);
color:#fff
}
.file.is-info.is-active .file-cta,
.file.is-info:active .file-cta {
background-color:#3082c5;
border-color:transparent;
color:#fff
}
.file.is-success .file-cta {
background-color:#48c78e;
border-color:transparent;
color:#fff
}
.file.is-success.is-hovered .file-cta,
.file.is-success:hover .file-cta {
background-color:#3ec487;
border-color:transparent;
color:#fff
}
.file.is-success.is-focused .file-cta,
.file.is-success:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(72,199,142,.25);
color:#fff
}
.file.is-success.is-active .file-cta,
.file.is-success:active .file-cta {
background-color:#3abb81;
border-color:transparent;
color:#fff
}
.file.is-warning .file-cta {
background-color:#ffe08a;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.file.is-warning.is-hovered .file-cta,
.file.is-warning:hover .file-cta {
background-color:#ffdc7d;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.file.is-warning.is-focused .file-cta,
.file.is-warning:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(255,224,138,.25);
color:rgba(0,0,0,.7)
}
.file.is-warning.is-active .file-cta,
.file.is-warning:active .file-cta {
background-color:#ffd970;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.file.is-danger .file-cta {
background-color:#f14668;
border-color:transparent;
color:#fff
}
.file.is-danger.is-hovered .file-cta,
.file.is-danger:hover .file-cta {
background-color:#f03a5f;
border-color:transparent;
color:#fff
}
.file.is-danger.is-focused .file-cta,
.file.is-danger:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(241,70,104,.25);
color:#fff
}
.file.is-danger.is-active .file-cta,
.file.is-danger:active .file-cta {
background-color:#ef2e55;
border-color:transparent;
color:#fff
}
.file.is-expo .file-cta {
background-color:#ffd257;
border-color:transparent;
color:#fff
}
.file.is-expo.is-hovered .file-cta,
.file.is-expo:hover .file-cta {
background-color:#ffcf4a;
border-color:transparent;
color:#fff
}
.file.is-expo.is-focused .file-cta,
.file.is-expo:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(255,210,87,.25);
color:#fff
}
.file.is-expo.is-active .file-cta,
.file.is-expo:active .file-cta {
background-color:#ffcb3e;
border-color:transparent;
color:#fff
}
.file.is-love .file-cta {
background-color:#f14668;
border-color:transparent;
color:#fff
}
.file.is-love.is-hovered .file-cta,
.file.is-love:hover .file-cta {
background-color:#f03a5f;
border-color:transparent;
color:#fff
}
.file.is-love.is-focused .file-cta,
.file.is-love:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(241,70,104,.25);
color:#fff
}
.file.is-love.is-active .file-cta,
.file.is-love:active .file-cta {
background-color:#ef2e55;
border-color:transparent;
color:#fff
}
.file.is-patreon .file-cta {
background-color:#f96854;
border-color:transparent;
color:#fff
}
.file.is-patreon.is-hovered .file-cta,
.file.is-patreon:hover .file-cta {
background-color:#f95d48;
border-color:transparent;
color:#fff
}
.file.is-patreon.is-focused .file-cta,
.file.is-patreon:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(249,104,84,.25);
color:#fff
}
.file.is-patreon.is-active .file-cta,
.file.is-patreon:active .file-cta {
background-color:#f8523b;
border-color:transparent;
color:#fff
}
.file.is-rss .file-cta {
background-color:#f26522;
border-color:transparent;
color:#fff
}
.file.is-rss.is-hovered .file-cta,
.file.is-rss:hover .file-cta {
background-color:#f15d16;
border-color:transparent;
color:#fff
}
.file.is-rss.is-focused .file-cta,
.file.is-rss:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(242,101,34,.25);
color:#fff
}
.file.is-rss.is-active .file-cta,
.file.is-rss:active .file-cta {
background-color:#ed560e;
border-color:transparent;
color:#fff
}
.file.is-bleeding .file-cta {
background-color:#abf47c;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.file.is-bleeding.is-hovered .file-cta,
.file.is-bleeding:hover .file-cta {
background-color:#a3f370;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.file.is-bleeding.is-focused .file-cta,
.file.is-bleeding:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(171,244,124,.25);
color:rgba(0,0,0,.7)
}
.file.is-bleeding.is-active .file-cta,
.file.is-bleeding:active .file-cta {
background-color:#9cf264;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.file.is-sass .file-cta {
background-color:#bf4080;
border-color:transparent;
color:#fff
}
.file.is-sass.is-hovered .file-cta,
.file.is-sass:hover .file-cta {
background-color:#b53d7a;
border-color:transparent;
color:#fff
}
.file.is-sass.is-focused .file-cta,
.file.is-sass:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(191,64,128,.25);
color:#fff
}
.file.is-sass.is-active .file-cta,
.file.is-sass:active .file-cta {
background-color:#ac3a73;
border-color:transparent;
color:#fff
}
.file.is-amazon .file-cta {
background-color:#ffd863;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.file.is-amazon.is-hovered .file-cta,
.file.is-amazon:hover .file-cta {
background-color:#ffd556;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.file.is-amazon.is-focused .file-cta,
.file.is-amazon:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(255,216,99,.25);
color:rgba(0,0,0,.7)
}
.file.is-amazon.is-active .file-cta,
.file.is-amazon:active .file-cta {
background-color:#ffd24a;
border-color:transparent;
color:rgba(0,0,0,.7)
}
.file.is-sponsor .file-cta {
background-color:#ea4aaa;
border-color:transparent;
color:#fff
}
.file.is-sponsor.is-hovered .file-cta,
.file.is-sponsor:hover .file-cta {
background-color:#e93fa5;
border-color:transparent;
color:#fff
}
.file.is-sponsor.is-focused .file-cta,
.file.is-sponsor:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(234,74,170,.25);
color:#fff
}
.file.is-sponsor.is-active .file-cta,
.file.is-sponsor:active .file-cta {
background-color:#e7339f;
border-color:transparent;
color:#fff
}
.file.is-twitter .file-cta {
background-color:#55acee;
border-color:transparent;
color:#fff
}
.file.is-twitter.is-hovered .file-cta,
.file.is-twitter:hover .file-cta {
background-color:#49a6ed;
border-color:transparent;
color:#fff
}
.file.is-twitter.is-focused .file-cta,
.file.is-twitter:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(85,172,238,.25);
color:#fff
}
.file.is-twitter.is-active .file-cta,
.file.is-twitter:active .file-cta {
background-color:#3ea1ec;
border-color:transparent;
color:#fff
}
.file.is-videos .file-cta {
background-color:#48c78e;
border-color:transparent;
color:#fff
}
.file.is-videos.is-hovered .file-cta,
.file.is-videos:hover .file-cta {
background-color:#3ec487;
border-color:transparent;
color:#fff
}
.file.is-videos.is-focused .file-cta,
.file.is-videos:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(72,199,142,.25);
color:#fff
}
.file.is-videos.is-active .file-cta,
.file.is-videos:active .file-cta {
background-color:#3abb81;
border-color:transparent;
color:#fff
}
.file.is-extensions .file-cta {
background-color:#3e8ed0;
border-color:transparent;
color:#fff
}
.file.is-extensions.is-hovered .file-cta,
.file.is-extensions:hover .file-cta {
background-color:#3488ce;
border-color:transparent;
color:#fff
}
.file.is-extensions.is-focused .file-cta,
.file.is-extensions:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(62,142,208,.25);
color:#fff
}
.file.is-extensions.is-active .file-cta,
.file.is-extensions:active .file-cta {
background-color:#3082c5;
border-color:transparent;
color:#fff
}
.file.is-bootstrap .file-cta {
background-color:#6f5499;
border-color:transparent;
color:#fff
}
.file.is-bootstrap.is-hovered .file-cta,
.file.is-bootstrap:hover .file-cta {
background-color:#694f91;
border-color:transparent;
color:#fff
}
.file.is-bootstrap.is-focused .file-cta,
.file.is-bootstrap:focus .file-cta {
border-color:transparent;
box-shadow:0 0 .5em rgba(111,84,153,.25);
color:#fff
}
.file.is-bootstrap.is-active .file-cta,
.file.is-bootstrap:active .file-cta {
background-color:#634b89;
border-color:transparent;
color:#fff
}
.file.is-small {
font-size:.75rem
}
.file.is-normal {
font-size:1rem
}
.file.is-medium {
font-size:1.25rem
}
.file.is-medium .file-icon .fa {
font-size:21px
}
.file.is-large {
font-size:1.5rem
}
.file.is-large .file-icon .fa {
font-size:28px
}
.file.has-name .file-cta {
border-bottom-right-radius:0;
border-top-right-radius:0
}
.file.has-name .file-name {
border-bottom-left-radius:0;
border-top-left-radius:0
}
.file.has-name.is-empty .file-cta {
border-radius:.375em
}
.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:.375em .375em 0 0
}
.file.is-boxed.has-name .file-name {
border-radius:0 0 .375em .375em;
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 .375em .375em 0
}
.file.is-right .file-name {
border-radius:.375em 0 0 .375em;
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:0;
position:absolute;
top:0;
width:100%
}
.file-cta,
.file-name {
border-color:#dbdbdb;
border-radius:.375em;
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:inherit;
text-overflow:ellipsis
}
.file-icon {
align-items:center;
display:flex;
height:1em;
justify-content:center;
margin-right:.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:.5em
}
.label.is-small {
font-size:.75rem
}
.label.is-medium {
font-size:1.25rem
}
.label.is-large {
font-size:1.5rem
}
.help {
display:block;
font-size:.75rem;
margin-top:.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:#00d1b2
}
.help.is-link {
color:#485fc7
}
.help.is-info {
color:#3e8ed0
}
.help.is-success {
color:#48c78e
}
.help.is-warning {
color:#ffe08a
}
.help.is-danger {
color:#f14668
}
.help.is-expo {
color:#ffd257
}
.help.is-love {
color:#f14668
}
.help.is-patreon {
color:#f96854
}
.help.is-rss {
color:#f26522
}
.help.is-bleeding {
color:#abf47c
}
.help.is-sass {
color:#bf4080
}
.help.is-amazon {
color:#ffd863
}
.help.is-sponsor {
color:#ea4aaa
}
.help.is-twitter {
color:#55acee
}
.help.is-videos {
color:#48c78e
}
.help.is-extensions {
color:#3e8ed0
}
.help.is-bootstrap {
color:#6f5499
}
.field:not(:last-child) {
margin-bottom:.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]).is-hovered,
.field.has-addons .control .button:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover {
z-index:2
}
.field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .button:not([disabled]).is-focused,
.field.has-addons .control .button:not([disabled]):active,
.field.has-addons .control .button:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]):focus {
z-index:3
}
.field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .button:not([disabled]).is-focused:hover,
.field.has-addons .control .button:not([disabled]):active:hover,
.field.has-addons .control .button:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]):focus: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:.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:.75rem
}
.field.is-grouped.is-grouped-multiline:last-child {
margin-bottom:-.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:.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:.75rem;
padding-top:.375em
}
.field-label.is-normal {
padding-top:.375em
}
.field-label.is-medium {
font-size:1.25rem;
padding-top:.375em
}
.field-label.is-large {
font-size:1.5rem;
padding-top:.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:.75rem
}
}
.control {
box-sizing:border-box;
clear:both;
font-size:1rem;
position:relative;
text-align:inherit
}
.control.has-icons-left .input:focus~.icon,
.control.has-icons-left .select:focus~.icon,
.control.has-icons-right .input:focus~.icon,
.control.has-icons-right .select:focus~.icon {
color:#4a4a4a
}
.control.has-icons-left .input.is-small~.icon,
.control.has-icons-left .select.is-small~.icon,
.control.has-icons-right .input.is-small~.icon,
.control.has-icons-right .select.is-small~.icon {
font-size:.75rem
}
.control.has-icons-left .input.is-medium~.icon,
.control.has-icons-left .select.is-medium~.icon,
.control.has-icons-right .input.is-medium~.icon,
.control.has-icons-right .select.is-medium~.icon {
font-size:1.25rem
}
.control.has-icons-left .input.is-large~.icon,
.control.has-icons-left .select.is-large~.icon,
.control.has-icons-right .input.is-large~.icon,
.control.has-icons-right .select.is-large~.icon {
font-size:1.5rem
}
.control.has-icons-left .icon,
.control.has-icons-right .icon {
color:#dbdbdb;
height:2.5em;
pointer-events:none;
position:absolute;
top:0;
width:2.5em;
z-index:4
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
padding-left:2.5em
}
.control.has-icons-left .icon.is-left {
left:0
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
padding-right:2.5em
}
.control.has-icons-right .icon.is-right {
right:0
}
.control.is-loading::after {
position:absolute!important;
right:.625em;
top:.625em;
z-index:4
}
.control.is-loading.is-small:after {
font-size:.75rem
}
.control.is-loading.is-medium:after {
font-size:1.25rem
}
.control.is-loading.is-large:after {
font-size:1.5rem
}
.breadcrumb {
font-size:1rem;
white-space:nowrap
}
.breadcrumb a {
align-items:center;
color:#485fc7;
display:flex;
justify-content:center;
padding: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 ol,
.breadcrumb ul {
align-items:flex-start;
display:flex;
flex-wrap:wrap;
justify-content:flex-start
}
.breadcrumb .icon:first-child {
margin-right:.5em
}
.breadcrumb .icon:last-child {
margin-left:.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:.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;
border-radius:.25rem;
box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
color:#4a4a4a;
max-width:100%;
position:relative
}
.card-content:first-child,
.card-footer:first-child,
.card-header:first-child {
border-top-left-radius:.25rem;
border-top-right-radius:.25rem
}
.card-content:last-child,
.card-footer:last-child,
.card-header:last-child {
border-bottom-left-radius:.25rem;
border-bottom-right-radius:.25rem
}
.card-header {
background-color:transparent;
align-items:stretch;
box-shadow:0 .125em .25em rgba(10,10,10,.1);
display:flex
}
.card-header-title {
align-items:center;
color:#363636;
display:flex;
flex-grow:1;
font-weight:700;
padding:.75rem 1rem
}
.card-header-title.is-centered {
justify-content:center
}
.card-header-icon {
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
background:0 0;
border:none;
color:currentColor;
font-family:inherit;
font-size:1em;
margin:0;
padding:0;
align-items:center;
cursor:pointer;
display:flex;
justify-content:center;
padding:.75rem 1rem
}
.card-image {
display:block;
position:relative
}
.card-image:first-child img {
border-top-left-radius:.25rem;
border-top-right-radius:.25rem
}
.card-image:last-child img {
border-bottom-left-radius:.25rem;
border-bottom-right-radius:.25rem
}
.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:.75rem
}
.card-footer-item:not(:last-child) {
border-right:1px solid #ededed
}
.card .media:not(:last-child) {
margin-bottom:1.5rem
}
.dropdown {
display:inline-flex;
position:relative;
vertical-align:top
}
.dropdown.is-active .dropdown-menu,
.dropdown.is-hoverable:hover .dropdown-menu {
display:block
}
.dropdown.is-right .dropdown-menu {
left:auto;
right:0
}
.dropdown.is-up .dropdown-menu {
bottom:100%;
padding-bottom:4px;
padding-top:initial;
top:auto
}
.dropdown-menu {
display:none;
left:0;
min-width:12rem;
padding-top:4px;
position:absolute;
top:100%;
z-index:20
}
.dropdown-content {
background-color:#fff;
border-radius:.375em;
box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
padding-bottom:.5rem;
padding-top:.5rem
}
.dropdown-item {
color:#4a4a4a;
display:block;
font-size:.875rem;
line-height:1.5;
padding:.375rem 1rem;
position:relative
}
a.dropdown-item,
button.dropdown-item {
padding-right:3rem;
text-align:inherit;
white-space:nowrap;
width:100%
}
a.dropdown-item:hover,
button.dropdown-item:hover {
background-color:#f5f5f5;
color:#0a0a0a
}
a.dropdown-item.is-active,
button.dropdown-item.is-active {
background-color:#485fc7;
color:#fff
}
.dropdown-divider {
background-color:#ededed;
border:none;
display:block;
height:1px;
margin:.5rem 0
}
.level {
align-items:center;
justify-content:space-between
}
.level code {
border-radius:.375em
}
.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:.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 .subtitle,
.level-item .title {
margin-bottom:0
}
@media screen and (max-width:768px) {
.level-item:not(:last-child) {
margin-bottom:.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:.75rem
}
}
.level-left {
align-items:center;
justify-content:flex-start
}
@media screen and (max-width:768px) {
.level-left+.level-right {
margin-top:1.5rem
}
}
@media screen and (min-width:769px),print {
.level-left {
display:flex
}
}
.level-right {
align-items:center;
justify-content:flex-end
}
@media screen and (min-width:769px),print {
.level-right {
display:flex
}
}
.media {
align-items:flex-start;
display:flex;
text-align:inherit
}
.media .content:not(:last-child) {
margin-bottom:.75rem
}
.media .media {
border-top:1px solid rgba(219,219,219,.5);
display:flex;
padding-top:.75rem
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
margin-bottom:.5rem
}
.media .media .media {
padding-top:.5rem
}
.media .media .media+.media {
margin-top:.5rem
}
.media+.media {
border-top:1px solid rgba(219,219,219,.5);
margin-top:1rem;
padding-top:1rem
}
.media.is-large+.media {
margin-top:1.5rem;
padding-top:1.5rem
}
.media-left,
.media-right {
flex-basis:auto;
flex-grow:0;
flex-shrink:0
}
.media-left {
margin-right:1rem
}
.media-right {
margin-left:1rem
}
.media-content {
flex-basis:auto;
flex-grow:1;
flex-shrink:1;
text-align:inherit
}
@media screen and (max-width:768px) {
.media-content {
overflow-x:auto
}
}
.menu {
font-size:1rem
}
.menu.is-small {
font-size:.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:.5em .75em
}
.menu-list a:hover {
background-color:#f5f5f5;
color:#363636
}
.menu-list a.is-active {
background-color:#485fc7;
color:#fff
}
.menu-list li ul {
border-left:1px solid #dbdbdb;
margin:.75em;
padding-left:.75em
}
.menu-label {
color:#7a7a7a;
font-size:.75em;
letter-spacing:.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:.375em;
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:.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,.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:#ebfffc
}
.message.is-primary .message-header {
background-color:#00d1b2;
color:#fff
}
.message.is-primary .message-body {
border-color:#00d1b2;
color:#00947e
}
.message.is-link {
background-color:#eff1fa
}
.message.is-link .message-header {
background-color:#485fc7;
color:#fff
}
.message.is-link .message-body {
border-color:#485fc7;
color:#3850b7
}
.message.is-info {
background-color:#eff5fb
}
.message.is-info .message-header {
background-color:#3e8ed0;
color:#fff
}
.message.is-info .message-body {
border-color:#3e8ed0;
color:#296fa8
}
.message.is-success {
background-color:#effaf5
}
.message.is-success .message-header {
background-color:#48c78e;
color:#fff
}
.message.is-success .message-body {
border-color:#48c78e;
color:#257953
}
.message.is-warning {
background-color:#fffaeb
}
.message.is-warning .message-header {
background-color:#ffe08a;
color:rgba(0,0,0,.7)
}
.message.is-warning .message-body {
border-color:#ffe08a;
color:#946c00
}
.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-expo {
background-color:#fffaeb
}
.message.is-expo .message-header {
background-color:#ffd257;
color:#fff
}
.message.is-expo .message-body {
border-color:#ffd257;
color:#946c00
}
.message.is-love {
background-color:#feecf0
}
.message.is-love .message-header {
background-color:#f14668;
color:#fff
}
.message.is-love .message-body {
border-color:#f14668;
color:#cc0f35
}
.message.is-patreon {
background-color:#feeeeb
}
.message.is-patreon .message-header {
background-color:#f96854;
color:#fff
}
.message.is-patreon .message-body {
border-color:#f96854;
color:#c01d07
}
.message.is-rss {
background-color:#fef2ec
}
.message.is-rss .message-header {
background-color:#f26522;
color:#fff
}
.message.is-rss .message-body {
border-color:#f26522;
color:#c1460b
}
.message.is-bleeding {
background-color:#f3fdec
}
.message.is-bleeding .message-header {
background-color:#abf47c;
color:rgba(0,0,0,.7)
}
.message.is-bleeding .message-body {
border-color:#abf47c;
color:#3c880b
}
.message.is-sass {
background-color:#faf0f5
}
.message.is-sass .message-header {
background-color:#bf4080;
color:#fff
}
.message.is-sass .message-body {
border-color:#bf4080;
color:#b03b76
}
.message.is-amazon {
background-color:#fffaeb
}
.message.is-amazon .message-header {
background-color:#ffd863;
color:rgba(0,0,0,.7)
}
.message.is-amazon .message-body {
border-color:#ffd863;
color:#946f00
}
.message.is-sponsor {
background-color:#fdedf6
}
.message.is-sponsor .message-header {
background-color:#ea4aaa;
color:#fff
}
.message.is-sponsor .message-body {
border-color:#ea4aaa;
color:#c0167c
}
.message.is-twitter {
background-color:#ecf6fd
}
.message.is-twitter .message-header {
background-color:#55acee;
color:#fff
}
.message.is-twitter .message-body {
border-color:#55acee;
color:#10609e
}
.message.is-videos {
background-color:#effaf5
}
.message.is-videos .message-header {
background-color:#48c78e;
color:#fff
}
.message.is-videos .message-body {
border-color:#48c78e;
color:#257953
}
.message.is-extensions {
background-color:#eff5fb
}
.message.is-extensions .message-header {
background-color:#3e8ed0;
color:#fff
}
.message.is-extensions .message-body {
border-color:#3e8ed0;
color:#296fa8
}
.message.is-bootstrap {
background-color:#f4f2f8
}
.message.is-bootstrap .message-header {
background-color:#6f5499;
color:#fff
}
.message.is-bootstrap .message-body {
border-color:#6f5499;
color:#73579e
}
.message-header {
align-items:center;
background-color:#4a4a4a;
border-radius:.375em .375em 0 0;
color:#fff;
display:flex;
font-weight:700;
justify-content:space-between;
line-height:1.25;
padding:.75em 1em;
position:relative
}
.message-header .delete {
flex-grow:0;
flex-shrink:0;
margin-left:.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:.375em;
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,.86)
}
.modal-card,
.modal-content {
margin:0 20px;
max-height:calc(100vh - 160px);
overflow:auto;
position:relative;
width:100%
}
@media screen and (min-width:769px) {
.modal-card,
.modal-content {
margin:0 auto;
max-height:calc(100vh - 40px);
width:640px
}
}
.modal-close {
background:0 0;
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-foot,
.modal-card-head {
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:.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-link,
.navbar.is-white .navbar-brand>.navbar-item {
color:#0a0a0a
}
.navbar.is-white .navbar-brand .navbar-link.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand>a.navbar-item.is-active,
.navbar.is-white .navbar-brand>a.navbar-item:focus,
.navbar.is-white .navbar-brand>a.navbar-item:hover {
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:769px) {
.navbar.is-white .navbar-end .navbar-link,
.navbar.is-white .navbar-end>.navbar-item,
.navbar.is-white .navbar-start .navbar-link,
.navbar.is-white .navbar-start>.navbar-item {
color:#0a0a0a
}
.navbar.is-white .navbar-end .navbar-link.is-active,
.navbar.is-white .navbar-end .navbar-link:focus,
.navbar.is-white .navbar-end .navbar-link:hover,
.navbar.is-white .navbar-end>a.navbar-item.is-active,
.navbar.is-white .navbar-end>a.navbar-item:focus,
.navbar.is-white .navbar-end>a.navbar-item:hover,
.navbar.is-white .navbar-start .navbar-link.is-active,
.navbar.is-white .navbar-start .navbar-link:focus,
.navbar.is-white .navbar-start .navbar-link:hover,
.navbar.is-white .navbar-start>a.navbar-item.is-active,
.navbar.is-white .navbar-start>a.navbar-item:focus,
.navbar.is-white .navbar-start>a.navbar-item:hover {
background-color:#f2f2f2;
color:#0a0a0a
}
.navbar.is-white .navbar-end .navbar-link::after,
.navbar.is-white .navbar-start .navbar-link::after {
border-color:#0a0a0a
}
.navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-white .navbar-item.has-dropdown:hover .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-link,
.navbar.is-black .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-black .navbar-brand .navbar-link.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand>a.navbar-item.is-active,
.navbar.is-black .navbar-brand>a.navbar-item:focus,
.navbar.is-black .navbar-brand>a.navbar-item:hover {
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:769px) {
.navbar.is-black .navbar-end .navbar-link,
.navbar.is-black .navbar-end>.navbar-item,
.navbar.is-black .navbar-start .navbar-link,
.navbar.is-black .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-black .navbar-end .navbar-link.is-active,
.navbar.is-black .navbar-end .navbar-link:focus,
.navbar.is-black .navbar-end .navbar-link:hover,
.navbar.is-black .navbar-end>a.navbar-item.is-active,
.navbar.is-black .navbar-end>a.navbar-item:focus,
.navbar.is-black .navbar-end>a.navbar-item:hover,
.navbar.is-black .navbar-start .navbar-link.is-active,
.navbar.is-black .navbar-start .navbar-link:focus,
.navbar.is-black .navbar-start .navbar-link:hover,
.navbar.is-black .navbar-start>a.navbar-item.is-active,
.navbar.is-black .navbar-start>a.navbar-item:focus,
.navbar.is-black .navbar-start>a.navbar-item:hover {
background-color:#000;
color:#fff
}
.navbar.is-black .navbar-end .navbar-link::after,
.navbar.is-black .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-black .navbar-item.has-dropdown:hover .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,.7)
}
.navbar.is-light .navbar-brand .navbar-link,
.navbar.is-light .navbar-brand>.navbar-item {
color:rgba(0,0,0,.7)
}
.navbar.is-light .navbar-brand .navbar-link.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand>a.navbar-item.is-active,
.navbar.is-light .navbar-brand>a.navbar-item:focus,
.navbar.is-light .navbar-brand>a.navbar-item:hover {
background-color:#e8e8e8;
color:rgba(0,0,0,.7)
}
.navbar.is-light .navbar-brand .navbar-link::after {
border-color:rgba(0,0,0,.7)
}
.navbar.is-light .navbar-burger {
color:rgba(0,0,0,.7)
}
@media screen and (min-width:769px) {
.navbar.is-light .navbar-end .navbar-link,
.navbar.is-light .navbar-end>.navbar-item,
.navbar.is-light .navbar-start .navbar-link,
.navbar.is-light .navbar-start>.navbar-item {
color:rgba(0,0,0,.7)
}
.navbar.is-light .navbar-end .navbar-link.is-active,
.navbar.is-light .navbar-end .navbar-link:focus,
.navbar.is-light .navbar-end .navbar-link:hover,
.navbar.is-light .navbar-end>a.navbar-item.is-active,
.navbar.is-light .navbar-end>a.navbar-item:focus,
.navbar.is-light .navbar-end>a.navbar-item:hover,
.navbar.is-light .navbar-start .navbar-link.is-active,
.navbar.is-light .navbar-start .navbar-link:focus,
.navbar.is-light .navbar-start .navbar-link:hover,
.navbar.is-light .navbar-start>a.navbar-item.is-active,
.navbar.is-light .navbar-start>a.navbar-item:focus,
.navbar.is-light .navbar-start>a.navbar-item:hover {
background-color:#e8e8e8;
color:rgba(0,0,0,.7)
}
.navbar.is-light .navbar-end .navbar-link::after,
.navbar.is-light .navbar-start .navbar-link::after {
border-color:rgba(0,0,0,.7)
}
.navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-light .navbar-item.has-dropdown:hover .navbar-link {
background-color:#e8e8e8;
color:rgba(0,0,0,.7)
}
.navbar.is-light .navbar-dropdown a.navbar-item.is-active {
background-color:#f5f5f5;
color:rgba(0,0,0,.7)
}
}
.navbar.is-dark {
background-color:#363636;
color:#fff
}
.navbar.is-dark .navbar-brand .navbar-link,
.navbar.is-dark .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-dark .navbar-brand .navbar-link.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand>a.navbar-item.is-active,
.navbar.is-dark .navbar-brand>a.navbar-item:focus,
.navbar.is-dark .navbar-brand>a.navbar-item:hover {
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:769px) {
.navbar.is-dark .navbar-end .navbar-link,
.navbar.is-dark .navbar-end>.navbar-item,
.navbar.is-dark .navbar-start .navbar-link,
.navbar.is-dark .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-dark .navbar-end .navbar-link.is-active,
.navbar.is-dark .navbar-end .navbar-link:focus,
.navbar.is-dark .navbar-end .navbar-link:hover,
.navbar.is-dark .navbar-end>a.navbar-item.is-active,
.navbar.is-dark .navbar-end>a.navbar-item:focus,
.navbar.is-dark .navbar-end>a.navbar-item:hover,
.navbar.is-dark .navbar-start .navbar-link.is-active,
.navbar.is-dark .navbar-start .navbar-link:focus,
.navbar.is-dark .navbar-start .navbar-link:hover,
.navbar.is-dark .navbar-start>a.navbar-item.is-active,
.navbar.is-dark .navbar-start>a.navbar-item:focus,
.navbar.is-dark .navbar-start>a.navbar-item:hover {
background-color:#292929;
color:#fff
}
.navbar.is-dark .navbar-end .navbar-link::after,
.navbar.is-dark .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link {
background-color:#292929;
color:#fff
}
.navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
background-color:#363636;
color:#fff
}
}
.navbar.is-primary {
background-color:#00d1b2;
color:#fff
}
.navbar.is-primary .navbar-brand .navbar-link,
.navbar.is-primary .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-primary .navbar-brand .navbar-link.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand>a.navbar-item.is-active,
.navbar.is-primary .navbar-brand>a.navbar-item:focus,
.navbar.is-primary .navbar-brand>a.navbar-item:hover {
background-color:#00b89c;
color:#fff
}
.navbar.is-primary .navbar-brand .navbar-link::after {
border-color:#fff
}
.navbar.is-primary .navbar-burger {
color:#fff
}
@media screen and (min-width:769px) {
.navbar.is-primary .navbar-end .navbar-link,
.navbar.is-primary .navbar-end>.navbar-item,
.navbar.is-primary .navbar-start .navbar-link,
.navbar.is-primary .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-primary .navbar-end .navbar-link.is-active,
.navbar.is-primary .navbar-end .navbar-link:focus,
.navbar.is-primary .navbar-end .navbar-link:hover,
.navbar.is-primary .navbar-end>a.navbar-item.is-active,
.navbar.is-primary .navbar-end>a.navbar-item:focus,
.navbar.is-primary .navbar-end>a.navbar-item:hover,
.navbar.is-primary .navbar-start .navbar-link.is-active,
.navbar.is-primary .navbar-start .navbar-link:focus,
.navbar.is-primary .navbar-start .navbar-link:hover,
.navbar.is-primary .navbar-start>a.navbar-item.is-active,
.navbar.is-primary .navbar-start>a.navbar-item:focus,
.navbar.is-primary .navbar-start>a.navbar-item:hover {
background-color:#00b89c;
color:#fff
}
.navbar.is-primary .navbar-end .navbar-link::after,
.navbar.is-primary .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link {
background-color:#00b89c;
color:#fff
}
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
background-color:#00d1b2;
color:#fff
}
}
.navbar.is-link {
background-color:#485fc7;
color:#fff
}
.navbar.is-link .navbar-brand .navbar-link,
.navbar.is-link .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-link .navbar-brand .navbar-link.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand>a.navbar-item.is-active,
.navbar.is-link .navbar-brand>a.navbar-item:focus,
.navbar.is-link .navbar-brand>a.navbar-item:hover {
background-color:#3a51bb;
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:769px) {
.navbar.is-link .navbar-end .navbar-link,
.navbar.is-link .navbar-end>.navbar-item,
.navbar.is-link .navbar-start .navbar-link,
.navbar.is-link .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-link .navbar-end .navbar-link.is-active,
.navbar.is-link .navbar-end .navbar-link:focus,
.navbar.is-link .navbar-end .navbar-link:hover,
.navbar.is-link .navbar-end>a.navbar-item.is-active,
.navbar.is-link .navbar-end>a.navbar-item:focus,
.navbar.is-link .navbar-end>a.navbar-item:hover,
.navbar.is-link .navbar-start .navbar-link.is-active,
.navbar.is-link .navbar-start .navbar-link:focus,
.navbar.is-link .navbar-start .navbar-link:hover,
.navbar.is-link .navbar-start>a.navbar-item.is-active,
.navbar.is-link .navbar-start>a.navbar-item:focus,
.navbar.is-link .navbar-start>a.navbar-item:hover {
background-color:#3a51bb;
color:#fff
}
.navbar.is-link .navbar-end .navbar-link::after,
.navbar.is-link .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-link .navbar-item.has-dropdown:hover .navbar-link {
background-color:#3a51bb;
color:#fff
}
.navbar.is-link .navbar-dropdown a.navbar-item.is-active {
background-color:#485fc7;
color:#fff
}
}
.navbar.is-info {
background-color:#3e8ed0;
color:#fff
}
.navbar.is-info .navbar-brand .navbar-link,
.navbar.is-info .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-info .navbar-brand .navbar-link.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand>a.navbar-item.is-active,
.navbar.is-info .navbar-brand>a.navbar-item:focus,
.navbar.is-info .navbar-brand>a.navbar-item:hover {
background-color:#3082c5;
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:769px) {
.navbar.is-info .navbar-end .navbar-link,
.navbar.is-info .navbar-end>.navbar-item,
.navbar.is-info .navbar-start .navbar-link,
.navbar.is-info .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-info .navbar-end .navbar-link.is-active,
.navbar.is-info .navbar-end .navbar-link:focus,
.navbar.is-info .navbar-end .navbar-link:hover,
.navbar.is-info .navbar-end>a.navbar-item.is-active,
.navbar.is-info .navbar-end>a.navbar-item:focus,
.navbar.is-info .navbar-end>a.navbar-item:hover,
.navbar.is-info .navbar-start .navbar-link.is-active,
.navbar.is-info .navbar-start .navbar-link:focus,
.navbar.is-info .navbar-start .navbar-link:hover,
.navbar.is-info .navbar-start>a.navbar-item.is-active,
.navbar.is-info .navbar-start>a.navbar-item:focus,
.navbar.is-info .navbar-start>a.navbar-item:hover {
background-color:#3082c5;
color:#fff
}
.navbar.is-info .navbar-end .navbar-link::after,
.navbar.is-info .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-info .navbar-item.has-dropdown:hover .navbar-link {
background-color:#3082c5;
color:#fff
}
.navbar.is-info .navbar-dropdown a.navbar-item.is-active {
background-color:#3e8ed0;
color:#fff
}
}
.navbar.is-success {
background-color:#48c78e;
color:#fff
}
.navbar.is-success .navbar-brand .navbar-link,
.navbar.is-success .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-success .navbar-brand .navbar-link.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand>a.navbar-item.is-active,
.navbar.is-success .navbar-brand>a.navbar-item:focus,
.navbar.is-success .navbar-brand>a.navbar-item:hover {
background-color:#3abb81;
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:769px) {
.navbar.is-success .navbar-end .navbar-link,
.navbar.is-success .navbar-end>.navbar-item,
.navbar.is-success .navbar-start .navbar-link,
.navbar.is-success .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-success .navbar-end .navbar-link.is-active,
.navbar.is-success .navbar-end .navbar-link:focus,
.navbar.is-success .navbar-end .navbar-link:hover,
.navbar.is-success .navbar-end>a.navbar-item.is-active,
.navbar.is-success .navbar-end>a.navbar-item:focus,
.navbar.is-success .navbar-end>a.navbar-item:hover,
.navbar.is-success .navbar-start .navbar-link.is-active,
.navbar.is-success .navbar-start .navbar-link:focus,
.navbar.is-success .navbar-start .navbar-link:hover,
.navbar.is-success .navbar-start>a.navbar-item.is-active,
.navbar.is-success .navbar-start>a.navbar-item:focus,
.navbar.is-success .navbar-start>a.navbar-item:hover {
background-color:#3abb81;
color:#fff
}
.navbar.is-success .navbar-end .navbar-link::after,
.navbar.is-success .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-success .navbar-item.has-dropdown:hover .navbar-link {
background-color:#3abb81;
color:#fff
}
.navbar.is-success .navbar-dropdown a.navbar-item.is-active {
background-color:#48c78e;
color:#fff
}
}
.navbar.is-warning {
background-color:#ffe08a;
color:rgba(0,0,0,.7)
}
.navbar.is-warning .navbar-brand .navbar-link,
.navbar.is-warning .navbar-brand>.navbar-item {
color:rgba(0,0,0,.7)
}
.navbar.is-warning .navbar-brand .navbar-link.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand>a.navbar-item.is-active,
.navbar.is-warning .navbar-brand>a.navbar-item:focus,
.navbar.is-warning .navbar-brand>a.navbar-item:hover {
background-color:#ffd970;
color:rgba(0,0,0,.7)
}
.navbar.is-warning .navbar-brand .navbar-link::after {
border-color:rgba(0,0,0,.7)
}
.navbar.is-warning .navbar-burger {
color:rgba(0,0,0,.7)
}
@media screen and (min-width:769px) {
.navbar.is-warning .navbar-end .navbar-link,
.navbar.is-warning .navbar-end>.navbar-item,
.navbar.is-warning .navbar-start .navbar-link,
.navbar.is-warning .navbar-start>.navbar-item {
color:rgba(0,0,0,.7)
}
.navbar.is-warning .navbar-end .navbar-link.is-active,
.navbar.is-warning .navbar-end .navbar-link:focus,
.navbar.is-warning .navbar-end .navbar-link:hover,
.navbar.is-warning .navbar-end>a.navbar-item.is-active,
.navbar.is-warning .navbar-end>a.navbar-item:focus,
.navbar.is-warning .navbar-end>a.navbar-item:hover,
.navbar.is-warning .navbar-start .navbar-link.is-active,
.navbar.is-warning .navbar-start .navbar-link:focus,
.navbar.is-warning .navbar-start .navbar-link:hover,
.navbar.is-warning .navbar-start>a.navbar-item.is-active,
.navbar.is-warning .navbar-start>a.navbar-item:focus,
.navbar.is-warning .navbar-start>a.navbar-item:hover {
background-color:#ffd970;
color:rgba(0,0,0,.7)
}
.navbar.is-warning .navbar-end .navbar-link::after,
.navbar.is-warning .navbar-start .navbar-link::after {
border-color:rgba(0,0,0,.7)
}
.navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link {
background-color:#ffd970;
color:rgba(0,0,0,.7)
}
.navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
background-color:#ffe08a;
color:rgba(0,0,0,.7)
}
}
.navbar.is-danger {
background-color:#f14668;
color:#fff
}
.navbar.is-danger .navbar-brand .navbar-link,
.navbar.is-danger .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-danger .navbar-brand .navbar-link.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand>a.navbar-item.is-active,
.navbar.is-danger .navbar-brand>a.navbar-item:focus,
.navbar.is-danger .navbar-brand>a.navbar-item:hover {
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:769px) {
.navbar.is-danger .navbar-end .navbar-link,
.navbar.is-danger .navbar-end>.navbar-item,
.navbar.is-danger .navbar-start .navbar-link,
.navbar.is-danger .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-danger .navbar-end .navbar-link.is-active,
.navbar.is-danger .navbar-end .navbar-link:focus,
.navbar.is-danger .navbar-end .navbar-link:hover,
.navbar.is-danger .navbar-end>a.navbar-item.is-active,
.navbar.is-danger .navbar-end>a.navbar-item:focus,
.navbar.is-danger .navbar-end>a.navbar-item:hover,
.navbar.is-danger .navbar-start .navbar-link.is-active,
.navbar.is-danger .navbar-start .navbar-link:focus,
.navbar.is-danger .navbar-start .navbar-link:hover,
.navbar.is-danger .navbar-start>a.navbar-item.is-active,
.navbar.is-danger .navbar-start>a.navbar-item:focus,
.navbar.is-danger .navbar-start>a.navbar-item:hover {
background-color:#ef2e55;
color:#fff
}
.navbar.is-danger .navbar-end .navbar-link::after,
.navbar.is-danger .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link {
background-color:#ef2e55;
color:#fff
}
.navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
background-color:#f14668;
color:#fff
}
}
.navbar.is-expo {
background-color:#ffd257;
color:#fff
}
.navbar.is-expo .navbar-brand .navbar-link,
.navbar.is-expo .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-expo .navbar-brand .navbar-link.is-active,
.navbar.is-expo .navbar-brand .navbar-link:focus,
.navbar.is-expo .navbar-brand .navbar-link:hover,
.navbar.is-expo .navbar-brand>a.navbar-item.is-active,
.navbar.is-expo .navbar-brand>a.navbar-item:focus,
.navbar.is-expo .navbar-brand>a.navbar-item:hover {
background-color:#ffcb3e;
color:#fff
}
.navbar.is-expo .navbar-brand .navbar-link::after {
border-color:#fff
}
.navbar.is-expo .navbar-burger {
color:#fff
}
@media screen and (min-width:769px) {
.navbar.is-expo .navbar-end .navbar-link,
.navbar.is-expo .navbar-end>.navbar-item,
.navbar.is-expo .navbar-start .navbar-link,
.navbar.is-expo .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-expo .navbar-end .navbar-link.is-active,
.navbar.is-expo .navbar-end .navbar-link:focus,
.navbar.is-expo .navbar-end .navbar-link:hover,
.navbar.is-expo .navbar-end>a.navbar-item.is-active,
.navbar.is-expo .navbar-end>a.navbar-item:focus,
.navbar.is-expo .navbar-end>a.navbar-item:hover,
.navbar.is-expo .navbar-start .navbar-link.is-active,
.navbar.is-expo .navbar-start .navbar-link:focus,
.navbar.is-expo .navbar-start .navbar-link:hover,
.navbar.is-expo .navbar-start>a.navbar-item.is-active,
.navbar.is-expo .navbar-start>a.navbar-item:focus,
.navbar.is-expo .navbar-start>a.navbar-item:hover {
background-color:#ffcb3e;
color:#fff
}
.navbar.is-expo .navbar-end .navbar-link::after,
.navbar.is-expo .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-expo .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-expo .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-expo .navbar-item.has-dropdown:hover .navbar-link {
background-color:#ffcb3e;
color:#fff
}
.navbar.is-expo .navbar-dropdown a.navbar-item.is-active {
background-color:#ffd257;
color:#fff
}
}
.navbar.is-love {
background-color:#f14668;
color:#fff
}
.navbar.is-love .navbar-brand .navbar-link,
.navbar.is-love .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-love .navbar-brand .navbar-link.is-active,
.navbar.is-love .navbar-brand .navbar-link:focus,
.navbar.is-love .navbar-brand .navbar-link:hover,
.navbar.is-love .navbar-brand>a.navbar-item.is-active,
.navbar.is-love .navbar-brand>a.navbar-item:focus,
.navbar.is-love .navbar-brand>a.navbar-item:hover {
background-color:#ef2e55;
color:#fff
}
.navbar.is-love .navbar-brand .navbar-link::after {
border-color:#fff
}
.navbar.is-love .navbar-burger {
color:#fff
}
@media screen and (min-width:769px) {
.navbar.is-love .navbar-end .navbar-link,
.navbar.is-love .navbar-end>.navbar-item,
.navbar.is-love .navbar-start .navbar-link,
.navbar.is-love .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-love .navbar-end .navbar-link.is-active,
.navbar.is-love .navbar-end .navbar-link:focus,
.navbar.is-love .navbar-end .navbar-link:hover,
.navbar.is-love .navbar-end>a.navbar-item.is-active,
.navbar.is-love .navbar-end>a.navbar-item:focus,
.navbar.is-love .navbar-end>a.navbar-item:hover,
.navbar.is-love .navbar-start .navbar-link.is-active,
.navbar.is-love .navbar-start .navbar-link:focus,
.navbar.is-love .navbar-start .navbar-link:hover,
.navbar.is-love .navbar-start>a.navbar-item.is-active,
.navbar.is-love .navbar-start>a.navbar-item:focus,
.navbar.is-love .navbar-start>a.navbar-item:hover {
background-color:#ef2e55;
color:#fff
}
.navbar.is-love .navbar-end .navbar-link::after,
.navbar.is-love .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-love .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-love .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-love .navbar-item.has-dropdown:hover .navbar-link {
background-color:#ef2e55;
color:#fff
}
.navbar.is-love .navbar-dropdown a.navbar-item.is-active {
background-color:#f14668;
color:#fff
}
}
.navbar.is-patreon {
background-color:#f96854;
color:#fff
}
.navbar.is-patreon .navbar-brand .navbar-link,
.navbar.is-patreon .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-patreon .navbar-brand .navbar-link.is-active,
.navbar.is-patreon .navbar-brand .navbar-link:focus,
.navbar.is-patreon .navbar-brand .navbar-link:hover,
.navbar.is-patreon .navbar-brand>a.navbar-item.is-active,
.navbar.is-patreon .navbar-brand>a.navbar-item:focus,
.navbar.is-patreon .navbar-brand>a.navbar-item:hover {
background-color:#f8523b;
color:#fff
}
.navbar.is-patreon .navbar-brand .navbar-link::after {
border-color:#fff
}
.navbar.is-patreon .navbar-burger {
color:#fff
}
@media screen and (min-width:769px) {
.navbar.is-patreon .navbar-end .navbar-link,
.navbar.is-patreon .navbar-end>.navbar-item,
.navbar.is-patreon .navbar-start .navbar-link,
.navbar.is-patreon .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-patreon .navbar-end .navbar-link.is-active,
.navbar.is-patreon .navbar-end .navbar-link:focus,
.navbar.is-patreon .navbar-end .navbar-link:hover,
.navbar.is-patreon .navbar-end>a.navbar-item.is-active,
.navbar.is-patreon .navbar-end>a.navbar-item:focus,
.navbar.is-patreon .navbar-end>a.navbar-item:hover,
.navbar.is-patreon .navbar-start .navbar-link.is-active,
.navbar.is-patreon .navbar-start .navbar-link:focus,
.navbar.is-patreon .navbar-start .navbar-link:hover,
.navbar.is-patreon .navbar-start>a.navbar-item.is-active,
.navbar.is-patreon .navbar-start>a.navbar-item:focus,
.navbar.is-patreon .navbar-start>a.navbar-item:hover {
background-color:#f8523b;
color:#fff
}
.navbar.is-patreon .navbar-end .navbar-link::after,
.navbar.is-patreon .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-patreon .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-patreon .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-patreon .navbar-item.has-dropdown:hover .navbar-link {
background-color:#f8523b;
color:#fff
}
.navbar.is-patreon .navbar-dropdown a.navbar-item.is-active {
background-color:#f96854;
color:#fff
}
}
.navbar.is-rss {
background-color:#f26522;
color:#fff
}
.navbar.is-rss .navbar-brand .navbar-link,
.navbar.is-rss .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-rss .navbar-brand .navbar-link.is-active,
.navbar.is-rss .navbar-brand .navbar-link:focus,
.navbar.is-rss .navbar-brand .navbar-link:hover,
.navbar.is-rss .navbar-brand>a.navbar-item.is-active,
.navbar.is-rss .navbar-brand>a.navbar-item:focus,
.navbar.is-rss .navbar-brand>a.navbar-item:hover {
background-color:#ed560e;
color:#fff
}
.navbar.is-rss .navbar-brand .navbar-link::after {
border-color:#fff
}
.navbar.is-rss .navbar-burger {
color:#fff
}
@media screen and (min-width:769px) {
.navbar.is-rss .navbar-end .navbar-link,
.navbar.is-rss .navbar-end>.navbar-item,
.navbar.is-rss .navbar-start .navbar-link,
.navbar.is-rss .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-rss .navbar-end .navbar-link.is-active,
.navbar.is-rss .navbar-end .navbar-link:focus,
.navbar.is-rss .navbar-end .navbar-link:hover,
.navbar.is-rss .navbar-end>a.navbar-item.is-active,
.navbar.is-rss .navbar-end>a.navbar-item:focus,
.navbar.is-rss .navbar-end>a.navbar-item:hover,
.navbar.is-rss .navbar-start .navbar-link.is-active,
.navbar.is-rss .navbar-start .navbar-link:focus,
.navbar.is-rss .navbar-start .navbar-link:hover,
.navbar.is-rss .navbar-start>a.navbar-item.is-active,
.navbar.is-rss .navbar-start>a.navbar-item:focus,
.navbar.is-rss .navbar-start>a.navbar-item:hover {
background-color:#ed560e;
color:#fff
}
.navbar.is-rss .navbar-end .navbar-link::after,
.navbar.is-rss .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-rss .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-rss .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-rss .navbar-item.has-dropdown:hover .navbar-link {
background-color:#ed560e;
color:#fff
}
.navbar.is-rss .navbar-dropdown a.navbar-item.is-active {
background-color:#f26522;
color:#fff
}
}
.navbar.is-bleeding {
background-color:#abf47c;
color:rgba(0,0,0,.7)
}
.navbar.is-bleeding .navbar-brand .navbar-link,
.navbar.is-bleeding .navbar-brand>.navbar-item {
color:rgba(0,0,0,.7)
}
.navbar.is-bleeding .navbar-brand .navbar-link.is-active,
.navbar.is-bleeding .navbar-brand .navbar-link:focus,
.navbar.is-bleeding .navbar-brand .navbar-link:hover,
.navbar.is-bleeding .navbar-brand>a.navbar-item.is-active,
.navbar.is-bleeding .navbar-brand>a.navbar-item:focus,
.navbar.is-bleeding .navbar-brand>a.navbar-item:hover {
background-color:#9cf264;
color:rgba(0,0,0,.7)
}
.navbar.is-bleeding .navbar-brand .navbar-link::after {
border-color:rgba(0,0,0,.7)
}
.navbar.is-bleeding .navbar-burger {
color:rgba(0,0,0,.7)
}
@media screen and (min-width:769px) {
.navbar.is-bleeding .navbar-end .navbar-link,
.navbar.is-bleeding .navbar-end>.navbar-item,
.navbar.is-bleeding .navbar-start .navbar-link,
.navbar.is-bleeding .navbar-start>.navbar-item {
color:rgba(0,0,0,.7)
}
.navbar.is-bleeding .navbar-end .navbar-link.is-active,
.navbar.is-bleeding .navbar-end .navbar-link:focus,
.navbar.is-bleeding .navbar-end .navbar-link:hover,
.navbar.is-bleeding .navbar-end>a.navbar-item.is-active,
.navbar.is-bleeding .navbar-end>a.navbar-item:focus,
.navbar.is-bleeding .navbar-end>a.navbar-item:hover,
.navbar.is-bleeding .navbar-start .navbar-link.is-active,
.navbar.is-bleeding .navbar-start .navbar-link:focus,
.navbar.is-bleeding .navbar-start .navbar-link:hover,
.navbar.is-bleeding .navbar-start>a.navbar-item.is-active,
.navbar.is-bleeding .navbar-start>a.navbar-item:focus,
.navbar.is-bleeding .navbar-start>a.navbar-item:hover {
background-color:#9cf264;
color:rgba(0,0,0,.7)
}
.navbar.is-bleeding .navbar-end .navbar-link::after,
.navbar.is-bleeding .navbar-start .navbar-link::after {
border-color:rgba(0,0,0,.7)
}
.navbar.is-bleeding .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-bleeding .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-bleeding .navbar-item.has-dropdown:hover .navbar-link {
background-color:#9cf264;
color:rgba(0,0,0,.7)
}
.navbar.is-bleeding .navbar-dropdown a.navbar-item.is-active {
background-color:#abf47c;
color:rgba(0,0,0,.7)
}
}
.navbar.is-sass {
background-color:#bf4080;
color:#fff
}
.navbar.is-sass .navbar-brand .navbar-link,
.navbar.is-sass .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-sass .navbar-brand .navbar-link.is-active,
.navbar.is-sass .navbar-brand .navbar-link:focus,
.navbar.is-sass .navbar-brand .navbar-link:hover,
.navbar.is-sass .navbar-brand>a.navbar-item.is-active,
.navbar.is-sass .navbar-brand>a.navbar-item:focus,
.navbar.is-sass .navbar-brand>a.navbar-item:hover {
background-color:#ac3a73;
color:#fff
}
.navbar.is-sass .navbar-brand .navbar-link::after {
border-color:#fff
}
.navbar.is-sass .navbar-burger {
color:#fff
}
@media screen and (min-width:769px) {
.navbar.is-sass .navbar-end .navbar-link,
.navbar.is-sass .navbar-end>.navbar-item,
.navbar.is-sass .navbar-start .navbar-link,
.navbar.is-sass .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-sass .navbar-end .navbar-link.is-active,
.navbar.is-sass .navbar-end .navbar-link:focus,
.navbar.is-sass .navbar-end .navbar-link:hover,
.navbar.is-sass .navbar-end>a.navbar-item.is-active,
.navbar.is-sass .navbar-end>a.navbar-item:focus,
.navbar.is-sass .navbar-end>a.navbar-item:hover,
.navbar.is-sass .navbar-start .navbar-link.is-active,
.navbar.is-sass .navbar-start .navbar-link:focus,
.navbar.is-sass .navbar-start .navbar-link:hover,
.navbar.is-sass .navbar-start>a.navbar-item.is-active,
.navbar.is-sass .navbar-start>a.navbar-item:focus,
.navbar.is-sass .navbar-start>a.navbar-item:hover {
background-color:#ac3a73;
color:#fff
}
.navbar.is-sass .navbar-end .navbar-link::after,
.navbar.is-sass .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-sass .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-sass .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-sass .navbar-item.has-dropdown:hover .navbar-link {
background-color:#ac3a73;
color:#fff
}
.navbar.is-sass .navbar-dropdown a.navbar-item.is-active {
background-color:#bf4080;
color:#fff
}
}
.navbar.is-amazon {
background-color:#ffd863;
color:rgba(0,0,0,.7)
}
.navbar.is-amazon .navbar-brand .navbar-link,
.navbar.is-amazon .navbar-brand>.navbar-item {
color:rgba(0,0,0,.7)
}
.navbar.is-amazon .navbar-brand .navbar-link.is-active,
.navbar.is-amazon .navbar-brand .navbar-link:focus,
.navbar.is-amazon .navbar-brand .navbar-link:hover,
.navbar.is-amazon .navbar-brand>a.navbar-item.is-active,
.navbar.is-amazon .navbar-brand>a.navbar-item:focus,
.navbar.is-amazon .navbar-brand>a.navbar-item:hover {
background-color:#ffd24a;
color:rgba(0,0,0,.7)
}
.navbar.is-amazon .navbar-brand .navbar-link::after {
border-color:rgba(0,0,0,.7)
}
.navbar.is-amazon .navbar-burger {
color:rgba(0,0,0,.7)
}
@media screen and (min-width:769px) {
.navbar.is-amazon .navbar-end .navbar-link,
.navbar.is-amazon .navbar-end>.navbar-item,
.navbar.is-amazon .navbar-start .navbar-link,
.navbar.is-amazon .navbar-start>.navbar-item {
color:rgba(0,0,0,.7)
}
.navbar.is-amazon .navbar-end .navbar-link.is-active,
.navbar.is-amazon .navbar-end .navbar-link:focus,
.navbar.is-amazon .navbar-end .navbar-link:hover,
.navbar.is-amazon .navbar-end>a.navbar-item.is-active,
.navbar.is-amazon .navbar-end>a.navbar-item:focus,
.navbar.is-amazon .navbar-end>a.navbar-item:hover,
.navbar.is-amazon .navbar-start .navbar-link.is-active,
.navbar.is-amazon .navbar-start .navbar-link:focus,
.navbar.is-amazon .navbar-start .navbar-link:hover,
.navbar.is-amazon .navbar-start>a.navbar-item.is-active,
.navbar.is-amazon .navbar-start>a.navbar-item:focus,
.navbar.is-amazon .navbar-start>a.navbar-item:hover {
background-color:#ffd24a;
color:rgba(0,0,0,.7)
}
.navbar.is-amazon .navbar-end .navbar-link::after,
.navbar.is-amazon .navbar-start .navbar-link::after {
border-color:rgba(0,0,0,.7)
}
.navbar.is-amazon .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-amazon .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-amazon .navbar-item.has-dropdown:hover .navbar-link {
background-color:#ffd24a;
color:rgba(0,0,0,.7)
}
.navbar.is-amazon .navbar-dropdown a.navbar-item.is-active {
background-color:#ffd863;
color:rgba(0,0,0,.7)
}
}
.navbar.is-sponsor {
background-color:#ea4aaa;
color:#fff
}
.navbar.is-sponsor .navbar-brand .navbar-link,
.navbar.is-sponsor .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-sponsor .navbar-brand .navbar-link.is-active,
.navbar.is-sponsor .navbar-brand .navbar-link:focus,
.navbar.is-sponsor .navbar-brand .navbar-link:hover,
.navbar.is-sponsor .navbar-brand>a.navbar-item.is-active,
.navbar.is-sponsor .navbar-brand>a.navbar-item:focus,
.navbar.is-sponsor .navbar-brand>a.navbar-item:hover {
background-color:#e7339f;
color:#fff
}
.navbar.is-sponsor .navbar-brand .navbar-link::after {
border-color:#fff
}
.navbar.is-sponsor .navbar-burger {
color:#fff
}
@media screen and (min-width:769px) {
.navbar.is-sponsor .navbar-end .navbar-link,
.navbar.is-sponsor .navbar-end>.navbar-item,
.navbar.is-sponsor .navbar-start .navbar-link,
.navbar.is-sponsor .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-sponsor .navbar-end .navbar-link.is-active,
.navbar.is-sponsor .navbar-end .navbar-link:focus,
.navbar.is-sponsor .navbar-end .navbar-link:hover,
.navbar.is-sponsor .navbar-end>a.navbar-item.is-active,
.navbar.is-sponsor .navbar-end>a.navbar-item:focus,
.navbar.is-sponsor .navbar-end>a.navbar-item:hover,
.navbar.is-sponsor .navbar-start .navbar-link.is-active,
.navbar.is-sponsor .navbar-start .navbar-link:focus,
.navbar.is-sponsor .navbar-start .navbar-link:hover,
.navbar.is-sponsor .navbar-start>a.navbar-item.is-active,
.navbar.is-sponsor .navbar-start>a.navbar-item:focus,
.navbar.is-sponsor .navbar-start>a.navbar-item:hover {
background-color:#e7339f;
color:#fff
}
.navbar.is-sponsor .navbar-end .navbar-link::after,
.navbar.is-sponsor .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-sponsor .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-sponsor .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-sponsor .navbar-item.has-dropdown:hover .navbar-link {
background-color:#e7339f;
color:#fff
}
.navbar.is-sponsor .navbar-dropdown a.navbar-item.is-active {
background-color:#ea4aaa;
color:#fff
}
}
.navbar.is-twitter {
background-color:#55acee;
color:#fff
}
.navbar.is-twitter .navbar-brand .navbar-link,
.navbar.is-twitter .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-twitter .navbar-brand .navbar-link.is-active,
.navbar.is-twitter .navbar-brand .navbar-link:focus,
.navbar.is-twitter .navbar-brand .navbar-link:hover,
.navbar.is-twitter .navbar-brand>a.navbar-item.is-active,
.navbar.is-twitter .navbar-brand>a.navbar-item:focus,
.navbar.is-twitter .navbar-brand>a.navbar-item:hover {
background-color:#3ea1ec;
color:#fff
}
.navbar.is-twitter .navbar-brand .navbar-link::after {
border-color:#fff
}
.navbar.is-twitter .navbar-burger {
color:#fff
}
@media screen and (min-width:769px) {
.navbar.is-twitter .navbar-end .navbar-link,
.navbar.is-twitter .navbar-end>.navbar-item,
.navbar.is-twitter .navbar-start .navbar-link,
.navbar.is-twitter .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-twitter .navbar-end .navbar-link.is-active,
.navbar.is-twitter .navbar-end .navbar-link:focus,
.navbar.is-twitter .navbar-end .navbar-link:hover,
.navbar.is-twitter .navbar-end>a.navbar-item.is-active,
.navbar.is-twitter .navbar-end>a.navbar-item:focus,
.navbar.is-twitter .navbar-end>a.navbar-item:hover,
.navbar.is-twitter .navbar-start .navbar-link.is-active,
.navbar.is-twitter .navbar-start .navbar-link:focus,
.navbar.is-twitter .navbar-start .navbar-link:hover,
.navbar.is-twitter .navbar-start>a.navbar-item.is-active,
.navbar.is-twitter .navbar-start>a.navbar-item:focus,
.navbar.is-twitter .navbar-start>a.navbar-item:hover {
background-color:#3ea1ec;
color:#fff
}
.navbar.is-twitter .navbar-end .navbar-link::after,
.navbar.is-twitter .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-twitter .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-twitter .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-twitter .navbar-item.has-dropdown:hover .navbar-link {
background-color:#3ea1ec;
color:#fff
}
.navbar.is-twitter .navbar-dropdown a.navbar-item.is-active {
background-color:#55acee;
color:#fff
}
}
.navbar.is-videos {
background-color:#48c78e;
color:#fff
}
.navbar.is-videos .navbar-brand .navbar-link,
.navbar.is-videos .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-videos .navbar-brand .navbar-link.is-active,
.navbar.is-videos .navbar-brand .navbar-link:focus,
.navbar.is-videos .navbar-brand .navbar-link:hover,
.navbar.is-videos .navbar-brand>a.navbar-item.is-active,
.navbar.is-videos .navbar-brand>a.navbar-item:focus,
.navbar.is-videos .navbar-brand>a.navbar-item:hover {
background-color:#3abb81;
color:#fff
}
.navbar.is-videos .navbar-brand .navbar-link::after {
border-color:#fff
}
.navbar.is-videos .navbar-burger {
color:#fff
}
@media screen and (min-width:769px) {
.navbar.is-videos .navbar-end .navbar-link,
.navbar.is-videos .navbar-end>.navbar-item,
.navbar.is-videos .navbar-start .navbar-link,
.navbar.is-videos .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-videos .navbar-end .navbar-link.is-active,
.navbar.is-videos .navbar-end .navbar-link:focus,
.navbar.is-videos .navbar-end .navbar-link:hover,
.navbar.is-videos .navbar-end>a.navbar-item.is-active,
.navbar.is-videos .navbar-end>a.navbar-item:focus,
.navbar.is-videos .navbar-end>a.navbar-item:hover,
.navbar.is-videos .navbar-start .navbar-link.is-active,
.navbar.is-videos .navbar-start .navbar-link:focus,
.navbar.is-videos .navbar-start .navbar-link:hover,
.navbar.is-videos .navbar-start>a.navbar-item.is-active,
.navbar.is-videos .navbar-start>a.navbar-item:focus,
.navbar.is-videos .navbar-start>a.navbar-item:hover {
background-color:#3abb81;
color:#fff
}
.navbar.is-videos .navbar-end .navbar-link::after,
.navbar.is-videos .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-videos .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-videos .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-videos .navbar-item.has-dropdown:hover .navbar-link {
background-color:#3abb81;
color:#fff
}
.navbar.is-videos .navbar-dropdown a.navbar-item.is-active {
background-color:#48c78e;
color:#fff
}
}
.navbar.is-extensions {
background-color:#3e8ed0;
color:#fff
}
.navbar.is-extensions .navbar-brand .navbar-link,
.navbar.is-extensions .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-extensions .navbar-brand .navbar-link.is-active,
.navbar.is-extensions .navbar-brand .navbar-link:focus,
.navbar.is-extensions .navbar-brand .navbar-link:hover,
.navbar.is-extensions .navbar-brand>a.navbar-item.is-active,
.navbar.is-extensions .navbar-brand>a.navbar-item:focus,
.navbar.is-extensions .navbar-brand>a.navbar-item:hover {
background-color:#3082c5;
color:#fff
}
.navbar.is-extensions .navbar-brand .navbar-link::after {
border-color:#fff
}
.navbar.is-extensions .navbar-burger {
color:#fff
}
@media screen and (min-width:769px) {
.navbar.is-extensions .navbar-end .navbar-link,
.navbar.is-extensions .navbar-end>.navbar-item,
.navbar.is-extensions .navbar-start .navbar-link,
.navbar.is-extensions .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-extensions .navbar-end .navbar-link.is-active,
.navbar.is-extensions .navbar-end .navbar-link:focus,
.navbar.is-extensions .navbar-end .navbar-link:hover,
.navbar.is-extensions .navbar-end>a.navbar-item.is-active,
.navbar.is-extensions .navbar-end>a.navbar-item:focus,
.navbar.is-extensions .navbar-end>a.navbar-item:hover,
.navbar.is-extensions .navbar-start .navbar-link.is-active,
.navbar.is-extensions .navbar-start .navbar-link:focus,
.navbar.is-extensions .navbar-start .navbar-link:hover,
.navbar.is-extensions .navbar-start>a.navbar-item.is-active,
.navbar.is-extensions .navbar-start>a.navbar-item:focus,
.navbar.is-extensions .navbar-start>a.navbar-item:hover {
background-color:#3082c5;
color:#fff
}
.navbar.is-extensions .navbar-end .navbar-link::after,
.navbar.is-extensions .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-extensions .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-extensions .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-extensions .navbar-item.has-dropdown:hover .navbar-link {
background-color:#3082c5;
color:#fff
}
.navbar.is-extensions .navbar-dropdown a.navbar-item.is-active {
background-color:#3e8ed0;
color:#fff
}
}
.navbar.is-bootstrap {
background-color:#6f5499;
color:#fff
}
.navbar.is-bootstrap .navbar-brand .navbar-link,
.navbar.is-bootstrap .navbar-brand>.navbar-item {
color:#fff
}
.navbar.is-bootstrap .navbar-brand .navbar-link.is-active,
.navbar.is-bootstrap .navbar-brand .navbar-link:focus,
.navbar.is-bootstrap .navbar-brand .navbar-link:hover,
.navbar.is-bootstrap .navbar-brand>a.navbar-item.is-active,
.navbar.is-bootstrap .navbar-brand>a.navbar-item:focus,
.navbar.is-bootstrap .navbar-brand>a.navbar-item:hover {
background-color:#634b89;
color:#fff
}
.navbar.is-bootstrap .navbar-brand .navbar-link::after {
border-color:#fff
}
.navbar.is-bootstrap .navbar-burger {
color:#fff
}
@media screen and (min-width:769px) {
.navbar.is-bootstrap .navbar-end .navbar-link,
.navbar.is-bootstrap .navbar-end>.navbar-item,
.navbar.is-bootstrap .navbar-start .navbar-link,
.navbar.is-bootstrap .navbar-start>.navbar-item {
color:#fff
}
.navbar.is-bootstrap .navbar-end .navbar-link.is-active,
.navbar.is-bootstrap .navbar-end .navbar-link:focus,
.navbar.is-bootstrap .navbar-end .navbar-link:hover,
.navbar.is-bootstrap .navbar-end>a.navbar-item.is-active,
.navbar.is-bootstrap .navbar-end>a.navbar-item:focus,
.navbar.is-bootstrap .navbar-end>a.navbar-item:hover,
.navbar.is-bootstrap .navbar-start .navbar-link.is-active,
.navbar.is-bootstrap .navbar-start .navbar-link:focus,
.navbar.is-bootstrap .navbar-start .navbar-link:hover,
.navbar.is-bootstrap .navbar-start>a.navbar-item.is-active,
.navbar.is-bootstrap .navbar-start>a.navbar-item:focus,
.navbar.is-bootstrap .navbar-start>a.navbar-item:hover {
background-color:#634b89;
color:#fff
}
.navbar.is-bootstrap .navbar-end .navbar-link::after,
.navbar.is-bootstrap .navbar-start .navbar-link::after {
border-color:#fff
}
.navbar.is-bootstrap .navbar-item.has-dropdown.is-active .navbar-link,
.navbar.is-bootstrap .navbar-item.has-dropdown:focus .navbar-link,
.navbar.is-bootstrap .navbar-item.has-dropdown:hover .navbar-link {
background-color:#634b89;
color:#fff
}
.navbar.is-bootstrap .navbar-dropdown a.navbar-item.is-active {
background-color:#6f5499;
color:#fff
}
}
.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
}
body.has-navbar-fixed-top,
html.has-navbar-fixed-top {
padding-top:3.25rem
}
body.has-navbar-fixed-bottom,
html.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;
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
background:0 0;
border:none;
cursor:pointer;
display:block;
height:3.25rem;
position:relative;
width:3.25rem;
margin-left:auto
}
.navbar-burger span {
background-color:currentColor;
display:block;
height:1px;
left:calc(50% - 8px);
position:absolute;
transform-origin:center;
transition-duration:86ms;
transition-property:background-color,opacity,transform;
transition-timing-function:ease-out;
width:16px
}
.navbar-burger span:first-child {
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,.05)
}
.navbar-burger.is-active span:first-child {
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:.5rem .75rem;
position:relative
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
margin-left:-.25rem;
margin-right:-.25rem
}
.navbar-link,
a.navbar-item {
cursor:pointer
}
.navbar-link.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
a.navbar-item.is-active,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover {
background-color:#fafafa;
color:#485fc7
}
.navbar-item {
flex-grow:0;
flex-shrink:0
}
.navbar-item img {
max-height:1.75rem
}
.navbar-item.has-dropdown {
padding:0
}
.navbar-item.is-expanded {
flex-grow:1;
flex-shrink:1
}
.navbar-item.is-tab {
border-bottom:1px solid transparent;
min-height:3.25rem;
padding-bottom:calc(.5rem - 1px)
}
.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
background-color:transparent;
border-bottom-color:#485fc7
}
.navbar-item.is-tab.is-active {
background-color:transparent;
border-bottom-color:#485fc7;
border-bottom-style:solid;
border-bottom-width:3px;
color:#485fc7;
padding-bottom:calc(.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:#485fc7;
margin-top:-.375em;
right:1.125em
}
.navbar-dropdown {
font-size:.875rem;
padding-bottom:.5rem;
padding-top:.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:.5rem 0
}
@media screen and (max-width:768px) {
.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,.1);
padding:.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,.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
}
body.has-navbar-fixed-top-touch,
html.has-navbar-fixed-top-touch {
padding-top:3.25rem
}
body.has-navbar-fixed-bottom-touch,
html.has-navbar-fixed-bottom-touch {
padding-bottom:3.25rem
}
}
@media screen and (min-width:769px) {
.navbar,
.navbar-end,
.navbar-menu,
.navbar-start {
align-items:stretch;
display:flex
}
.navbar {
min-height:3.25rem
}
.navbar.is-spaced {
padding:1rem 2rem
}
.navbar.is-spaced .navbar-end,
.navbar.is-spaced .navbar-start {
align-items:center
}
.navbar.is-spaced .navbar-link,
.navbar.is-spaced a.navbar-item {
border-radius:.375em
}
.navbar.is-transparent .navbar-link.is-active,
.navbar.is-transparent .navbar-link:focus,
.navbar.is-transparent .navbar-link:hover,
.navbar.is-transparent a.navbar-item.is-active,
.navbar.is-transparent a.navbar-item:focus,
.navbar.is-transparent a.navbar-item:hover {
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:#485fc7
}
.navbar-burger {
display:none
}
.navbar-item,
.navbar-link {
align-items:center;
display:flex
}
.navbar-item.has-dropdown {
align-items:stretch
}
.navbar-item.has-dropdown-up .navbar-link::after {
transform:rotate(135deg) translate(.25em,-.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,.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-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,
.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 {
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,.1);
display:none;
font-size:.875rem;
left:0;
min-width:100%;
position:absolute;
top:100%;
z-index:20
}
.navbar-dropdown .navbar-item {
padding:.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:#485fc7
}
.navbar-dropdown.is-boxed,
.navbar.is-spaced .navbar-dropdown {
border-radius:6px;
border-top:none;
box-shadow:0 8px 8px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.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
}
.container>.navbar .navbar-brand,
.navbar>.container .navbar-brand {
margin-left:-.75rem
}
.container>.navbar .navbar-menu,
.navbar>.container .navbar-menu {
margin-right:-.75rem
}
.navbar.is-fixed-bottom-desktop,
.navbar.is-fixed-top-desktop {
left:0;
position:fixed;
right:0;
z-index:30
}
.navbar.is-fixed-bottom-desktop {
bottom:0
}
.navbar.is-fixed-bottom-desktop.has-shadow {
box-shadow:0 -2px 3px rgba(10,10,10,.1)
}
.navbar.is-fixed-top-desktop {
top:0
}
body.has-navbar-fixed-top-desktop,
html.has-navbar-fixed-top-desktop {
padding-top:3.25rem
}
body.has-navbar-fixed-bottom-desktop,
html.has-navbar-fixed-bottom-desktop {
padding-bottom:3.25rem
}
body.has-spaced-navbar-fixed-top,
html.has-spaced-navbar-fixed-top {
padding-top:5.25rem
}
body.has-spaced-navbar-fixed-bottom,
html.has-spaced-navbar-fixed-bottom {
padding-bottom:5.25rem
}
.navbar-link.is-active,
a.navbar-item.is-active {
color:#0a0a0a
}
.navbar-link.is-active:not(:focus):not(:hover),
a.navbar-item.is-active:not(:focus):not(:hover) {
background-color:transparent
}
.navbar-item.has-dropdown.is-active .navbar-link,
.navbar-item.has-dropdown:focus .navbar-link,
.navbar-item.has-dropdown:hover .navbar-link {
background-color:#fafafa
}
}
.hero.is-fullheight-with-navbar {
min-height:calc(100vh - 3.25rem)
}
.pagination {
font-size:1rem;
margin:-.25rem
}
.pagination.is-small {
font-size:.75rem
}
.pagination.is-medium {
font-size:1.25rem
}
.pagination.is-large {
font-size:1.5rem
}
.pagination.is-rounded .pagination-next,
.pagination.is-rounded .pagination-previous {
padding-left:1em;
padding-right:1em;
border-radius:9999px
}
.pagination.is-rounded .pagination-link {
border-radius:9999px
}
.pagination,
.pagination-list {
align-items:center;
display:flex;
justify-content:center;
text-align:center
}
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
font-size:1em;
justify-content:center;
margin:.25rem;
padding-left:.5em;
padding-right:.5em;
text-align:center
}
.pagination-link,
.pagination-next,
.pagination-previous {
border-color:#dbdbdb;
color:#363636;
min-width:2.5em
}
.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
border-color:#b5b5b5;
color:#363636
}
.pagination-link:focus,
.pagination-next:focus,
.pagination-previous:focus {
border-color:#485fc7
}
.pagination-link:active,
.pagination-next:active,
.pagination-previous:active {
box-shadow:inset 0 1px 2px rgba(10,10,10,.2)
}
.pagination-link.is-disabled,
.pagination-link[disabled],
.pagination-next.is-disabled,
.pagination-next[disabled],
.pagination-previous.is-disabled,
.pagination-previous[disabled] {
background-color:#dbdbdb;
border-color:#dbdbdb;
box-shadow:none;
color:#7a7a7a;
opacity:.5
}
.pagination-next,
.pagination-previous {
padding-left:.75em;
padding-right:.75em;
white-space:nowrap
}
.pagination-link.is-current {
background-color:#485fc7;
border-color:#485fc7;
color:#fff
}
.pagination-ellipsis {
color:#b5b5b5;
pointer-events:none
}
.pagination-list {
flex-wrap:wrap
}
.pagination-list li {
list-style:none
}
@media screen and (max-width:768px) {
.pagination {
flex-wrap:wrap
}
.pagination-next,
.pagination-previous {
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-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous {
margin-bottom:0;
margin-top:0
}
.pagination-previous {
order:2
}
.pagination-next {
order:3
}
.pagination {
justify-content:space-between;
margin-bottom:0;
margin-top:0
}
.pagination.is-centered .pagination-previous {
order:1
}
.pagination.is-centered .pagination-list {
justify-content:center;
order:2
}
.pagination.is-centered .pagination-next {
order:3
}
.pagination.is-right .pagination-previous {
order:1
}
.pagination.is-right .pagination-next {
order:2
}
.pagination.is-right .pagination-list {
justify-content:flex-end;
order:3
}
}
.panel {
border-radius:6px;
box-shadow:0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.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,.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:#00d1b2;
color:#fff
}
.panel.is-primary .panel-tabs a.is-active {
border-bottom-color:#00d1b2
}
.panel.is-primary .panel-block.is-active .panel-icon {
color:#00d1b2
}
.panel.is-link .panel-heading {
background-color:#485fc7;
color:#fff
}
.panel.is-link .panel-tabs a.is-active {
border-bottom-color:#485fc7
}
.panel.is-link .panel-block.is-active .panel-icon {
color:#485fc7
}
.panel.is-info .panel-heading {
background-color:#3e8ed0;
color:#fff
}
.panel.is-info .panel-tabs a.is-active {
border-bottom-color:#3e8ed0
}
.panel.is-info .panel-block.is-active .panel-icon {
color:#3e8ed0
}
.panel.is-success .panel-heading {
background-color:#48c78e;
color:#fff
}
.panel.is-success .panel-tabs a.is-active {
border-bottom-color:#48c78e
}
.panel.is-success .panel-block.is-active .panel-icon {
color:#48c78e
}
.panel.is-warning .panel-heading {
background-color:#ffe08a;
color:rgba(0,0,0,.7)
}
.panel.is-warning .panel-tabs a.is-active {
border-bottom-color:#ffe08a
}
.panel.is-warning .panel-block.is-active .panel-icon {
color:#ffe08a
}
.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-expo .panel-heading {
background-color:#ffd257;
color:#fff
}
.panel.is-expo .panel-tabs a.is-active {
border-bottom-color:#ffd257
}
.panel.is-expo .panel-block.is-active .panel-icon {
color:#ffd257
}
.panel.is-love .panel-heading {
background-color:#f14668;
color:#fff
}
.panel.is-love .panel-tabs a.is-active {
border-bottom-color:#f14668
}
.panel.is-love .panel-block.is-active .panel-icon {
color:#f14668
}
.panel.is-patreon .panel-heading {
background-color:#f96854;
color:#fff
}
.panel.is-patreon .panel-tabs a.is-active {
border-bottom-color:#f96854
}
.panel.is-patreon .panel-block.is-active .panel-icon {
color:#f96854
}
.panel.is-rss .panel-heading {
background-color:#f26522;
color:#fff
}
.panel.is-rss .panel-tabs a.is-active {
border-bottom-color:#f26522
}
.panel.is-rss .panel-block.is-active .panel-icon {
color:#f26522
}
.panel.is-bleeding .panel-heading {
background-color:#abf47c;
color:rgba(0,0,0,.7)
}
.panel.is-bleeding .panel-tabs a.is-active {
border-bottom-color:#abf47c
}
.panel.is-bleeding .panel-block.is-active .panel-icon {
color:#abf47c
}
.panel.is-sass .panel-heading {
background-color:#bf4080;
color:#fff
}
.panel.is-sass .panel-tabs a.is-active {
border-bottom-color:#bf4080
}
.panel.is-sass .panel-block.is-active .panel-icon {
color:#bf4080
}
.panel.is-amazon .panel-heading {
background-color:#ffd863;
color:rgba(0,0,0,.7)
}
.panel.is-amazon .panel-tabs a.is-active {
border-bottom-color:#ffd863
}
.panel.is-amazon .panel-block.is-active .panel-icon {
color:#ffd863
}
.panel.is-sponsor .panel-heading {
background-color:#ea4aaa;
color:#fff
}
.panel.is-sponsor .panel-tabs a.is-active {
border-bottom-color:#ea4aaa
}
.panel.is-sponsor .panel-block.is-active .panel-icon {
color:#ea4aaa
}
.panel.is-twitter .panel-heading {
background-color:#55acee;
color:#fff
}
.panel.is-twitter .panel-tabs a.is-active {
border-bottom-color:#55acee
}
.panel.is-twitter .panel-block.is-active .panel-icon {
color:#55acee
}
.panel.is-videos .panel-heading {
background-color:#48c78e;
color:#fff
}
.panel.is-videos .panel-tabs a.is-active {
border-bottom-color:#48c78e
}
.panel.is-videos .panel-block.is-active .panel-icon {
color:#48c78e
}
.panel.is-extensions .panel-heading {
background-color:#3e8ed0;
color:#fff
}
.panel.is-extensions .panel-tabs a.is-active {
border-bottom-color:#3e8ed0
}
.panel.is-extensions .panel-block.is-active .panel-icon {
color:#3e8ed0
}
.panel.is-bootstrap .panel-heading {
background-color:#6f5499;
color:#fff
}
.panel.is-bootstrap .panel-tabs a.is-active {
border-bottom-color:#6f5499
}
.panel.is-bootstrap .panel-block.is-active .panel-icon {
color:#6f5499
}
.panel-block:not(:last-child),
.panel-tabs: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:.75em 1em
}
.panel-tabs {
align-items:flex-end;
display:flex;
font-size:.875em;
justify-content:center
}
.panel-tabs a {
border-bottom:1px solid #dbdbdb;
margin-bottom:-1px;
padding:.5em
}
.panel-tabs a.is-active {
border-bottom-color:#4a4a4a;
color:#363636
}
.panel-list a {
color:#4a4a4a
}
.panel-list a:hover {
color:#485fc7
}
.panel-block {
align-items:center;
color:#363636;
display:flex;
justify-content:flex-start;
padding:.5em .75em
}
.panel-block input[type=checkbox] {
margin-right:.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:#485fc7;
color:#363636
}
.panel-block.is-active .panel-icon {
color:#485fc7
}
.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:.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:.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:#485fc7;
color:#485fc7
}
.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:.75em
}
.tabs ul.is-center {
flex:none;
justify-content:center;
padding-left:.75em;
padding-right:.75em
}
.tabs ul.is-right {
justify-content:flex-end;
padding-left:.75em
}
.tabs .icon:first-child {
margin-right:.5em
}
.tabs .icon:last-child {
margin-left:.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:.375em .375em 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-top-left-radius:.375em;
border-bottom-left-radius:.375em
}
.tabs.is-toggle li:last-child a {
border-top-right-radius:.375em;
border-bottom-right-radius:.375em
}
.tabs.is-toggle li.is-active a {
background-color:#485fc7;
border-color:#485fc7;
color:#fff;
z-index:1
}
.tabs.is-toggle ul {
border-bottom:none
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
border-bottom-left-radius:9999px;
border-top-left-radius:9999px;
padding-left:1.25em
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
border-bottom-right-radius:9999px;
border-top-right-radius:9999px;
padding-right:1.25em
}
.tabs.is-small {
font-size:.75rem
}
.tabs.is-medium {
font-size:1.25rem
}
.tabs.is-large {
font-size:1.5rem
}
.column {
display:block;
flex-basis:0;
flex-grow:1;
flex-shrink:1;
padding:.75rem
}
.columns.is-mobile>.column.is-narrow {
flex:none;
width:unset
}
.columns.is-mobile>.column.is-full {
flex:none;
width:100%
}
.columns.is-mobile>.column.is-three-quarters {
flex:none;
width:75%
}
.columns.is-mobile>.column.is-two-thirds {
flex:none;
width:66.6666%
}
.columns.is-mobile>.column.is-half {
flex:none;
width:50%
}
.columns.is-mobile>.column.is-one-third {
flex:none;
width:33.3333%
}
.columns.is-mobile>.column.is-one-quarter {
flex:none;
width:25%
}
.columns.is-mobile>.column.is-one-fifth {
flex:none;
width:20%
}
.columns.is-mobile>.column.is-two-fifths {
flex:none;
width:40%
}
.columns.is-mobile>.column.is-three-fifths {
flex:none;
width:60%
}
.columns.is-mobile>.column.is-four-fifths {
flex:none;
width:80%
}
.columns.is-mobile>.column.is-offset-three-quarters {
margin-left:75%
}
.columns.is-mobile>.column.is-offset-two-thirds {
margin-left:66.6666%
}
.columns.is-mobile>.column.is-offset-half {
margin-left:50%
}
.columns.is-mobile>.column.is-offset-one-third {
margin-left:33.3333%
}
.columns.is-mobile>.column.is-offset-one-quarter {
margin-left:25%
}
.columns.is-mobile>.column.is-offset-one-fifth {
margin-left:20%
}
.columns.is-mobile>.column.is-offset-two-fifths {
margin-left:40%
}
.columns.is-mobile>.column.is-offset-three-fifths {
margin-left:60%
}
.columns.is-mobile>.column.is-offset-four-fifths {
margin-left:80%
}
.columns.is-mobile>.column.is-0 {
flex:none;
width:0%
}
.columns.is-mobile>.column.is-offset-0 {
margin-left:0
}
.columns.is-mobile>.column.is-1 {
flex:none;
width:8.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;
width:unset
}
.column.is-full-mobile {
flex:none;
width:100%
}
.column.is-three-quarters-mobile {
flex:none;
width:75%
}
.column.is-two-thirds-mobile {
flex:none;
width:66.6666%
}
.column.is-half-mobile {
flex:none;
width:50%
}
.column.is-one-third-mobile {
flex:none;
width:33.3333%
}
.column.is-one-quarter-mobile {
flex:none;
width:25%
}
.column.is-one-fifth-mobile {
flex:none;
width:20%
}
.column.is-two-fifths-mobile {
flex:none;
width:40%
}
.column.is-three-fifths-mobile {
flex:none;
width:60%
}
.column.is-four-fifths-mobile {
flex:none;
width:80%
}
.column.is-offset-three-quarters-mobile {
margin-left:75%
}
.column.is-offset-two-thirds-mobile {
margin-left:66.6666%
}
.column.is-offset-half-mobile {
margin-left:50%
}
.column.is-offset-one-third-mobile {
margin-left:33.3333%
}
.column.is-offset-one-quarter-mobile {
margin-left:25%
}
.column.is-offset-one-fifth-mobile {
margin-left:20%
}
.column.is-offset-two-fifths-mobile {
margin-left:40%
}
.column.is-offset-three-fifths-mobile {
margin-left:60%
}
.column.is-offset-four-fifths-mobile {
margin-left:80%
}
.column.is-0-mobile {
flex:none;
width:0%
}
.column.is-offset-0-mobile {
margin-left:0
}
.column.is-1-mobile {
flex:none;
width:8.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;
width:unset
}
.column.is-full,
.column.is-full-tablet {
flex:none;
width:100%
}
.column.is-three-quarters,
.column.is-three-quarters-tablet {
flex:none;
width:75%
}
.column.is-two-thirds,
.column.is-two-thirds-tablet {
flex:none;
width:66.6666%
}
.column.is-half,
.column.is-half-tablet {
flex:none;
width:50%
}
.column.is-one-third,
.column.is-one-third-tablet {
flex:none;
width:33.3333%
}
.column.is-one-quarter,
.column.is-one-quarter-tablet {
flex:none;
width:25%
}
.column.is-one-fifth,
.column.is-one-fifth-tablet {
flex:none;
width:20%
}
.column.is-two-fifths,
.column.is-two-fifths-tablet {
flex:none;
width:40%
}
.column.is-three-fifths,
.column.is-three-fifths-tablet {
flex:none;
width:60%
}
.column.is-four-fifths,
.column.is-four-fifths-tablet {
flex:none;
width:80%
}
.column.is-offset-three-quarters,
.column.is-offset-three-quarters-tablet {
margin-left:75%
}
.column.is-offset-two-thirds,
.column.is-offset-two-thirds-tablet {
margin-left:66.6666%
}
.column.is-offset-half,
.column.is-offset-half-tablet {
margin-left:50%
}
.column.is-offset-one-third,
.column.is-offset-one-third-tablet {
margin-left:33.3333%
}
.column.is-offset-one-quarter,
.column.is-offset-one-quarter-tablet {
margin-left:25%
}
.column.is-offset-one-fifth,
.column.is-offset-one-fifth-tablet {
margin-left:20%
}
.column.is-offset-two-fifths,
.column.is-offset-two-fifths-tablet {
margin-left:40%
}
.column.is-offset-three-fifths,
.column.is-offset-three-fifths-tablet {
margin-left:60%
}
.column.is-offset-four-fifths,
.column.is-offset-four-fifths-tablet {
margin-left:80%
}
.column.is-0,
.column.is-0-tablet {
flex:none;
width:0%
}
.column.is-offset-0,
.column.is-offset-0-tablet {
margin-left:0
}
.column.is-1,
.column.is-1-tablet {
flex:none;
width:8.33333%
}
.column.is-offset-1,
.column.is-offset-1-tablet {
margin-left:8.33333%
}
.column.is-2,
.column.is-2-tablet {
flex:none;
width:16.66667%
}
.column.is-offset-2,
.column.is-offset-2-tablet {
margin-left:16.66667%
}
.column.is-3,
.column.is-3-tablet {
flex:none;
width:25%
}
.column.is-offset-3,
.column.is-offset-3-tablet {
margin-left:25%
}
.column.is-4,
.column.is-4-tablet {
flex:none;
width:33.33333%
}
.column.is-offset-4,
.column.is-offset-4-tablet {
margin-left:33.33333%
}
.column.is-5,
.column.is-5-tablet {
flex:none;
width:41.66667%
}
.column.is-offset-5,
.column.is-offset-5-tablet {
margin-left:41.66667%
}
.column.is-6,
.column.is-6-tablet {
flex:none;
width:50%
}
.column.is-offset-6,
.column.is-offset-6-tablet {
margin-left:50%
}
.column.is-7,
.column.is-7-tablet {
flex:none;
width:58.33333%
}
.column.is-offset-7,
.column.is-offset-7-tablet {
margin-left:58.33333%
}
.column.is-8,
.column.is-8-tablet {
flex:none;
width:66.66667%
}
.column.is-offset-8,
.column.is-offset-8-tablet {
margin-left:66.66667%
}
.column.is-9,
.column.is-9-tablet {
flex:none;
width:75%
}
.column.is-offset-9,
.column.is-offset-9-tablet {
margin-left:75%
}
.column.is-10,
.column.is-10-tablet {
flex:none;
width:83.33333%
}
.column.is-offset-10,
.column.is-offset-10-tablet {
margin-left:83.33333%
}
.column.is-11,
.column.is-11-tablet {
flex:none;
width:91.66667%
}
.column.is-offset-11,
.column.is-offset-11-tablet {
margin-left:91.66667%
}
.column.is-12,
.column.is-12-tablet {
flex:none;
width:100%
}
.column.is-offset-12,
.column.is-offset-12-tablet {
margin-left:100%
}
}
@media screen and (max-width:1023px) {
.column.is-narrow-touch {
flex:none;
width:unset
}
.column.is-full-touch {
flex:none;
width:100%
}
.column.is-three-quarters-touch {
flex:none;
width:75%
}
.column.is-two-thirds-touch {
flex:none;
width:66.6666%
}
.column.is-half-touch {
flex:none;
width:50%
}
.column.is-one-third-touch {
flex:none;
width:33.3333%
}
.column.is-one-quarter-touch {
flex:none;
width:25%
}
.column.is-one-fifth-touch {
flex:none;
width:20%
}
.column.is-two-fifths-touch {
flex:none;
width:40%
}
.column.is-three-fifths-touch {
flex:none;
width:60%
}
.column.is-four-fifths-touch {
flex:none;
width:80%
}
.column.is-offset-three-quarters-touch {
margin-left:75%
}
.column.is-offset-two-thirds-touch {
margin-left:66.6666%
}
.column.is-offset-half-touch {
margin-left:50%
}
.column.is-offset-one-third-touch {
margin-left:33.3333%
}
.column.is-offset-one-quarter-touch {
margin-left:25%
}
.column.is-offset-one-fifth-touch {
margin-left:20%
}
.column.is-offset-two-fifths-touch {
margin-left:40%
}
.column.is-offset-three-fifths-touch {
margin-left:60%
}
.column.is-offset-four-fifths-touch {
margin-left:80%
}
.column.is-0-touch {
flex:none;
width:0%
}
.column.is-offset-0-touch {
margin-left:0
}
.column.is-1-touch {
flex:none;
width:8.33333%
}
.column.is-offset-1-touch {
margin-left:8.33333%
}
.column.is-2-touch {
flex:none;
width:16.66667%
}
.column.is-offset-2-touch {
margin-left:16.66667%
}
.column.is-3-touch {
flex:none;
width:25%
}
.column.is-offset-3-touch {
margin-left:25%
}
.column.is-4-touch {
flex:none;
width:33.33333%
}
.column.is-offset-4-touch {
margin-left:33.33333%
}
.column.is-5-touch {
flex:none;
width:41.66667%
}
.column.is-offset-5-touch {
margin-left:41.66667%
}
.column.is-6-touch {
flex:none;
width:50%
}
.column.is-offset-6-touch {
margin-left:50%
}
.column.is-7-touch {
flex:none;
width:58.33333%
}
.column.is-offset-7-touch {
margin-left:58.33333%
}
.column.is-8-touch {
flex:none;
width:66.66667%
}
.column.is-offset-8-touch {
margin-left:66.66667%
}
.column.is-9-touch {
flex:none;
width:75%
}
.column.is-offset-9-touch {
margin-left:75%
}
.column.is-10-touch {
flex:none;
width:83.33333%
}
.column.is-offset-10-touch {
margin-left:83.33333%
}
.column.is-11-touch {
flex:none;
width:91.66667%
}
.column.is-offset-11-touch {
margin-left:91.66667%
}
.column.is-12-touch {
flex:none;
width:100%
}
.column.is-offset-12-touch {
margin-left:100%
}
}
@media screen and (min-width:1024px) {
.column.is-narrow-desktop {
flex:none;
width:unset
}
.column.is-full-desktop {
flex:none;
width:100%
}
.column.is-three-quarters-desktop {
flex:none;
width:75%
}
.column.is-two-thirds-desktop {
flex:none;
width:66.6666%
}
.column.is-half-desktop {
flex:none;
width:50%
}
.column.is-one-third-desktop {
flex:none;
width:33.3333%
}
.column.is-one-quarter-desktop {
flex:none;
width:25%
}
.column.is-one-fifth-desktop {
flex:none;
width:20%
}
.column.is-two-fifths-desktop {
flex:none;
width:40%
}
.column.is-three-fifths-desktop {
flex:none;
width:60%
}
.column.is-four-fifths-desktop {
flex:none;
width:80%
}
.column.is-offset-three-quarters-desktop {
margin-left:75%
}
.column.is-offset-two-thirds-desktop {
margin-left:66.6666%
}
.column.is-offset-half-desktop {
margin-left:50%
}
.column.is-offset-one-third-desktop {
margin-left:33.3333%
}
.column.is-offset-one-quarter-desktop {
margin-left:25%
}
.column.is-offset-one-fifth-desktop {
margin-left:20%
}
.column.is-offset-two-fifths-desktop {
margin-left:40%
}
.column.is-offset-three-fifths-desktop {
margin-left:60%
}
.column.is-offset-four-fifths-desktop {
margin-left:80%
}
.column.is-0-desktop {
flex:none;
width:0%
}
.column.is-offset-0-desktop {
margin-left:0
}
.column.is-1-desktop {
flex:none;
width:8.33333%
}
.column.is-offset-1-desktop {
margin-left:8.33333%
}
.column.is-2-desktop {
flex:none;
width:16.66667%
}
.column.is-offset-2-desktop {
margin-left:16.66667%
}
.column.is-3-desktop {
flex:none;
width:25%
}
.column.is-offset-3-desktop {
margin-left:25%
}
.column.is-4-desktop {
flex:none;
width:33.33333%
}
.column.is-offset-4-desktop {
margin-left:33.33333%
}
.column.is-5-desktop {
flex:none;
width:41.66667%
}
.column.is-offset-5-desktop {
margin-left:41.66667%
}
.column.is-6-desktop {
flex:none;
width:50%
}
.column.is-offset-6-desktop {
margin-left:50%
}
.column.is-7-desktop {
flex:none;
width:58.33333%
}
.column.is-offset-7-desktop {
margin-left:58.33333%
}
.column.is-8-desktop {
flex:none;
width:66.66667%
}
.column.is-offset-8-desktop {
margin-left:66.66667%
}
.column.is-9-desktop {
flex:none;
width:75%
}
.column.is-offset-9-desktop {
margin-left:75%
}
.column.is-10-desktop {
flex:none;
width:83.33333%
}
.column.is-offset-10-desktop {
margin-left:83.33333%
}
.column.is-11-desktop {
flex:none;
width:91.66667%
}
.column.is-offset-11-desktop {
margin-left:91.66667%
}
.column.is-12-desktop {
flex:none;
width:100%
}
.column.is-offset-12-desktop {
margin-left:100%
}
}
@media screen and (min-width:1216px) {
.column.is-narrow-widescreen {
flex:none;
width:unset
}
.column.is-full-widescreen {
flex:none;
width:100%
}
.column.is-three-quarters-widescreen {
flex:none;
width:75%
}
.column.is-two-thirds-widescreen {
flex:none;
width:66.6666%
}
.column.is-half-widescreen {
flex:none;
width:50%
}
.column.is-one-third-widescreen {
flex:none;
width:33.3333%
}
.column.is-one-quarter-widescreen {
flex:none;
width:25%
}
.column.is-one-fifth-widescreen {
flex:none;
width:20%
}
.column.is-two-fifths-widescreen {
flex:none;
width:40%
}
.column.is-three-fifths-widescreen {
flex:none;
width:60%
}
.column.is-four-fifths-widescreen {
flex:none;
width:80%
}
.column.is-offset-three-quarters-widescreen {
margin-left:75%
}
.column.is-offset-two-thirds-widescreen {
margin-left:66.6666%
}
.column.is-offset-half-widescreen {
margin-left:50%
}
.column.is-offset-one-third-widescreen {
margin-left:33.3333%
}
.column.is-offset-one-quarter-widescreen {
margin-left:25%
}
.column.is-offset-one-fifth-widescreen {
margin-left:20%
}
.column.is-offset-two-fifths-widescreen {
margin-left:40%
}
.column.is-offset-three-fifths-widescreen {
margin-left:60%
}
.column.is-offset-four-fifths-widescreen {
margin-left:80%
}
.column.is-0-widescreen {
flex:none;
width:0%
}
.column.is-offset-0-widescreen {
margin-left:0
}
.column.is-1-widescreen {
flex:none;
width:8.33333%
}
.column.is-offset-1-widescreen {
margin-left:8.33333%
}
.column.is-2-widescreen {
flex:none;
width:16.66667%
}
.column.is-offset-2-widescreen {
margin-left:16.66667%
}
.column.is-3-widescreen {
flex:none;
width:25%
}
.column.is-offset-3-widescreen {
margin-left:25%
}
.column.is-4-widescreen {
flex:none;
width:33.33333%
}
.column.is-offset-4-widescreen {
margin-left:33.33333%
}
.column.is-5-widescreen {
flex:none;
width:41.66667%
}
.column.is-offset-5-widescreen {
margin-left:41.66667%
}
.column.is-6-widescreen {
flex:none;
width:50%
}
.column.is-offset-6-widescreen {
margin-left:50%
}
.column.is-7-widescreen {
flex:none;
width:58.33333%
}
.column.is-offset-7-widescreen {
margin-left:58.33333%
}
.column.is-8-widescreen {
flex:none;
width:66.66667%
}
.column.is-offset-8-widescreen {
margin-left:66.66667%
}
.column.is-9-widescreen {
flex:none;
width:75%
}
.column.is-offset-9-widescreen {
margin-left:75%
}
.column.is-10-widescreen {
flex:none;
width:83.33333%
}
.column.is-offset-10-widescreen {
margin-left:83.33333%
}
.column.is-11-widescreen {
flex:none;
width:91.66667%
}
.column.is-offset-11-widescreen {
margin-left:91.66667%
}
.column.is-12-widescreen {
flex:none;
width:100%
}
.column.is-offset-12-widescreen {
margin-left:100%
}
}
@media screen and (min-width:1408px) {
.column.is-narrow-fullhd {
flex:none;
width:unset
}
.column.is-full-fullhd {
flex:none;
width:100%
}
.column.is-three-quarters-fullhd {
flex:none;
width:75%
}
.column.is-two-thirds-fullhd {
flex:none;
width:66.6666%
}
.column.is-half-fullhd {
flex:none;
width:50%
}
.column.is-one-third-fullhd {
flex:none;
width:33.3333%
}
.column.is-one-quarter-fullhd {
flex:none;
width:25%
}
.column.is-one-fifth-fullhd {
flex:none;
width:20%
}
.column.is-two-fifths-fullhd {
flex:none;
width:40%
}
.column.is-three-fifths-fullhd {
flex:none;
width:60%
}
.column.is-four-fifths-fullhd {
flex:none;
width:80%
}
.column.is-offset-three-quarters-fullhd {
margin-left:75%
}
.column.is-offset-two-thirds-fullhd {
margin-left:66.6666%
}
.column.is-offset-half-fullhd {
margin-left:50%
}
.column.is-offset-one-third-fullhd {
margin-left:33.3333%
}
.column.is-offset-one-quarter-fullhd {
margin-left:25%
}
.column.is-offset-one-fifth-fullhd {
margin-left:20%
}
.column.is-offset-two-fifths-fullhd {
margin-left:40%
}
.column.is-offset-three-fifths-fullhd {
margin-left:60%
}
.column.is-offset-four-fifths-fullhd {
margin-left:80%
}
.column.is-0-fullhd {
flex:none;
width:0%
}
.column.is-offset-0-fullhd {
margin-left:0
}
.column.is-1-fullhd {
flex:none;
width:8.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:-.75rem;
margin-right:-.75rem;
margin-top:-.75rem
}
.columns:last-child {
margin-bottom:-.75rem
}
.columns:not(:last-child) {
margin-bottom:calc(1.5rem - .75rem)
}
.columns.is-centered {
justify-content:center
}
.columns.is-gapless {
margin-left:0;
margin-right:0;
margin-top:0
}
.columns.is-gapless>.column {
margin:0;
padding:0!important
}
.columns.is-gapless:not(:last-child) {
margin-bottom:1.5rem
}
.columns.is-gapless:last-child {
margin-bottom:0
}
.columns.is-mobile {
display:flex
}
.columns.is-multiline {
flex-wrap:wrap
}
.columns.is-vcentered {
align-items:center
}
@media screen and (min-width:769px),print {
.columns:not(.is-desktop) {
display:flex
}
}
@media screen and (min-width:1024px) {
.columns.is-desktop {
display:flex
}
}
.columns.is-variable {
--columnGap:0.75rem;
margin-left:calc(-1 * var(--columnGap));
margin-right:calc(-1 * var(--columnGap))
}
.columns.is-variable>.column {
padding-left:var(--columnGap);
padding-right:var(--columnGap)
}
.columns.is-variable.is-0 {
--columnGap:0rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-0-mobile {
--columnGap:0rem
}
}
@media screen and (min-width:769px),print {
.columns.is-variable.is-0-tablet {
--columnGap:0rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-0-tablet-only {
--columnGap:0rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-0-touch {
--columnGap:0rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-0-desktop {
--columnGap:0rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-0-desktop-only {
--columnGap:0rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-0-widescreen {
--columnGap:0rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-0-widescreen-only {
--columnGap:0rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-0-fullhd {
--columnGap:0rem
}
}
.columns.is-variable.is-1 {
--columnGap:0.25rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-1-mobile {
--columnGap:0.25rem
}
}
@media screen and (min-width:769px),print {
.columns.is-variable.is-1-tablet {
--columnGap:0.25rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-1-tablet-only {
--columnGap:0.25rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-1-touch {
--columnGap:0.25rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-1-desktop {
--columnGap:0.25rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-1-desktop-only {
--columnGap:0.25rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-1-widescreen {
--columnGap:0.25rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-1-widescreen-only {
--columnGap:0.25rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-1-fullhd {
--columnGap:0.25rem
}
}
.columns.is-variable.is-2 {
--columnGap:0.5rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-2-mobile {
--columnGap:0.5rem
}
}
@media screen and (min-width:769px),print {
.columns.is-variable.is-2-tablet {
--columnGap:0.5rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-2-tablet-only {
--columnGap:0.5rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-2-touch {
--columnGap:0.5rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-2-desktop {
--columnGap:0.5rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-2-desktop-only {
--columnGap:0.5rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-2-widescreen {
--columnGap:0.5rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-2-widescreen-only {
--columnGap:0.5rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-2-fullhd {
--columnGap:0.5rem
}
}
.columns.is-variable.is-3 {
--columnGap:0.75rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-3-mobile {
--columnGap:0.75rem
}
}
@media screen and (min-width:769px),print {
.columns.is-variable.is-3-tablet {
--columnGap:0.75rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-3-tablet-only {
--columnGap:0.75rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-3-touch {
--columnGap:0.75rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-3-desktop {
--columnGap:0.75rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-3-desktop-only {
--columnGap:0.75rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-3-widescreen {
--columnGap:0.75rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-3-widescreen-only {
--columnGap:0.75rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-3-fullhd {
--columnGap:0.75rem
}
}
.columns.is-variable.is-4 {
--columnGap:1rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-4-mobile {
--columnGap:1rem
}
}
@media screen and (min-width:769px),print {
.columns.is-variable.is-4-tablet {
--columnGap:1rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-4-tablet-only {
--columnGap:1rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-4-touch {
--columnGap:1rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-4-desktop {
--columnGap:1rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-4-desktop-only {
--columnGap:1rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-4-widescreen {
--columnGap:1rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-4-widescreen-only {
--columnGap:1rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-4-fullhd {
--columnGap:1rem
}
}
.columns.is-variable.is-5 {
--columnGap:1.25rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-5-mobile {
--columnGap:1.25rem
}
}
@media screen and (min-width:769px),print {
.columns.is-variable.is-5-tablet {
--columnGap:1.25rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-5-tablet-only {
--columnGap:1.25rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-5-touch {
--columnGap:1.25rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-5-desktop {
--columnGap:1.25rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-5-desktop-only {
--columnGap:1.25rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-5-widescreen {
--columnGap:1.25rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-5-widescreen-only {
--columnGap:1.25rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-5-fullhd {
--columnGap:1.25rem
}
}
.columns.is-variable.is-6 {
--columnGap:1.5rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-6-mobile {
--columnGap:1.5rem
}
}
@media screen and (min-width:769px),print {
.columns.is-variable.is-6-tablet {
--columnGap:1.5rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-6-tablet-only {
--columnGap:1.5rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-6-touch {
--columnGap:1.5rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-6-desktop {
--columnGap:1.5rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-6-desktop-only {
--columnGap:1.5rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-6-widescreen {
--columnGap:1.5rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-6-widescreen-only {
--columnGap:1.5rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-6-fullhd {
--columnGap:1.5rem
}
}
.columns.is-variable.is-7 {
--columnGap:1.75rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-7-mobile {
--columnGap:1.75rem
}
}
@media screen and (min-width:769px),print {
.columns.is-variable.is-7-tablet {
--columnGap:1.75rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-7-tablet-only {
--columnGap:1.75rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-7-touch {
--columnGap:1.75rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-7-desktop {
--columnGap:1.75rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-7-desktop-only {
--columnGap:1.75rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-7-widescreen {
--columnGap:1.75rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-7-widescreen-only {
--columnGap:1.75rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-7-fullhd {
--columnGap:1.75rem
}
}
.columns.is-variable.is-8 {
--columnGap:2rem
}
@media screen and (max-width:768px) {
.columns.is-variable.is-8-mobile {
--columnGap:2rem
}
}
@media screen and (min-width:769px),print {
.columns.is-variable.is-8-tablet {
--columnGap:2rem
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.columns.is-variable.is-8-tablet-only {
--columnGap:2rem
}
}
@media screen and (max-width:1023px) {
.columns.is-variable.is-8-touch {
--columnGap:2rem
}
}
@media screen and (min-width:1024px) {
.columns.is-variable.is-8-desktop {
--columnGap:2rem
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.columns.is-variable.is-8-desktop-only {
--columnGap:2rem
}
}
@media screen and (min-width:1216px) {
.columns.is-variable.is-8-widescreen {
--columnGap:2rem
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.columns.is-variable.is-8-widescreen-only {
--columnGap:2rem
}
}
@media screen and (min-width:1408px) {
.columns.is-variable.is-8-fullhd {
--columnGap:2rem
}
}
.tile {
align-items:stretch;
display:block;
flex-basis:0;
flex-grow:1;
flex-shrink:1;
min-height:-moz-min-content;
min-height:min-content
}
.tile.is-ancestor {
margin-left:-.75rem;
margin-right:-.75rem;
margin-top:-.75rem
}
.tile.is-ancestor:last-child {
margin-bottom:-.75rem
}
.tile.is-ancestor:not(:last-child) {
margin-bottom:.75rem
}
.tile.is-child {
margin:0!important
}
.tile.is-parent {
padding:.75rem
}
.tile.is-vertical {
flex-direction:column
}
.tile.is-vertical>.tile.is-child:not(:last-child) {
margin-bottom:1.5rem!important
}
@media screen and (min-width:769px),print {
.tile:not(.is-child) {
display:flex
}
.tile.is-1 {
flex:none;
width:8.33333%
}
.tile.is-2 {
flex:none;
width:16.66667%
}
.tile.is-3 {
flex:none;
width:25%
}
.tile.is-4 {
flex:none;
width:33.33333%
}
.tile.is-5 {
flex:none;
width:41.66667%
}
.tile.is-6 {
flex:none;
width:50%
}
.tile.is-7 {
flex:none;
width:58.33333%
}
.tile.is-8 {
flex:none;
width:66.66667%
}
.tile.is-9 {
flex:none;
width:75%
}
.tile.is-10 {
flex:none;
width:83.33333%
}
.tile.is-11 {
flex:none;
width:91.66667%
}
.tile.is-12 {
flex:none;
width:100%
}
}
.has-text-white {
color:#fff!important
}
a.has-text-white:focus,
a.has-text-white:hover {
color:#e6e6e6!important
}
.has-background-white {
background-color:#fff!important
}
.has-text-black {
color:#0a0a0a!important
}
a.has-text-black:focus,
a.has-text-black:hover {
color:#000!important
}
.has-background-black {
background-color:#0a0a0a!important
}
.has-text-light {
color:#f5f5f5!important
}
a.has-text-light:focus,
a.has-text-light:hover {
color:#dbdbdb!important
}
.has-background-light {
background-color:#f5f5f5!important
}
.has-text-dark {
color:#363636!important
}
a.has-text-dark:focus,
a.has-text-dark:hover {
color:#1c1c1c!important
}
.has-background-dark {
background-color:#363636!important
}
.has-text-primary {
color:#00d1b2!important
}
a.has-text-primary:focus,
a.has-text-primary:hover {
color:#009e86!important
}
.has-background-primary {
background-color:#00d1b2!important
}
.has-text-primary-light {
color:#ebfffc!important
}
a.has-text-primary-light:focus,
a.has-text-primary-light:hover {
color:#b8fff4!important
}
.has-background-primary-light {
background-color:#ebfffc!important
}
.has-text-primary-dark {
color:#00947e!important
}
a.has-text-primary-dark:focus,
a.has-text-primary-dark:hover {
color:#00c7a9!important
}
.has-background-primary-dark {
background-color:#00947e!important
}
.has-text-link {
color:#485fc7!important
}
a.has-text-link:focus,
a.has-text-link:hover {
color:#3449a8!important
}
.has-background-link {
background-color:#485fc7!important
}
.has-text-link-light {
color:#eff1fa!important
}
a.has-text-link-light:focus,
a.has-text-link-light:hover {
color:#c8cfee!important
}
.has-background-link-light {
background-color:#eff1fa!important
}
.has-text-link-dark {
color:#3850b7!important
}
a.has-text-link-dark:focus,
a.has-text-link-dark:hover {
color:#576dcb!important
}
.has-background-link-dark {
background-color:#3850b7!important
}
.has-text-info {
color:#3e8ed0!important
}
a.has-text-info:focus,
a.has-text-info:hover {
color:#2b74b1!important
}
.has-background-info {
background-color:#3e8ed0!important
}
.has-text-info-light {
color:#eff5fb!important
}
a.has-text-info-light:focus,
a.has-text-info-light:hover {
color:#c6ddf1!important
}
.has-background-info-light {
background-color:#eff5fb!important
}
.has-text-info-dark {
color:#296fa8!important
}
a.has-text-info-dark:focus,
a.has-text-info-dark:hover {
color:#368ace!important
}
.has-background-info-dark {
background-color:#296fa8!important
}
.has-text-success {
color:#48c78e!important
}
a.has-text-success:focus,
a.has-text-success:hover {
color:#34a873!important
}
.has-background-success {
background-color:#48c78e!important
}
.has-text-success-light {
color:#effaf5!important
}
a.has-text-success-light:focus,
a.has-text-success-light:hover {
color:#c8eedd!important
}
.has-background-success-light {
background-color:#effaf5!important
}
.has-text-success-dark {
color:#257953!important
}
a.has-text-success-dark:focus,
a.has-text-success-dark:hover {
color:#31a06e!important
}
.has-background-success-dark {
background-color:#257953!important
}
.has-text-warning {
color:#ffe08a!important
}
a.has-text-warning:focus,
a.has-text-warning:hover {
color:#ffd257!important
}
.has-background-warning {
background-color:#ffe08a!important
}
.has-text-warning-light {
color:#fffaeb!important
}
a.has-text-warning-light:focus,
a.has-text-warning-light:hover {
color:#ffecb8!important
}
.has-background-warning-light {
background-color:#fffaeb!important
}
.has-text-warning-dark {
color:#946c00!important
}
a.has-text-warning-dark:focus,
a.has-text-warning-dark:hover {
color:#c79200!important
}
.has-background-warning-dark {
background-color:#946c00!important
}
.has-text-danger {
color:#f14668!important
}
a.has-text-danger:focus,
a.has-text-danger:hover {
color:#ee1742!important
}
.has-background-danger {
background-color:#f14668!important
}
.has-text-danger-light {
color:#feecf0!important
}
a.has-text-danger-light:focus,
a.has-text-danger-light:hover {
color:#fabdc9!important
}
.has-background-danger-light {
background-color:#feecf0!important
}
.has-text-danger-dark {
color:#cc0f35!important
}
a.has-text-danger-dark:focus,
a.has-text-danger-dark:hover {
color:#ee2049!important
}
.has-background-danger-dark {
background-color:#cc0f35!important
}
.has-text-expo {
color:#ffd257!important
}
a.has-text-expo:focus,
a.has-text-expo:hover {
color:#ffc424!important
}
.has-background-expo {
background-color:#ffd257!important
}
.has-text-expo-light {
color:#fffaeb!important
}
a.has-text-expo-light:focus,
a.has-text-expo-light:hover {
color:#ffecb8!important
}
.has-background-expo-light {
background-color:#fffaeb!important
}
.has-text-expo-dark {
color:#946c00!important
}
a.has-text-expo-dark:focus,
a.has-text-expo-dark:hover {
color:#c79200!important
}
.has-background-expo-dark {
background-color:#946c00!important
}
.has-text-love {
color:#f14668!important
}
a.has-text-love:focus,
a.has-text-love:hover {
color:#ee1742!important
}
.has-background-love {
background-color:#f14668!important
}
.has-text-love-light {
color:#feecf0!important
}
a.has-text-love-light:focus,
a.has-text-love-light:hover {
color:#fabdc9!important
}
.has-background-love-light {
background-color:#feecf0!important
}
.has-text-love-dark {
color:#cc0f35!important
}
a.has-text-love-dark:focus,
a.has-text-love-dark:hover {
color:#ee2049!important
}
.has-background-love-dark {
background-color:#cc0f35!important
}
.has-text-patreon {
color:#f96854!important
}
a.has-text-patreon:focus,
a.has-text-patreon:hover {
color:#f73c23!important
}
.has-background-patreon {
background-color:#f96854!important
}
.has-text-patreon-light {
color:#feeeeb!important
}
a.has-text-patreon-light:focus,
a.has-text-patreon-light:hover {
color:#fdc2ba!important
}
.has-background-patreon-light {
background-color:#feeeeb!important
}
.has-text-patreon-dark {
color:#c01d07!important
}
a.has-text-patreon-dark:focus,
a.has-text-patreon-dark:hover {
color:#f12508!important
}
.has-background-patreon-dark {
background-color:#c01d07!important
}
.has-text-rss {
color:#f26522!important
}
a.has-text-rss:focus,
a.has-text-rss:hover {
color:#d54d0d!important
}
.has-background-rss {
background-color:#f26522!important
}
.has-text-rss-light {
color:#fef2ec!important
}
a.has-text-rss-light:focus,
a.has-text-rss-light:hover {
color:#fbd0bc!important
}
.has-background-rss-light {
background-color:#fef2ec!important
}
.has-text-rss-dark {
color:#c1460b!important
}
a.has-text-rss-dark:focus,
a.has-text-rss-dark:hover {
color:#f1570e!important
}
.has-background-rss-dark {
background-color:#c1460b!important
}
.has-text-bleeding {
color:#abf47c!important
}
a.has-text-bleeding:focus,
a.has-text-bleeding:hover {
color:#8df04d!important
}
.has-background-bleeding {
background-color:#abf47c!important
}
.has-text-bleeding-light {
color:#f3fdec!important
}
a.has-text-bleeding-light:focus,
a.has-text-bleeding-light:hover {
color:#d5f9bd!important
}
.has-background-bleeding-light {
background-color:#f3fdec!important
}
.has-text-bleeding-dark {
color:#3c880b!important
}
a.has-text-bleeding-dark:focus,
a.has-text-bleeding-dark:hover {
color:#51b70f!important
}
.has-background-bleeding-dark {
background-color:#3c880b!important
}
.has-text-sass {
color:#bf4080!important
}
a.has-text-sass:focus,
a.has-text-sass:hover {
color:#936!important
}
.has-background-sass {
background-color:#bf4080!important
}
.has-text-sass-light {
color:#faf0f5!important
}
a.has-text-sass-light:focus,
a.has-text-sass-light:hover {
color:#edcadb!important
}
.has-background-sass-light {
background-color:#faf0f5!important
}
.has-text-sass-dark {
color:#b03b76!important
}
a.has-text-sass-dark:focus,
a.has-text-sass-dark:hover {
color:#c7578f!important
}
.has-background-sass-dark {
background-color:#b03b76!important
}
.has-text-amazon {
color:#ffd863!important
}
a.has-text-amazon:focus,
a.has-text-amazon:hover {
color:#ffcb30!important
}
.has-background-amazon {
background-color:#ffd863!important
}
.has-text-amazon-light {
color:#fffaeb!important
}
a.has-text-amazon-light:focus,
a.has-text-amazon-light:hover {
color:#ffedb8!important
}
.has-background-amazon-light {
background-color:#fffaeb!important
}
.has-text-amazon-dark {
color:#946f00!important
}
a.has-text-amazon-dark:focus,
a.has-text-amazon-dark:hover {
color:#c79500!important
}
.has-background-amazon-dark {
background-color:#946f00!important
}
.has-text-sponsor {
color:#ea4aaa!important
}
a.has-text-sponsor:focus,
a.has-text-sponsor:hover {
color:#e51c95!important
}
.has-background-sponsor {
background-color:#ea4aaa!important
}
.has-text-sponsor-light {
color:#fdedf6!important
}
a.has-text-sponsor-light:focus,
a.has-text-sponsor-light:hover {
color:#f8bfe1!important
}
.has-background-sponsor-light {
background-color:#fdedf6!important
}
.has-text-sponsor-dark {
color:#c0167c!important
}
a.has-text-sponsor-dark:focus,
a.has-text-sponsor-dark:hover {
color:#e62498!important
}
.has-background-sponsor-dark {
background-color:#c0167c!important
}
.has-text-twitter {
color:#55acee!important
}
a.has-text-twitter:focus,
a.has-text-twitter:hover {
color:#2795e9!important
}
.has-background-twitter {
background-color:#55acee!important
}
.has-text-twitter-light {
color:#ecf6fd!important
}
a.has-text-twitter-light:focus,
a.has-text-twitter-light:hover {
color:#bedff9!important
}
.has-background-twitter-light {
background-color:#ecf6fd!important
}
.has-text-twitter-dark {
color:#10609e!important
}
a.has-text-twitter-dark:focus,
a.has-text-twitter-dark:hover {
color:#147dcc!important
}
.has-background-twitter-dark {
background-color:#10609e!important
}
.has-text-videos {
color:#48c78e!important
}
a.has-text-videos:focus,
a.has-text-videos:hover {
color:#34a873!important
}
.has-background-videos {
background-color:#48c78e!important
}
.has-text-videos-light {
color:#effaf5!important
}
a.has-text-videos-light:focus,
a.has-text-videos-light:hover {
color:#c8eedd!important
}
.has-background-videos-light {
background-color:#effaf5!important
}
.has-text-videos-dark {
color:#257953!important
}
a.has-text-videos-dark:focus,
a.has-text-videos-dark:hover {
color:#31a06e!important
}
.has-background-videos-dark {
background-color:#257953!important
}
.has-text-extensions {
color:#3e8ed0!important
}
a.has-text-extensions:focus,
a.has-text-extensions:hover {
color:#2b74b1!important
}
.has-background-extensions {
background-color:#3e8ed0!important
}
.has-text-extensions-light {
color:#eff5fb!important
}
a.has-text-extensions-light:focus,
a.has-text-extensions-light:hover {
color:#c6ddf1!important
}
.has-background-extensions-light {
background-color:#eff5fb!important
}
.has-text-extensions-dark {
color:#296fa8!important
}
a.has-text-extensions-dark:focus,
a.has-text-extensions-dark:hover {
color:#368ace!important
}
.has-background-extensions-dark {
background-color:#296fa8!important
}
.has-text-bootstrap {
color:#6f5499!important
}
a.has-text-bootstrap:focus,
a.has-text-bootstrap:hover {
color:#574278!important
}
.has-background-bootstrap {
background-color:#6f5499!important
}
.has-text-bootstrap-light {
color:#f4f2f8!important
}
a.has-text-bootstrap-light:focus,
a.has-text-bootstrap-light:hover {
color:#d9d1e6!important
}
.has-background-bootstrap-light {
background-color:#f4f2f8!important
}
.has-text-bootstrap-dark {
color:#73579e!important
}
a.has-text-bootstrap-dark:focus,
a.has-text-bootstrap-dark:hover {
color:#8d75b3!important
}
.has-background-bootstrap-dark {
background-color:#73579e!important
}
.has-text-black-bis {
color:#121212!important
}
.has-background-black-bis {
background-color:#121212!important
}
.has-text-black-ter {
color:#242424!important
}
.has-background-black-ter {
background-color:#242424!important
}
.has-text-grey-darker {
color:#363636!important
}
.has-background-grey-darker {
background-color:#363636!important
}
.has-text-grey-dark {
color:#4a4a4a!important
}
.has-background-grey-dark {
background-color:#4a4a4a!important
}
.has-text-grey {
color:#7a7a7a!important
}
.has-background-grey {
background-color:#7a7a7a!important
}
.has-text-grey-light {
color:#b5b5b5!important
}
.has-background-grey-light {
background-color:#b5b5b5!important
}
.has-text-grey-lighter {
color:#dbdbdb!important
}
.has-background-grey-lighter {
background-color:#dbdbdb!important
}
.has-text-white-ter {
color:#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
}
.is-flex-direction-row {
flex-direction:row!important
}
.is-flex-direction-row-reverse {
flex-direction:row-reverse!important
}
.is-flex-direction-column {
flex-direction:column!important
}
.is-flex-direction-column-reverse {
flex-direction:column-reverse!important
}
.is-flex-wrap-nowrap {
flex-wrap:nowrap!important
}
.is-flex-wrap-wrap {
flex-wrap:wrap!important
}
.is-flex-wrap-wrap-reverse {
flex-wrap:wrap-reverse!important
}
.is-justify-content-flex-start {
justify-content:flex-start!important
}
.is-justify-content-flex-end {
justify-content:flex-end!important
}
.is-justify-content-center {
justify-content:center!important
}
.is-justify-content-space-between {
justify-content:space-between!important
}
.is-justify-content-space-around {
justify-content:space-around!important
}
.is-justify-content-space-evenly {
justify-content:space-evenly!important
}
.is-justify-content-start {
justify-content:start!important
}
.is-justify-content-end {
justify-content:end!important
}
.is-justify-content-left {
justify-content:left!important
}
.is-justify-content-right {
justify-content:right!important
}
.is-align-content-flex-start {
align-content:flex-start!important
}
.is-align-content-flex-end {
align-content:flex-end!important
}
.is-align-content-center {
align-content:center!important
}
.is-align-content-space-between {
align-content:space-between!important
}
.is-align-content-space-around {
align-content:space-around!important
}
.is-align-content-space-evenly {
align-content:space-evenly!important
}
.is-align-content-stretch {
align-content:stretch!important
}
.is-align-content-start {
align-content:start!important
}
.is-align-content-end {
align-content:end!important
}
.is-align-content-baseline {
align-content:baseline!important
}
.is-align-items-stretch {
align-items:stretch!important
}
.is-align-items-flex-start {
align-items:flex-start!important
}
.is-align-items-flex-end {
align-items:flex-end!important
}
.is-align-items-center {
align-items:center!important
}
.is-align-items-baseline {
align-items:baseline!important
}
.is-align-items-start {
align-items:start!important
}
.is-align-items-end {
align-items:end!important
}
.is-align-items-self-start {
align-items:self-start!important
}
.is-align-items-self-end {
align-items:self-end!important
}
.is-align-self-auto {
align-self:auto!important
}
.is-align-self-flex-start {
align-self:flex-start!important
}
.is-align-self-flex-end {
align-self:flex-end!important
}
.is-align-self-center {
align-self:center!important
}
.is-align-self-baseline {
align-self:baseline!important
}
.is-align-self-stretch {
align-self:stretch!important
}
.is-flex-grow-0 {
flex-grow:0!important
}
.is-flex-grow-1 {
flex-grow:1!important
}
.is-flex-grow-2 {
flex-grow:2!important
}
.is-flex-grow-3 {
flex-grow:3!important
}
.is-flex-grow-4 {
flex-grow:4!important
}
.is-flex-grow-5 {
flex-grow:5!important
}
.is-flex-shrink-0 {
flex-shrink:0!important
}
.is-flex-shrink-1 {
flex-shrink:1!important
}
.is-flex-shrink-2 {
flex-shrink:2!important
}
.is-flex-shrink-3 {
flex-shrink:3!important
}
.is-flex-shrink-4 {
flex-shrink:4!important
}
.is-flex-shrink-5 {
flex-shrink:5!important
}
.is-clearfix::after {
clear:both;
content:" ";
display:table
}
.is-pulled-left {
float:left!important
}
.is-pulled-right {
float:right!important
}
.is-radiusless {
border-radius:0!important
}
.is-shadowless {
box-shadow:none!important
}
.is-clickable {
cursor:pointer!important;
pointer-events:all!important
}
.is-clipped {
overflow:hidden!important
}
.is-relative {
position:relative!important
}
.is-marginless {
margin:0!important
}
.is-paddingless {
padding:0!important
}
.m-0 {
margin:0!important
}
.mt-0 {
margin-top:0!important
}
.mr-0 {
margin-right:0!important
}
.mb-0 {
margin-bottom:0!important
}
.ml-0 {
margin-left:0!important
}
.mx-0 {
margin-left:0!important;
margin-right:0!important
}
.my-0 {
margin-top:0!important;
margin-bottom:0!important
}
.m-1 {
margin:.25rem!important
}
.mt-1 {
margin-top:.25rem!important
}
.mr-1 {
margin-right:.25rem!important
}
.mb-1 {
margin-bottom:.25rem!important
}
.ml-1 {
margin-left:.25rem!important
}
.mx-1 {
margin-left:.25rem!important;
margin-right:.25rem!important
}
.my-1 {
margin-top:.25rem!important;
margin-bottom:.25rem!important
}
.m-2 {
margin:.5rem!important
}
.mt-2 {
margin-top:.5rem!important
}
.mr-2 {
margin-right:.5rem!important
}
.mb-2 {
margin-bottom:.5rem!important
}
.ml-2 {
margin-left:.5rem!important
}
.mx-2 {
margin-left:.5rem!important;
margin-right:.5rem!important
}
.my-2 {
margin-top:.5rem!important;
margin-bottom:.5rem!important
}
.m-3 {
margin:.75rem!important
}
.mt-3 {
margin-top:.75rem!important
}
.mr-3 {
margin-right:.75rem!important
}
.mb-3 {
margin-bottom:.75rem!important
}
.ml-3 {
margin-left:.75rem!important
}
.mx-3 {
margin-left:.75rem!important;
margin-right:.75rem!important
}
.my-3 {
margin-top:.75rem!important;
margin-bottom:.75rem!important
}
.m-4 {
margin:1rem!important
}
.mt-4 {
margin-top:1rem!important
}
.mr-4 {
margin-right:1rem!important
}
.mb-4 {
margin-bottom:1rem!important
}
.ml-4 {
margin-left:1rem!important
}
.mx-4 {
margin-left:1rem!important;
margin-right:1rem!important
}
.my-4 {
margin-top:1rem!important;
margin-bottom:1rem!important
}
.m-5 {
margin:1.5rem!important
}
.mt-5 {
margin-top:1.5rem!important
}
.mr-5 {
margin-right:1.5rem!important
}
.mb-5 {
margin-bottom:1.5rem!important
}
.ml-5 {
margin-left:1.5rem!important
}
.mx-5 {
margin-left:1.5rem!important;
margin-right:1.5rem!important
}
.my-5 {
margin-top:1.5rem!important;
margin-bottom:1.5rem!important
}
.m-6 {
margin:3rem!important
}
.mt-6 {
margin-top:3rem!important
}
.mr-6 {
margin-right:3rem!important
}
.mb-6 {
margin-bottom:3rem!important
}
.ml-6 {
margin-left:3rem!important
}
.mx-6 {
margin-left:3rem!important;
margin-right:3rem!important
}
.my-6 {
margin-top:3rem!important;
margin-bottom:3rem!important
}
.m-auto {
margin:auto!important
}
.mt-auto {
margin-top:auto!important
}
.mr-auto {
margin-right:auto!important
}
.mb-auto {
margin-bottom:auto!important
}
.ml-auto {
margin-left:auto!important
}
.mx-auto {
margin-left:auto!important;
margin-right:auto!important
}
.my-auto {
margin-top:auto!important;
margin-bottom:auto!important
}
.p-0 {
padding:0!important
}
.pt-0 {
padding-top:0!important
}
.pr-0 {
padding-right:0!important
}
.pb-0 {
padding-bottom:0!important
}
.pl-0 {
padding-left:0!important
}
.px-0 {
padding-left:0!important;
padding-right:0!important
}
.py-0 {
padding-top:0!important;
padding-bottom:0!important
}
.p-1 {
padding:.25rem!important
}
.pt-1 {
padding-top:.25rem!important
}
.pr-1 {
padding-right:.25rem!important
}
.pb-1 {
padding-bottom:.25rem!important
}
.pl-1 {
padding-left:.25rem!important
}
.px-1 {
padding-left:.25rem!important;
padding-right:.25rem!important
}
.py-1 {
padding-top:.25rem!important;
padding-bottom:.25rem!important
}
.p-2 {
padding:.5rem!important
}
.pt-2 {
padding-top:.5rem!important
}
.pr-2 {
padding-right:.5rem!important
}
.pb-2 {
padding-bottom:.5rem!important
}
.pl-2 {
padding-left:.5rem!important
}
.px-2 {
padding-left:.5rem!important;
padding-right:.5rem!important
}
.py-2 {
padding-top:.5rem!important;
padding-bottom:.5rem!important
}
.p-3 {
padding:.75rem!important
}
.pt-3 {
padding-top:.75rem!important
}
.pr-3 {
padding-right:.75rem!important
}
.pb-3 {
padding-bottom:.75rem!important
}
.pl-3 {
padding-left:.75rem!important
}
.px-3 {
padding-left:.75rem!important;
padding-right:.75rem!important
}
.py-3 {
padding-top:.75rem!important;
padding-bottom:.75rem!important
}
.p-4 {
padding:1rem!important
}
.pt-4 {
padding-top:1rem!important
}
.pr-4 {
padding-right:1rem!important
}
.pb-4 {
padding-bottom:1rem!important
}
.pl-4 {
padding-left:1rem!important
}
.px-4 {
padding-left:1rem!important;
padding-right:1rem!important
}
.py-4 {
padding-top:1rem!important;
padding-bottom:1rem!important
}
.p-5 {
padding:1.5rem!important
}
.pt-5 {
padding-top:1.5rem!important
}
.pr-5 {
padding-right:1.5rem!important
}
.pb-5 {
padding-bottom:1.5rem!important
}
.pl-5 {
padding-left:1.5rem!important
}
.px-5 {
padding-left:1.5rem!important;
padding-right:1.5rem!important
}
.py-5 {
padding-top:1.5rem!important;
padding-bottom:1.5rem!important
}
.p-6 {
padding:3rem!important
}
.pt-6 {
padding-top:3rem!important
}
.pr-6 {
padding-right:3rem!important
}
.pb-6 {
padding-bottom:3rem!important
}
.pl-6 {
padding-left:3rem!important
}
.px-6 {
padding-left:3rem!important;
padding-right:3rem!important
}
.py-6 {
padding-top:3rem!important;
padding-bottom:3rem!important
}
.p-auto {
padding:auto!important
}
.pt-auto {
padding-top:auto!important
}
.pr-auto {
padding-right:auto!important
}
.pb-auto {
padding-bottom:auto!important
}
.pl-auto {
padding-left:auto!important
}
.px-auto {
padding-left:auto!important;
padding-right:auto!important
}
.py-auto {
padding-top:auto!important;
padding-bottom:auto!important
}
.is-size-1 {
font-size:3rem!important
}
.is-size-2 {
font-size:2.5rem!important
}
.is-size-3 {
font-size:2rem!important
}
.is-size-4 {
font-size:1.5rem!important
}
.is-size-5 {
font-size:1.25rem!important
}
.is-size-6 {
font-size:1rem!important
}
.is-size-7 {
font-size:.75rem!important
}
@media screen and (max-width:768px) {
.is-size-1-mobile {
font-size:3rem!important
}
.is-size-2-mobile {
font-size:2.5rem!important
}
.is-size-3-mobile {
font-size:2rem!important
}
.is-size-4-mobile {
font-size:1.5rem!important
}
.is-size-5-mobile {
font-size:1.25rem!important
}
.is-size-6-mobile {
font-size:1rem!important
}
.is-size-7-mobile {
font-size:.75rem!important
}
}
@media screen and (min-width:769px),print {
.is-size-1-tablet {
font-size:3rem!important
}
.is-size-2-tablet {
font-size:2.5rem!important
}
.is-size-3-tablet {
font-size:2rem!important
}
.is-size-4-tablet {
font-size:1.5rem!important
}
.is-size-5-tablet {
font-size:1.25rem!important
}
.is-size-6-tablet {
font-size:1rem!important
}
.is-size-7-tablet {
font-size:.75rem!important
}
}
@media screen and (max-width:1023px) {
.is-size-1-touch {
font-size:3rem!important
}
.is-size-2-touch {
font-size:2.5rem!important
}
.is-size-3-touch {
font-size:2rem!important
}
.is-size-4-touch {
font-size:1.5rem!important
}
.is-size-5-touch {
font-size:1.25rem!important
}
.is-size-6-touch {
font-size:1rem!important
}
.is-size-7-touch {
font-size:.75rem!important
}
}
@media screen and (min-width:1024px) {
.is-size-1-desktop {
font-size:3rem!important
}
.is-size-2-desktop {
font-size:2.5rem!important
}
.is-size-3-desktop {
font-size:2rem!important
}
.is-size-4-desktop {
font-size:1.5rem!important
}
.is-size-5-desktop {
font-size:1.25rem!important
}
.is-size-6-desktop {
font-size:1rem!important
}
.is-size-7-desktop {
font-size:.75rem!important
}
}
@media screen and (min-width:1216px) {
.is-size-1-widescreen {
font-size:3rem!important
}
.is-size-2-widescreen {
font-size:2.5rem!important
}
.is-size-3-widescreen {
font-size:2rem!important
}
.is-size-4-widescreen {
font-size:1.5rem!important
}
.is-size-5-widescreen {
font-size:1.25rem!important
}
.is-size-6-widescreen {
font-size:1rem!important
}
.is-size-7-widescreen {
font-size:.75rem!important
}
}
@media screen and (min-width:1408px) {
.is-size-1-fullhd {
font-size:3rem!important
}
.is-size-2-fullhd {
font-size:2.5rem!important
}
.is-size-3-fullhd {
font-size:2rem!important
}
.is-size-4-fullhd {
font-size:1.5rem!important
}
.is-size-5-fullhd {
font-size:1.25rem!important
}
.is-size-6-fullhd {
font-size:1rem!important
}
.is-size-7-fullhd {
font-size:.75rem!important
}
}
.has-text-centered {
text-align:center!important
}
.has-text-justified {
text-align:justify!important
}
.has-text-left {
text-align:left!important
}
.has-text-right {
text-align:right!important
}
@media screen and (max-width:768px) {
.has-text-centered-mobile {
text-align:center!important
}
}
@media screen and (min-width:769px),print {
.has-text-centered-tablet {
text-align:center!important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.has-text-centered-tablet-only {
text-align:center!important
}
}
@media screen and (max-width:1023px) {
.has-text-centered-touch {
text-align:center!important
}
}
@media screen and (min-width:1024px) {
.has-text-centered-desktop {
text-align:center!important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.has-text-centered-desktop-only {
text-align:center!important
}
}
@media screen and (min-width:1216px) {
.has-text-centered-widescreen {
text-align:center!important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.has-text-centered-widescreen-only {
text-align:center!important
}
}
@media screen and (min-width:1408px) {
.has-text-centered-fullhd {
text-align:center!important
}
}
@media screen and (max-width:768px) {
.has-text-justified-mobile {
text-align:justify!important
}
}
@media screen and (min-width:769px),print {
.has-text-justified-tablet {
text-align:justify!important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.has-text-justified-tablet-only {
text-align:justify!important
}
}
@media screen and (max-width:1023px) {
.has-text-justified-touch {
text-align:justify!important
}
}
@media screen and (min-width:1024px) {
.has-text-justified-desktop {
text-align:justify!important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.has-text-justified-desktop-only {
text-align:justify!important
}
}
@media screen and (min-width:1216px) {
.has-text-justified-widescreen {
text-align:justify!important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.has-text-justified-widescreen-only {
text-align:justify!important
}
}
@media screen and (min-width:1408px) {
.has-text-justified-fullhd {
text-align:justify!important
}
}
@media screen and (max-width:768px) {
.has-text-left-mobile {
text-align:left!important
}
}
@media screen and (min-width:769px),print {
.has-text-left-tablet {
text-align:left!important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.has-text-left-tablet-only {
text-align:left!important
}
}
@media screen and (max-width:1023px) {
.has-text-left-touch {
text-align:left!important
}
}
@media screen and (min-width:1024px) {
.has-text-left-desktop {
text-align:left!important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.has-text-left-desktop-only {
text-align:left!important
}
}
@media screen and (min-width:1216px) {
.has-text-left-widescreen {
text-align:left!important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.has-text-left-widescreen-only {
text-align:left!important
}
}
@media screen and (min-width:1408px) {
.has-text-left-fullhd {
text-align:left!important
}
}
@media screen and (max-width:768px) {
.has-text-right-mobile {
text-align:right!important
}
}
@media screen and (min-width:769px),print {
.has-text-right-tablet {
text-align:right!important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.has-text-right-tablet-only {
text-align:right!important
}
}
@media screen and (max-width:1023px) {
.has-text-right-touch {
text-align:right!important
}
}
@media screen and (min-width:1024px) {
.has-text-right-desktop {
text-align:right!important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.has-text-right-desktop-only {
text-align:right!important
}
}
@media screen and (min-width:1216px) {
.has-text-right-widescreen {
text-align:right!important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.has-text-right-widescreen-only {
text-align:right!important
}
}
@media screen and (min-width:1408px) {
.has-text-right-fullhd {
text-align:right!important
}
}
.is-capitalized {
text-transform:capitalize!important
}
.is-lowercase {
text-transform:lowercase!important
}
.is-uppercase {
text-transform:uppercase!important
}
.is-italic {
font-style:italic!important
}
.is-underlined {
text-decoration:underline!important
}
.has-text-weight-light {
font-weight:300!important
}
.has-text-weight-normal {
font-weight:400!important
}
.has-text-weight-medium {
font-weight:500!important
}
.has-text-weight-semibold {
font-weight:600!important
}
.has-text-weight-bold {
font-weight:700!important
}
.is-family-primary {
font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important
}
.is-family-secondary {
font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important
}
.is-family-sans-serif {
font-family:BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif!important
}
.is-family-monospace {
font-family:monospace!important
}
.is-family-code {
font-family:monospace!important
}
.is-block {
display:block!important
}
@media screen and (max-width:768px) {
.is-block-mobile {
display:block!important
}
}
@media screen and (min-width:769px),print {
.is-block-tablet {
display:block!important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-block-tablet-only {
display:block!important
}
}
@media screen and (max-width:1023px) {
.is-block-touch {
display:block!important
}
}
@media screen and (min-width:1024px) {
.is-block-desktop {
display:block!important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-block-desktop-only {
display:block!important
}
}
@media screen and (min-width:1216px) {
.is-block-widescreen {
display:block!important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-block-widescreen-only {
display:block!important
}
}
@media screen and (min-width:1408px) {
.is-block-fullhd {
display:block!important
}
}
.is-flex {
display:flex!important
}
@media screen and (max-width:768px) {
.is-flex-mobile {
display:flex!important
}
}
@media screen and (min-width:769px),print {
.is-flex-tablet {
display:flex!important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-flex-tablet-only {
display:flex!important
}
}
@media screen and (max-width:1023px) {
.is-flex-touch {
display:flex!important
}
}
@media screen and (min-width:1024px) {
.is-flex-desktop {
display:flex!important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-flex-desktop-only {
display:flex!important
}
}
@media screen and (min-width:1216px) {
.is-flex-widescreen {
display:flex!important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-flex-widescreen-only {
display:flex!important
}
}
@media screen and (min-width:1408px) {
.is-flex-fullhd {
display:flex!important
}
}
.is-inline {
display:inline!important
}
@media screen and (max-width:768px) {
.is-inline-mobile {
display:inline!important
}
}
@media screen and (min-width:769px),print {
.is-inline-tablet {
display:inline!important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-inline-tablet-only {
display:inline!important
}
}
@media screen and (max-width:1023px) {
.is-inline-touch {
display:inline!important
}
}
@media screen and (min-width:1024px) {
.is-inline-desktop {
display:inline!important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-inline-desktop-only {
display:inline!important
}
}
@media screen and (min-width:1216px) {
.is-inline-widescreen {
display:inline!important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-inline-widescreen-only {
display:inline!important
}
}
@media screen and (min-width:1408px) {
.is-inline-fullhd {
display:inline!important
}
}
.is-inline-block {
display:inline-block!important
}
@media screen and (max-width:768px) {
.is-inline-block-mobile {
display:inline-block!important
}
}
@media screen and (min-width:769px),print {
.is-inline-block-tablet {
display:inline-block!important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-inline-block-tablet-only {
display:inline-block!important
}
}
@media screen and (max-width:1023px) {
.is-inline-block-touch {
display:inline-block!important
}
}
@media screen and (min-width:1024px) {
.is-inline-block-desktop {
display:inline-block!important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-inline-block-desktop-only {
display:inline-block!important
}
}
@media screen and (min-width:1216px) {
.is-inline-block-widescreen {
display:inline-block!important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-inline-block-widescreen-only {
display:inline-block!important
}
}
@media screen and (min-width:1408px) {
.is-inline-block-fullhd {
display:inline-block!important
}
}
.is-inline-flex {
display:inline-flex!important
}
@media screen and (max-width:768px) {
.is-inline-flex-mobile {
display:inline-flex!important
}
}
@media screen and (min-width:769px),print {
.is-inline-flex-tablet {
display:inline-flex!important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-inline-flex-tablet-only {
display:inline-flex!important
}
}
@media screen and (max-width:1023px) {
.is-inline-flex-touch {
display:inline-flex!important
}
}
@media screen and (min-width:1024px) {
.is-inline-flex-desktop {
display:inline-flex!important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-inline-flex-desktop-only {
display:inline-flex!important
}
}
@media screen and (min-width:1216px) {
.is-inline-flex-widescreen {
display:inline-flex!important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-inline-flex-widescreen-only {
display:inline-flex!important
}
}
@media screen and (min-width:1408px) {
.is-inline-flex-fullhd {
display:inline-flex!important
}
}
.is-hidden {
display:none!important
}
.is-sr-only {
border:none!important;
clip:rect(0,0,0,0)!important;
height:.01em!important;
overflow:hidden!important;
padding:0!important;
position:absolute!important;
white-space:nowrap!important;
width:.01em!important
}
@media screen and (max-width:768px) {
.is-hidden-mobile {
display:none!important
}
}
@media screen and (min-width:769px),print {
.is-hidden-tablet {
display:none!important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-hidden-tablet-only {
display:none!important
}
}
@media screen and (max-width:1023px) {
.is-hidden-touch {
display:none!important
}
}
@media screen and (min-width:1024px) {
.is-hidden-desktop {
display:none!important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-hidden-desktop-only {
display:none!important
}
}
@media screen and (min-width:1216px) {
.is-hidden-widescreen {
display:none!important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-hidden-widescreen-only {
display:none!important
}
}
@media screen and (min-width:1408px) {
.is-hidden-fullhd {
display:none!important
}
}
.is-invisible {
visibility:hidden!important
}
@media screen and (max-width:768px) {
.is-invisible-mobile {
visibility:hidden!important
}
}
@media screen and (min-width:769px),print {
.is-invisible-tablet {
visibility:hidden!important
}
}
@media screen and (min-width:769px) and (max-width:1023px) {
.is-invisible-tablet-only {
visibility:hidden!important
}
}
@media screen and (max-width:1023px) {
.is-invisible-touch {
visibility:hidden!important
}
}
@media screen and (min-width:1024px) {
.is-invisible-desktop {
visibility:hidden!important
}
}
@media screen and (min-width:1024px) and (max-width:1215px) {
.is-invisible-desktop-only {
visibility:hidden!important
}
}
@media screen and (min-width:1216px) {
.is-invisible-widescreen {
visibility:hidden!important
}
}
@media screen and (min-width:1216px) and (max-width:1407px) {
.is-invisible-widescreen-only {
visibility:hidden!important
}
}
@media screen and (min-width:1408px) {
.is-invisible-fullhd {
visibility:hidden!important
}
}
.hero {
align-items:stretch;
display:flex;
flex-direction:column;
justify-content:space-between
}
.hero .navbar {
background:0 0
}
.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,.9)
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
color:#0a0a0a
}
@media screen and (max-width:1023px) {
.hero.is-white .navbar-menu {
background-color:#fff
}
}
.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
color:rgba(10,10,10,.7)
}
.hero.is-white .navbar-link.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white a.navbar-item.is-active,
.hero.is-white a.navbar-item:hover {
background-color:#f2f2f2;
color:#0a0a0a
}
.hero.is-white .tabs a {
color:#0a0a0a;
opacity:.9
}
.hero.is-white .tabs a:hover {
opacity:1
}
.hero.is-white .tabs li.is-active a {
color:#fff!important;
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,.1)
}
.hero.is-white .tabs.is-boxed li.is-active a,
.hero.is-white .tabs.is-boxed li.is-active a:hover,
.hero.is-white .tabs.is-toggle li.is-active a,
.hero.is-white .tabs.is-toggle li.is-active a:hover {
background-color:#0a0a0a;
border-color:#0a0a0a;
color:#fff
}
.hero.is-white.is-bold {
background-image:linear-gradient(141deg,#e6e6e6 0,#fff 71%,#fff 100%)
}
@media screen and (max-width:768px) {
.hero.is-white.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#e6e6e6 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,.9)
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-black .navbar-menu {
background-color:#0a0a0a
}
}
.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-black .navbar-link.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black a.navbar-item.is-active,
.hero.is-black a.navbar-item:hover {
background-color:#000;
color:#fff
}
.hero.is-black .tabs a {
color:#fff;
opacity:.9
}
.hero.is-black .tabs a:hover {
opacity:1
}
.hero.is-black .tabs li.is-active a {
color:#0a0a0a!important;
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,.1)
}
.hero.is-black .tabs.is-boxed li.is-active a,
.hero.is-black .tabs.is-boxed li.is-active a:hover,
.hero.is-black .tabs.is-toggle li.is-active a,
.hero.is-black .tabs.is-toggle li.is-active a:hover {
background-color:#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,.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,.7)
}
.hero.is-light .subtitle {
color:rgba(0,0,0,.9)
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
color:rgba(0,0,0,.7)
}
@media screen and (max-width:1023px) {
.hero.is-light .navbar-menu {
background-color:#f5f5f5
}
}
.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
color:rgba(0,0,0,.7)
}
.hero.is-light .navbar-link.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light a.navbar-item.is-active,
.hero.is-light a.navbar-item:hover {
background-color:#e8e8e8;
color:rgba(0,0,0,.7)
}
.hero.is-light .tabs a {
color:rgba(0,0,0,.7);
opacity:.9
}
.hero.is-light .tabs a:hover {
opacity:1
}
.hero.is-light .tabs li.is-active a {
color:#f5f5f5!important;
opacity:1
}
.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
color:rgba(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,.1)
}
.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover,
.hero.is-light .tabs.is-toggle li.is-active a,
.hero.is-light .tabs.is-toggle li.is-active a:hover {
background-color:rgba(0,0,0,.7);
border-color:rgba(0,0,0,.7);
color:#f5f5f5
}
.hero.is-light.is-bold {
background-image:linear-gradient(141deg,#dfd8d9 0,#f5f5f5 71%,#fff 100%)
}
@media screen and (max-width:768px) {
.hero.is-light.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#dfd8d9 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,.9)
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-dark .navbar-menu {
background-color:#363636
}
}
.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-dark .navbar-link.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark a.navbar-item.is-active,
.hero.is-dark a.navbar-item:hover {
background-color:#292929;
color:#fff
}
.hero.is-dark .tabs a {
color:#fff;
opacity:.9
}
.hero.is-dark .tabs a:hover {
opacity:1
}
.hero.is-dark .tabs li.is-active a {
color:#363636!important;
opacity:1
}
.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
color:#fff
}
.hero.is-dark .tabs.is-boxed a:hover,
.hero.is-dark .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#363636
}
.hero.is-dark.is-bold {
background-image:linear-gradient(141deg,#1f191a 0,#363636 71%,#46403f 100%)
}
@media screen and (max-width:768px) {
.hero.is-dark.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#1f191a 0,#363636 71%,#46403f 100%)
}
}
.hero.is-primary {
background-color:#00d1b2;
color:#fff
}
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
color:inherit
}
.hero.is-primary .title {
color:#fff
}
.hero.is-primary .subtitle {
color:rgba(255,255,255,.9)
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-primary .navbar-menu {
background-color:#00d1b2
}
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-primary .navbar-link.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary a.navbar-item.is-active,
.hero.is-primary a.navbar-item:hover {
background-color:#00b89c;
color:#fff
}
.hero.is-primary .tabs a {
color:#fff;
opacity:.9
}
.hero.is-primary .tabs a:hover {
opacity:1
}
.hero.is-primary .tabs li.is-active a {
color:#00d1b2!important;
opacity:1
}
.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
color:#fff
}
.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#00d1b2
}
.hero.is-primary.is-bold {
background-image:linear-gradient(141deg,#009e6c 0,#00d1b2 71%,#00e7eb 100%)
}
@media screen and (max-width:768px) {
.hero.is-primary.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#009e6c 0,#00d1b2 71%,#00e7eb 100%)
}
}
.hero.is-link {
background-color:#485fc7;
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,.9)
}
.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-link .navbar-menu {
background-color:#485fc7
}
}
.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-link .navbar-link.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link a.navbar-item.is-active,
.hero.is-link a.navbar-item:hover {
background-color:#3a51bb;
color:#fff
}
.hero.is-link .tabs a {
color:#fff;
opacity:.9
}
.hero.is-link .tabs a:hover {
opacity:1
}
.hero.is-link .tabs li.is-active a {
color:#485fc7!important;
opacity:1
}
.hero.is-link .tabs.is-boxed a,
.hero.is-link .tabs.is-toggle a {
color:#fff
}
.hero.is-link .tabs.is-boxed a:hover,
.hero.is-link .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover,
.hero.is-link .tabs.is-toggle li.is-active a,
.hero.is-link .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#485fc7
}
.hero.is-link.is-bold {
background-image:linear-gradient(141deg,#2959b3 0,#485fc7 71%,#5658d2 100%)
}
@media screen and (max-width:768px) {
.hero.is-link.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#2959b3 0,#485fc7 71%,#5658d2 100%)
}
}
.hero.is-info {
background-color:#3e8ed0;
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,.9)
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-info .navbar-menu {
background-color:#3e8ed0
}
}
.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-info .navbar-link.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info a.navbar-item.is-active,
.hero.is-info a.navbar-item:hover {
background-color:#3082c5;
color:#fff
}
.hero.is-info .tabs a {
color:#fff;
opacity:.9
}
.hero.is-info .tabs a:hover {
opacity:1
}
.hero.is-info .tabs li.is-active a {
color:#3e8ed0!important;
opacity:1
}
.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
color:#fff
}
.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#3e8ed0
}
.hero.is-info.is-bold {
background-image:linear-gradient(141deg,#208fbc 0,#3e8ed0 71%,#4d83db 100%)
}
@media screen and (max-width:768px) {
.hero.is-info.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#208fbc 0,#3e8ed0 71%,#4d83db 100%)
}
}
.hero.is-success {
background-color:#48c78e;
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,.9)
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-success .navbar-menu {
background-color:#48c78e
}
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-success .navbar-link.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success a.navbar-item.is-active,
.hero.is-success a.navbar-item:hover {
background-color:#3abb81;
color:#fff
}
.hero.is-success .tabs a {
color:#fff;
opacity:.9
}
.hero.is-success .tabs a:hover {
opacity:1
}
.hero.is-success .tabs li.is-active a {
color:#48c78e!important;
opacity:1
}
.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
color:#fff
}
.hero.is-success .tabs.is-boxed a:hover,
.hero.is-success .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#48c78e
}
.hero.is-success.is-bold {
background-image:linear-gradient(141deg,#29b35e 0,#48c78e 71%,#56d2af 100%)
}
@media screen and (max-width:768px) {
.hero.is-success.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#29b35e 0,#48c78e 71%,#56d2af 100%)
}
}
.hero.is-warning {
background-color:#ffe08a;
color:rgba(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,.7)
}
.hero.is-warning .subtitle {
color:rgba(0,0,0,.9)
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
color:rgba(0,0,0,.7)
}
@media screen and (max-width:1023px) {
.hero.is-warning .navbar-menu {
background-color:#ffe08a
}
}
.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
color:rgba(0,0,0,.7)
}
.hero.is-warning .navbar-link.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning a.navbar-item.is-active,
.hero.is-warning a.navbar-item:hover {
background-color:#ffd970;
color:rgba(0,0,0,.7)
}
.hero.is-warning .tabs a {
color:rgba(0,0,0,.7);
opacity:.9
}
.hero.is-warning .tabs a:hover {
opacity:1
}
.hero.is-warning .tabs li.is-active a {
color:#ffe08a!important;
opacity:1
}
.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
color:rgba(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,.1)
}
.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
background-color:rgba(0,0,0,.7);
border-color:rgba(0,0,0,.7);
color:#ffe08a
}
.hero.is-warning.is-bold {
background-image:linear-gradient(141deg,#ffb657 0,#ffe08a 71%,#fff6a3 100%)
}
@media screen and (max-width:768px) {
.hero.is-warning.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#ffb657 0,#ffe08a 71%,#fff6a3 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,.9)
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-danger .navbar-menu {
background-color:#f14668
}
}
.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-danger .navbar-link.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger a.navbar-item.is-active,
.hero.is-danger a.navbar-item:hover {
background-color:#ef2e55;
color:#fff
}
.hero.is-danger .tabs a {
color:#fff;
opacity:.9
}
.hero.is-danger .tabs a:hover {
opacity:1
}
.hero.is-danger .tabs li.is-active a {
color:#f14668!important;
opacity:1
}
.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
color:#fff
}
.hero.is-danger .tabs.is-boxed a:hover,
.hero.is-danger .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#f14668
}
.hero.is-danger.is-bold {
background-image:linear-gradient(141deg,#fa0a62 0,#f14668 71%,#f7595f 100%)
}
@media screen and (max-width:768px) {
.hero.is-danger.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#fa0a62 0,#f14668 71%,#f7595f 100%)
}
}
.hero.is-expo {
background-color:#ffd257;
color:#fff
}
.hero.is-expo a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-expo strong {
color:inherit
}
.hero.is-expo .title {
color:#fff
}
.hero.is-expo .subtitle {
color:rgba(255,255,255,.9)
}
.hero.is-expo .subtitle a:not(.button),
.hero.is-expo .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-expo .navbar-menu {
background-color:#ffd257
}
}
.hero.is-expo .navbar-item,
.hero.is-expo .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-expo .navbar-link.is-active,
.hero.is-expo .navbar-link:hover,
.hero.is-expo a.navbar-item.is-active,
.hero.is-expo a.navbar-item:hover {
background-color:#ffcb3e;
color:#fff
}
.hero.is-expo .tabs a {
color:#fff;
opacity:.9
}
.hero.is-expo .tabs a:hover {
opacity:1
}
.hero.is-expo .tabs li.is-active a {
color:#ffd257!important;
opacity:1
}
.hero.is-expo .tabs.is-boxed a,
.hero.is-expo .tabs.is-toggle a {
color:#fff
}
.hero.is-expo .tabs.is-boxed a:hover,
.hero.is-expo .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-expo .tabs.is-boxed li.is-active a,
.hero.is-expo .tabs.is-boxed li.is-active a:hover,
.hero.is-expo .tabs.is-toggle li.is-active a,
.hero.is-expo .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#ffd257
}
.hero.is-expo.is-bold {
background-image:linear-gradient(141deg,#ffa024 0,#ffd257 71%,#fff171 100%)
}
@media screen and (max-width:768px) {
.hero.is-expo.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#ffa024 0,#ffd257 71%,#fff171 100%)
}
}
.hero.is-love {
background-color:#f14668;
color:#fff
}
.hero.is-love a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-love strong {
color:inherit
}
.hero.is-love .title {
color:#fff
}
.hero.is-love .subtitle {
color:rgba(255,255,255,.9)
}
.hero.is-love .subtitle a:not(.button),
.hero.is-love .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-love .navbar-menu {
background-color:#f14668
}
}
.hero.is-love .navbar-item,
.hero.is-love .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-love .navbar-link.is-active,
.hero.is-love .navbar-link:hover,
.hero.is-love a.navbar-item.is-active,
.hero.is-love a.navbar-item:hover {
background-color:#ef2e55;
color:#fff
}
.hero.is-love .tabs a {
color:#fff;
opacity:.9
}
.hero.is-love .tabs a:hover {
opacity:1
}
.hero.is-love .tabs li.is-active a {
color:#f14668!important;
opacity:1
}
.hero.is-love .tabs.is-boxed a,
.hero.is-love .tabs.is-toggle a {
color:#fff
}
.hero.is-love .tabs.is-boxed a:hover,
.hero.is-love .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-love .tabs.is-boxed li.is-active a,
.hero.is-love .tabs.is-boxed li.is-active a:hover,
.hero.is-love .tabs.is-toggle li.is-active a,
.hero.is-love .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#f14668
}
.hero.is-love.is-bold {
background-image:linear-gradient(141deg,#fa0a62 0,#f14668 71%,#f7595f 100%)
}
@media screen and (max-width:768px) {
.hero.is-love.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#fa0a62 0,#f14668 71%,#f7595f 100%)
}
}
.hero.is-patreon {
background-color:#f96854;
color:#fff
}
.hero.is-patreon a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-patreon strong {
color:inherit
}
.hero.is-patreon .title {
color:#fff
}
.hero.is-patreon .subtitle {
color:rgba(255,255,255,.9)
}
.hero.is-patreon .subtitle a:not(.button),
.hero.is-patreon .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-patreon .navbar-menu {
background-color:#f96854
}
}
.hero.is-patreon .navbar-item,
.hero.is-patreon .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-patreon .navbar-link.is-active,
.hero.is-patreon .navbar-link:hover,
.hero.is-patreon a.navbar-item.is-active,
.hero.is-patreon a.navbar-item:hover {
background-color:#f8523b;
color:#fff
}
.hero.is-patreon .tabs a {
color:#fff;
opacity:.9
}
.hero.is-patreon .tabs a:hover {
opacity:1
}
.hero.is-patreon .tabs li.is-active a {
color:#f96854!important;
opacity:1
}
.hero.is-patreon .tabs.is-boxed a,
.hero.is-patreon .tabs.is-toggle a {
color:#fff
}
.hero.is-patreon .tabs.is-boxed a:hover,
.hero.is-patreon .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-patreon .tabs.is-boxed li.is-active a,
.hero.is-patreon .tabs.is-boxed li.is-active a:hover,
.hero.is-patreon .tabs.is-toggle li.is-active a,
.hero.is-patreon .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#f96854
}
.hero.is-patreon.is-bold {
background-image:linear-gradient(141deg,#ff1b25 0,#f96854 71%,#fe9469 100%)
}
@media screen and (max-width:768px) {
.hero.is-patreon.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#ff1b25 0,#f96854 71%,#fe9469 100%)
}
}
.hero.is-rss {
background-color:#f26522;
color:#fff
}
.hero.is-rss a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-rss strong {
color:inherit
}
.hero.is-rss .title {
color:#fff
}
.hero.is-rss .subtitle {
color:rgba(255,255,255,.9)
}
.hero.is-rss .subtitle a:not(.button),
.hero.is-rss .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-rss .navbar-menu {
background-color:#f26522
}
}
.hero.is-rss .navbar-item,
.hero.is-rss .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-rss .navbar-link.is-active,
.hero.is-rss .navbar-link:hover,
.hero.is-rss a.navbar-item.is-active,
.hero.is-rss a.navbar-item:hover {
background-color:#ed560e;
color:#fff
}
.hero.is-rss .tabs a {
color:#fff;
opacity:.9
}
.hero.is-rss .tabs a:hover {
opacity:1
}
.hero.is-rss .tabs li.is-active a {
color:#f26522!important;
opacity:1
}
.hero.is-rss .tabs.is-boxed a,
.hero.is-rss .tabs.is-toggle a {
color:#fff
}
.hero.is-rss .tabs.is-boxed a:hover,
.hero.is-rss .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-rss .tabs.is-boxed li.is-active a,
.hero.is-rss .tabs.is-boxed li.is-active a:hover,
.hero.is-rss .tabs.is-toggle li.is-active a,
.hero.is-rss .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#f26522
}
.hero.is-rss.is-bold {
background-image:linear-gradient(141deg,#e02401 0,#f26522 71%,#f99535 100%)
}
@media screen and (max-width:768px) {
.hero.is-rss.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#e02401 0,#f26522 71%,#f99535 100%)
}
}
.hero.is-bleeding {
background-color:#abf47c;
color:rgba(0,0,0,.7)
}
.hero.is-bleeding a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-bleeding strong {
color:inherit
}
.hero.is-bleeding .title {
color:rgba(0,0,0,.7)
}
.hero.is-bleeding .subtitle {
color:rgba(0,0,0,.9)
}
.hero.is-bleeding .subtitle a:not(.button),
.hero.is-bleeding .subtitle strong {
color:rgba(0,0,0,.7)
}
@media screen and (max-width:1023px) {
.hero.is-bleeding .navbar-menu {
background-color:#abf47c
}
}
.hero.is-bleeding .navbar-item,
.hero.is-bleeding .navbar-link {
color:rgba(0,0,0,.7)
}
.hero.is-bleeding .navbar-link.is-active,
.hero.is-bleeding .navbar-link:hover,
.hero.is-bleeding a.navbar-item.is-active,
.hero.is-bleeding a.navbar-item:hover {
background-color:#9cf264;
color:rgba(0,0,0,.7)
}
.hero.is-bleeding .tabs a {
color:rgba(0,0,0,.7);
opacity:.9
}
.hero.is-bleeding .tabs a:hover {
opacity:1
}
.hero.is-bleeding .tabs li.is-active a {
color:#abf47c!important;
opacity:1
}
.hero.is-bleeding .tabs.is-boxed a,
.hero.is-bleeding .tabs.is-toggle a {
color:rgba(0,0,0,.7)
}
.hero.is-bleeding .tabs.is-boxed a:hover,
.hero.is-bleeding .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-bleeding .tabs.is-boxed li.is-active a,
.hero.is-bleeding .tabs.is-boxed li.is-active a:hover,
.hero.is-bleeding .tabs.is-toggle li.is-active a,
.hero.is-bleeding .tabs.is-toggle li.is-active a:hover {
background-color:rgba(0,0,0,.7);
border-color:rgba(0,0,0,.7);
color:#abf47c
}
.hero.is-bleeding.is-bold {
background-image:linear-gradient(141deg,#a9fa43 0,#abf47c 71%,#a8f991 100%)
}
@media screen and (max-width:768px) {
.hero.is-bleeding.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#a9fa43 0,#abf47c 71%,#a8f991 100%)
}
}
.hero.is-sass {
background-color:#bf4080;
color:#fff
}
.hero.is-sass a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-sass strong {
color:inherit
}
.hero.is-sass .title {
color:#fff
}
.hero.is-sass .subtitle {
color:rgba(255,255,255,.9)
}
.hero.is-sass .subtitle a:not(.button),
.hero.is-sass .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-sass .navbar-menu {
background-color:#bf4080
}
}
.hero.is-sass .navbar-item,
.hero.is-sass .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-sass .navbar-link.is-active,
.hero.is-sass .navbar-link:hover,
.hero.is-sass a.navbar-item.is-active,
.hero.is-sass a.navbar-item:hover {
background-color:#ac3a73;
color:#fff
}
.hero.is-sass .tabs a {
color:#fff;
opacity:.9
}
.hero.is-sass .tabs a:hover {
opacity:1
}
.hero.is-sass .tabs li.is-active a {
color:#bf4080!important;
opacity:1
}
.hero.is-sass .tabs.is-boxed a,
.hero.is-sass .tabs.is-toggle a {
color:#fff
}
.hero.is-sass .tabs.is-boxed a:hover,
.hero.is-sass .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-sass .tabs.is-boxed li.is-active a,
.hero.is-sass .tabs.is-boxed li.is-active a:hover,
.hero.is-sass .tabs.is-toggle li.is-active a,
.hero.is-sass .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#bf4080
}
.hero.is-sass.is-bold {
background-image:linear-gradient(141deg,#a3297b 0,#bf4080 71%,#cb4d78 100%)
}
@media screen and (max-width:768px) {
.hero.is-sass.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#a3297b 0,#bf4080 71%,#cb4d78 100%)
}
}
.hero.is-amazon {
background-color:#ffd863;
color:rgba(0,0,0,.7)
}
.hero.is-amazon a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-amazon strong {
color:inherit
}
.hero.is-amazon .title {
color:rgba(0,0,0,.7)
}
.hero.is-amazon .subtitle {
color:rgba(0,0,0,.9)
}
.hero.is-amazon .subtitle a:not(.button),
.hero.is-amazon .subtitle strong {
color:rgba(0,0,0,.7)
}
@media screen and (max-width:1023px) {
.hero.is-amazon .navbar-menu {
background-color:#ffd863
}
}
.hero.is-amazon .navbar-item,
.hero.is-amazon .navbar-link {
color:rgba(0,0,0,.7)
}
.hero.is-amazon .navbar-link.is-active,
.hero.is-amazon .navbar-link:hover,
.hero.is-amazon a.navbar-item.is-active,
.hero.is-amazon a.navbar-item:hover {
background-color:#ffd24a;
color:rgba(0,0,0,.7)
}
.hero.is-amazon .tabs a {
color:rgba(0,0,0,.7);
opacity:.9
}
.hero.is-amazon .tabs a:hover {
opacity:1
}
.hero.is-amazon .tabs li.is-active a {
color:#ffd863!important;
opacity:1
}
.hero.is-amazon .tabs.is-boxed a,
.hero.is-amazon .tabs.is-toggle a {
color:rgba(0,0,0,.7)
}
.hero.is-amazon .tabs.is-boxed a:hover,
.hero.is-amazon .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-amazon .tabs.is-boxed li.is-active a,
.hero.is-amazon .tabs.is-boxed li.is-active a:hover,
.hero.is-amazon .tabs.is-toggle li.is-active a,
.hero.is-amazon .tabs.is-toggle li.is-active a:hover {
background-color:rgba(0,0,0,.7);
border-color:rgba(0,0,0,.7);
color:#ffd863
}
.hero.is-amazon.is-bold {
background-image:linear-gradient(141deg,#ffa930 0,#ffd863 71%,#fff47d 100%)
}
@media screen and (max-width:768px) {
.hero.is-amazon.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#ffa930 0,#ffd863 71%,#fff47d 100%)
}
}
.hero.is-sponsor {
background-color:#ea4aaa;
color:#fff
}
.hero.is-sponsor a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-sponsor strong {
color:inherit
}
.hero.is-sponsor .title {
color:#fff
}
.hero.is-sponsor .subtitle {
color:rgba(255,255,255,.9)
}
.hero.is-sponsor .subtitle a:not(.button),
.hero.is-sponsor .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-sponsor .navbar-menu {
background-color:#ea4aaa
}
}
.hero.is-sponsor .navbar-item,
.hero.is-sponsor .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-sponsor .navbar-link.is-active,
.hero.is-sponsor .navbar-link:hover,
.hero.is-sponsor a.navbar-item.is-active,
.hero.is-sponsor a.navbar-item:hover {
background-color:#e7339f;
color:#fff
}
.hero.is-sponsor .tabs a {
color:#fff;
opacity:.9
}
.hero.is-sponsor .tabs a:hover {
opacity:1
}
.hero.is-sponsor .tabs li.is-active a {
color:#ea4aaa!important;
opacity:1
}
.hero.is-sponsor .tabs.is-boxed a,
.hero.is-sponsor .tabs.is-toggle a {
color:#fff
}
.hero.is-sponsor .tabs.is-boxed a:hover,
.hero.is-sponsor .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-sponsor .tabs.is-boxed li.is-active a,
.hero.is-sponsor .tabs.is-boxed li.is-active a:hover,
.hero.is-sponsor .tabs.is-toggle li.is-active a,
.hero.is-sponsor .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#ea4aaa
}
.hero.is-sponsor.is-bold {
background-image:linear-gradient(141deg,#f110bd 0,#ea4aaa 71%,#f15c9d 100%)
}
@media screen and (max-width:768px) {
.hero.is-sponsor.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#f110bd 0,#ea4aaa 71%,#f15c9d 100%)
}
}
.hero.is-twitter {
background-color:#55acee;
color:#fff
}
.hero.is-twitter a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-twitter strong {
color:inherit
}
.hero.is-twitter .title {
color:#fff
}
.hero.is-twitter .subtitle {
color:rgba(255,255,255,.9)
}
.hero.is-twitter .subtitle a:not(.button),
.hero.is-twitter .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-twitter .navbar-menu {
background-color:#55acee
}
}
.hero.is-twitter .navbar-item,
.hero.is-twitter .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-twitter .navbar-link.is-active,
.hero.is-twitter .navbar-link:hover,
.hero.is-twitter a.navbar-item.is-active,
.hero.is-twitter a.navbar-item:hover {
background-color:#3ea1ec;
color:#fff
}
.hero.is-twitter .tabs a {
color:#fff;
opacity:.9
}
.hero.is-twitter .tabs a:hover {
opacity:1
}
.hero.is-twitter .tabs li.is-active a {
color:#55acee!important;
opacity:1
}
.hero.is-twitter .tabs.is-boxed a,
.hero.is-twitter .tabs.is-toggle a {
color:#fff
}
.hero.is-twitter .tabs.is-boxed a:hover,
.hero.is-twitter .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-twitter .tabs.is-boxed li.is-active a,
.hero.is-twitter .tabs.is-boxed li.is-active a:hover,
.hero.is-twitter .tabs.is-toggle li.is-active a,
.hero.is-twitter .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#55acee
}
.hero.is-twitter.is-bold {
background-image:linear-gradient(141deg,#1bbbf5 0,#55acee 71%,#68a1f4 100%)
}
@media screen and (max-width:768px) {
.hero.is-twitter.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#1bbbf5 0,#55acee 71%,#68a1f4 100%)
}
}
.hero.is-videos {
background-color:#48c78e;
color:#fff
}
.hero.is-videos a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-videos strong {
color:inherit
}
.hero.is-videos .title {
color:#fff
}
.hero.is-videos .subtitle {
color:rgba(255,255,255,.9)
}
.hero.is-videos .subtitle a:not(.button),
.hero.is-videos .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-videos .navbar-menu {
background-color:#48c78e
}
}
.hero.is-videos .navbar-item,
.hero.is-videos .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-videos .navbar-link.is-active,
.hero.is-videos .navbar-link:hover,
.hero.is-videos a.navbar-item.is-active,
.hero.is-videos a.navbar-item:hover {
background-color:#3abb81;
color:#fff
}
.hero.is-videos .tabs a {
color:#fff;
opacity:.9
}
.hero.is-videos .tabs a:hover {
opacity:1
}
.hero.is-videos .tabs li.is-active a {
color:#48c78e!important;
opacity:1
}
.hero.is-videos .tabs.is-boxed a,
.hero.is-videos .tabs.is-toggle a {
color:#fff
}
.hero.is-videos .tabs.is-boxed a:hover,
.hero.is-videos .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-videos .tabs.is-boxed li.is-active a,
.hero.is-videos .tabs.is-boxed li.is-active a:hover,
.hero.is-videos .tabs.is-toggle li.is-active a,
.hero.is-videos .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#48c78e
}
.hero.is-videos.is-bold {
background-image:linear-gradient(141deg,#29b35e 0,#48c78e 71%,#56d2af 100%)
}
@media screen and (max-width:768px) {
.hero.is-videos.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#29b35e 0,#48c78e 71%,#56d2af 100%)
}
}
.hero.is-extensions {
background-color:#3e8ed0;
color:#fff
}
.hero.is-extensions a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-extensions strong {
color:inherit
}
.hero.is-extensions .title {
color:#fff
}
.hero.is-extensions .subtitle {
color:rgba(255,255,255,.9)
}
.hero.is-extensions .subtitle a:not(.button),
.hero.is-extensions .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-extensions .navbar-menu {
background-color:#3e8ed0
}
}
.hero.is-extensions .navbar-item,
.hero.is-extensions .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-extensions .navbar-link.is-active,
.hero.is-extensions .navbar-link:hover,
.hero.is-extensions a.navbar-item.is-active,
.hero.is-extensions a.navbar-item:hover {
background-color:#3082c5;
color:#fff
}
.hero.is-extensions .tabs a {
color:#fff;
opacity:.9
}
.hero.is-extensions .tabs a:hover {
opacity:1
}
.hero.is-extensions .tabs li.is-active a {
color:#3e8ed0!important;
opacity:1
}
.hero.is-extensions .tabs.is-boxed a,
.hero.is-extensions .tabs.is-toggle a {
color:#fff
}
.hero.is-extensions .tabs.is-boxed a:hover,
.hero.is-extensions .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-extensions .tabs.is-boxed li.is-active a,
.hero.is-extensions .tabs.is-boxed li.is-active a:hover,
.hero.is-extensions .tabs.is-toggle li.is-active a,
.hero.is-extensions .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#3e8ed0
}
.hero.is-extensions.is-bold {
background-image:linear-gradient(141deg,#208fbc 0,#3e8ed0 71%,#4d83db 100%)
}
@media screen and (max-width:768px) {
.hero.is-extensions.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#208fbc 0,#3e8ed0 71%,#4d83db 100%)
}
}
.hero.is-bootstrap {
background-color:#6f5499;
color:#fff
}
.hero.is-bootstrap a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-bootstrap strong {
color:inherit
}
.hero.is-bootstrap .title {
color:#fff
}
.hero.is-bootstrap .subtitle {
color:rgba(255,255,255,.9)
}
.hero.is-bootstrap .subtitle a:not(.button),
.hero.is-bootstrap .subtitle strong {
color:#fff
}
@media screen and (max-width:1023px) {
.hero.is-bootstrap .navbar-menu {
background-color:#6f5499
}
}
.hero.is-bootstrap .navbar-item,
.hero.is-bootstrap .navbar-link {
color:rgba(255,255,255,.7)
}
.hero.is-bootstrap .navbar-link.is-active,
.hero.is-bootstrap .navbar-link:hover,
.hero.is-bootstrap a.navbar-item.is-active,
.hero.is-bootstrap a.navbar-item:hover {
background-color:#634b89;
color:#fff
}
.hero.is-bootstrap .tabs a {
color:#fff;
opacity:.9
}
.hero.is-bootstrap .tabs a:hover {
opacity:1
}
.hero.is-bootstrap .tabs li.is-active a {
color:#6f5499!important;
opacity:1
}
.hero.is-bootstrap .tabs.is-boxed a,
.hero.is-bootstrap .tabs.is-toggle a {
color:#fff
}
.hero.is-bootstrap .tabs.is-boxed a:hover,
.hero.is-bootstrap .tabs.is-toggle a:hover {
background-color:rgba(10,10,10,.1)
}
.hero.is-bootstrap .tabs.is-boxed li.is-active a,
.hero.is-bootstrap .tabs.is-boxed li.is-active a:hover,
.hero.is-bootstrap .tabs.is-toggle li.is-active a,
.hero.is-bootstrap .tabs.is-toggle li.is-active a:hover {
background-color:#fff;
border-color:#fff;
color:#6f5499
}
.hero.is-bootstrap.is-bold {
background-image:linear-gradient(141deg,#493981 0,#6f5499 71%,#8859ad 100%)
}
@media screen and (max-width:768px) {
.hero.is-bootstrap.is-bold .navbar-menu {
background-image:linear-gradient(141deg,#493981 0,#6f5499 71%,#8859ad 100%)
}
}
.hero.is-small .hero-body {
padding:1.5rem
}
@media screen and (min-width:769px),print {
.hero.is-medium .hero-body {
padding:9rem 4.5rem
}
}
@media screen and (min-width:769px),print {
.hero.is-large .hero-body {
padding:18rem 6rem
}
}
.hero.is-fullheight .hero-body,
.hero.is-fullheight-with-navbar .hero-body,
.hero.is-halfheight .hero-body {
align-items:center;
display:flex
}
.hero.is-fullheight .hero-body>.container,
.hero.is-fullheight-with-navbar .hero-body>.container,
.hero.is-halfheight .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:.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:.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-foot,
.hero-head {
flex-grow:0;
flex-shrink:0
}
.hero-body {
flex-grow:1;
flex-shrink:0;
padding:3rem 1.5rem
}
@media screen and (min-width:769px),print {
.hero-body {
padding:3rem 3rem
}
}
.section {
padding:3rem 1.5rem
}
@media screen and (min-width:1024px) {
.section {
padding:3rem 3rem
}
.section.is-medium {
padding:9rem 4.5rem
}
.section.is-large {
padding:18rem 6rem
}
}
.footer {
background-color:#fafafa;
padding:3rem 1.5rem 6rem
}
.bd-backers-heading,
.bd-backers-platform,
.bd-backers-platform .bd-backers-platform-logo,
.bd-book-cover,
.bd-columns-tool,
.bd-footer-donation-action,
.bd-footer-sponsor,
.bd-footer-star-figure,
.bd-fortyfour-cta,
.bd-fortyfour-image,
.bd-logos-download,
.bd-option-or p,
.bd-partner-sponsor,
.bd-side-sponsor,
.bd-single-carbon,
.bd-single-image,
.bd-snippet-mwb,
.bd-snippet-preview.bd-is-mwb {
align-items:center;
display:flex;
justify-content:center
}
.bd-category-toggle,
.bd-navbar-search-icon,
.bd-pill-button,
.bd-tabs-nav button,
.navbar-burger {
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
background:0 0;
border:none;
color:currentColor;
font-family:inherit;
font-size:1em;
margin:0;
padding:0
}
.bd-footer-star,
.bd-footer-support {
background-color:#fff;
border-radius:6px;
box-shadow:0 1.5rem 1.5rem -1.25rem rgba(10,10,10,.05);
display:block
}
.bd-focus-item,
.bd-partner-sponsor {
position:relative
}
.bd-focus-item::before,
.bd-partner-sponsor::before {
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
background-color:#fafafa;
border-radius:6px;
content:"";
display:block;
opacity:0;
pointer-events:none;
transform:scale(1.1);
transform-origin:center;
transition-duration:172ms;
transition-property:opacity,transform
}
.bd-focus-item:hover::before,
.bd-partner-sponsor:hover::before {
opacity:1;
transform:scale(1)
}
:root {
--white:white;
--white-invert:#0a0a0a;
--black:#0a0a0a;
--black-invert:white;
--light:whitesmoke;
--light-invert:rgba(0, 0, 0, 0.7);
--dark:#363636;
--dark-invert:#fff;
--primary:#00d1b2;
--primary-invert:#fff;
--primary-light:#ebfffc;
--primary-dark:#00947e;
--link:#485fc7;
--link-invert:#fff;
--link-light:#eff1fa;
--link-dark:#3850b7;
--info:#3e8ed0;
--info-invert:#fff;
--info-light:#eff5fb;
--info-dark:#296fa8;
--success:#48c78e;
--success-invert:#fff;
--success-light:#effaf5;
--success-dark:#257953;
--warning:#ffe08a;
--warning-invert:rgba(0, 0, 0, 0.7);
--warning-light:#fffaeb;
--warning-dark:#946c00;
--danger:#f14668;
--danger-invert:#fff;
--danger-light:#feecf0;
--danger-dark:#cc0f35;
--expo:#ffd257;
--expo-invert:white;
--expo-light:#fffaeb;
--expo-dark:#946c00;
--love:#f14668;
--love-invert:white;
--love-light:#feecf0;
--love-dark:#cc0f35;
--patreon:#f96854;
--patreon-invert:white;
--patreon-light:#feeeeb;
--patreon-dark:#c01d07;
--rss:#f26522;
--rss-invert:white;
--rss-light:#fef2ec;
--rss-dark:#c1460b;
--bleeding:#abf47c;
--bleeding-invert:rgba(0, 0, 0, 0.7);
--bleeding-light:#f3fdec;
--bleeding-dark:#3c880b;
--sass:#bf4080;
--sass-invert:white;
--sass-light:#faf0f5;
--sass-dark:#b03b76;
--amazon:#ffd863;
--amazon-invert:rgba(0, 0, 0, 0.7);
--amazon-light:#fffaeb;
--amazon-dark:#946f00;
--sponsor:#ea4aaa;
--sponsor-invert:white;
--sponsor-light:#fdedf6;
--sponsor-dark:#c0167c;
--twitter:#55acee;
--twitter-invert:white;
--twitter-light:#ecf6fd;
--twitter-dark:#10609e;
--videos:#48c78e;
--videos-invert:white;
--videos-light:#effaf5;
--videos-dark:#257953;
--extensions:#3e8ed0;
--extensions-invert:white;
--extensions-light:#eff5fb;
--extensions-dark:#296fa8;
--bootstrap:#6f5499;
--bootstrap-invert:white;
--bootstrap-light:#f4f2f8;
--bootstrap-dark:#73579e;
--bootstrap:#6f5499;
--github:#333333;
--twitter:#55acee;
--patreon:#f96854;
--patreon-blue:#052d49;
--fortyfour:#5f45bb;
--amazon:#ffd863;
--bleeding-green:#abf47c;
--bleeding-red:#ca1f26;
--rss:#f26522;
--search:#00d1b2;
--search-light:#ebfffc;
--search-dark:#00947e;
--html5:#e44d26;
--html5-invert:#ebebeb;
--hl-green:#37e7ac;
--hl-cyan:#51fbde;
--hl-blue:#00b2ff;
--hl-purple:#9a89b4;
--hl-lavender:#9b6dff;
--hl-pink:#ff5cd3;
--hl-rose:#ff6b9d;
--hl-orange:#ff9970;
--hl-yellow:#fed604;
--hl-gray-01:#d9e0e8;
--hl-gray-02:#808182;
--hl-gray-09:#1f2330;
--hl-color:var(--hl-orange);
--hl-background:var(--hl-gray-09);
--container-width:calc(100vw - 3rem);
--container-width-desktop:960px;
--container-width-widescreen:1152px;
--container-width-fullhd:1344px
}
@media screen and (min-width:1024px) {
:root {
--container-width:var(--container-width-desktop)
}
}
@media screen and (min-width:1216px) {
:root {
--container-width:var(--container-width-widescreen)
}
}
@media screen and (min-width:1408px) {
:root {
--container-width:var(--container-width-fullhd)
}
}
.bd-fat-button {
font-size:1.25em;
font-weight:600;
height:auto;
padding:.75em 1.25em
}
.bd-fat-button.is-amazon small,
.bd-fat-button.is-bleeding small {
display:block;
font-size:.625em;
font-weight:400;
opacity:.7
}
.bd-fat-button.is-amazon .icon,
.bd-fat-button.is-bleeding .icon {
margin-right:.5em
}
.bd-fat-button.is-amazon img {
margin-bottom:-11px
}
.has-text-bootstrap {
color:var(--bootstrap)!important
}
.has-text-github {
color:var(--github)!important
}
.has-text-twitter {
color:var(--twitter)!important
}
.has-text-patreon {
color:var(--patreon)!important
}
.has-text-patreon-blue {
color:var(--patreon-blue)!important
}
.has-text-fortyfour {
color:var(--fortyfour)!important
}
.has-text-amazon {
color:var(--amazon)!important
}
.has-text-bleeding-green {
color:var(--bleeding-green)!important
}
.has-text-bleeding-red {
color:var(--bleeding-red)!important
}
.has-text-rss {
color:var(--rss)!important
}
.has-text-videos {
color:var(--videos)!important
}
.has-text-expo {
color:var(--expo)!important
}
.has-text-love {
color:var(--love)!important
}
.has-text-backers {
color:var(--backers)!important
}
.has-text-sponsors {
color:var(--sponsors)!important
}
.has-text-blog {
color:var(--blog)!important
}
.has-text-extensions {
color:var(--extensions)!important
}
.has-text-algolia {
color:var(--algolia)!important
}
.bd-anchors {
padding:var(--docs-side-padding);
position:sticky;
top:0
}
.bd-anchors.bd-is-empty {
display:none
}
.bd-anchors-title {
color:#7a7a7a;
font-size:.75em;
opacity:.5
}
.bd-anchors-list {
padding:.25em 0 .75em
}
.bd-anchors-list li {
align-items:flex-start;
display:flex;
font-size:.875em
}
.bd-anchors-list li.is-past a:not(:hover) {
background-color:#ededed;
color:#7a7a7a
}
.bd-anchors-list li.is-current a {
background-color:var(--primary);
color:var(--primary-invert)
}
.bd-anchors-list a:hover {
background-color:var(--primary-invert);
color:var(--primary)
}
.bd-options {
display:grid
}
.bd-option .media-content {
overflow-x:visible
}
.bd-option-or {
display:flex;
justify-content:center;
position:relative;
text-align:center
}
.bd-option-or::before {
background-color:#f5f5f5;
content:'';
position:absolute
}
.bd-option-or p {
background-color:#f5f5f5;
border-radius:9999px;
font-size:.75em;
font-weight:600;
height:3.5rem;
position:relative;
text-transform:uppercase;
width:3.5rem
}
.bd-option-item {
border-top:2px solid #f5f5f5;
margin-top:1.5rem;
padding-top:1.5rem
}
.bd-option-item .bd-fat-button.is-pulled-right {
font-size:.75em;
pointer-events:none
}
.bd-option-item .bd-fat-button.is-primary {
font-size:1em
}
.bd-option-item .highlight pre {
white-space:pre-wrap;
white-space:break-spaces
}
@media screen and (max-width:1215px) {
.bd-options {
grid-template-columns:1fr
}
.bd-option-or {
margin:1.5rem 0
}
.bd-option-or::before {
height:2px;
left:0;
right:0;
top:calc(50% - 1px)
}
}
@media screen and (min-width:1216px) {
.bd-options {
grid-template-columns:calc(50% - 4rem) 8rem calc(50% - 4rem)
}
.bd-option-or::before {
bottom:0;
left:calc(50% - 1px);
top:0;
width:2px
}
}
.bd-tabs-nav {
display:flex
}
.bd-tabs-nav button {
background-color:#f5f5f5;
border-radius:.375em .375em 0 0;
color:#7a7a7a;
cursor:pointer;
flex-shrink:0;
font-family:monospace;
font-size:.75em;
padding:.5em .75em
}
.bd-tabs-nav button:not(.bd-is-active):hover {
color:var(--hl-background)
}
.bd-tabs-nav button.bd-is-active {
background-color:var(--hl-background);
color:var(--hl-color)
}
.bd-tabs-nav button:not(:last-child) {
margin-right:1em
}
.bd-tabs-item {
display:none
}
.bd-tabs-item .highlight {
border-top-left-radius:0
}
.bd-tabs-item.bd-is-active {
display:block
}
.bd-banner {
--background-color:#ebfffc;
--color:#00947e;
background-color:var(--background-color);
color:var(--color);
padding:.5em
}
.bd-banner.bd-is-bleeding {
--background-color:var(--bleeding-light);
--color:var(--bleeding-dark)
}
.bd-banner.bd-is-sponsor {
--background-color:var(--sponsor-light);
--color:var(--sponsor)
}
.bd-banner-body {
align-items:center;
display:flex;
min-height:2.5rem
}
.bd-banner-title {
display:flex;
margin-right:auto
}
.bd-banner-title a {
color:inherit
}
.bd-banner-title a:hover {
text-decoration:underline
}
.bd-banner-title strong {
color:inherit;
font-weight:600
}
@media screen and (min-width:769px),print {
.bd-banner-title {
font-size:1.125rem
}
}
@media screen and (min-width:1024px) {
.bd-banner {
padding:.5rem 2rem
}
}
@media screen and (min-width:1216px) {
.bd-banner {
padding:.5rem 4rem
}
}
.bd-call {
--background-color:var(--primary-light);
--color:var(--primary-dark);
--color-dark:var(--primary-dark);
--margin:1.5rem;
--spacing:1em;
align-items:center;
display:flex;
font-size:var(--font-size);
justify-content:center;
margin:var(--margin)
}
.bd-call.bd-is-twitter {
--background-color:var(--twitter-light);
--color:var(--twitter);
--color-dark:var(--twitter-dark)
}
.bd-call.bd-is-extensions {
--background-color:var(--extensions-light);
--color:var(--extensions);
--color-dark:var(--extensions-dark)
}
.bd-call-body {
align-items:center;
background-color:var(--background-color);
border-radius:6px;
color:var(--color);
justify-content:center;
margin-left:auto;
margin-right:auto;
max-width:var(--container-width);
padding:var(--spacing)
}
.bd-call-body strong {
color:var(--color-dark);
font-weight:600
}
.bd-call-text {
margin-left:var(--spacing);
margin-right:calc(2 * var(--spacing))
}
.bd-call-button .button {
font-size:1em
}
@media screen and (max-width:768px) {
.bd-call-body {
text-align:center
}
.bd-call-text {
margin-bottom:var(--spacing)
}
}
@media screen and (min-width:769px),print {
.bd-call-body {
display:flex
}
}
@media screen and (min-width:1024px) {
.bd-call {
--margin:3rem
}
}
@media screen and (min-width:1216px) {
.bd-call {
--font-size:1.125rem;
--margin:3rem
}
}
#carboncontainer {
padding:1.5rem
}
#carbon {
border-radius:.125em;
margin:0;
min-height:206px;
position:relative;
width:130px
}
#carbon:hover {
background-color:rgba(0,0,0,.02);
box-shadow:0 0 0 .75rem rgba(0,0,0,.02)
}
#carbonads {
font-size:14px;
text-align:left
}
#carbonads a,
#carbonads span {
display:block
}
#carbonads .carbon-wrap {
position:relative
}
#carbonads .carbon-wrap:hover .carbon-img::after {
background-color:rgba(0,0,0,.05);
content:"";
display:block;
height:100px;
left:0;
position:absolute;
right:1rem;
top:0
}
#carbonads .carbon-img {
min-height:100px;
padding:0
}
#carbonads .carbon-img img {
display:block;
height:100px;
width:130px
}
#carbonads .carbon-img:hover+.carbon-text {
color:#485fc7
}
#carbonads .carbon-img:active {
opacity:.8
}
#carbonads .carbon-text {
display:block;
color:#363636;
line-height:20px;
margin-left:-.75rem;
margin-right:-.75rem;
padding-left:.75rem;
padding-right:.75rem;
padding-bottom:5px;
padding-top:5px
}
#carbonads .carbon-text:hover {
color:#485fc7
}
#carbonads .carbon-poweredby {
color:#b5b5b5;
font-size:.75rem;
line-height:1
}
#carbonads .carbon-poweredby:hover {
text-decoration:underline
}
.bd-anchors-list a,
.bd-category-list li a,
.bd-category-name {
--highlight-background-color:var(--primary);
--highlight-color:var(--primary-invert);
align-items:center;
border-radius:.375em;
color:#363636;
cursor:pointer;
display:flex;
line-height:var(--height);
padding:.375em .75em;
transition-duration:86ms;
transition-property:background-color,color
}
.bd-anchors-list a:hover,
.bd-category-list li a:hover,
.bd-category-name:hover {
background-color:var(--primary-invert);
color:var(--primary)
}
.bd-anchors-list a.bd-is-focused,
.bd-category-list li a.bd-is-focused,
.bd-is-focused.bd-category-name {
box-shadow:inset 0 0 0 2px #fafafa,0 0 0 2px var(--primary)
}
.bd-highlight {
background-color:var(--highlight-background-color);
border-radius:2px;
box-shadow:0 0 0 2px var(--highlight-background-color);
color:var(--highlight-color)
}
.bd-categories {
-webkit-overflow-scrolling:touch;
--height:1.25;
max-height:100vh;
overflow-y:auto;
padding:var(--docs-side-padding);
position:sticky;
top:0
}
.bd-categories.bd-has-query .bd-category:not(.bd-has-match) {
display:none
}
.bd-categories.bd-has-query .bd-category-list {
display:block
}
.bd-categories.bd-has-query .bd-category-list a:not(.bd-is-match) {
display:none
}
.bd-categories.bd-has-query.bd-has-no-results .bd-category-group {
display:none
}
.bd-categories.bd-has-query.bd-has-no-results .bd-categories-no-results {
display:block
}
.bd-category.is-current .bd-category-name {
--highlight-background-color:var(--primary-dark);
--highlight-color:var(--primary-light);
background-color:var(--primary-light);
color:var(--primary-dark)
}
.bd-category.is-current .bd-category-name.is-active {
background-color:var(--primary);
color:var(--primary-invert)
}
.bd-category.is-current .bd-category-list {
display:block
}
.bd-category.is-open .bd-category-list {
display:block
}
.bd-category-group {
color:#b5b5b5;
font-size:.625em;
font-weight:600;
letter-spacing:.2em;
margin-bottom:calc(var(--docs-side-padding)/ 2);
margin-top:var(--docs-side-padding);
text-transform:uppercase
}
.bd-category-header {
position:relative
}
.bd-category-name {
font-weight:600
}
.bd-category-toggle {
border-radius:.375em;
color:var(--primary);
cursor:pointer;
display:none;
height:calc(1em * var(--height));
margin-left:auto;
position:absolute;
right:.5em;
top:.5em;
width:calc(1em * var(--height))
}
.bd-category-toggle:hover {
background-color:var(--primary);
color:var(--primary-invert)
}
.bd-category-list {
display:none;
padding:.25em .75em .75em
}
.bd-category-list li {
align-items:flex-start;
display:flex;
font-size:.875em
}
.bd-category-list li.is-current a {
--highlight-background-color:var(--primary-invert);
--highlight-color:var(--primary-dark);
background-color:var(--primary);
color:var(--primary-invert)
}
.bd-categories-no-results {
display:none
}
.bd-categories-no-results .bd-key {
margin-left:.5em
}
.bd-categories-filter {
margin-bottom:1em;
position:relative
}
.bd-categories-filter .input:focus {
border-color:#00d1b2;
box-shadow:0 0 0 .125em rgba(0,209,178,.25)
}
.bd-categories-filter .bd-key {
position:absolute;
right:6px;
top:4px
}
.bd-key {
align-items:center;
background:rgba(0,0,0,.1);
border-radius:.25em;
color:rgba(0,0,0,.5);
display:none;
font-family:monospace;
font-size:.625rem;
height:2em;
justify-content:center;
min-width:2em;
padding:0 .25em;
pointer-events:none;
text-align:center;
z-index:2
}
.bd-copy,
.bd-show {
background-color:var(--hl-color);
border:none;
border-radius:.5em!important;
color:var(--hl-background);
font-size:1em;
font-weight:600
}
.bd-copy:focus,
.bd-show:focus {
box-shadow:none!important
}
.bd-copy {
opacity:0;
position:absolute;
right:calc(1.25em - .5em - 1px);
top:calc(1.25em - .5em - 1px)
}
.highlight:hover .bd-copy {
opacity:1
}
.bd-show {
bottom:-1.25em;
height:2.5em;
left:calc(50% - 4.5em);
padding:0;
position:absolute;
width:9em;
z-index:1
}
.bd-snippet-inline {
display:inline-block;
margin-bottom:-.25em;
vertical-align:bottom
}
.bd-snippet-inline .highlight pre {
padding:.5em .75em .625em
}
.bd-snippet-inline .button.bd-copy {
display:none
}
.bd-snippet {
--snippet-spacing:1.5rem;
font-size:1rem;
grid-gap:calc(2 * var(--snippet-spacing));
position:relative
}
.bd-snippet-title {
display:flex
}
.bd-snippet-tag {
align-items:center;
background:var(--hl-color);
border-radius:.5em;
color:var(--hl-background);
display:inline-flex;
flex-grow:0;
flex-shrink:0;
font-size:.5em;
font-weight:600;
height:1.5rem;
padding:0 1em;
vertical-align:top
}
.bd-snippet-tag.bd-is-html {
background:var(--hl-background);
border-bottom-left-radius:0;
border-bottom-right-radius:0;
color:var(--hl-color)
}
.bd-snippet-code,
.bd-snippet-preview {
position:relative
}
.bd-snippet-preview {
padding-bottom:var(--snippet-spacing);
padding-top:var(--snippet-spacing)
}
.bd-snippet-preview img {
vertical-align:top
}
.bd-snippet-code {
font-size:.875em
}
.bd-snippet-code .highlight {
border-top-left-radius:0;
font-size:1em
}
.bd-snippet-code.bd-is-hovering::before {
background:var(--hl-color);
color:var(--hl-background)
}
.bd-snippet.bd-is-fullwidth {
margin-left:calc(-1 * var(--docs-outer));
margin-right:calc(-1 * var(--docs-outer))
}
.bd-snippet.bd-is-fullwidth .bd-snippet-title {
margin-left:var(--docs-outer)
}
.bd-snippet.bd-is-clipped .bd-snippet-code {
overflow:auto
}
.bd-snippet-code.bd-is-more .highlight:not(:last-child) {
margin-bottom:2.5rem
}
.bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight {
height:calc(8 * var(--snippet-spacing));
overflow:hidden
}
.bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight pre {
overflow:hidden
}
.bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight .bd-show {
display:flex
}
.bd-snippet-code.bd-is-more.bd-is-more-clipped .highlight::before {
background:linear-gradient(0deg,var(--hl-background),transparent);
bottom:0;
content:"";
display:block;
left:0;
position:absolute;
right:0;
top:0
}
@media screen and (min-width:1408px) {
.bd-snippet.bd-is-vertical {
align-items:flex-start;
display:grid;
grid-template-columns:calc(50% - var(--snippet-spacing)) calc(50% - var(--snippet-spacing))
}
.bd-snippet.bd-is-size-1-2 {
grid-template-columns:calc(33% - var(--snippet-spacing)) calc(67% - var(--snippet-spacing))
}
.bd-snippet-preview {
padding-bottom:var(--snippet-spacing)
}
}
.bd-content hr:first-child {
display:none
}
.bd-content hr:first-child+.bd-anchor-title {
padding-top:0
}
.bd-content hr:first-child+.bd-anchor-title .bd-anchor-link {
top:0
}
.bd-anchor-title {
--spacing:3em;
position:relative
}
.bd-anchor-title:not(:first-child) {
margin-top:3rem
}
.bd-anchor-title.title {
font-size:1.5em
}
.bd-anchor-title.title.is-5 {
font-size:1.25em;
margin-top:0!important
}
@media screen and (max-width:1215px) {
.bd-anchor-title {
padding-left:1em
}
}
.bd-anchor-link {
position:absolute;
right:calc(100% + 1rem);
top:0
}
@media screen and (max-width:1215px) {
.bd-anchor-link {
left:0;
right:auto
}
}
.bd-icon-size .icon {
background-color:#ffe08a
}
@media screen and (min-width:1216px) {
.bd-content {
font-size:1.125rem
}
}
@media screen and (min-width:1800px) {
.bd-content {
font-size:1.25rem
}
}
.bd-hero {
--color:#7a7a7a;
--color-strong:#363636;
--icon-dimensions:1.125em;
--icon-spacing:0.25em;
background-color:var(--background-color)
}
.bd-hero.bd-is-basic .title {
font-weight:600
}
.bd-hero.bd-is-primary {
--background-color:var(--primary-light);
--color-strong:var(--primary-dark);
--color-icon:var(--primary)
}
.bd-hero.bd-is-bleeding {
--background-color:var(--bleeding-light);
--color-strong:var(--bleeding-dark);
--color-icon:var(--bleeding)
}
.bd-hero.bd-is-link {
--background-color:var(--link-light);
--color-strong:var(--link-dark);
--color-icon:var(--link)
}
.bd-hero.bd-is-love {
--background-color:var(--love-light);
--color-strong:var(--love);
--color-icon:var(--love)
}
.bd-hero.bd-is-expo {
--background-color:var(--expo-light);
--color-strong:var(--expo-dark);
--color-icon:var(--expo)
}
.bd-hero.bd-is-sponsor {
--background-color:var(--sponsor-light);
--color-strong:var(--sponsor-dark);
--color:var(--sponsor);
--color-icon:var(--sponsor)
}
.bd-hero.bd-is-videos {
--background-color:var(--videos-light);
--color-strong:var(--videos-dark);
--color:var(--videos);
--color-icon:var(--videos)
}
.bd-hero.bd-is-extensions {
--background-color:var(--extensions-light);
--color-strong:var(--extensions-dark);
--color:var(--extensions);
--color-icon:var(--extensions)
}
.bd-hero.bd-is-success {
--background-color:var(--success-light);
--color-strong:var(--success-dark);
--color:var(--success);
--color-icon:var(--success)
}
.bd-hero.bd-is-bootstrap {
--background-color:var(--bootstrap-light);
--color-strong:var(--bootstrap-dark);
--color:var(--bootstrap);
--color-icon:var(--bootstrap)
}
.bd-hero-body {
align-items:center;
display:grid;
grid-gap:1.5rem;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr))
}
.bd-hero-heading .title {
color:var(--color-strong);
display:flex;
font-weight:400;
position:relative
}
.bd-hero-heading .title a {
color:currentColor;
font-weight:600
}
.bd-hero-heading .title a:hover {
text-decoration:underline
}
.bd-hero-heading .title code {
background:0 0;
padding:0
}
.bd-hero-heading .title strong {
font-weight:600
}
.bd-hero-heading .title .icon {
color:var(--color-icon);
height:var(--icon-dimensions);
flex-grow:0;
flex-shrink:0;
margin-right:var(--icon-spacing);
width:var(--icon-dimensions)
}
.bd-hero-heading .subtitle {
color:var(--color)
}
.bd-hero-heading .subtitle strong {
color:currentColor
}
@media screen and (min-width:672px) {
.bd-hero-carbon {
justify-self:flex-end
}
}
@media screen and (min-width:1024px) {
.bd-hero {
--icon-spacing:0.5em
}
.bd-hero .hero-body {
padding:6rem
}
.bd-hero-heading .title .icon {
margin-left:calc(-1 * (var(--icon-dimensions) + var(--icon-spacing)));
margin-right:var(--icon-spacing)
}
}
.highlight {
background-color:var(--hl-gray-09);
border-radius:6px;
color:var(--hl-gray-01);
font-size:.75em;
position:relative
}
.highlight.bd-is-hovering {
box-shadow:inset 0 0 0 2px var(--hl-orange)
}
.highlight pre {
background-color:transparent;
color:currentColor;
font-size:1em;
line-height:1.375;
margin:0!important;
padding:1.25em 1.5em;
white-space:pre;
word-break:break-word
}
.highlight .c {
color:var(--hl-gray-01)
}
.highlight .err,
.highlight .g {
color:var(--hl-gray-02)
}
.highlight .k {
color:var(--hl-cyan)
}
.highlight .l,
.highlight .n {
color:var(--hl-gray-02)
}
.highlight .o {
color:var(--hl-cyan)
}
.highlight .x {
color:var(--hl-pink)
}
.highlight .p {
color:var(--hl-gray-02)
}
.highlight .cm {
color:var(--hl-gray-01)
}
.highlight .cp {
color:var(--hl-cyan)
}
.highlight .c1 {
color:var(--hl-gray-02)
}
.highlight .cs {
color:var(--hl-cyan)
}
.highlight .gd {
color:var(--hl-green)
}
.highlight .ge {
color:var(--hl-gray-02);
font-style:italic
}
.highlight .gr {
color:var(--hl-orange)
}
.highlight .gh {
color:var(--hl-pink)
}
.highlight .gi {
color:var(--hl-cyan)
}
.highlight .go,
.highlight .gp {
color:var(--hl-gray-02)
}
.highlight .gs {
color:var(--hl-gray-02);
font-weight:700
}
.highlight .gu {
color:var(--hl-pink)
}
.highlight .gt {
color:var(--hl-gray-02)
}
.highlight .kc {
color:var(--hl-pink)
}
.highlight .kd {
color:var(--hl-blue)
}
.highlight .kn,
.highlight .kp {
color:var(--hl-cyan)
}
.highlight .kr {
color:var(--hl-blue)
}
.highlight .kt {
color:var(--hl-orange)
}
.highlight .ld {
color:var(--hl-gray-02)
}
.highlight .m,
.highlight .s {
color:var(--hl-green)
}
.highlight .na {
color:var(--hl-yellow)
}
.highlight .nb {
color:var(--hl-orange)
}
.highlight .nc {
color:var(--hl-yellow)
}
.highlight .no {
color:var(--hl-pink)
}
.highlight .nd {
color:var(--hl-blue)
}
.highlight .ne,
.highlight .ni {
color:var(--hl-pink)
}
.highlight .nf {
color:var(--hl-blue)
}
.highlight .nl,
.highlight .nn,
.highlight .nx,
.highlight .py {
color:var(--hl-rose)
}
.highlight .nt,
.highlight .nv {
color:var(--hl-blue)
}
.highlight .ow {
color:var(--hl-cyan)
}
.highlight .w {
color:var(--hl-gray-02)
}
.highlight .mf,
.highlight .mh,
.highlight .mi,
.highlight .mo {
color:var(--hl-green)
}
.highlight .sb {
color:var(--hl-gray-01)
}
.highlight .sc {
color:var(--hl-green)
}
.highlight .sd {
color:var(--hl-gray-02)
}
.highlight .s2 {
color:var(--hl-green)
}
.highlight .se {
color:var(--hl-pink)
}
.highlight .sh {
color:var(--hl-gray-02)
}
.highlight .si,
.highlight .sx {
color:var(--hl-yellow)
}
.highlight .sr {
color:var(--hl-orange)
}
.highlight .s1,
.highlight .ss {
color:var(--hl-green)
}
.highlight .bp,
.highlight .vc,
.highlight .vg,
.highlight .vi {
color:var(--hl-blue)
}
.highlight .il {
color:var(--hl-green)
}
.content .highlight {
margin-left:0;
margin-right:0;
text-align:left
}
.content .highlight:not(:first-child) {
margin-top:1em
}
.content .highlight:not(:last-child) {
margin-bottom:1em
}
.content li .highlight {
margin-top:.5em
}
.bd-klmn {
margin-bottom:1.5rem
}
.bd-klmn-gaps {
align-items:center;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
margin-bottom:1.25rem
}
.bd-klmn-label {
margin:.25rem auto .25rem 0
}
.bd-klmn-gap,
.bd-klmn-value {
background-color:var(--hl-gray-09);
border-radius:.375em;
color:var(--hl-orange);
font-family:monospace;
font-size:.75rem;
margin:.25rem 0 .25rem .5rem;
padding:.375em .75em;
text-align:center;
vertical-align:middle!important;
white-space:nowrap
}
.bd-klmn-gap.bd-is-selected,
.bd-klmn-value.bd-is-selected {
background-color:var(--hl-orange);
color:var(--hl-gray-09)
}
.bd-klmn-value {
background-color:var(--hl-orange);
color:var(--hl-gray-09);
font-size:1rem
}
.bd-klmn-columns:last-child .bd-notification {
font-size:.75rem;
white-space:nowrap
}
.bd-navbar {
z-index:50
}
.bd-navbar .navbar-brand img {
height:28px;
max-height:2em;
width:112px
}
.bd-navbar .navbar-start {
flex-grow:1
}
.bd-navbar .navbar-item,
.bd-navbar .navbar-link {
padding:.5em .75em
}
.bd-navbar .button.is-sponsor.is-light {
color:var(--sponsor)
}
.bd-navbar .bd-navbar-search-icon {
justify-content:center;
padding:0;
width:3.25rem
}
.bd-navbar .navbar-item.has-dropdown {
padding:0
}
.bd-navbar .navbar-burger {
margin-left:0
}
.bd-navbar-item {
transition-duration:86ms;
transition-property:background-color,box-shadow,color
}
.bd-navbar-item>.icon {
margin-left:-.25em;
margin-right:.25em
}
.bd-navbar-item.is-active,
.bd-navbar-item:hover {
border-radius:.375em;
color:var(--color-dark)!important
}
.bd-navbar-item:hover:not(.is-active) {
background-color:var(--color-light)!important
}
.bd-navbar-item.is-active {
background-color:transparent!important;
box-shadow:inset 0 0 0 2px var(--color-light)!important
}
.bd-navbar-item.bd-navbar-item-documentation {
--color-light:var(--primary-light);
--color-dark:var(--primary-dark)
}
.bd-navbar-item.bd-navbar-item-videos {
--color-light:var(--videos-light);
--color-dark:var(--videos-dark)
}
.bd-navbar-item.bd-navbar-item-expo {
--color-light:var(--expo-light);
--color-dark:var(--expo-dark)
}
.bd-navbar-item.bd-navbar-item-love {
--color-light:var(--love-light);
--color-dark:var(--love-dark)
}
.bd-navbar-item.bd-navbar-item-backers {
--color-light:var(--patreon-light);
--color-dark:var(--patreon-dark)
}
.bd-navbar-item.bd-navbar-item-bulma-book {
--color-light:var(--bleeding-light);
--color-dark:var(--bleeding-dark)
}
.bd-navbar-item.bd-navbar-item-blog {
--color-light:var(--rss-light);
--color-dark:var(--rss-dark)
}
.bd-navbar-item.bd-navbar-item-brand {
--color-light:var(--primary-light);
--color-dark:var(--primary-dark)
}
.bd-navbar-item.bd-navbar-item-extensions {
--color-light:var(--extensions-light);
--color-dark:var(--extensions-dark)
}
.bd-navbar-item.bd-navbar-item-bulma-start {
--color-light:var(--success-light);
--color-dark:var(--success-dark)
}
.bd-navbar-item.bd-navbar-item-made-with-bulma {
--color-light:var(--expo-light);
--color-dark:var(--expo-dark)
}
.bd-navbar-ellipsis {
align-items:center;
border-radius:.375em;
color:#485fc7;
height:2.25em;
justify-content:center;
padding:0!important;
width:2.25em
}
.bd-navbar-ellipsis::after {
display:none!important
}
.bd-navbar-search-icon {
color:var(--search);
cursor:pointer;
margin-left:auto
}
.bd-navbar-search-icon:hover {
background-color:rgba(0,0,0,.05)
}
.bd-search .algolia-autocomplete,
.bd-search .control {
display:flex;
flex-grow:1;
flex-shrink:1;
width:100%
}
.bd-search .control>.icon.is-left {
color:var(--search)!important
}
.bd-search .input {
background-color:#f5f5f5;
border-color:transparent;
box-shadow:none
}
.bd-search .input:hover {
background-color:#fafafa;
border-color:#dbdbdb;
box-shadow:0 0 0 1px #dbdbdb
}
.bd-search .input:focus {
background-color:transparent;
border-color:var(--search);
box-shadow:0 0 0 1px var(--search)
}
.bd-search .input:focus~.icon {
color:var(--search)!important
}
.bd-search .algolia-docsearch-suggestion--category-header {
color:var(--search-dark);
border-bottom-color:#dbdbdb
}
.bd-search .algolia-docsearch-suggestion--subcategory-column {
color:#7a7a7a
}
.bd-search .algolia-docsearch-suggestion--title {
color:#363636
}
.bd-search .algolia-docsearch-suggestion--text {
color:#4a4a4a
}
.bd-search .algolia-docsearch-suggestion--highlight {
background-color:var(--search-light);
color:var(--search-dark)
}
.bd-search .algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion.suggestion-layout-simple,
.bd-search .algolia-autocomplete .ds-dropdown-menu .ds-suggestion.ds-cursor .algolia-docsearch-suggestion:not(.suggestion-layout-simple) .algolia-docsearch-suggestion--content {
background-color:var(--search-light)
}
.bd-search .algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0 .algolia-docsearch-suggestion--highlight,
.bd-search .algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1 .algolia-docsearch-suggestion--highlight,
.bd-search .algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
box-shadow:inset 0 -2px 0 0 var(--search)
}
.bd-navbar-mobile-download-icon,
.bd-navbar-mobile-sponsor-icon {
display:none!important
}
.bd-navbar-start.bd-is-original .bd-navbar-item-more:not(.bd-is-visible) {
display:none
}
.bd-navbar-start.bd-is-original .bd-navbar-dropdown .navbar-item.bd-is-hidden,
.bd-navbar-start.bd-is-original .bd-navbar-dropdown .navbar-item.bd-is-hidden+.navbar-divider {
display:none
}
.bd-navbar.bd-is-clone {
bottom:0;
pointer-events:none;
position:fixed;
visibility:hidden;
z-index:-1
}
@media screen and (min-width:450px) and (max-width:768px) {
.bd-navbar-mobile-download-icon,
.bd-navbar-mobile-sponsor-icon {
display:flex!important
}
}
@media screen and (max-width:768px) {
.bd-navbar .navbar-start>.bd-navbar-item:not(.has-dropdown) {
display:flex
}
.bd-navbar .navbar-end {
display:none
}
.bd-navbar-item .navbar-link:not(.is-arrowless) {
display:none
}
.bd-navbar-item-more {
display:none!important
}
}
@media screen and (min-width:769px) {
.bd-navbar .navbar-end,
.bd-navbar .navbar-menu,
.bd-navbar .navbar-start {
align-items:center
}
.bd-navbar-mobile-icon {
display:none
}
.bd-navbar-dropdown {
left:auto;
right:0;
width:16rem;
z-index:200
}
.bd-navbar-dropdown .navbar-item {
white-space:normal
}
}
@media screen and (max-width:1023px) {
.bd-search {
background-color:#fff;
box-shadow:0 .5em 1em rgba(0,0,0,.05);
display:none;
left:0;
padding:1rem;
position:fixed;
right:0;
top:3.25rem;
z-index:100
}
.bd-search.bd-is-visible {
display:block
}
.bd-search .algolia-autocomplete .ds-dropdown-menu {
left:0!important;
min-width:0;
right:auto
}
.bd-navbar-search-desktop-icon {
display:none
}
}
@media screen and (min-width:1024px) {
.bd-navbar {
padding:1rem 2rem
}
.bd-navbar .navbar-brand .navbar-item:first-child {
margin-left:-.75em
}
.bd-navbar .navbar-menu {
flex-shrink:1
}
.bd-navbar .navbar-start {
flex-shrink:1
}
.bd-search {
align-items:center;
display:flex;
flex-shrink:0;
width:12rem
}
.bd-navbar-search-mobile-icon {
display:none
}
}
@media screen and (min-width:1216px) {
.bd-navbar {
font-size:1.125rem
}
.bd-navbar .navbar-brand img {
height:36px;
width:144px
}
.bd-navbar-dropdown {
left:0;
right:auto
}
.bd-search {
width:16rem
}
}
@media screen and (min-width:1408px) {
.bd-search {
width:16rem
}
}
.bd-notification {
background-color:#f5f5f5;
border-radius:.375em;
color:#7a7a7a;
font-weight:600;
padding:1.25rem 0;
position:relative;
text-align:center
}
.bd-notification .content,
.bd-notification .subtitle,
.bd-notification .title,
.bd-notification strong {
color:currentColor
}
.bd-notification code,
.bd-notification pre {
background-color:rgba(10,10,10,.2);
border-radius:.375em;
color:#fff
}
.bd-notification pre code {
background-color:transparent
}
.bd-notification.is-white {
background-color:#fff;
color:#0a0a0a
}
.bd-notification.is-black {
background-color:#0a0a0a;
color:#fff
}
.bd-notification.is-light {
background-color:#f5f5f5;
color:rgba(0,0,0,.7)
}
.bd-notification.is-dark {
background-color:#363636;
color:#fff
}
.bd-notification.is-primary {
background-color:#00d1b2;
color:#fff
}
.bd-notification.is-link {
background-color:#485fc7;
color:#fff
}
.bd-notification.is-info {
background-color:#3e8ed0;
color:#fff
}
.bd-notification.is-success {
background-color:#48c78e;
color:#fff
}
.bd-notification.is-warning {
background-color:#ffe08a;
color:rgba(0,0,0,.7)
}
.bd-notification.is-danger {
background-color:#f14668;
color:#fff
}
.bd-notification.is-expo {
background-color:#ffd257;
color:#fff
}
.bd-notification.is-love {
background-color:#f14668;
color:#fff
}
.bd-notification.is-patreon {
background-color:#f96854;
color:#fff
}
.bd-notification.is-rss {
background-color:#f26522;
color:#fff
}
.bd-notification.is-bleeding {
background-color:#abf47c;
color:rgba(0,0,0,.7)
}
.bd-notification.is-sass {
background-color:#bf4080;
color:#fff
}
.bd-notification.is-amazon {
background-color:#ffd863;
color:rgba(0,0,0,.7)
}
.bd-notification.is-sponsor {
background-color:#ea4aaa;
color:#fff
}
.bd-notification.is-twitter {
background-color:#55acee;
color:#fff
}
.bd-notification.is-videos {
background-color:#48c78e;
color:#fff
}
.bd-notification.is-extensions {
background-color:#3e8ed0;
color:#fff
}
.bd-notification.is-bootstrap {
background-color:#6f5499;
color:#fff
}
.bd-pagination {
padding:0 3rem
}
.bd-pagination-body,
.bd-pagination-links {
display:flex;
flex-wrap:wrap
}
.bd-pagination-body {
margin-left:auto;
margin-right:auto;
max-width:var(--container-width-desktop)
}
.bd-docs-pagination .button span {
line-height:1.25;
text-align:left
}
.bd-docs-pagination .button em {
display:block;
font-size:.75em;
font-style:normal;
font-weight:400;
opacity:.5;
text-transform:capitalize
}
.bd-docs-pagination .bd-pagination-prev span {
margin-left:1em;
text-align:left
}
.bd-docs-pagination .bd-pagination-next {
margin-left:auto
}
.bd-docs-pagination .bd-pagination-next span {
margin-right:1em
}
.bd-features {
padding:var(--docs-side-padding);
padding-bottom:0
}
.bd-features-title {
color:#7a7a7a;
font-size:.75em;
opacity:.5
}
.bd-features-list {
padding:.25em 0 0
}
.bd-features-list li {
display:flex;
font-size:.875em;
justify-content:space-between
}
.bd-feature-label {
color:#7a7a7a
}
.bd-feature-no {
color:#7a7a7a
}
.bd-feature-yes {
color:var(--primary);
font-weight:700
}
.bd-links {
display:grid;
grid-gap:0;
grid-template-columns:repeat(auto-fill,minmax(20em,1fr))
}
.bd-link {
border-radius:6px;
color:#7a7a7a;
display:flex;
font-size:1.25em;
padding:1em
}
.bd-link:hover {
background-color:var(--primary-light);
color:var(--primary-dark)
}
.bd-link-icon {
color:var(--primary);
flex-grow:0;
flex-shrink:0;
height:1.5em;
margin-right:.5em;
width:1.5em
}
.bd-link-title {
color:#363636;
display:block;
font-weight:600;
line-height:1.5
}
.bd-link-subtitle {
font-size:.75em
}
.bd-screenshots {
display:grid;
grid-gap:1.5rem;
grid-template-columns:1fr
}
.bd-screenshots .bd-screenshot {
position:relative
}
.bd-screenshots .bd-screenshot:hover {
box-shadow:0 1em 1em rgba(0,0,0,.1);
transform:translateY(-.5em)
}
@media screen and (min-width:769px),print {
.bd-screenshots {
grid-template-columns:repeat(auto-fill,minmax(336px,1fr));
margin:0 auto;
max-width:var(--container-width)
}
}
.bd-has-drawing {
position:relative
}
.bd-drawing {
display:none;
pointer-events:none;
position:absolute
}
.bd-drawing.bd-is-try-it-out {
bottom:100%;
right:100%
}
.bd-drawing.bd-is-love-letters {
bottom:110%;
right:10%
}
.bd-drawing.bd-is-crazy {
right:100%;
top:110%
}
.bd-drawing.bd-is-customize {
right:-10%;
top:105%
}
.bd-drawing.bd-is-opinion-free {
right:100%;
top:110%
}
.bd-drawing.bd-is-join-us {
bottom:80%;
left:100%
}
.bd-drawing.bd-is-spam-free {
bottom:100%;
right:95%
}
@media screen and (min-width:769px),print {
.bd-drawing {
display:inline
}
}
.bd-vars {
--bd-var-name-width:100%;
--bd-var-computed-type-width:50%;
--bd-var-type-width:50%;
--bd-var-computed-value-width:50%;
--bd-var-value-width:50%;
background-color:var(--hl-background);
border-radius:6px;
color:var(--hl-color);
padding:3.25em;
padding-top:2em
}
.bd-vars .bd-anchor-title {
color:#fff
}
.bd-vars+.bd-vars {
margin-top:var(--docs-inner)
}
.bd-var {
display:flex;
flex-wrap:wrap;
font-family:monospace;
font-size:.75em;
line-height:1.375
}
.bd-var .highlight {
background:0 0;
font-size:1em;
overflow:visible
}
.bd-var .highlight pre {
overflow:visible;
padding:.25em .5em .375em;
white-space:pre-wrap;
white-space:break-spaces
}
.bd-var .bd-copy {
font-size:.75em!important;
right:0;
top:0
}
.bd-var.bd-is-body {
border-radius:.375em
}
.bd-var.bd-is-body:hover {
background-color:rgba(255,255,255,.1)
}
.bd-var.bd-is-head {
border-bottom:2px solid rgba(255,255,255,.1);
border-radius:0;
margin-bottom:.5em;
padding-bottom:.5em
}
.bd-var.bd-is-head .bd-var-computed-type,
.bd-var.bd-is-head .bd-var-computed-value,
.bd-var.bd-is-head .bd-var-name,
.bd-var.bd-is-head .bd-var-type,
.bd-var.bd-is-head .bd-var-value {
color:var(--hl-gray-02)!important
}
.bd-var-name {
color:var(--hl-gray-01);
width:var(--bd-var-name-width)
}
.bd-var-type {
color:var(--bd-var-type-color,var(--hl-gray-02));
width:var(--bd-var-type-width)
}
.bd-var-value {
color:var(--hl-green);
width:var(--bd-var-value-width)
}
.bd-var-computed-value {
color:var(--hl-yellow);
width:var(--bd-var-computed-value-width)
}
.bd-var-computed-type {
color:var(--bd-var-type-color,var(--hl-purple));
width:var(--bd-var-computed-type-width)
}
.bd-var .bd-is-boolean {
--bd-var-type-color:var(--hl-lavender)
}
.bd-var .bd-is-color {
--bd-var-type-color:var(--hl-orange)
}
.bd-var .bd-is-compound {
--bd-var-type-color:var(--hl-lavender)
}
.bd-var .bd-is-font-weight {
--bd-var-type-color:var(--hl-lavender)
}
.bd-var .bd-is-function {
--bd-var-type-color:var(--hl-pink)
}
.bd-var .bd-is-size {
--bd-var-type-color:var(--hl-pink)
}
.bd-var .bd-is-shadow {
--bd-var-type-color:var(--hl-lavender)
}
.bd-var .bd-is-string {
--bd-var-type-color:var(--hl-yellow)
}
.bd-var .bd-is-variable {
--bd-var-type-color:var(--hl-green)
}
@media screen and (max-width:1023px) {
.bd-var-computed-type,
.bd-var-computed-value,
.bd-var-name,
.bd-var-type,
.bd-var-value {
padding:0 1em
}
.bd-vars {
padding:1em
}
.bd-var {
padding:.5em 0
}
}
@media screen and (min-width:1024px) {
.bd-var-computed-type,
.bd-var-computed-value,
.bd-var-name,
.bd-var-type,
.bd-var-value {
padding:.25em 1em
}
.bd-var.bd-is-head .bd-var-name {
padding-left:0
}
.bd-var.bd-is-head .bd-var-computed-type {
padding-left:2em;
padding-right:0
}
.bd-var.bd-is-body {
margin-left:-1em;
margin-right:-1em
}
.bd-vars {
--bd-var-name-width:40%;
--bd-var-computed-type-width:10%;
--bd-var-type-width:10%;
--bd-var-computed-value-width:20%;
--bd-var-value-width:20%
}
}
.bd-book-cover {
position:relative;
text-align:center
}
.bd-book-cover a {
box-shadow:0 .5em 1em rgba(0,0,0,.1);
display:inline-block;
transition-duration:172ms;
transition-property:box-shadow,transform;
vertical-align:top
}
.bd-book-cover a:hover {
box-shadow:0 1em 2em rgba(0,0,0,.1);
transform:translateY(-.5em)
}
.bd-book-cover img {
display:block
}
.native-js {
border-radius:1.5em;
display:none;
font-size:1rem;
margin:var(--newsletter-border-size);
margin-top:0;
opacity:0;
position:relative;
visibility:hidden
}
.native-js::before {
bottom:0;
left:0;
position:absolute;
right:0;
top:0;
background-color:#000;
bottom:0;
content:'';
display:block;
left:0;
opacity:.02;
pointer-events:none;
right:0;
top:0
}
.native-show {
display:block;
opacity:1;
visibility:visible
}
.native-flex {
align-items:center;
display:flex;
justify-content:center;
padding:2em;
position:relative;
text-decoration:none
}
.native-flex:hover .native-cta {
box-shadow:0 1rem 2rem 0 rgba(10,10,10,.1);
transform:translateY(-.25rem)
}
.native-img {
border-radius:3px;
flex-grow:0;
flex-shrink:0;
height:50px;
width:125px
}
.native-details {
flex-grow:1;
flex-shrink:1
}
.native-main {
align-items:center;
flex-grow:0;
flex-shrink:1;
max-width:640px
}
.native-company {
display:block;
font-size:.625em;
letter-spacing:2px;
margin-bottom:4px;
text-transform:uppercase
}
.native-desc {
display:block
}
.native-cta {
border:none;
box-shadow:0 .5rem 1rem 0 rgba(10,10,10,.2);
flex-grow:0;
flex-shrink:0;
font-weight:600;
height:auto;
padding:.5em 1em;
transition-duration:172ms;
transition-property:box-shadow,transform;
will-change:box-shadow,transform
}
@media screen and (max-width:599px) {
.native-flex {
display:block;
text-align:center
}
.native-main {
margin-bottom:2em
}
.native-details {
margin:1em
}
}
@media screen and (min-width:600px) {
.native-flex {
display:flex;
padding:4em;
text-align:left
}
.native-main {
display:flex;
margin-right:2em
}
.native-details {
margin-left:2em
}
}
@media screen and (min-width:1216px) {
.native-js {
font-size:1.25rem
}
}
.bd-fortyfour {
display:block;
padding:var(--docs-side-padding);
padding-bottom:0;
text-align:center
}
.bd-fortyfour-label {
color:#7a7a7a;
font-size:.75em;
margin-bottom:.5em;
opacity:.5
}
.bd-fortyfour-text {
display:none;
font-size:.75em
}
.bd-fortyfour-cta {
margin-top:.5em
}
.bd-fortyfour .button:hover,
.bd-fortyfour:hover .button {
background-color:var(--primary)!important;
color:var(--primary-light)!important
}
.bd-fortyfour .button:active,
.bd-fortyfour:active .button {
background-color:var(--primary-dark)!important;
color:var(--primary-invert)!important
}
.bd-spacing-table:hover {
color:#dbdbdb
}
.bd-spacing-table:hover code {
background:0 0;
color:#dbdbdb
}
.bd-spacing-table .bd-current-row {
background-color:#f5f5f5
}
.bd-spacing-table .bd-current-row:first-child {
background-color:#feecf0;
color:#363636
}
.bd-spacing-table .bd-current-row:first-child code {
background-color:#f14668;
color:#fff
}
.bd-spacing-table .bd-current-row.bd-current-column {
background-color:#ebfffc;
color:#363636
}
.bd-spacing-table .bd-current-row.bd-current-column code {
background-color:#00d1b2;
color:#fff
}
.bd-spacing-table .bd-current-column {
background-color:#f5f5f5
}
.bd-spacing-table .bd-current-value {
background-color:#feecf0
}
.bd-spacing-table .bd-current-value code {
background-color:#f14668;
color:#fff
}
#survey-banner {
align-items:center;
background-color:#ebfffc;
color:#00947e;
display:flex;
font-size:.875rem;
justify-content:center;
padding:.5em
}
#survey-banner a,
#survey-banner strong {
color:inherit
}
#survey-banner a {
text-decoration:underline
}
#survey-banner p {
margin-right:1em
}
.bd-color {
border-radius:2px;
box-shadow:0 2px 3px 0 rgba(0,0,0,.1),inset 0 0 0 1px rgba(0,0,0,.1);
display:inline-block;
float:left;
height:24px;
margin-right:8px;
width:24px
}
.bd-pills {
align-items:center;
color:#7a7a7a;
display:flex;
justify-content:center
}
.bd-pill-label {
padding:0 .5em
}
.bd-pills-body {
background:#f5f5f5;
align-items:center;
background:#fafafa;
border-radius:.5em;
display:flex;
padding:.25em
}
.bd-pill-button {
border-radius:.25em;
color:#4a4a4a;
cursor:pointer;
font-weight:500;
padding:.5em .75em;
position:relative;
transition-duration:.5s;
transition-property:color,background-color
}
.bd-pill-button:hover {
background-color:#fff;
color:#363636
}
.bd-pill-button.is-active {
background-color:#fff;
box-shadow:0 0 0 1px rgba(0,0,0,.05),0 .125em .125em rgba(0,0,0,.05);
color:#363636;
z-index:1
}
:root {
--bd-index-vertical:1.5rem;
--bd-index-gap:3rem
}
.bd-index-section {
--bd-section-vertical:1.5rem;
--bd-section-horizontal:1.5rem;
--bd-section-h:171deg;
background-image:linear-gradient(180deg,hsla(var(--bd-section-h),100%,67%,.1),transparent var(--bd-index-vertical));
background-repeat:repeat-x
}
.bd-index-section .bd-tw {
margin-left:auto;
margin-right:auto;
max-width:28em
}
.bd-index-content {
font-size:1rem
}
.bd-index-content strong {
font-weight:600
}
.bd-index-content .title {
color:#363636;
font-size:2em;
font-weight:400;
position:relative
}
.bd-index-content .title .icon {
height:1.125em;
position:absolute;
right:calc(100% + 1.5rem);
top:0;
width:1.125em
}
.bd-index-content .title a {
font-weight:600
}
.bd-index-content .subtitle strong {
color:inherit
}
.bd-index-content .icon-text strong {
color:inherit
}
.bd-index-content .highlight {
margin-bottom:1em
}
@media screen and (max-width:768px) {
.bd-index-section {
padding:3rem 1.5rem
}
.bd-index-section .bd-tws {
padding-left:0;
padding-right:0
}
}
@media screen and (min-width:769px),print {
:root {
--bd-index-vertical:3rem
}
.bd-index-section {
padding-bottom:var(--bd-index-vertical);
padding-top:var(--bd-index-vertical)
}
}
@media screen and (min-width:1024px) {
.bd-index-content {
font-size:1.125rem
}
}
@media screen and (min-width:1216px) {
:root {
--bd-index-vertical:6rem
}
.bd-index-content {
font-size:1.25rem;
max-width:23em
}
}
@media screen and (min-width:1408px) {
:root {
--bd-index-vertical:6rem
}
.bd-index-content {
font-size:1.5rem
}
}
.bd-docs {
--docs-outer:1.5rem;
--docs-inner:1.5rem;
--docs-side-padding:1rem;
border-top:2px solid #f5f5f5;
position:relative
}
.bd-docs .bd-hero {
margin-top:0
}
.bd-docs-nav,
.bd-docs-side {
background-color:#fafafa;
width:11.25rem;
z-index:40
}
.bd-docs-toggles {
border-top:2px solid #f5f5f5;
display:flex;
justify-content:space-between;
padding:.5rem .75rem
}
.bd-docs-overlay {
background-color:#000;
display:none;
opacity:0;
pointer-events:none;
transition-duration:.2s;
transition-property:opacity;
z-index:2
}
.bd-docs-main {
padding-bottom:var(--docs-outer);
padding-left:var(--docs-outer);
padding-right:var(--docs-outer)
}
.bd-docs-main .bd-hero .hero-body {
padding-left:0;
padding-right:0
}
.bd-docs-body {
border-top:2px solid #f5f5f5;
padding-top:var(--docs-inner)
}
.bd-docs-pagination {
border-top:2px solid #f5f5f5;
margin-top:var(--docs-inner);
padding-top:var(--docs-inner)
}
.bd-docs-typo {
margin-top:var(--docs-inner)
}
.bd-side-sponsrs {
display:none;
text-align:center
}
.bd-side-sponsor-label {
color:#7a7a7a;
font-size:.75em
}
.bd-side-sponsor {
height:4rem
}
.bd-docs-content .bd-example.is-fullwidth,
.bd-docs-content .section.is-fullwidth {
margin-left:calc(-1 * var(--docs-outer));
margin-right:calc(-1 * var(--docs-outer))
}
@media screen and (max-width:768px) {
.bd-docs-nav,
.bd-docs-side {
background-color:#fff;
bottom:0;
position:absolute;
top:0;
transition-duration:.2s;
transition-property:transform
}
.bd-docs-overlay {
display:block
}
.bd-docs {
border-top:none;
overflow:hidden
}
.bd-docs.bd-showing-overlay .bd-docs-overlay {
opacity:.8;
pointer-events:auto
}
.bd-docs-nav {
left:-11.25rem
}
.bd-docs-nav.bd-is-shown {
transform:translateX(100%)
}
.bd-docs-side {
right:-11.25rem
}
.bd-docs-side.bd-is-shown {
transform:translateX(-100%)
}
}
@media screen and (min-width:769px),print {
.bd-docs {
--docs-outer:3rem;
--docs-inner:3rem;
display:grid;
grid-template-columns:11.25rem 1fr 11.25rem
}
.bd-docs-main {
overflow:hidden
}
.bd-docs-toggles {
display:none
}
.bd-docs.bd-is-full-main .bd-docs-main {
grid-column:2/span 2
}
.bd-docs.bd-is-full-main .bd-docs-side {
display:none
}
.bd-docs.bd-is-fullwidth {
display:block
}
.bd-docs.bd-is-fullwidth .bd-docs-nav,
.bd-docs.bd-is-fullwidth .bd-docs-side {
bottom:0;
position:absolute;
top:0
}
.bd-docs.bd-is-fullwidth .bd-is-stickied.bd-docs-nav,
.bd-docs.bd-is-fullwidth .bd-is-stickied.bd-docs-side {
position:fixed
}
.bd-docs.bd-is-fullwidth .bd-docs-nav:not(:hover),
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) {
background:0 0;
overflow:hidden;
padding-left:0;
padding-right:0
}
.bd-docs.bd-is-fullwidth .bd-docs-nav:not(:hover) .bd-categories,
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) .bd-categories {
padding-left:0;
padding-right:0
}
.bd-docs.bd-is-fullwidth .bd-docs-nav {
left:0
}
.bd-docs.bd-is-fullwidth .bd-docs-nav:not(:hover) {
left:-9.25rem
}
.bd-docs.bd-is-fullwidth .bd-docs-nav:not(:hover) .bd-categories-filter,
.bd-docs.bd-is-fullwidth .bd-docs-nav:not(:hover) .bd-categories-no-results {
visibility:hidden
}
.bd-docs.bd-is-fullwidth .bd-docs-nav:not(:hover) .bd-category-list {
padding-left:0;
padding-right:0
}
.bd-docs.bd-is-fullwidth .bd-docs-nav:not(:hover) .bd-category a {
position:relative;
text-indent:-9999px;
width:100%
}
.bd-docs.bd-is-fullwidth .bd-docs-nav:not(:hover) .bd-category a::after {
align-items:center;
bottom:0;
content:"•";
display:flex;
justify-content:center;
position:absolute;
right:0;
text-align:center;
text-indent:0;
top:0;
width:2rem
}
.bd-docs.bd-is-fullwidth .bd-docs-side {
right:0
}
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) {
right:-9.25rem
}
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) .bd-anchors,
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) .bd-features {
padding-left:0;
padding-right:calc(2 * var(--docs-side-padding))
}
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) .bd-anchors-list li,
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) .bd-anchors-title,
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) .bd-feature,
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) .bd-features-title {
position:relative;
transform:translateX(2rem);
width:100%
}
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) .bd-anchors-list li::after,
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) .bd-anchors-title::after,
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) .bd-feature::after,
.bd-docs.bd-is-fullwidth .bd-docs-side:not(:hover) .bd-features-title::after {
align-items:center;
bottom:0;
content:"•";
display:flex;
justify-content:center;
position:absolute;
right:100%;
text-align:center;
top:0;
width:2rem
}
}
@media screen and (max-width:1023px) {
.bd-docs-pagination .bd-fat-button {
font-size:1rem
}
}
@media screen and (min-width:1024px) {
.bd-docs {
--docs-outer:6rem;
--docs-inner:3rem
}
}
.bd-video {
--spacing:1.5rem;
display:grid;
grid-template-columns:1fr;
padding:var(--spacing)
}
.bd-video:not(:last-child) {
border-bottom:2px solid var(--videos-light)
}
.bd-video-figure img,
.bd-video-figure video {
max-width:100%;
vertical-align:top
}
@media screen and (max-width:768px) {
.bd-video {
grid-gap:var(--spacing)
}
}
@media screen and (min-width:769px),print {
.bd-video {
--spacing:3rem;
grid-template-columns:1fr 24em 4em calc(var(--container-width) - 28em) 1fr
}
.bd-video-info {
grid-column:2
}
.bd-video-figure {
grid-column:4/span 2
}
.bd-video-figure img {
max-width:1440px
}
.bd-video-figure video {
max-width:1280px
}
}
@media screen and (min-width:1024px) {
.bd-video {
--spacing:4.5rem
}
}
.bd-tws {
--tws-spacing:1.5rem;
--column-min-width:100%;
padding-left:var(--tws-spacing);
padding-right:var(--tws-spacing)
}
@media screen and (min-width:769px),print {
.bd-tws {
--column-min-width:24em
}
}
@media screen and (min-width:1216px) {
.bd-tws {
font-size:1.125rem
}
}
.bd-tws-list {
display:grid;
grid-gap:var(--tws-spacing);
grid-template-columns:repeat(auto-fit,minmax(var(--column-min-width),1fr))
}
.bd-tw {
background-color:#fafafa;
border-radius:6px;
flex-shrink:0;
font-size:1em;
padding:1.25em;
text-align:left
}
.bd-tw.bd-is-white {
background-color:#fff
}
.bd-tw>.mb-4 {
float:right;
font-size:.75em
}
.bd-tw-header {
align-items:stretch;
display:flex;
justify-content:flex-start
}
.bd-tw-author {
align-items:center;
display:flex;
line-height:1.2
}
.bd-tw-author:hover .bd-tw-fullname {
text-decoration:underline
}
.bd-tw-avatar {
flex-shrink:0;
height:2.25em;
margin-right:.5em;
width:2.25em
}
.bd-tw-avatar img {
border-radius:9999px;
display:block;
height:2.25em;
width:2.25em
}
.bd-tw-fullname {
color:#363636;
display:block;
font-size:1em;
font-weight:700
}
.bd-tw-username {
color:#7a7a7a;
display:block;
font-size:.875em
}
.bd-tw-content {
color:#363636;
font-size:1em;
line-height:1.4;
margin-top:1em
}
.bd-tw-content a {
color:#485fc7
}
.bd-tw-content a:hover {
text-decoration:underline
}
.bd-tw-date {
font-size:.875em;
line-height:1.4;
margin-top:.25em
}
.bd-tw-date a {
color:#7a7a7a
}
.bd-tw-date a:hover {
text-decoration:underline
}
.bd-tw-actions {
align-items:center;
display:flex;
margin-top:.5em
}
.bd-tw-action {
margin-right:1.25em
}
.bd-tw-action-link {
align-items:center;
color:#7a7a7a;
display:flex;
height:1.25em;
min-width:1.25em
}
.bd-tw-icon {
background-size:contain;
height:1.25em;
width:1.25em
}
.bd-tw-action-stat {
color:currentColor;
font-size:.875em;
margin-left:.5em;
margin-top:1px
}
.bd-tw-action.is-reply .bd-tw-icon {
background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M14.046%202.242l-4.148-.01h-.002c-4.374%200-7.8%203.427-7.8%207.802%200%204.098%203.186%207.206%207.465%207.37v3.828c0%20.108.045.286.12.403.143.225.385.347.633.347.138%200%20.277-.038.402-.118.264-.168%206.473-4.14%208.088-5.506%201.902-1.61%203.04-3.97%203.043-6.312v-.017c-.006-4.368-3.43-7.788-7.8-7.79zm3.787%2012.972c-1.134.96-4.862%203.405-6.772%204.643V16.67c0-.414-.334-.75-.75-.75h-.395c-3.66%200-6.318-2.476-6.318-5.886%200-3.534%202.768-6.302%206.3-6.302l4.147.01h.002c3.532%200%206.3%202.766%206.302%206.296-.003%201.91-.942%203.844-2.514%205.176z%22%2F%3E%3C%2Fsvg%3E)
}
.bd-tw-action.is-reply .bd-tw-action-link:hover {
color:var(--info)
}
.bd-tw-action.is-reply .bd-tw-action-link:hover .bd-tw-icon {
background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%231DA1F2%22%20d%3D%22M14.046%202.242l-4.148-.01h-.002c-4.374%200-7.8%203.427-7.8%207.802%200%204.098%203.186%207.206%207.465%207.37v3.828c0%20.108.045.286.12.403.143.225.385.347.633.347.138%200%20.277-.038.402-.118.264-.168%206.473-4.14%208.088-5.506%201.902-1.61%203.04-3.97%203.043-6.312v-.017c-.006-4.368-3.43-7.788-7.8-7.79zm3.787%2012.972c-1.134.96-4.862%203.405-6.772%204.643V16.67c0-.414-.334-.75-.75-.75h-.395c-3.66%200-6.318-2.476-6.318-5.886%200-3.534%202.768-6.302%206.3-6.302l4.147.01h.002c3.532%200%206.3%202.766%206.302%206.296-.003%201.91-.942%203.844-2.514%205.176z%22%2F%3E%3C%2Fsvg%3E)
}
.bd-tw-action.is-retweet .bd-tw-icon {
background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M23.77%2015.67c-.292-.293-.767-.293-1.06%200l-2.22%202.22V7.65c0-2.068-1.683-3.75-3.75-3.75h-5.85c-.414%200-.75.336-.75.75s.336.75.75.75h5.85c1.24%200%202.25%201.01%202.25%202.25v10.24l-2.22-2.22c-.293-.293-.768-.293-1.06%200s-.294.768%200%201.06l3.5%203.5c.145.147.337.22.53.22s.383-.072.53-.22l3.5-3.5c.294-.292.294-.767%200-1.06zm-10.66%203.28H7.26c-1.24%200-2.25-1.01-2.25-2.25V6.46l2.22%202.22c.148.147.34.22.532.22s.384-.073.53-.22c.293-.293.293-.768%200-1.06l-3.5-3.5c-.293-.294-.768-.294-1.06%200l-3.5%203.5c-.294.292-.294.767%200%201.06s.767.293%201.06%200l2.22-2.22V16.7c0%202.068%201.683%203.75%203.75%203.75h5.85c.414%200%20.75-.336.75-.75s-.337-.75-.75-.75z%22%2F%3E%3C%2Fsvg%3E)
}
.bd-tw-action.is-retweet .bd-tw-action-link:hover {
color:var(--success)
}
.bd-tw-action.is-retweet .bd-tw-action-link:hover .bd-tw-icon {
background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%2317BF63%22%20d%3D%22M23.77%2015.67c-.292-.293-.767-.293-1.06%200l-2.22%202.22V7.65c0-2.068-1.683-3.75-3.75-3.75h-5.85c-.414%200-.75.336-.75.75s.336.75.75.75h5.85c1.24%200%202.25%201.01%202.25%202.25v10.24l-2.22-2.22c-.293-.293-.768-.293-1.06%200s-.294.768%200%201.06l3.5%203.5c.145.147.337.22.53.22s.383-.072.53-.22l3.5-3.5c.294-.292.294-.767%200-1.06zm-10.66%203.28H7.26c-1.24%200-2.25-1.01-2.25-2.25V6.46l2.22%202.22c.148.147.34.22.532.22s.384-.073.53-.22c.293-.293.293-.768%200-1.06l-3.5-3.5c-.293-.294-.768-.294-1.06%200l-3.5%203.5c-.294.292-.294.767%200%201.06s.767.293%201.06%200l2.22-2.22V16.7c0%202.068%201.683%203.75%203.75%203.75h5.85c.414%200%20.75-.336.75-.75s-.337-.75-.75-.75z%22%2F%3E%3C%2Fsvg%3E)
}
.bd-tw-action.is-heart .bd-tw-icon {
background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23657786%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E)
}
.bd-tw-action.is-heart .bd-tw-action-link:hover {
color:var(--danger)
}
.bd-tw-action.is-heart .bd-tw-action-link:hover .bd-tw-icon {
background-image:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23E0245E%22%20d%3D%22M12%2021.638h-.014C9.403%2021.59%201.95%2014.856%201.95%208.478c0-3.064%202.525-5.754%205.403-5.754%202.29%200%203.83%201.58%204.646%202.73.813-1.148%202.353-2.73%204.644-2.73%202.88%200%205.404%202.69%205.404%205.755%200%206.375-7.454%2013.11-10.037%2013.156H12zM7.354%204.225c-2.08%200-3.903%201.988-3.903%204.255%200%205.74%207.035%2011.596%208.55%2011.658%201.52-.062%208.55-5.917%208.55-11.658%200-2.267-1.822-4.255-3.902-4.255-2.528%200-3.94%202.936-3.952%202.965-.23.562-1.156.562-1.387%200-.015-.03-1.426-2.965-3.955-2.965z%22%2F%3E%3C%2Fsvg%3E)
}
.bd-websites {
--gap:0px;
--width:672px;
--spacing:1.5rem;
display:grid;
grid-gap:var(--gap);
grid-template-columns:1fr;
margin-left:auto;
margin-right:auto;
max-width:calc(calc(2 * calc(var(--width) + var(--spacing)) + calc(3 * var(--gap))));
padding-left:var(--spacing);
padding-right:var(--spacing)
}
.bd-website {
display:block;
margin-left:auto;
margin-right:auto;
max-width:calc(2 * var(--width));
padding-bottom:var(--spacing);
position:relative;
text-align:center;
overflow:hidden;
position:relative
}
.bd-website:hover {
background-color:var(--expo-light)
}
.bd-website:hover .title {
color:var(--expo-dark)
}
.bd-website:hover .bd-website-date {
color:#363636
}
.bd-website:hover .bd-website-shadow {
opacity:0
}
.bd-website:hover .bd-website-overlay {
background-color:rgba(10,10,10,.1)
}
.bd-website.bd-is-highlighted {
grid-column:span 2
}
.bd-website-date {
color:#7a7a7a
}
.bd-website-image {
align-items:center;
display:flex;
justify-content:center;
margin-bottom:var(--spacing);
position:relative
}
.bd-website-image img {
border-radius:.375em
}
.bd-website-image .b-lazy {
opacity:0;
transition:opacity .5s ease-out
}
.bd-website-image .b-loaded {
opacity:1
}
.bd-website-shadow {
border:1px solid rgba(0,0,0,.04);
transition:opacity .2s ease-out
}
.bd-website-overlay {
background-color:transparent;
border-radius:.375em;
box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);
transition:background-color .2s ease-out
}
@media screen and (min-width:769px),print {
.bd-websites {
--spacing:3rem;
grid-template-columns:repeat(auto-fill,minmax(var(--width),1fr))
}
}
.bd-backers {
--spacing:1.5rem;
padding-bottom:var(--spacing);
padding-top:var(--spacing)
}
.bd-backers-platforms {
--spacing:1.5rem;
padding:var(--spacing);
text-align:center
}
.bd-backers-platform .bd-backers-platform-logo {
border-radius:6px;
padding:var(--spacing);
transition-duration:172ms;
transition-property:box-shadow
}
.bd-backers-platform .bd-backers-platform-logo:hover {
box-shadow:0 0 0 2px var(--color)
}
.bd-backers-platform.bd-is-patreon {
--color:var(--patreon);
grid-column:2
}
.bd-backers-platform.bd-is-github {
--color:var(--github);
grid-column:3
}
.bd-backers-platform .bd-fat-button {
margin-top:1em
}
.bd-backers-heading h2 {
background-color:var(--sponsor-light);
border-radius:6px;
color:var(--sponsor);
font-size:1em;
font-weight:600;
padding:.5em 1em
}
.bd-backers-group {
padding:var(--spacing);
text-align:center
}
.bd-backers-list {
display:grid;
grid-gap:1em
}
.bd-backers-list.bd-is-patreon {
grid-column:2
}
.bd-backers-list.bd-is-patreon .icon-text {
color:#7a7a7a;
font-size:.75em
}
.bd-backers-list.bd-is-patreon .icon-text.bd-is-twitter {
color:var(--twitter)
}
.bd-backers-list.bd-is-github {
grid-column:3
}
.bd-tier {
align-items:center;
border-bottom:2px solid #fafafa;
display:grid;
grid-gap:1em;
padding:1em
}
.bd-tier-amount {
color:#363636;
font-size:1.5em;
font-weight:600
}
.bd-tier-frequency {
color:#7a7a7a
}
.bd-tiers-info {
--spacing:1.5em;
background-color:#fafafa;
color:#7a7a7a;
grid-gap:var(--spacing);
grid-template-columns:1fr 1fr;
padding:var(--spacing)
}
.bd-tiers-info strong {
color:currentColor
}
.bd-tiers-info p:not(:last-child) {
margin-bottom:.25em
}
.bd-tiers-info-question {
justify-self:flex-end;
max-width:15em
}
.bd-tiers-info-answer {
max-width:25em
}
@media screen and (max-width:768px) {
.bd-backers-platform.bd-is-github {
margin-top:3rem
}
}
@media screen and (min-width:769px),print {
.bd-backers-group,
.bd-backers-platforms {
display:grid;
grid-template-columns:1fr calc(var(--container-width)/ 2) calc(var(--container-width)/ 2) 1fr
}
.bd-backers {
background-image:linear-gradient(90deg,transparent calc(50% - 2px),var(--sponsor-light) calc(50%),transparent calc(50% + 2px))
}
.bd-tier {
grid-template-columns:10em 8em 1fr
}
.bd-tier-amount {
text-align:right
}
.bd-tiers-info {
display:grid
}
.bd-tiers-info-question {
text-align:right
}
}
@media screen and (min-width:1024px) {
.bd-backers,
.bd-tiers {
font-size:1.125rem
}
.bd-tiers-info {
--spacing:3em
}
}
@media screen and (min-width:1216px) {
.bd-backers,
.bd-tiers {
font-size:1.25rem
}
}
.bd-posts {
--font-size-base:1rem;
--font-size-large:1.25rem;
--featured-font-size-base:1.125rem;
--featured-font-size-large:1.5rem;
--padding:1.5rem;
margin-top:2px
}
.bd-post {
font-size:var(--font-size-base);
position:relative
}
.bd-post.is-featured {
--font-size-base:var(--featured-font-size-base);
--font-size-large:var(--featured-font-size-large)
}
.bd-post:hover {
z-index:2
}
.bd-post:not(:last-child) .bd-post-link {
border-bottom:2px solid #ededed
}
.bd-post-link {
align-items:center;
display:block;
padding-bottom:calc(2 * var(--padding));
padding-left:var(--padding);
padding-right:var(--padding);
padding-top:calc(2 * var(--padding));
position:relative;
transition-duration:172ms;
transition-property:background-color,border-bottom-color,box-shadow
}
.bd-post-link .icon {
color:var(--color);
flex-shrink:0;
flex-grow:0;
font-size:var(--font-size-large);
height:1.125em;
margin-right:1em;
width:1.125em
}
.bd-post-link:hover {
background-color:#fafafa;
border-bottom-color:transparent;
border-radius:.375em;
box-shadow:0 0 0 2px #fafafa
}
.bd-post-link:hover::after {
opacity:0
}
.bd-post-link:hover .title {
color:#485fc7
}
.bd-post-body {
display:flex
}
.bd-post-content code {
background:0 0;
padding:0
}
.bd-post-content .title {
font-size:var(--font-size-large);
transition-duration:172ms;
transition-property:color
}
.bd-post-content .subtitle {
font-size:var(--font-size-base);
color:#7a7a7a
}
.bd-post-image img {
border-radius:.375em
}
.bd-post-screenshot img {
max-height:100%;
width:auto
}
@media screen and (max-width:768px) {
.bd-post-image,
.bd-post-screenshot {
margin-top:var(--padding)
}
}
@media screen and (min-width:769px),print {
.bd-posts {
--font-size-base:1.125rem;
--font-size-large:1.5rem;
--featured-font-size-base:1.25rem;
--featured-font-size-large:2rem;
--second-column-width:((2 * 1.5rem * 1.125) + 1.5rem);
display:grid;
grid-template-columns:1fr 4.3125rem var(--container-width) 4.3125rem 1fr
}
.bd-post {
grid-column:2/span 3
}
.bd-post-link {
display:flex
}
.bd-post-body {
flex-grow:1;
flex-shrink:1
}
.bd-post-content {
max-width:30em
}
.bd-post-image {
flex-grow:0;
flex-shrink:0;
height:240px;
margin-left:var(--padding);
width:400px
}
.bd-post-screenshot {
align-items:center;
display:flex;
flex-grow:1;
flex-shrink:1;
height:240px;
justify-content:center;
margin-left:var(--padding);
width:70%
}
}
.bd-single-header {
--font-size-title:2rem;
--font-size-subtitle:1.25rem;
--font-size-date:1rem;
--margin:3rem;
--padding:3rem;
margin-bottom:var(--margin);
margin-top:var(--margin);
padding-left:var(--padding);
padding-right:var(--padding);
text-align:center
}
.bd-single-header code {
background:0 0;
padding:0
}
.bd-single-header .title {
font-size:var(--font-size-title);
margin-left:auto;
margin-right:auto;
max-width:16em
}
.bd-single-header .subtitle {
color:#7a7a7a;
font-size:var(--font-size-subtitle)
}
.bd-single-header .subtitle.is-date {
font-size:var(--font-size-date);
opacity:.5
}
.bd-single-carbon {
margin-bottom:3rem;
margin-top:3rem
}
.bd-single-body {
padding:0 3rem
}
.bd-single-content hr {
margin:3rem 0
}
.bd-single-content .table {
font-size:1rem
}
.bd-single-hr:not(:first-child) {
margin-top:3rem
}
.bd-single-hr:not(:last-child) {
margin-bottom:3rem
}
.bd-single-image {
margin-bottom:3rem
}
.bd-single-image div {
flex-grow:1;
max-width:1600px;
min-height:1px
}
.bd-single-image figure {
background:#f5f5f5;
padding-top:56.25%;
position:relative
}
.bd-single-image img {
left:0;
height:100%;
position:absolute;
top:0;
width:100%
}
@media screen and (max-width:1023px) {
.bd-single-body.bd-is-last {
padding-bottom:3rem
}
}
@media screen and (min-width:769px),print {
.bd-single-image {
padding-left:3rem;
padding-right:3rem
}
.bd-single-image img {
border-radius:6px
}
.bd-single-content {
font-size:1.125rem
}
}
@media screen and (min-width:1024px) {
.bd-single-header {
--font-size-title:2.5rem;
--font-size-subtitle:1.5rem;
--font-size-date:1.25rem;
--margin:4.5rem;
--padding:4.5rem
}
.bd-single-body.bd-is-last {
padding-bottom:4.5rem
}
}
@media screen and (min-width:1216px) {
.bd-single-header {
--font-size-title:3rem;
--font-size-subtitle:2rem;
--font-size-date:1.5rem;
--margin:6rem;
--padding:6rem
}
.bd-single-content {
font-size:1.25rem
}
.bd-single-body.bd-is-last {
padding-bottom:6rem
}
}
@media screen and (min-width:1408px) {
.bd-single-header {
--margin:9rem
}
.bd-single-content {
font-size:1.5rem
}
.bd-single-body.bd-is-last {
padding-bottom:9rem
}
}
.bd-post-fullwidth {
text-align:center
}
@media screen and (min-width:60rem) {
.bd-post-fullwidth {
margin-left:calc(28rem - 50vw);
margin-right:calc(28rem - 50vw)
}
}
.bd-extension {
border-bottom:2px solid #fafafa;
display:block;
padding:1.5rem
}
.bd-extension .subtitle {
color:#7a7a7a
}
.bd-extension:hover {
background-color:#fafafa
}
.bd-extension:hover .title {
color:#485fc7
}
.bd-extension:hover .subtitle {
color:#363636
}
@media screen and (min-width:769px),print {
.bd-extension {
padding:3rem 0
}
}
.bd-mwb {
padding:1.5rem
}
.bd-mwb-table td {
vertical-align:middle
}
.bd-mwb-table td img {
vertical-align:middle
}
@media screen and (min-width:769px),print {
.bd-mwb {
font-size:1.125rem;
padding:3rem
}
}
@media screen and (min-width:1024px) {
.bd-mwb {
font-size:1.25rem
}
}
.bd-snippet-preview.bd-is-mwb {
align-items:stretch;
padding-top:0
}
.bd-snippet-code.bd-is-mwb .highlight {
border-top-left-radius:.375em
}
.bd-snippet-mwb {
border-radius:.375em;
flex-grow:1;
height:10.5rem
}
.bd-bootstrap-table {
margin:3em 0
}
.bd-pros-heading {
padding:0 2em;
text-align:center
}
.bd-pros-icon {
margin-bottom:3em;
text-align:center
}
.bd-pros-icon svg {
height:3em;
width:auto
}
.bd-pros-list {
margin:0 auto;
max-width:540px
}
.bd-pro .icon {
font-size:1.25em;
height:1.125em;
position:relative;
top:-1px;
width:1.125em
}
.bd-pro .title {
font-size:1.25em;
margin-bottom:.5em
}
.bd-pro+.bd-pro {
margin-top:2em;
padding-top:2em
}
.bd-pro-content p:not(:last-child) {
margin-bottom:.5em
}
.bd-pro.bd-is-bulma .icon {
color:#00d1b2
}
.bd-pro.bd-is-bootstrap .icon {
color:#6f5499
}
.bd-bootstrap-comparison {
margin:0 auto;
max-width:42em
}
.bd-bootstrap-comparison .table {
color:#f14668
}
.bd-bootstrap-comparison .table tfoot th,
.bd-bootstrap-comparison .table thead th {
font-size:1.5em;
text-align:center
}
.bd-bootstrap-comparison .table tfoot svg,
.bd-bootstrap-comparison .table thead svg {
height:1.5em;
margin-right:1em;
position:relative;
top:.25em;
width:auto
}
.bd-bootstrap-comparison .table tbody th {
font-size:1.25em;
text-align:center
}
.bd-bootstrap-comparison .table tbody td {
font-family:monospace;
width:50%
}
.bd-bootstrap-comparison .table tbody a {
color:currentColor
}
.bd-bootstrap-comparison .table tbody a:hover {
text-decoration:underline
}
.bd-bootstrap-comparison .table .bd-is-empty {
background-color:#f5f5f5;
color:#7a7a7a
}
.bd-bootstrap-comparison .table .bd-is-unique {
background-color:rgba(72,199,142,.25);
color:#363636;
font-weight:700
}
.bd-bootstrap-comparison-header {
margin-bottom:3em
}
@media screen and (min-width:1024px) {
.bd-bootstrap-table {
font-size:1.125rem
}
}
@media screen and (min-width:1216px) {
.bd-bootstrap-table {
font-size:1.25rem
}
}
.bd-brand {
padding:3rem
}
.bd-logos {
--size:15rem
}
.bd-logos>* {
align-items:center;
border-radius:2em;
display:flex
}
.bd-logos-label {
margin-bottom:0!important
}
.bd-logos-color,
.bd-logos-item {
grid-column:span 2;
justify-content:center;
height:var(--size);
width:var(--size)
}
.bd-logos-codes {
align-items:stretch!important;
flex-direction:column;
flex-grow:1;
grid-column:span 4
}
.bd-logos-code {
align-items:center;
display:flex;
flex-grow:1;
grid-column:span 2
}
.bd-logos-code p:first-child {
color:#7a7a7a
}
.bd-logos-code p:nth-child(2) {
flex-grow:1;
margin-right:1em;
text-align:right
}
.bd-logos-item {
background-size:cover;
position:relative
}
.bd-logos-item.is-transparent {
background-color:#ededed;
background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(255,255,255,.4) 0,rgba(255,255,255,.4) 20px);
grid-column:span 2
}
.bd-logos-item:hover .bd-logos-download {
opacity:1
}
.bd-logos-download {
background-color:rgba(10,10,10,.8);
border-radius:2em;
opacity:0;
transition-duration:172ms;
transition-property:opacity
}
.bd-logos-download .title {
color:#fff!important
}
@media screen and (max-width:1023px) {
.bd-logos>* {
justify-content:center;
margin-bottom:1.5rem!important;
margin-left:auto;
margin-right:auto
}
.bd-logos-label {
justify-content:center
}
}
@media screen and (min-width:1024px) {
.bd-logos {
display:grid;
grid-gap:1rem;
grid-template-columns:repeat(7,calc(var(--size)/ 2));
grid-template-rows:repeat(4,var(--size));
margin-left:auto;
margin-right:auto;
max-width:936px
}
.bd-logos>* {
align-items:center;
border-radius:2em;
display:flex
}
}
.bd-hello-body {
display:grid;
grid-gap:var(--bd-index-gap)
}
.bd-hello-ghbtns {
margin-bottom:1em;
min-height:30px
}
.bd-hello-ghbtns a,
.bd-hello-ghbtns iframe,
.bd-hello-ghbtns img {
height:30px
}
.bd-hello-ghbtns a {
display:inline-block;
min-width:100px;
vertical-align:top
}
.bd-hello-ghbtns img {
display:block
}
.bd-hello-buttons .bd-fat-button {
font-size:1.125em
}
.bd-hello-media {
text-align:center
}
.bd-hello-video {
padding-top:56.25%;
position:relative
}
.bd-hello-video>div {
bottom:0;
left:0;
position:absolute;
right:0;
top:0
}
.bd-hello-shadow {
background-size:cover
}
.bd-hello-iframe {
border-radius:.75em
}
.bd-hello-iframe iframe {
height:100%;
width:100%
}
.bd-hello-author {
color:#7a7a7a;
margin-top:1em;
opacity:.5
}
.bd-hello-author a {
color:currentColor
}
.bd-hello-author a:hover {
text-decoration:underline
}
@media screen and (max-width:768px) {
.bd-hello {
grid-gap:var(--bd-index-vertical);
padding:var(--bd-index-vertical)
}
.bd-hello-content .title br {
display:none
}
.bd-hello-buttons .button {
margin-right:0!important;
width:100%
}
}
@media screen and (min-width:769px),print {
.bd-hello {
align-items:center;
padding-bottom:var(--bd-index-vertical);
padding-top:var(--bd-index-vertical)
}
.bd-hello-body {
align-items:center;
grid-gap:0;
grid-template-columns:var(--bd-index-gap) 1fr calc(calc(var(--container-width) - var(--bd-index-gap))/ 2) var(--bd-index-gap) calc(calc(var(--container-width) - var(--bd-index-gap))/ 2) 1fr var(--bd-index-gap)
}
.bd-hello-content {
grid-column:3/span 1
}
.bd-hello-buttons {
display:grid;
grid-gap:1.5rem;
grid-template-columns:1fr 1fr;
margin-bottom:0!important
}
.bd-hello-buttons .button {
margin:0!important;
padding-left:0!important;
padding-right:0!important
}
.bd-hello-media {
grid-column:5/span 2
}
.bd-hello-sponsors {
grid-column:4/span 4
}
}
.bd-focus {
padding:1.5rem
}
.bd-focus-item {
align-items:center;
border-radius:6px;
display:flex;
padding:1.5rem;
position:relative
}
.bd-focus-item .subtitle,
.bd-focus-item .title a {
transition-duration:172ms;
transition-property:color
}
.bd-focus-item .title {
position:relative;
transition-duration:172ms;
transition-property:color
}
.bd-focus-item .subtitle {
color:#7a7a7a;
position:relative
}
.bd-focus-item .subtitle strong {
color:currentColor
}
.bd-focus-item .subtitle .subtitle {
color:#4a4a4a
}
.bd-focus-item:first-child:hover .title {
color:#ff470f
}
.bd-focus-item:nth-child(2):hover .title {
color:#48c78e
}
.bd-focus-item:nth-child(3):hover .title {
color:#485fc7
}
.bd-focus-item:nth-child(4):hover .title {
color:#0a0a0a
}
.bd-focus-graph {
align-items:center;
display:flex;
height:3rem;
justify-content:center;
margin-right:1.5rem;
width:3rem
}
.bd-focus-icon {
align-items:center;
display:flex;
flex-grow:1;
justify-content:center;
position:relative
}
.bd-focus-device {
--device-y:4px;
--device-x:2px;
--device-sm-deg:14deg;
--device-md-deg:-21deg;
--device-lg-deg:-86deg;
--device-deg:var(--device-sm-deg);
--device-sm-height:24px;
--device-sm-width:16px;
--device-md-height:32px;
--device-md-width:24px;
--device-lg-height:40px;
--device-lg-width:48px;
animation:bdDeviceBounce 3.5s infinite;
border:0 solid hsl(var(--device-deg),100%,53%);
border-width:var(--device-y) var(--device-x);
border-radius:.375em;
display:block;
height:var(--device-height);
position:relative;
width:var(--device-width)
}
.bd-focus-cubes {
position:relative;
height:3rem;
top:-.5rem;
width:3rem
}
.bd-focus-cube {
color:#48c78e;
position:absolute
}
.bd-focus-cube-1 {
left:0;
top:0
}
.bd-focus-cube-2 {
left:-1rem;
top:23px
}
.bd-focus-cube-3 {
left:1rem;
top:23px
}
.bd-focus-css3 {
color:#485fc7
}
.bd-focus-github {
color:#333
}
@keyframes bdDeviceBounce {
0% {
--device-deg:var(--device-sm-deg);
height:var(--device-sm-height);
width:var(--device-sm-width)
}
28% {
--device-deg:var(--device-sm-deg);
height:var(--device-sm-height);
width:var(--device-sm-width)
}
33% {
--device-deg:var(--device-md-deg);
height:var(--device-md-height);
width:var(--device-md-width)
}
62% {
--device-deg:var(--device-md-deg);
height:var(--device-md-height);
width:var(--device-md-width)
}
67% {
--device-deg:var(--device-lg-deg);
height:var(--device-lg-height);
width:var(--device-lg-width)
}
95% {
--device-deg:var(--device-lg-deg);
height:var(--device-lg-height);
width:var(--device-lg-width)
}
100% {
--device-deg:var(--device-sm-deg);
height:var(--device-sm-height);
width:var(--device-sm-width)
}
}
@keyframes bdGrow {
from {
transform:scale(0)
}
to {
transform:scale(1)
}
}
@keyframes bdSlideDown {
from {
opacity:0;
transform:translateY(-1rem)
}
to {
opacity:1;
transform:translateY(0)
}
}
@keyframes bdSlideUp {
from {
opacity:0;
transform:translateY(1rem)
}
to {
opacity:1;
transform:translateY(0)
}
}
.bd-focus-css3,
.bd-focus-cube-1,
.bd-focus-cube-2,
.bd-focus-cube-3,
.bd-focus-desktop,
.bd-focus-github,
.bd-focus-item .subtitle,
.bd-focus-item .title,
.bd-focus-mobile,
.bd-focus-tablet {
animation-duration:.5s;
animation-fill-mode:both;
animation-timing-function:cubic-bezier(0.14,0.71,0.29,0.86);
transform-origin:center center
}
.bd-focus-item .title {
animation-name:bdSlideDown
}
.bd-focus-item .subtitle {
animation-name:bdSlideUp
}
.bd-focus-item:first-child .title {
animation-delay:0
}
.bd-focus-item:first-child .subtitle {
animation-delay:125ms
}
.bd-focus-item:nth-child(2) .title {
animation-delay:.5s
}
.bd-focus-item:nth-child(2) .subtitle {
animation-delay:625ms
}
.bd-focus-item:nth-child(3) .title {
animation-delay:1s
}
.bd-focus-item:nth-child(3) .subtitle {
animation-delay:1125ms
}
.bd-focus-item:nth-child(4) .title {
animation-delay:1.5s
}
.bd-focus-item:nth-child(4) .subtitle {
animation-delay:1625ms
}
.bd-focus-desktop,
.bd-focus-mobile,
.bd-focus-tablet {
animation-name:bdGrow;
transform-origin:bottom center
}
.bd-focus-mobile {
animation-delay:0
}
.bd-focus-tablet {
animation-delay:250ms
}
.bd-focus-desktop {
animation-delay:.5s
}
@keyframes bdCube1 {
0% {
transform:translate3d(0,-50px,0);
opacity:0
}
100%,
25% {
transform:translate3d(0,0,0);
opacity:1
}
}
@keyframes bdCube2 {
0% {
transform:translate3d(-40px,30px,0);
opacity:0
}
100%,
25% {
transform:translate3d(0,0,0);
opacity:1
}
}
@keyframes bdCube3 {
0% {
transform:translate3d(40px,30px,0);
opacity:0
}
100%,
25% {
transform:translate3d(0,0,0);
opacity:1
}
}
.bd-focus-cube-1,
.bd-focus-cube-2,
.bd-focus-cube-3 {
animation-direction:alternate;
animation-duration:2s;
animation-iteration-count:infinite
}
.bd-focus-cube-1 {
animation-delay:.5s;
animation-name:bdCube1
}
.bd-focus-cube-2 {
animation-name:bdCube2;
animation-delay:750ms
}
.bd-focus-cube-3 {
animation-name:bdCube3;
animation-delay:1s
}
@keyframes bdFadeIn {
from {
opacity:0
}
to {
opacity:1
}
}
@keyframes bdSlowIn {
from {
opacity:0;
transform:scale(.9)
}
to {
opacity:1;
transform:scale(1)
}
}
@keyframes bdScaleIn {
from {
opacity:0;
transform:scale(0)
}
to {
opacity:1;
transform:scale(1)
}
}
.bd-focus-css3 {
animation-delay:1s;
animation-name:bdScaleIn
}
.bd-focus-github {
animation-delay:1.5s;
animation-duration:1.5s;
animation-name:bdJellyPop
}
@keyframes bdJellyPop {
0% {
opacity:0;
transform:matrix3d(.1,0,0,0,0,.1,0,0,0,0,1,0,0,0,0,1)
}
3.4% {
opacity:1;
transform:matrix3d(.384,0,0,0,0,.466,0,0,0,0,1,0,0,0,0,1)
}
4.7% {
transform:matrix3d(.505,0,0,0,0,.639,0,0,0,0,1,0,0,0,0,1)
}
6.81% {
transform:matrix3d(.693,0,0,0,0,.904,0,0,0,0,1,0,0,0,0,1)
}
9.41% {
transform:matrix3d(.895,0,0,0,0,1.151,0,0,0,0,1,0,0,0,0,1)
}
10.21% {
transform:matrix3d(.947,0,0,0,0,1.204,0,0,0,0,1,0,0,0,0,1)
}
13.61% {
transform:matrix3d(1.111,0,0,0,0,1.299,0,0,0,0,1,0,0,0,0,1)
}
14.11% {
transform:matrix3d(1.127,0,0,0,0,1.298,0,0,0,0,1,0,0,0,0,1)
}
17.52% {
transform:matrix3d(1.187,0,0,0,0,1.216,0,0,0,0,1,0,0,0,0,1)
}
18.72% {
transform:matrix3d(1.191,0,0,0,0,1.169,0,0,0,0,1,0,0,0,0,1)
}
21.32% {
transform:matrix3d(1.177,0,0,0,0,1.062,0,0,0,0,1,0,0,0,0,1)
}
24.32% {
transform:matrix3d(1.135,0,0,0,0,.964,0,0,0,0,1,0,0,0,0,1)
}
25.23% {
transform:matrix3d(1.121,0,0,0,0,.944,0,0,0,0,1,0,0,0,0,1)
}
29.03% {
transform:matrix3d(1.057,0,0,0,0,.907,0,0,0,0,1,0,0,0,0,1)
}
29.93% {
transform:matrix3d(1.043,0,0,0,0,.909,0,0,0,0,1,0,0,0,0,1)
}
35.54% {
transform:matrix3d(.981,0,0,0,0,.966,0,0,0,0,1,0,0,0,0,1)
}
36.74% {
transform:matrix3d(.974,0,0,0,0,.981,0,0,0,0,1,0,0,0,0,1)
}
41.04% {
transform:matrix3d(.965,0,0,0,0,1.02,0,0,0,0,1,0,0,0,0,1)
}
44.44% {
transform:matrix3d(.969,0,0,0,0,1.029,0,0,0,0,1,0,0,0,0,1)
}
52.15% {
transform:matrix3d(.992,0,0,0,0,1.006,0,0,0,0,1,0,0,0,0,1)
}
59.86% {
transform:matrix3d(1.005,0,0,0,0,.991,0,0,0,0,1,0,0,0,0,1)
}
63.26% {
transform:matrix3d(1.007,0,0,0,0,.993,0,0,0,0,1,0,0,0,0,1)
}
75.28% {
transform:matrix3d(1.001,0,0,0,0,1.003,0,0,0,0,1,0,0,0,0,1)
}
85.49% {
transform:matrix3d(.999,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
}
90.69% {
transform:matrix3d(.999,0,0,0,0,.999,0,0,0,0,1,0,0,0,0,1)
}
100% {
opacity:1;
transform:matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)
}
}
.bd-best {
height:calc(386px + 3rem);
padding:1.5rem 0;
overflow:hidden;
position:relative
}
.bd-best-list {
align-items:stretch;
animation-duration:93.6s;
animation-iteration-count:infinite;
animation-timing-function:linear;
display:flex;
left:0;
position:absolute;
top:1.5rem;
animation-name:bdBestCarousel
}
.bd-best-list:hover {
animation-play-state:paused
}
.bd-best-item {
flex-grow:0;
flex-shrink:0;
margin-right:16px;
transition-duration:172ms;
transition-property:box-shadow,transform;
width:504px
}
.bd-best-item.bd-is-medium {
font-size:1.125em
}
.bd-best-item.bd-is-large {
font-size:1.25em
}
.bd-best-item.bd-is-huge {
font-size:1.5em
}
.bd-best-item:hover {
box-shadow:0 1em 1em rgba(0,0,0,.1);
transform:translateY(-.5em)
}
.bd-screenshot {
align-self:flex-start;
display:block;
transition-duration:172ms;
transition-property:box-shadow,transform
}
.bd-screenshot,
.bd-screenshot img {
border-radius:6px
}
.bd-screenshot img {
display:inline-block;
height:auto;
vertical-align:top;
width:auto
}
@keyframes bdBestCarousel {
100% {
transform:translateX(calc(-100% + 3120px))
}
}
.bd-sponsors {
--bd-sponsors-spacing:1.5rem;
padding:var(--bd-sponsors-spacing)
}
@media screen and (max-width:768px) {
.bd-sponsors {
grid-gap:var(--bd-sponsors-spacing)
}
}
.bd-partner-sponsors {
--sponsor-width:11rem;
display:grid;
grid-gap:0;
grid-template-columns:repeat(auto-fill,minmax(var(--sponsor-width),1fr));
margin-left:-1.5rem;
margin-right:-1.5rem;
overflow:hidden
}
.bd-partner-sponsor {
padding:1.5rem .75rem
}
.bd-partner-sponsor img,
.bd-partner-sponsor strong {
position:relative
}
.bd-partner-sponsor img {
border-radius:.5em;
height:auto;
max-height:3rem;
max-width:8rem;
width:auto
}
@media screen and (max-width:1023px) {
.bd-sponsors {
padding:var(--bd-index-vertical)
}
}
@media screen and (min-width:1024px) {
.bd-sponsors-body {
align-items:center;
grid-gap:0;
grid-template-columns:var(--bd-index-gap) 1fr calc(calc(var(--container-width) - var(--bd-index-gap))/ 2) var(--bd-index-gap) calc(calc(var(--container-width) - var(--bd-index-gap))/ 2) 1fr var(--bd-index-gap)
}
.bd-sponsors-content {
align-items:flex-start;
display:flex;
font-size:1.125rem;
grid-column:3/span 1;
max-width:none
}
.bd-sponsors-content .content {
margin-left:1.5rem;
margin-right:1.5rem
}
.bd-sponsors-content .button {
flex-shrink:0
}
.bd-sponsors-list {
grid-column:4/span 4
}
}
@media screen and (min-width:1216px) {
.bd-sponsors {
--bd-sponsors-spacing:6rem
}
.bd-sponsors-content {
font-size:1.25rem
}
.bd-partner-sponsors {
--sponsor-width:12rem
}
}
@media screen and (min-width:1408px) {
.bd-sponsors-content {
font-size:1.5rem
}
}
.bd-heading>.icon {
font-size:2rem;
height:1.125em;
width:1.125em
}
.bd-heading .subtitle,
.bd-heading .title {
font-weight:400
}
.bd-heading .subtitle strong,
.bd-heading .title strong {
color:inherit;
font-weight:600
}
.bd-heading .subtitle small,
.bd-heading .title small {
color:#7a7a7a;
display:block;
font-size:.75em
}
.bd-heading .subtitle {
color:#7a7a7a
}
.bd-heading .bd-fat-button {
font-weight:400
}
.bd-heading .bd-fat-button strong {
font-weight:600
}
@media screen and (max-width:768px) {
.bd-heading {
margin-bottom:var(--bd-index-vertical)
}
.bd-heading .icon {
float:left;
margin-right:.75rem
}
.bd-heading .subtitle {
margin:.75rem 0!important
}
.bd-heading form {
margin-top:1.5rem
}
}
@media screen and (min-width:769px),print {
.bd-heading {
align-items:center;
display:grid;
grid-gap:0;
grid-template-columns:1fr 4rem calc(var(--container-width)/ 3) calc(var(--container-width)/ 3) calc(var(--container-width)/ 3) 4rem 1fr;
margin-bottom:calc(var(--bd-index-vertical)/ 2)
}
.bd-heading>.icon {
grid-column:2
}
.bd-heading .title {
grid-column:3;
max-width:9em
}
.bd-heading .subtitle {
grid-column:4;
max-width:10em
}
.bd-heading .button {
grid-column:5/span 1;
justify-self:flex-end
}
}
#grid .notification {
padding-left:0;
padding-right:0
}
.bd-columns-tools {
margin-top:3rem
}
.bd-columns-tool .highlight {
font-size:.875em
}
.bd-columns-tool.bd-is-try .buttons {
justify-content:center
}
.bd-columns-tool.bd-is-try .button strong {
font-weight:600
}
#markup {
width:100%
}
#markup .highlight pre {
max-height:none
}
#message {
display:none;
margin-top:3rem
}
@media screen and (max-width:768px) {
.bd-columns-tool.bd-is-markup {
margin-top:3rem
}
}
@media screen and (min-width:769px),print {
.bd-columns-tools {
align-items:flex-start;
display:flex
}
.bd-columns-tool {
width:50%
}
.bd-columns-tool.bd-is-try {
padding-top:60px
}
}
.bd-index-custom-title {
color:#b5b5b5
}
.bd-index-custom-example {
padding:1rem
}
.bd-index-custom-example .subtitle {
margin-bottom:.5rem
}
.bd-index-custom.bd-is-after {
color:#757763;
font-family:Nunito,serif;
margin-top:.5rem
}
.bd-index-custom.bd-is-after a {
color:#fa7c91
}
.bd-index-custom.bd-is-after a:hover {
color:#363636
}
.bd-index-custom.bd-is-after .subtitle {
color:#757763
}
.bd-index-custom.bd-is-after .input,
.bd-index-custom.bd-is-after .select select {
background-color:#eff0eb;
border-color:transparent;
border-width:2px;
box-shadow:none;
font-family:Nunito,serif
}
.bd-index-custom.bd-is-after .input:hover,
.bd-index-custom.bd-is-after .select select:hover {
border-color:#d0d1cd
}
.bd-index-custom.bd-is-after .input:focus,
.bd-index-custom.bd-is-after .select select:focus {
border-color:#fa7c91;
box-shadow:0 0 0 .125em rgba(250,124,145,.25)
}
.bd-index-custom.bd-is-after .select:not(.is-multiple):not(:hover)::after {
border-color:#fa7c91
}
.bd-index-custom.bd-is-after .button.is-primary {
background-color:#8a4d76;
color:#fff
}
.bd-index-custom.bd-is-after .button.is-primary:hover {
background-color:#82486f
}
.bd-index-custom.bd-is-after .button.is-primary:active {
background-color:#7a4468
}
.bd-index-custom.bd-is-after .button.is-link {
background-color:#fa7c91;
color:#fff
}
.bd-index-custom.bd-is-after .button.is-link:hover {
background-color:#fa7087
}
.bd-index-custom.bd-is-after .button.is-link:active {
background-color:#f9637c
}
.bd-index-custom.bd-is-after ::-moz-selection {
background-color:#fa7c91;
color:#fff
}
.bd-index-custom.bd-is-after ::selection {
background-color:#fa7c91;
color:#fff
}
.bd-footer-title {
color:#7a7a7a;
font-size:1.25rem;
line-height:1.25;
margin-bottom:.5rem;
transition-duration:86ms;
transition-property:color
}
.bd-footer-title strong {
color:currentColor;
font-weight:600
}
.bd-footer-subtitle {
color:#b5b5b5;
margin-top:-.5rem;
transition-duration:86ms;
transition-property:color
}
.bd-footer-iframe {
display:flex;
flex-wrap:wrap;
margin-bottom:-10px;
min-height:30px
}
.bd-footer-iframe iframe {
height:30px;
margin-bottom:10px
}
.bd-footer-iframe .fb-like {
margin-left:10px
}
.bd-footer-iframe.is-github iframe {
width:100%
}
.bd-footer-tsp {
color:#b5b5b5;
margin-top:1.5rem
}
.bd-footer-star,
.bd-footer-support {
text-align:center
}
.bd-footer-star .bd-footer-title,
.bd-footer-support .bd-footer-title {
font-size:1.5rem
}
.bd-footer-support {
background-color:#fafafa;
box-shadow:none;
padding:3rem
}
.bd-footer-support .bd-footer-title {
margin-bottom:1.5rem
}
.bd-footer-donations {
justify-content:center
}
.bd-footer-donation {
flex:none
}
.bd-footer-donation-items {
display:flex;
flex-wrap:wrap;
justify-content:center
}
.bd-footer-donation-items .bd-footer-sponsor {
width:12rem
}
.bd-footer-sponsor {
height:70px
}
@media screen and (min-width:769px),print {
.bd-footer-donation {
padding:.75rem 1.5rem
}
}
@media screen and (min-width:1024px) {
.bd-footer-support {
padding-bottom:6rem;
padding-top:6rem
}
}
.bd-footer-donation-title {
color:#b5b5b5;
margin-bottom:.5rem
}
.bd-footer-donation-title strong {
color:currentColor
}
.bd-footer-donation-action {
height:70px
}
.bd-footer-donation-action .bd-github-button {
margin-right:.5rem
}
.bd-footer-donation-action .bd-github-button,
.bd-footer-donation-action .bd-patreon-button {
flex-shrink:0
}
.bd-footer-donation-action .paypal-form {
height:30px
}
.bd-footer-donation-action .paypal-form img {
display:block
}
.bd-footer-stars {
margin-top:2.5rem
}
@media screen and (min-width:769px),print {
.bd-footer-stars {
align-items:stretch;
display:flex;
justify-content:space-between
}
}
.bd-footer-star {
transition-duration:86ms;
transition-property:box-shadow,transform;
will-change:box-shadow,transform
}
@media screen and (max-width:768px) {
.bd-footer-star:not(:last-child) {
margin-bottom:1.5rem
}
}
@media screen and (min-width:769px),print {
.bd-footer-star {
width:calc(33.3333% - 2rem)
}
}
.bd-footer-star:hover {
box-shadow:0 3rem 3rem -1.25rem rgba(10,10,10,.1);
transform:translateY(-.5rem)
}
.bd-footer-star:hover .bd-footer-subtitle,
.bd-footer-star:hover .bd-footer-title {
color:#485fc7
}
.bd-footer-star.bd-is-expo,
.bd-footer-star.bd-is-love {
padding-bottom:156px
}
.bd-footer-star.bd-is-expo .bd-footer-title,
.bd-footer-star.bd-is-love .bd-footer-title {
align-items:center;
display:flex;
justify-content:center
}
.bd-footer-star.bd-is-expo .bd-footer-title .icon,
.bd-footer-star.bd-is-love .bd-footer-title .icon {
margin-right:.25em
}
.bd-footer-star.bd-is-expo {
background-image:url("/images/footer/expo-examples.png");
background-repeat:repeat-x;
background-position:bottom center;
background-size:352px 156px
}
.bd-footer-star.bd-is-love {
background-image:url("/images/footer/love.png");
background-repeat:no-repeat;
background-position:bottom center;
background-size:440px 180px
}
.bd-footer-star-header {
padding:1.5rem
}
.bd-footer-star-figure {
height:156px;
margin-top:-1rem
}
.bd-footer-links {
margin-top:6rem;
padding-bottom:6rem
}
.bd-footer-links a {
color:currentColor
}
.bd-footer-links a:hover {
color:#485fc7
}
.bd-footer-link-title {
color:#363636;
font-size:1.25rem;
font-weight:600
}
.bd-footer-link-title:not(:first-child) {
margin-top:1.5em
}
.bd-footer-link {
margin-top:.5rem
}
.bd-footer-link.bd-is-more {
font-size:.875rem
}
.bd-footer-link.bd-is-more a:not(:hover) {
color:#b5b5b5
}
.bd-footer-link.bd-has-subtitle a {
align-items:center;
display:flex;
justify-content:space-between
}
.bd-footer-link.bd-has-subtitle a strong {
flex-grow:1;
flex-shrink:1;
font-weight:unset
}
.bd-footer-link.bd-has-subtitle a em {
display:block;
font-size:.875rem;
font-style:normal
}
.bd-footer-link.bd-has-subtitle a:not(:hover) em {
color:#b5b5b5
}
@media screen and (max-width:768px) {
.bd-footer-link.bd-has-subtitle a {
flex-wrap:wrap;
margin-top:1rem
}
.bd-footer-link.bd-has-subtitle a em {
width:100%
}
}
@media screen and (min-width:769px),print {
.bd-footer-link.bd-has-subtitle a em {
margin-left:1rem;
text-align:right
}
}
.bd-footer-link-icon {
flex-grow:0;
flex-shrink:0;
margin-right:.5em;
text-align:center;
width:1em
}
:root {
--newsletter-strip-size:16px;
--newsletter-border-size:1.5rem
}
#newsletter {
background:#fafafa;
padding:var(--newsletter-border-size);
padding-top:0
}
#newsletter .bd-drawing {
display:none
}
.bd-newsletter-heading>.icon {
font-size:2rem;
height:1.125em;
width:1.125em
}
.bd-newsletter-heading .subtitle,
.bd-newsletter-heading .title {
font-weight:400
}
.bd-newsletter-heading .subtitle strong,
.bd-newsletter-heading .title strong {
color:inherit;
font-weight:600
}
.bd-newsletter-heading .subtitle small,
.bd-newsletter-heading .title small {
color:#7a7a7a;
display:block;
font-size:.75em
}
.bd-newsletter-heading .subtitle {
color:#7a7a7a
}
.bd-newsletter-heading .bd-fat-button {
font-weight:400
}
.bd-newsletter-heading .bd-fat-button strong {
font-weight:600
}
.bd-newsletter-fields {
display:grid;
grid-gap:0.75rem;
grid-template-columns:minmax(20em,1fr) auto
}
.bd-newsletter-box {
background-color:#fff;
background-image:url("/images/hab/newsletter-strip.png");
background-repeat:repeat-x;
background-size:96px var(--newsletter-strip-size);
border-radius:1.5em;
box-shadow:0 0 0 1px #f5f5f5
}
.bd-newsletter-box .icon {
align-self:flex-start
}
.bd-newsletter-box form .input:not(:focus):not(:hover) {
border-color:#dbdbdb
}
@media screen and (max-width:768px) {
.bd-newsletter-box {
padding-top:calc(1.5rem + var(--newsletter-strip-size))
}
.bd-newsletter-fields {
grid-template-columns:repeat(auto-fill,minmax(14em,1fr))
}
}
@media screen and (max-width:1023px) {
.bd-newsletter-heading {
margin-bottom:var(--bd-index-vertical)
}
.bd-newsletter-heading .icon {
float:left;
margin-right:.75rem
}
.bd-newsletter-heading .subtitle {
margin:.75rem 0!important
}
.bd-newsletter-heading form {
margin-top:1.5rem
}
}
@media screen and (min-width:769px),print {
.bd-newsletter-box {
padding-top:calc(var(--bd-index-vertical) + var(--newsletter-strip-size))
}
}
@media screen and (min-width:1024px) {
.bd-newsletter-heading {
display:grid;
grid-template-columns:3rem 3rem 1fr 1fr 3rem 3rem
}
.bd-newsletter-heading>.icon {
grid-column:2
}
.bd-newsletter-heading .title {
grid-column:3;
max-width:9em
}
.bd-newsletter-heading .subtitle {
grid-column:4;
max-width:10em
}
.bd-newsletter-heading form {
grid-column:4
}
}
@media screen and (min-width:1216px) {
:root {
--newsletter-border-size:5.625rem
}
#newsletter .bd-drawing {
display:block
}
.bd-newsletter-heading {
grid-template-columns:4.5rem 4.5rem 1fr 1fr 4.5rem 4.5rem
}
.bd-newsletter-box {
box-shadow:0 1em 2em rgba(0,0,0,.05)
}
}
@media screen and (min-width:1780px) {
.bd-newsletter-heading {
grid-template-columns:minmax(3rem,1fr) 4.5rem calc(var(--container-width)/ 2) calc(var(--container-width)/ 2) 4.5rem minmax(3rem,1fr)
}
}
.cpck-window {
background-color:#fff;
box-shadow:0 0 1em rgba(0,0,0,.1);
padding:1em 1.5em;
position:fixed;
z-index:60
}
.cpck-invisible {
display:none!important
}
.cpck-link {
border-bottom:1px solid #485fc7;
padding-bottom:2px
}
.cpck-link:hover {
border-bottom-width:2px
}
.cpck-link:active {
background-color:#eff1fa
}
.cpck-compliance {
margin-top:1em
}
.cpck-btn {
border:2px solid #48c78e;
border-radius:.375em;
color:#48c78e;
display:inline-block;
font-weight:700;
padding:.5em 1em;
vertical-align:top
}
.cpck-btn span {
margin-left:-.125em;
margin-right:.5em
}
.cpck-btn:hover {
background-color:#effaf5;
color:#257953
}
.cpck-btn:active,
.cpck-btn:focus {
background-color:#dcf4e9;
border-color:#257953;
color:#1f6546;
outline:0
}
@media screen and (max-width:768px) {
.cpck-window {
bottom:0;
left:0;
right:0
}
}
@media screen and (min-width:769px),print {
.cpck-window {
border-radius:.375em;
bottom:1em;
right:1em;
width:20rem
}
}
.bulma-arrow-mixin {
border:3px solid purple;
border-radius:2px;
border-right:0;
border-top:0;
content:" ";
display:block;
height:.625em;
margin-top:-.4375em;
pointer-events:none;
position:absolute;
top:50%;
transform:rotate(-45deg);
transform-origin:center;
width:.625em
}
.bulma-hamburger-mixin {
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
background:0 0;
border:none;
cursor:pointer;
display:block;
height:2.5rem;
position:relative;
width:2.5rem
}
.bulma-hamburger-mixin 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
}
.bulma-hamburger-mixin span:first-child {
top:calc(50% - 6px)
}
.bulma-hamburger-mixin span:nth-child(2) {
top:calc(50% - 1px)
}
.bulma-hamburger-mixin span:nth-child(3) {
top:calc(50% + 4px)
}
.bulma-hamburger-mixin:hover {
background-color:rgba(0,0,0,.05)
}
.bulma-hamburger-mixin.is-active span:first-child {
transform:translateY(5px) rotate(45deg)
}
.bulma-hamburger-mixin.is-active span:nth-child(2) {
opacity:0
}
.bulma-hamburger-mixin.is-active span:nth-child(3) {
transform:translateY(-5px) rotate(-45deg)
}
.bulma-delete-mixin {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none;
-moz-appearance:none;
-webkit-appearance:none;
background-color:rgba(10,10,10,.2);
border:none;
border-radius:9999px;
cursor:pointer;
pointer-events:auto;
display:inline-block;
flex-grow:0;
flex-shrink:0;
font-size:0;
height:20px;
max-height:20px;
max-width:20px;
min-height:20px;
min-width:20px;
outline:0;
position:relative;
vertical-align:top;
width:20px
}
.bulma-delete-mixin::after,
.bulma-delete-mixin::before {
background-color:#fff;
content:"";
display:block;
left:50%;
position:absolute;
top:50%;
transform:translateX(-50%) translateY(-50%) rotate(45deg);
transform-origin:center center
}
.bulma-delete-mixin::before {
height:2px;
width:50%
}
.bulma-delete-mixin::after {
height:50%;
width:2px
}
.bulma-delete-mixin:focus,
.bulma-delete-mixin:hover {
background-color:rgba(10,10,10,.3)
}
.bulma-delete-mixin:active {
background-color:rgba(10,10,10,.4)
}
.bulma-delete-mixin.is-small {
height:16px;
max-height:16px;
max-width:16px;
min-height:16px;
min-width:16px;
width:16px
}
.bulma-delete-mixin.is-medium {
height:24px;
max-height:24px;
max-width:24px;
min-height:24px;
min-width:24px;
width:24px
}
.bulma-delete-mixin.is-large {
height:32px;
max-height:32px;
max-width:32px;
min-height:32px;
min-width:32px;
width:32px
}
.bulma-loader-mixin {
animation:spinAround .5s infinite linear;
border:2px solid #dbdbdb;
border-radius:9999px;
border-right-color:transparent;
border-top-color:transparent;
content:"";
display:block;
height:1em;
position:relative;
width:1em
}
.bulma-block-mixin:not(:last-child) {
margin-bottom:1rem
}
.bulma-fa-mixin {
display:inline-block;
font-size:1rem;
height:2rem;
line-height:2rem;
text-align:center;
vertical-align:top;
width:2rem;
background-color:#e6e6fa
}
.bulma-overlay-mixin-parent {
background-image:url(https://source.unsplash.com/La2kOu2dmH4/640x320);
background-size:cover;
border-radius:.5em;
position:relative;
height:11.25rem;
width:20rem
}
.bulma-overlay-mixin {
bottom:1.5rem;
left:1.5rem;
position:absolute;
right:1.5rem;
top:1.5rem;
background-color:#ff8c00;
border-radius:.25em;
color:#fff;
opacity:.9;
padding:1em
}
.bulma-placeholder-mixin {
border-color:#add8e6
}
.bulma-placeholder-mixin::-moz-placeholder {
color:#add8e6
}
.bulma-placeholder-mixin::-webkit-input-placeholder {
color:#add8e6
}
.bulma-placeholder-mixin:-moz-placeholder {
color:#add8e6
}
.bulma-placeholder-mixin:-ms-input-placeholder {
color:#add8e6
}
.bulma-placeholder-mixin:hover {
border-color:#60ccf0
}
.bulma-placeholder-mixin:active,
.bulma-placeholder-mixin:focus {
border-color:#1fc7ff!important;
box-shadow:0 0 0 .125em rgba(31,199,255,.25)!important
}
.bulma-clearfix-mixin::after {
clear:both;
content:" ";
display:table
}
.bulma-clearfix-mixin img {
border-radius:.25em;
margin-right:.5em
}
.bulma-center-mixin-parent {
background-image:url(https://source.unsplash.com/xo3Bd2tYeqg/640x320);
background-size:cover;
border-radius:.5em;
position:relative;
height:11.25rem;
width:20rem
}
.bulma-center-mixin {
position:absolute;
left:calc(50% - (96px * .5));
top:calc(50% - (96px * .5));
border-radius:8px;
height:96px;
width:96px
}
.bulma-reset-mixin {
-moz-appearance:none;
-webkit-appearance:none;
appearance:none;
background:0 0;
border:none;
color:currentColor;
font-family:inherit;
font-size:1em;
margin:0;
padding:0
}
.bulma-unselectable-mixin {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
user-select:none
}
.bulma-ltr-rtl-mixin {
background-color:#90ee90;
padding:.5em 1em;
border:1px solid #2e8b57;
margin-right:-1px
}
.bulma-ltr-rtl-mixin:first-child {
border-bottom-left-radius:.5em;
border-top-left-radius:.5em
}
.bulma-ltr-rtl-mixin:last-child {
border-bottom-right-radius:.5em;
border-top-right-radius:.5em
}
.bulma-ltr-position-mixin-parent {
background-color:beige;
border-radius:.5em;
padding:1rem;
padding-left:5rem;
position:relative
}
.bulma-ltr-position-mixin-parent p {
margin-top:-.25rem
}
.bulma-ltr-position-mixin {
left:1rem;
border-radius:.25em;
position:absolute;
top:1rem
}
.bulma-ltr-property-mixin-parent {
align-items:flex-start;
background-color:#191970;
border-radius:.5em;
color:#87cefa;
display:flex;
padding:1.5rem;
position:relative
}
.bulma-ltr-property-mixin-parent p {
margin-top:-.25rem
}
.bulma-ltr-property-mixin {
margin-left:1rem;
border-radius:.25em
}
.bulma-control-mixin {
-moz-appearance:none;
-webkit-appearance:none;
align-items:center;
border:1px solid transparent;
border-radius:.375em;
box-shadow:none;
display:inline-flex;
font-size:1rem;
height:2.5em;
justify-content:flex-start;
line-height:1.5;
padding-bottom:calc(.5em - 1px);
padding-left:calc(.75em - 1px);
padding-right:calc(.75em - 1px);
padding-top:calc(.5em - 1px);
position:relative;
vertical-align:top;
background:#ff1493;
color:#fff
}
.bulma-control-mixin.is-active,
.bulma-control-mixin.is-focused,
.bulma-control-mixin:active,
.bulma-control-mixin:focus {
outline:0
}
.bulma-control-mixin[disabled],
fieldset[disabled] .bulma-control-mixin {
cursor:not-allowed
}
.bulma-control-mixin.is-small {
border-radius:2px;
font-size:.75rem
}
.bulma-control-mixin.is-medium {
font-size:1.25rem
}
.bulma-control-mixin.is-large {
font-size:1.5rem
}
.bulma-control-extend {
background:#0000cd;
color:#fff
}
.my-element {
background:red
}
@media screen and (min-width:1280px) {
.my-element {
background:#00f
}
}