/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
.button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea {
align-items: center;
-moz-appearance: none;
-webkit-appearance: none;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: none;
display: inline-flex;
font-size: 1rem;
height: 2.5em;
justify-content: flex-start;
line-height: 1.5;
padding: calc(.5em - 1px) calc(.75em - 1px);
position: relative;
vertical-align: top
}
.button:active, .button:focus, .file-cta:active, .file-cta:focus, .file-name:active, .file-name:focus, .input:active, .input:focus, .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.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: none
}
.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] .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;
-ms-user-select: none;
user-select: none
}
.navbar-link:not(.is-arrowless):after, .select:not(.is-multiple):not(.is-loading):after {
border: 3px solid transparent;
border-radius: 2px;
border-right: 0;
border-top: 0;
content: " ";
display: block;
height: .625em;
margin-top: -.4375em;
pointer-events: none;
position: absolute;
top: 50%;
transform: rotate(-45deg);
transform-origin: center;
width: .625em
}
.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;
-moz-appearance: none;
-webkit-appearance: none;
background-color: hsla(0,0%,4%,.2);
border: none;
border-radius: 9999px;
cursor: pointer;
display: inline-block;
flex-grow: 0;
flex-shrink: 0;
font-size: 0;
height: 20px;
max-height: 20px;
max-width: 20px;
min-height: 20px;
min-width: 20px;
outline: none;
pointer-events: auto;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
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: hsla(0,0%,4%,.3)
}
.delete:active, .modal-close:active {
background-color: hsla(0,0%,4%,.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 {
-webkit-animation: spinAround .5s linear infinite;
animation: spinAround .5s linear infinite;
border-color: transparent transparent #dbdbdb #dbdbdb;
border-radius: 9999px;
border-style: solid;
border-width: 2px;
content: "";
display: block;
height: 1em;
position: relative;
width: 1em
}
.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
}
.navbar-burger {
color: currentColor;
font-family: inherit;
font-size: 1em
}
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
.navbar-burger, 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 {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
background-color: #fff;
font-size: 16px;
min-width: 300px;
overflow-x: hidden;
overflow-y: scroll;
text-rendering: optimizeLegibility
}
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 {
color: #da1039;
font-size: .875em;
font-weight: 400;
padding: .25em .5em
}
code, hr {
background-color: #f5f5f5
}
hr {
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;
word-wrap: normal;
background-color: #f5f5f5;
color: #4a4a4a;
font-size: .875em;
overflow-x: auto;
padding: 1.25rem 1.5rem;
white-space: pre
}
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
}
@-webkit-keyframes spinAround {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(359deg)
}
}
@keyframes spinAround {
0% {
transform: rotate(0deg)
}
to {
transform: rotate(359deg)
}
}
.box {
background-color: #fff;
border-radius: 6px;
box-shadow: 0 .5em 1em -.125em hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.02);
color: #4a4a4a;
display: block;
padding: 1.25rem
}
a.box:focus, a.box:hover {
box-shadow: 0 .5em 1em -.125em hsla(0,0%,4%,.1),0 0 0 1px #485fc7
}
a.box:active {
box-shadow: inset 0 1px 2px hsla(0,0%,4%,.2),0 0 0 1px #485fc7
}
.button {
background-color: #fff;
border-color: #dbdbdb;
border-width: 1px;
color: #363636;
cursor: pointer;
justify-content: center;
padding: calc(.5em - 1px) 1em;
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: none;
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 hsla(0,0%,100%,.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 hsla(0,0%,4%,.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 hsla(0,0%,96%,.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 {
color: #f5f5f5
}
.button.is-light.is-inverted, .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 {
color: #ffe08a
}
.button.is-warning.is-inverted, .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-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 {
left: calc(50% - .5em);
position: absolute;
position: absolute !important;
top: calc(50% - .5em)
}
.button.is-static {
background-color: #f5f5f5;
border-color: #dbdbdb;
box-shadow: none;
color: #7a7a7a;
pointer-events: none
}
.button.is-rounded {
border-radius: 9999px;
padding-left: 1.25em;
padding-right: 1.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;
word-wrap: normal;
overflow-x: auto;
padding: 1.25em 1.5em;
white-space: pre
}
.content sub, .content sup {
font-size: 75%
}
.content table {
width: 100%
}
.content table td, .content table th {
border: 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;
height: 1.5rem;
justify-content: center;
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: 4px;
padding: 1.25rem 2.5rem 1.25rem 1.5rem;
position: relative
}
.notification a:not(.button):not(.dropdown-item) {
color: currentColor;
text-decoration: underline
}
.notification strong {
color: currentColor
}
.notification code, .notification pre {
background: #fff
}
.notification pre code {
background: transparent
}
.notification > .delete {
position: absolute;
right: .5rem;
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
}
.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(90deg,#fff 30%,#ededed 0)
}
.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(90deg,#0a0a0a 30%,#ededed 0)
}
.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(90deg,#f5f5f5 30%,#ededed 0)
}
.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(90deg,#363636 30%,#ededed 0)
}
.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(90deg,#00d1b2 30%,#ededed 0)
}
.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(90deg,#485fc7 30%,#ededed 0)
}
.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(90deg,#3e8ed0 30%,#ededed 0)
}
.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(90deg,#48c78e 30%,#ededed 0)
}
.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(90deg,#ffe08a 30%,#ededed 0)
}
.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(90deg,#f14668 30%,#ededed 0)
}
.progress:indeterminate {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: moveIndeterminate;
animation-name: moveIndeterminate;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
background-color: #ededed;
background-image: linear-gradient(90deg,#4a4a4a 30%,#ededed 0);
background-position: 0 0;
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
}
@-webkit-keyframes moveIndeterminate {
0% {
background-position: 200% 0
}
to {
background-position: -200% 0
}
}
@keyframes moveIndeterminate {
0% {
background-position: 200% 0
}
to {
background-position: -200% 0
}
}
.table {
background-color: #fff;
color: #363636
}
.table td, .table th {
border: 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-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, .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;
max-width: 100%;
overflow: auto;
overflow-y: hidden
}
.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-left: .25rem;
margin-right: .25rem
}
.tags.is-right {
justify-content: flex-end
}
.tags.is-right .tag:not(:first-child) {
margin-left: .5rem
}
.tags.has-addons .tag, .tags.is-right .tag:not(:last-child) {
margin-right: 0
}
.tags.has-addons .tag:not(:first-child) {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-left: 0
}
.tags.has-addons .tag:not(:last-child) {
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
.tag:not(body) {
align-items: center;
background-color: #f5f5f5;
border-radius: 4px;
color: #4a4a4a;
display: inline-flex;
font-size: .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-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, .subtitle sup, .title sub, .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: 4px;
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: hsla(0,0%,48%,.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: hsla(0,0%,48%,.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: hsla(0,0%,48%,.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: hsla(0,0%,48%,.3)
}
.input, .textarea {
box-shadow: inset 0 .0625em .125em hsla(0,0%,4%,.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 hsla(0,0%,100%,.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 hsla(0,0%,4%,.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 hsla(0,0%,96%,.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-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(1.125em - 1px);
padding-right: calc(1.125em - 1px)
}
.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: auto
}
.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: none
}
.select select::-ms-expand {
display: none
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
border-color: #f5f5f5
}
.select select:not([multiple]) {
padding-right: 2.5em
}
.select select[multiple] {
height: auto;
padding: 0
}
.select select[multiple] option {
padding: .5em 1em
}
.select:not(.is-multiple):not(.is-loading):hover:after {
border-color: #363636
}
.select.is-white select, .select.is-white:not(:hover):after {
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 hsla(0,0%,100%,.25)
}
.select.is-black select, .select.is-black:not(:hover):after {
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 hsla(0,0%,4%,.25)
}
.select.is-light select, .select.is-light:not(:hover):after {
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 hsla(0,0%,96%,.25)
}
.select.is-dark select, .select.is-dark:not(:hover):after {
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 select, .select.is-primary:not(:hover):after {
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 select, .select.is-link:not(:hover):after {
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 select, .select.is-info:not(:hover):after {
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 select, .select.is-success:not(:hover):after {
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 select, .select.is-warning:not(:hover):after {
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 select, .select.is-danger:not(:hover):after {
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-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, .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 hsla(0,0%,100%,.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 hsla(0,0%,4%,.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 hsla(0,0%,96%,.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-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: 4px
}
.file.has-name.is-empty .file-name {
display: none
}
.file.is-boxed .file-label {
flex-direction: column
}
.file.is-boxed .file-cta {
flex-direction: column;
height: auto;
padding: 1em 3em
}
.file.is-boxed .file-name {
border-width: 0 1px 1px
}
.file.is-boxed .file-icon {
height: 1.5em;
width: 1.5em
}
.file.is-boxed .file-icon .fa {
font-size: 21px
}
.file.is-boxed.is-small .file-icon .fa {
font-size: 14px
}
.file.is-boxed.is-medium .file-icon .fa {
font-size: 28px
}
.file.is-boxed.is-large .file-icon .fa {
font-size: 35px
}
.file.is-boxed.has-name .file-cta {
border-radius: 4px 4px 0 0
}
.file.is-boxed.has-name .file-name {
border-radius: 0 0 4px 4px;
border-width: 0 1px 1px
}
.file.is-centered {
justify-content: center
}
.file.is-fullwidth .file-label {
width: 100%
}
.file.is-fullwidth .file-name {
flex-grow: 1;
max-width: none
}
.file.is-right {
justify-content: flex-end
}
.file.is-right .file-cta {
border-radius: 0 4px 4px 0
}
.file.is-right .file-name {
border-radius: 4px 0 0 4px;
border-width: 1px 0 1px 1px;
order: -1
}
.file-label {
align-items: stretch;
cursor: pointer;
display: flex;
justify-content: flex-start;
overflow: hidden;
position: relative
}
.file-label:hover .file-cta {
background-color: #eee;
color: #363636
}
.file-label:hover .file-name {
border-color: #d5d5d5
}
.file-label:active .file-cta {
background-color: #e8e8e8;
color: #363636
}
.file-label:active .file-name {
border-color: #cfcfcf
}
.file-input {
height: 100%;
left: 0;
opacity: 0;
outline: none;
position: absolute;
top: 0;
width: 100%
}
.file-cta, .file-name {
border-color: #dbdbdb;
border-radius: 4px;
font-size: 1em;
padding-left: 1em;
padding-right: 1em;
white-space: nowrap
}
.file-cta {
background-color: #f5f5f5;
color: #4a4a4a
}
.file-name {
border: 1px solid #dbdbdb;
border-left-width: 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
}
.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 print,screen and (min-width: 769px) {
.field.is-horizontal {
display: flex
}
}
.field-label .label {
font-size: inherit
}
@media screen and (max-width: 768px) {
.field-label {
margin-bottom: .5rem
}
}
@media print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.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 {
align-items: stretch;
background-color: transparent;
box-shadow: 0 .125em .25em hsla(0,0%,4%,.1);
display: flex
}
.card-header-title {
align-items: center;
color: #363636;
display: flex;
flex-grow: 1;
font-weight: 700;
padding: .75rem 1rem
}
.card-header-icon, .card-header-title.is-centered {
justify-content: center
}
.card-header-icon {
align-items: center;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: none;
border: none;
color: currentColor;
cursor: pointer;
display: flex;
font-family: inherit;
font-size: 1em;
margin: 0;
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 {
padding: 1.5rem
}
.card-content, .card-footer {
background-color: transparent
}
.card-footer {
align-items: stretch;
border-top: 1px solid #ededed;
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: 0;
top: auto
}
.dropdown-menu {
display: none;
left: 0;
min-width: 12rem;
padding-top: 4px;
position: absolute;
top: 100%;
z-index: 20
}
.dropdown-content {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 .5em 1em -.125em hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.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: 4px
}
.level img {
display: inline-block;
vertical-align: top
}
.level.is-mobile, .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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.level-left {
display: flex
}
}
.level-right {
align-items: center;
justify-content: flex-end
}
@media print,screen and (min-width: 769px) {
.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 hsla(0,0%,86%,.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 hsla(0,0%,86%,.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: 4px;
font-size: 1rem
}
.message strong {
color: currentColor
}
.message a:not(.button):not(.tag):not(.dropdown-item) {
color: currentColor;
text-decoration: underline
}
.message.is-small {
font-size: .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-header {
align-items: center;
background-color: #4a4a4a;
border-radius: 4px 4px 0 0;
color: #fff;
display: flex;
font-weight: 700;
justify-content: space-between;
line-height: 1.25;
padding: .75em 1em;
position: relative
}
.message-header .delete {
flex-grow: 0;
flex-shrink: 0;
margin-left: .75em
}
.message-header + .message-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-width: 0
}
.message-body {
border: solid #dbdbdb;
border-radius: 4px;
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: hsla(0,0%,4%,.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: none;
height: 40px;
position: fixed;
right: 20px;
top: 20px;
width: 40px
}
.modal-card {
display: flex;
flex-direction: column;
max-height: calc(100vh - 40px);
overflow: hidden;
-ms-overflow-y: visible
}
.modal-card-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: 1024px) {
.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: 1024px) {
.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
}
.navbar.is-light, .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: 1024px) {
.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: 1024px) {
.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: 1024px) {
.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: 1024px) {
.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: 1024px) {
.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: 1024px) {
.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
}
.navbar.is-warning, .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: 1024px) {
.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: 1024px) {
.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 > .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 {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background: none;
border: none;
color: #4a4a4a;
cursor: pointer;
display: block;
height: 3.25rem;
margin-left: auto;
position: relative;
width: 3.25rem
}
.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: 3px solid #485fc7;
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: 1023px) {
.navbar > .container {
display: block
}
.navbar-brand .navbar-item, .navbar-tabs .navbar-item {
align-items: center;
display: flex
}
.navbar-link:after {
display: none
}
.navbar-menu {
background-color: #fff;
box-shadow: 0 8px 16px hsla(0,0%,4%,.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 hsla(0,0%,4%,.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: 1024px) {
.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: 4px
}
.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 hsla(0,0%,4%,.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 hsla(0,0%,4%,.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 hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.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 hsla(0,0%,4%,.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 {
border-radius: 9999px;
padding-left: 1em;
padding-right: 1em
}
.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 hsla(0,0%,4%,.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-list li, .pagination-next, .pagination-previous {
flex-grow: 1;
flex-shrink: 1
}
}
@media print,screen and (min-width: 769px) {
.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 hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.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-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 {
color: #7a7a7a;
display: inline-block;
font-size: 14px;
height: 1em;
line-height: 1em;
margin-right: .75em;
text-align: center;
vertical-align: top;
width: 1em
}
.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: 1px solid #dbdbdb;
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: 1px solid #dbdbdb;
display: flex;
flex-grow: 1;
flex-shrink: 0;
justify-content: flex-start
}
.tabs ul.is-center, .tabs ul.is-left {
padding-right: .75em
}
.tabs ul.is-center {
flex: none;
justify-content: center;
padding-left: .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: 4px 4px 0 0
}
.tabs.is-boxed a:hover {
background-color: #f5f5f5;
border-bottom-color: #dbdbdb
}
.tabs.is-boxed li.is-active a {
background-color: #fff;
border-color: #dbdbdb;
border-bottom-color: transparent !important
}
.tabs.is-fullwidth li {
flex-grow: 1;
flex-shrink: 0
}
.tabs.is-toggle a {
border: 1px solid #dbdbdb;
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-bottom-left-radius: 4px;
border-top-left-radius: 4px
}
.tabs.is-toggle li:last-child a {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px
}
.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 print,screen and (min-width: 769px) {
.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: .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 print,screen and (min-width: 769px) {
.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(var(--columnGap)*-1);
margin-right: calc(var(--columnGap)*-1)
}
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.columns.is-variable.is-8-tablet {
--columnGap: 2rem
}
}
@media screen and (min-width: 769px) and (max-width:1023px) {
.columns.is-variable.is-8-tablet-only {
--columnGap: 2rem
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-8-touch {
--columnGap: 2rem
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-8-desktop {
--columnGap: 2rem
}
}
@media screen and (min-width: 1024px) and (max-width:1215px) {
.columns.is-variable.is-8-desktop-only {
--columnGap: 2rem
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-8-widescreen {
--columnGap: 2rem
}
}
@media screen and (min-width: 1216px) and (max-width:1407px) {
.columns.is-variable.is-8-widescreen-only {
--columnGap: 2rem
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-8-fullhd {
--columnGap: 2rem
}
}
.tile {
align-items: stretch;
display: block;
flex-basis: 0;
flex-grow: 1;
flex-shrink: 1;
min-height: -webkit-min-content;
min-height: -moz-min-content;
min-height: min-content
}
.tile.is-ancestor {
margin-left: -.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 print,screen and (min-width: 769px) {
.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-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, .mx-0 {
margin-left: 0 !important
}
.mx-0 {
margin-right: 0 !important
}
.my-0 {
margin-bottom: 0 !important;
margin-top: 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, .mx-1 {
margin-left: .25rem !important
}
.mx-1 {
margin-right: .25rem !important
}
.my-1 {
margin-bottom: .25rem !important;
margin-top: .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, .mx-2 {
margin-left: .5rem !important
}
.mx-2 {
margin-right: .5rem !important
}
.my-2 {
margin-bottom: .5rem !important;
margin-top: .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, .mx-3 {
margin-left: .75rem !important
}
.mx-3 {
margin-right: .75rem !important
}
.my-3 {
margin-bottom: .75rem !important;
margin-top: .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, .mx-4 {
margin-left: 1rem !important
}
.mx-4 {
margin-right: 1rem !important
}
.my-4 {
margin-bottom: 1rem !important;
margin-top: 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, .mx-5 {
margin-left: 1.5rem !important
}
.mx-5 {
margin-right: 1.5rem !important
}
.my-5 {
margin-bottom: 1.5rem !important;
margin-top: 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, .mx-6 {
margin-left: 3rem !important
}
.mx-6 {
margin-right: 3rem !important
}
.my-6 {
margin-bottom: 3rem !important;
margin-top: 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, .mx-auto {
margin-left: auto !important
}
.mx-auto {
margin-right: auto !important
}
.my-auto {
margin-bottom: auto !important;
margin-top: 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, .px-0 {
padding-left: 0 !important
}
.px-0 {
padding-right: 0 !important
}
.py-0 {
padding-bottom: 0 !important;
padding-top: 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, .px-1 {
padding-left: .25rem !important
}
.px-1 {
padding-right: .25rem !important
}
.py-1 {
padding-bottom: .25rem !important;
padding-top: .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, .px-2 {
padding-left: .5rem !important
}
.px-2 {
padding-right: .5rem !important
}
.py-2 {
padding-bottom: .5rem !important;
padding-top: .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, .px-3 {
padding-left: .75rem !important
}
.px-3 {
padding-right: .75rem !important
}
.py-3 {
padding-bottom: .75rem !important;
padding-top: .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, .px-4 {
padding-left: 1rem !important
}
.px-4 {
padding-right: 1rem !important
}
.py-4 {
padding-bottom: 1rem !important;
padding-top: 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, .px-5 {
padding-left: 1.5rem !important
}
.px-5 {
padding-right: 1.5rem !important
}
.py-5 {
padding-bottom: 1.5rem !important;
padding-top: 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, .px-6 {
padding-left: 3rem !important
}
.px-6 {
padding-right: 3rem !important
}
.py-6 {
padding-bottom: 3rem !important;
padding-top: 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, .px-auto {
padding-left: auto !important
}
.px-auto {
padding-right: auto !important
}
.py-auto {
padding-bottom: auto !important;
padding-top: 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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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, .is-family-sans-serif, .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-code, .is-family-monospace {
font-family: monospace !important
}
.is-block {
display: block !important
}
@media screen and (max-width: 768px) {
.is-block-mobile {
display: block !important
}
}
@media print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.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 {
clip: rect(0,0,0,0) !important;
border: none !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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.is-invisible-tablet {
visibility: hidden !important
}
}
@media screen and (min-width: 769px) and (max-width:1023px) {
.is-invisible-tablet-only {
visibility: hidden !important
}
}
@media screen and (max-width: 1023px) {
.is-invisible-touch {
visibility: hidden !important
}
}
@media screen and (min-width: 1024px) {
.is-invisible-desktop {
visibility: hidden !important
}
}
@media screen and (min-width: 1024px) and (max-width:1215px) {
.is-invisible-desktop-only {
visibility: hidden !important
}
}
@media screen and (min-width: 1216px) {
.is-invisible-widescreen {
visibility: hidden !important
}
}
@media screen and (min-width: 1216px) and (max-width:1407px) {
.is-invisible-widescreen-only {
visibility: hidden !important
}
}
@media screen and (min-width: 1408px) {
.is-invisible-fullhd {
visibility: hidden !important
}
}
.hero {
align-items: stretch;
display: flex;
flex-direction: column;
justify-content: space-between
}
.hero .navbar {
background: none
}
.hero .tabs ul {
border-bottom: none
}
.hero.is-white {
background-color: #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: hsla(0,0%,4%,.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: hsla(0,0%,4%,.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: hsla(0,0%,4%,.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,#fff 71%,#fff)
}
@media screen and (max-width: 768px) {
.hero.is-white.is-bold .navbar-menu {
background-image: linear-gradient(141deg,#e6e6e6,#fff 71%,#fff)
}
}
.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: hsla(0,0%,100%,.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: hsla(0,0%,100%,.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: hsla(0,0%,4%,.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,#0a0a0a 71%,#181616)
}
@media screen and (max-width: 768px) {
.hero.is-black.is-bold .navbar-menu {
background-image: linear-gradient(141deg,#000,#0a0a0a 71%,#181616)
}
}
.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: hsla(0,0%,4%,.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,#f5f5f5 71%,#fff)
}
@media screen and (max-width: 768px) {
.hero.is-light.is-bold .navbar-menu {
background-image: linear-gradient(141deg,#dfd8d9,#f5f5f5 71%,#fff)
}
}
.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: hsla(0,0%,100%,.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: hsla(0,0%,100%,.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: hsla(0,0%,4%,.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,#363636 71%,#46403f)
}
@media screen and (max-width: 768px) {
.hero.is-dark.is-bold .navbar-menu {
background-image: linear-gradient(141deg,#1f191a,#363636 71%,#46403f)
}
}
.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: hsla(0,0%,100%,.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: hsla(0,0%,100%,.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: hsla(0,0%,4%,.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,#00d1b2 71%,#00e7eb)
}
@media screen and (max-width: 768px) {
.hero.is-primary.is-bold .navbar-menu {
background-image: linear-gradient(141deg,#009e6c,#00d1b2 71%,#00e7eb)
}
}
.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: hsla(0,0%,100%,.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: hsla(0,0%,100%,.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: hsla(0,0%,4%,.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,#485fc7 71%,#5658d2)
}
@media screen and (max-width: 768px) {
.hero.is-link.is-bold .navbar-menu {
background-image: linear-gradient(141deg,#2959b3,#485fc7 71%,#5658d2)
}
}
.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: hsla(0,0%,100%,.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: hsla(0,0%,100%,.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: hsla(0,0%,4%,.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,#3e8ed0 71%,#4d83db)
}
@media screen and (max-width: 768px) {
.hero.is-info.is-bold .navbar-menu {
background-image: linear-gradient(141deg,#208fbc,#3e8ed0 71%,#4d83db)
}
}
.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: hsla(0,0%,100%,.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: hsla(0,0%,100%,.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: hsla(0,0%,4%,.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,#48c78e 71%,#56d2af)
}
@media screen and (max-width: 768px) {
.hero.is-success.is-bold .navbar-menu {
background-image: linear-gradient(141deg,#29b35e,#48c78e 71%,#56d2af)
}
}
.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: hsla(0,0%,4%,.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,#ffe08a 71%,#fff6a3)
}
@media screen and (max-width: 768px) {
.hero.is-warning.is-bold .navbar-menu {
background-image: linear-gradient(141deg,#ffb657,#ffe08a 71%,#fff6a3)
}
}
.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: hsla(0,0%,100%,.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: hsla(0,0%,100%,.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: hsla(0,0%,4%,.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,#f14668 71%,#f7595f)
}
@media screen and (max-width: 768px) {
.hero.is-danger.is-bold .navbar-menu {
background-image: linear-gradient(141deg,#fa0a62,#f14668 71%,#f7595f)
}
}
.hero.is-small .hero-body {
padding: 1.5rem
}
@media print,screen and (min-width: 769px) {
.hero.is-medium .hero-body {
padding: 9rem 4.5rem
}
.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 print,screen and (min-width: 769px) {
.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 print,screen and (min-width: 769px) {
.hero-body {
padding: 3rem
}
}
.section {
padding: 3rem 1.5rem
}
@media screen and (min-width: 1024px) {
.section {
padding: 3rem
}
.section.is-medium {
padding: 9rem 4.5rem
}
.section.is-large {
padding: 18rem 6rem
}
}
.footer {
background-color: #fafafa;
padding: 3rem 1.5rem 6rem
}
code[class*=language-], pre[class*=language-] {
word-wrap: normal;
background: none;
color: #000;
font-family: Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;
font-size: 1em;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
line-height: 1.5;
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
text-align: left;
text-shadow: 0 1px #fff;
white-space: pre;
word-break: normal;
word-spacing: normal
}
code[class*=language-] ::-moz-selection, code[class*=language-]::-moz-selection, pre[class*=language-] ::-moz-selection, pre[class*=language-]::-moz-selection {
background: #b3d4fc;
text-shadow: none
}
code[class*=language-] ::selection, code[class*=language-]::selection, pre[class*=language-] ::selection, pre[class*=language-]::selection {
background: #b3d4fc;
text-shadow: none
}
@media print {
code[class*=language-], pre[class*=language-] {
text-shadow: none
}
}
pre[class*=language-] {
margin: .5em 0;
overflow: auto;
padding: 1em
}
:not(pre) > code[class*=language-], pre[class*=language-] {
background: #f5f2f0
}
:not(pre) > code[class*=language-] {
border-radius: .3em;
padding: .1em;
white-space: normal
}
.token.cdata, .token.comment, .token.doctype, .token.prolog {
color: #708090
}
.token.punctuation {
color: #999
}
.token.namespace {
opacity: .7
}
.token.boolean, .token.constant, .token.deleted, .token.number, .token.property, .token.symbol, .token.tag {
color: #905
}
.token.attr-name, .token.builtin, .token.char, .token.inserted, .token.selector, .token.string {
color: #690
}
.language-css .token.string, .style .token.string, .token.entity, .token.operator, .token.url {
background: hsla(0,0%,100%,.5);
color: #9a6e3a
}
.token.atrule, .token.attr-value, .token.keyword {
color: #07a
}
.token.class-name, .token.function {
color: #dd4a68
}
.token.important, .token.regex, .token.variable {
color: #e90
}
.token.bold, .token.important {
font-weight: 700
}
.token.italic {
font-style: italic
}
.token.entity {
cursor: help
}
.command-line-prompt {
border-right: 1px solid #999;
display: block;
float: left;
font-size: 100%;
letter-spacing: -1px;
margin-right: 1em;
pointer-events: none;
text-align: right;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.command-line-prompt > span:before {
opacity: .7
}
.command-line-prompt > span[data-continuation-prompt]:before {
content: attr(data-continuation-prompt)
}
.command-line span.token.output {
opacity: .7
}
body {
--bg: #fff;
--color: $color;
--border: $borderColorLight;
--borderHighlight: #6d7579
}
:not(pre) > code[class*=language-] {
background: #fff
}
pre[class*=language-] {
background: #fff;
border: 1px solid #d9e9e9;
font-size: .85rem;
padding: 1.5rem
}
.command-line-prompt > span:before {
color: #999;
content: " ";
display: block;
padding-right: .8em
}
code[class*=language-], pre[class*=language-] {
white-space: pre-wrap
}
.command-line-prompt > span[data-user]:before {
content: "[" attr(data-user) "@" attr(data-host) "] $"
}
.command-line-prompt > span[data-user=root]:before {
content: "[" attr(data-user) "@" attr(data-host) "] #"
}
.command-line-prompt > span[data-prompt]:before {
content: attr(data-prompt)
}
.content pre {
background: #fff;
border: 1px solid #d9e9e9;
padding: 10px 15px;
position: relative
}
.content pre .hljs button.is-copy {
font-size: 9px;
padding: 0 5px;
position: absolute;
right: 5px;
top: 5px
}
.content pre .hljs .hljs-attribute {
color: #007ea9
}
@font-face {
font-display: swap;
font-family: Metropolis;
font-style: normal;
font-weight: 400;
src: url(/fonts/metropolis/metropolis-regular-webfont.woff2) format("woff2"),url(/fonts/metropolis/metropolis-regular-webfont.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: Metropolis;
font-style: normal;
font-weight: 500;
src: url(/fonts/metropolis/metropolis-bold-webfont.woff2) format("woff2"),url(/fonts/metropolis/metropolis-bold-webfont.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: Metropolis;
font-style: normal;
font-weight: 600;
src: url(/fonts/metropolis/metropolis-extrabold-webfont.woff2) format("woff2"),url(/fonts/metropolis/metropolis-extrabold-webfont.woff) format("woff")
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 400;
src: url(/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot);
src: url(/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.eot?#iefix) format("embedded-opentype"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff2) format("woff2"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.woff) format("woff"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.ttf) format("truetype"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-regular.svg#OpenSans) format("svg")
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: italic;
font-weight: 400;
src: url(/fonts/open-sans-v17-latin/open-sans-v17-latin-italic.eot);
src: url(/fonts/open-sans-v17-latin/open-sans-v17-latin-italic.eot?#iefix) format("embedded-opentype"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-italic.woff2) format("woff2"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-italic.woff) format("woff"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-italic.ttf) format("truetype"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-italic.svg#OpenSans) format("svg")
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 600;
src: url(/fonts/open-sans-v17-latin/open-sans-v17-latin-600.eot);
src: url(/fonts/open-sans-v17-latin/open-sans-v17-latin-600.eot?#iefix) format("embedded-opentype"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-600.woff2) format("woff2"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-600.woff) format("woff"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-600.ttf) format("truetype"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-600.svg#OpenSans) format("svg")
}
@font-face {
font-display: swap;
font-family: Open Sans;
font-style: normal;
font-weight: 700;
src: url(/fonts/open-sans-v17-latin/open-sans-v17-latin-700.eot);
src: url(/fonts/open-sans-v17-latin/open-sans-v17-latin-700.eot?#iefix) format("embedded-opentype"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-700.woff2) format("woff2"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-700.woff) format("woff"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-700.ttf) format("truetype"),url(/fonts/open-sans-v17-latin/open-sans-v17-latin-700.svg#OpenSans) format("svg")
}
@font-face {
font-display: swap;
font-family: Work Sans;
font-style: normal;
font-weight: 400;
src: url(/fonts/work-sans-v5-latin/work-sans-v5-latin-regular.eot);
src: url(/fonts/work-sans-v5-latin/work-sans-v5-latin-regular.eot?#iefix) format("embedded-opentype"),url(/fonts/work-sans-v5-latin/work-sans-v5-latin-regular.woff2) format("woff2"),url(/fonts/work-sans-v5-latin/work-sans-v5-latin-regular.woff) format("woff"),url(/fonts/work-sans-v5-latin/work-sans-v5-latin-regular.ttf) format("truetype"),url(/fonts/work-sans-v5-latin/work-sans-v5-latin-regular.svg#WorkSans) format("svg")
}
@font-face {
font-display: swap;
font-family: Work Sans;
font-style: normal;
font-weight: 700;
src: url(/fonts/work-sans-v5-latin/work-sans-v5-latin-700.eot);
src: url(/fonts/work-sans-v5-latin/work-sans-v5-latin-700.eot?#iefix) format("embedded-opentype"),url(/fonts/work-sans-v5-latin/work-sans-v5-latin-700.woff2) format("woff2"),url(/fonts/work-sans-v5-latin/work-sans-v5-latin-700.woff) format("woff"),url(/fonts/work-sans-v5-latin/work-sans-v5-latin-700.ttf) format("truetype"),url(/fonts/work-sans-v5-latin/work-sans-v5-latin-700.svg#WorkSans) format("svg")
}
.has-background-light {
background-color: #ebf2f2 !important
}
.navbar {
background-color: var(--bg);
padding: 5px 0;
z-index: 801
}
.navbar-menu {
font-family: Metropolis,sans-serif;
font-weight: 500
}
.navbar-menu .navbar-link {
color: #111;
font-size: .95rem
}
.navbar-menu .navbar-link:not(.is-arrowless) {
padding-right: 2rem
}
.navbar-menu .navbar-link:not(.is-arrowless):after {
border-bottom: 2px solid #111;
border-left: 2px solid #111;
border-radius: 1px;
height: .5rem;
width: .5rem
}
.navbar-menu .navbar-dropdown {
background: var(--bg);
border: 0;
box-shadow: 0 5px 30px 0 rgba(108,135,135,.5);
font-family: Open Sans,sans-serif;
font-size: 1rem;
padding: 1rem
}
.navbar-menu .navbar-item {
color: #111
}
.navbar-menu .is-link {
color: #086dc3
}
.navbar-menu div.navbar-item {
font-size: .8rem
}
.navbar-menu .navbar-group-item > span.navbar-link {
cursor: unset
}
.navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
color: #6db33f
}
a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover {
color: #6db33f
}
.has-dropdown > a.navbar-item.is-active, .has-dropdown > a.navbar-item:focus, .has-dropdown > a.navbar-item:focus-within, .has-dropdown > a.navbar-item:hover {
color: #111
}
.box.no-shadow {
box-shadow: none !important
}
.has-bigest-border {
border: 4px solid #ebf2f2
}
.has-bigest-border-top {
border-top: 4px solid #ebf2f2
}
.has-big-border-top {
border-top: 2px solid #d9e9e9
}
.has-big-border-bottom {
border-bottom: 2px solid #d9e9e9
}
.has-big-border-bottom-light {
border-bottom: 2px solid #ebf2f2
}
.has-border-top {
border-top: 1px solid #d9e9e9
}
.has-border-bottom {
border-bottom: 1px solid #d9e9e9
}
.has-big-border-dark-top {
border-top: 2px solid #111
}
.has-bigest-border-light {
border: 4px solid #ebf2f2
}
.has-text-secondary {
color: #6db33f
}
h1.has-icon {
padding-bottom: 14px;
padding-left: 50px;
position: relative
}
h1.has-icon img {
left: 0;
position: absolute;
top: 0
}
a.is-special-link {
color: #086dc3;
font-weight: 500
}
a.is-special-link:hover {
color: #111
}
.is-link {
color: #086dc3
}
.button.is-spring {
background: transparent;
border: 2px solid #111;
border-radius: 0;
color: #111;
display: inline-block;
font-size: .9rem;
font-weight: 700;
height: auto;
line-height: 20px;
overflow: hidden;
padding: 15px 30px;
position: relative;
text-transform: uppercase;
transition: color .2s ease-in-out;
z-index: 0
}
.button.is-spring:before {
background-color: #191e1e;
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
transform: translateX(-101%);
transition: .2s ease-in-out;
z-index: -1
}
.button.is-spring:hover {
color: #fff;
text-decoration: none
}
.button.is-spring:hover:before {
transform: translateX(0)
}
.button.is-spring.is-small {
font-size: .75rem;
padding: 4px 10px
}
.button.is-spring.is-white-spring-2 {
border-color: #fff;
color: #fff
}
.button.is-spring.is-white-spring-2:before {
background: #fff
}
.button.is-spring.is-white-spring-2:hover {
color: #191e1e
}
.button.is-spring-2 {
background: #80eb6e;
border: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #000;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: 700;
height: 58px;
letter-spacing: 1px;
line-height: 24px;
overflow: hidden;
padding: 16px 30px;
position: relative;
text-align: center;
text-transform: uppercase;
transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
white-space: nowrap;
z-index: 0
}
.button.is-spring-2:before {
background-color: #000;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
content: "";
height: 300%;
position: absolute;
top: -100%;
transform: translateX(-200%);
-ms-transform: translateX(-200%);
-moz-transform: translateX(-200%);
-webkit-transform: translateX(-200%);
transition: transform .5s ease-out;
-moz-transition: transform .5s ease-out;
-webkit-transition: transform .5s ease-out;
width: 200%;
z-index: -1
}
.button.is-spring-2:hover {
color: #fff;
text-decoration: none;
transition: color .25s ease-out .25s;
-moz-transition: color .25s ease-out .25s;
-webkit-transition: color .25s ease-out .25s
}
.button.is-spring-2:hover:before {
transform: translateX(-50%);
-ms-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%)
}
.button.is-white-spring {
color: #086dc3;
font-size: .9rem;
font-weight: 700;
text-transform: uppercase
}
.button.is-white-spring .icon {
height: 16px;
margin-right: 2px !important
}
.button.is-white-spring:hover {
text-decoration: none
}
a.box.is-special {
background: var(--bg);
border-top: 6px solid #80ea6e;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: none;
box-shadow: 0 0 0 rgba(108,135,135,.2);
color: var(--color);
display: block;
padding: 40px;
position: relative;
transform: translateY(0);
transition: all .2s
}
a.box.is-special:focus, a.box.is-special:hover {
box-shadow: 0 10px 20px 0 rgba(108,135,135,.2);
text-decoration: none;
top: -3px;
transform: translateY(-3px)
}
input.input.is-special, input.input.is-special:hover {
border: 2px solid #000;
border-radius: 0;
font-family: Open Sans,sans-serif;
height: 48px
}
input.input.is-special:focus, input.input.is-special:hover:focus {
border-color: #6db33f;
box-shadow: none
}
input.input.is-special::placeholder, input.input.is-special:hover::placeholder {
color: rgba(0,0,0,.5)
}
.button.is-special {
background-color: #111;
border: 0;
border-radius: 0;
color: #fff;
font-size: .9rem;
font-weight: 700;
height: 48px;
padding: 0 2.5rem;
text-transform: uppercase
}
.button.is-special:hover {
background-color: #6db33f
}
.button.is-button-back {
margin-left: 0;
padding-left: 0
}
.columns.has-box {
margin-left: .02rem;
margin-right: .02rem
}
.columns.is-space-between {
justify-content: space-between
}
.tabs {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding: 10px 10px 0
}
.tabs, .tabs ul {
border: 0
}
.tabs ul li {
margin-right: 5px
}
.tabs ul li a {
border: 0;
border-top: 4px solid transparent;
color: #111;
font-family: Work Sans,sans-serif;
font-size: .95rem;
font-weight: 700;
padding: 8px 20px 20px;
text-transform: uppercase
}
.tabs ul li a:hover {
background: hsla(0,0%,100%,.6);
border-top: 4px solid #444;
text-decoration: none
}
.tabs li.is-active a, .tabs li.is-active a:hover {
background: #fff;
border-top: 4px solid #6db33f;
color: #111;
padding: 10px 20px 18px
}
.pagination ul.pagination-list a {
background: #fff;
border: 0;
border-radius: 0;
color: #888;
min-width: 30px;
width: auto
}
.pagination ul.pagination-list a.is-current {
border-top: 2px solid #222;
color: #000;
text-decoration: none
}
.pagination ul.pagination-list a:active {
box-shadow: none
}
.border-dark {
border: 1px solid #d9e9e9
}
.markdown h1, .markdown h2 {
font-size: 1.5rem;
font-weight: 500;
padding: 1rem 0
}
.markdown h2 strong {
color: #6db33f
}
.markdown a {
color: #086dc3
}
.markdown a:hover {
text-decoration: underline
}
.markdown code {
background-color: #fff;
border: 1px solid #e1e1e8;
color: #009;
font-family: Monaco,monospace;
font-size: .875rem;
padding: 2px 6px;
white-space: nowrap
}
.markdown pre code {
background-color: transparent;
border: 0;
color: currentColor;
font-size: 1em;
padding: 0;
white-space: pre
}
.markdown blockquote {
background: #fff;
border-left: 2px solid #6db33f;
color: #333;
margin: 0;
padding: 10px 10px 10px 30px;
position: relative
}
.markdown blockquote p {
color: #333
}
.markdown .anchor {
display: none
}
.markdown blockquote:after {
background: #fff;
color: #6db33f;
content: "”";
font-family: Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;
font-size: 30px;
font-style: normal;
font-weight: 900;
height: 30px;
left: -10px;
line-height: 1.5em;
margin-top: -14px;
position: absolute;
text-align: center;
text-indent: -2px;
top: 50%;
width: 20px
}
.markdown button.is-copy {
font-size: 9px;
padding: 0 5px;
position: absolute;
right: 5px;
top: 5px
}
body, html {
background-color: var(--bg);
font-family: Open Sans,sans-serif
}
h1, h2, h3, h4, h5 {
font-family: Metropolis,sans-serif
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6, body, code {
color: var(--color)
}
.main {
line-height: 1.7rem
}
.main a {
color: #086dc3
}
.main a:hover {
text-decoration: underline
}
.header {
border-bottom: 1px solid #ebf2f2;
z-index: 999
}
.footer {
border-top: 1px solid #ebf2f2
}
.footer .links .item {
padding: 4px 0
}
.footer .links .item a {
color: #111
}
.footer .links .item a:hover {
color: #6db33f
}
.footer .more {
font-size: .8rem
}
.footer .more a {
color: #111
}
.footer .more a:hover {
color: #086dc3;
text-decoration: underline
}
.footer .more .social-links {
min-width: 200px;
text-align: right
}
.footer .more .social-links a.button {
color: #fff;
font-size: 22px;
height: 40px;
margin: 0 8px;
padding-left: 0;
padding-right: 0;
width: 40px
}
.footer .more .social-links a.button:hover {
background-color: #6db33f
}
.footer .newsletter {
margin-left: auto;
width: 400px
}
.footer .newsletter label.checkbox {
color: #999;
font-size: .9rem;
padding-left: 30px
}
.footer .newsletter label.checkbox input {
margin-left: -25px;
margin-right: 10px;
vertical-align: middle
}
.relative {
position: relative
}
.hide {
display: none
}
.show {
display: block
}
q {
font-family: Metropolis,sans-serif;
line-height: 36px
}
.hero h1, q {
font-weight: 500
}
.hero h1 {
font-size: 3.5rem;
margin-top: 40px
}
.hero .description {
font-size: 1.5rem;
font-weight: 400;
line-height: 2.2rem;
margin-top: 20px;
max-width: 960px
}
.default-banner {
overflow: hidden
}
.default-banner .extra {
position: relative
}
.default-banner .extra .extra-1 {
background-color: #6db33f;
border-radius: 50%;
height: 345px;
position: absolute;
right: -100px;
top: 40px;
width: 345px
}
.default-banner .extra .extra-2 {
height: 100px;
position: absolute;
right: 120px;
top: 20px;
width: 100px
}
.default-banner article:last-child {
margin-right: 150px
}
.cloud .extra-0 img, .serverless .extra-0 img {
height: 40px !important;
margin-left: -3vw;
max-width: none
}
.play {
background-color: #6db33f;
height: 50px;
transition: background-color .2s;
width: 50px
}
.play, .play .triangle {
bottom: 0;
left: 0;
position: absolute
}
.play .triangle {
border-bottom: 10px solid transparent;
border-left: 15px solid #fff;
border-top: 10px solid transparent;
height: 0;
margin: auto;
right: 0;
top: 50px;
width: 0
}
.navbar-mobile {
background: #fff;
border-bottom: 1px solid #ebf2f2;
height: 40px;
position: fixed;
top: 0
}
.navbar-mobile .navbar-burger {
position: absolute;
right: 0;
top: 0;
z-index: 999
}
.navbar-mobile .item-header {
border-bottom: 1px solid hsla(0,0%,100%,.4);
display: block;
height: 60px;
margin: 1rem 0
}
.navbar-mobile .item-link, .navbar-mobile a.item-link {
color: #98afae;
font-size: 1.2rem;
padding: .2rem 0
}
.navbar-mobile .logo {
width: 200px
}
.navbar-mobile .subitems-hide .is-boxed {
display: none
}
.navbar-mobile .subitems-hide .item-header:after {
transform: rotate(45deg) translate(-5px,5px) scale(1)
}
.navbar-mobile a.item-header {
color: #fff
}
.navbar-mobile a.item-header:hover {
color: #6db33f
}
.navbar-mobile span.item-header {
color: #fff;
cursor: pointer;
position: relative
}
.navbar-mobile span.item-header:hover {
color: #6db33f
}
.navbar-mobile span.item-header:after {
border: solid #98afae;
border-width: 0 2px 2px 0;
content: " ";
display: block;
height: 15px;
position: absolute;
right: 5px;
top: 20px;
transform: rotate(45deg) translate(5px,15px) scale(-1);
transition: transform .2s ease-out;
width: 15px
}
.navbar-mobile .item-link:hover {
color: #6db33f
}
.is-open .navbar-burger, .wrapper {
color: #fff
}
.wrapper {
background: #191e1e;
height: 100%;
left: 0;
overflow-x: hidden;
overflow-y: auto;
position: fixed;
top: 0;
width: 100%;
z-index: 199
}
.wrapper-enter {
top: -100%
}
.wrapper-enter-active {
transform: translateY(100%);
transition: transform .5s
}
.wrapper-exit {
top: 0
}
.wrapper-exit-active {
transform: translateY(-100%);
transition: transform .5s
}
.navbar-brand {
padding: 0
}
.logo {
width: 300px
}
.logo .st0, .logo .st1 {
fill: #6cb52d
}
.logo .st3 {
fill: #fff
}
.links-animate a, a.link-animate {
display: inline-block;
position: relative;
text-decoration: none
}
.links-animate a:hover, a.link-animate:hover {
text-decoration: none
}
.links-animate a:before, a.link-animate:before {
background-color: #086dc3;
bottom: 8px;
content: "";
height: 2px;
left: 0;
position: absolute;
transform: scaleX(0);
transform-origin: top left;
transition: all .3s ease-in-out 0s;
visibility: hidden;
width: 100%
}
.links-animate a:focus:before, .links-animate a:hover:before, a.link-animate:focus:before, a.link-animate:hover:before {
transform: scaleX(1);
visibility: visible
}
.links-animate a:before {
bottom: 2px
}
.springone-banner {
height: 40px;
position: relative
}
.springone-banner div {
background-color: #6db33f;
color: hsla(0,0%,100%,.9);
display: block;
font-size: 1rem;
height: 40px;
left: 0;
line-height: 40px;
position: absolute;
right: 0;
text-align: center;
top: 0;
z-index: 99
}
.springone-banner div a {
color: #fff;
font-weight: 700;
text-decoration: underline
}
.springone-banner div a:hover {
color: #fff
}
.is-link.link-animate:before {
bottom: 0
}
.terminal {
background: #191e1e;
box-shadow: 0 8px 15px 0 rgba(0,0,0,.2);
color: #fff;
font-size: 15px;
padding: 70px 55px;
position: relative
}
.terminal .indent {
padding-left: 20px
}
.terminal .top {
display: flex;
justify-content: space-between;
left: 20px;
position: absolute;
top: 20px;
width: 45px
}
.terminal .circle {
background-color: #ccc
}
.terminal .circle, .terminal .x-circle {
border-radius: 50%;
height: 8px;
width: 8px
}
.terminal .x-circle {
background-color: #f33
}
.terminal .terminal-blue {
color: #85d9eb
}
.terminal .terminal-green {
color: #56e27a
}
.terminal .terminal-lime {
color: #d4f088
}
.terminal .typed-placeholder {
margin: 0;
overflow: hidden;
text-align: left;
white-space: nowrap
}
.terminal.visible .typed-placeholder {
animation: typing 5s steps(54);
display: block
}
.theme-toggler {
align-self: center;
background: #d7e7e7;
border-radius: 5px;
cursor: pointer;
display: inline-block;
font-size: 13px;
height: 10px;
margin-left: 10px;
margin-right: 10px;
position: relative;
width: 36px
}
.theme-toggler input {
opacity: 0
}
.theme-toggler .moon {
display: none
}
.theme-toggler span.text {
background-color: transparent;
display: block;
overflow: hidden;
text-indent: -6000em
}
.theme-toggler span.icon {
background: #000;
border-radius: 12px;
color: #fff;
display: block;
height: 24px;
left: -1px;
position: absolute;
top: -7px;
transition: left .5s;
width: 24px
}
.theme-toggler span.icon .moon {
margin-left: 7px;
margin-top: 5px
}
.theme-toggler span.icon .sun {
margin-left: 5px;
margin-top: 5px
}
.img-light {
display: inline-block
}
.img-dark {
display: none !important
}
.image .ico .play-button {
left: 2px;
position: relative;
top: 2px
}
.hero-batch .markdown h1, .hero-cloud .markdown h1, .hero-event-driven .markdown h1, .hero-microservices .markdown h1, .hero-reactive .markdown h1, .hero-serverless .markdown h1, .hero-webapplications .markdown h1, .hero-why .markdown h1 {
font-size: 3.5rem
}
.skip-to-main-content {
background-color: #000;
color: #fff;
left: -9999px;
opacity: 0;
padding: 1em;
position: absolute;
z-index: 999
}
.skip-to-main-content:focus {
left: 50%;
opacity: 1;
transform: translateX(-50%)
}
.footer .links .item.footer-link a {
color: #616161
}
.footer .links .item.footer-link a:hover {
color: #6db33f
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes riseUp {
0% {
transform: translateY(100px)
}
to {
transform: translateY(0)
}
}
@keyframes shrink {
0% {
transform: scale(1)
}
to {
transform: scale(0)
}
}
@keyframes grow {
0% {
transform: scale(0)
}
to {
transform: scale(1)
}
}
@keyframes typing {
0% {
width: 0
}
to {
width: 100%
}
}
@keyframes scaleText {
to {
transform: scale(1)
}
}
@keyframes fadeInText {
to {
filter: blur(0);
opacity: 1
}
}
.page404 h1 {
color: #6db33f;
font-size: 130px;
font-weight: 100;
line-height: 110px
}
.page404 h2 {
color: var(--color);
font-size: 21px;
font-weight: 500
}
.page404 p {
font-size: 16px
}
.page404 p a {
font-weight: 600
}
.blog .blog-post {
border-top: 2px solid #111;
overflow: hidden
}
.blog .blog-post.is-first {
border-top: 0
}
.blog .blog-post h1 {
line-height: 3rem
}
.blog .blog-post h1 a {
color: #111;
line-height: 2.5rem
}
.blog .blog-post h1 a:hover {
color: #086dc3
}
.blog .blog-post .meta {
font-family: Work Sans,sans-serif;
font-size: .9rem;
font-weight: 700;
text-transform: uppercase
}
.blog .blog-post .meta a {
color: #111
}
.blog .blog-post .meta a:hover {
color: #086dc3
}
.blog .blog-post p {
word-break: break-word
}
.blog .featured-post {
background: #6db33f url(/img/blog/featured-post.svg) no-repeat 100%;
background-size: cover
}
.blog .featured-post .blog-post {
border-top: 0
}
.blog .featured-post .blog-post h1 {
line-height: 3.6rem;
max-width: 600px
}
.blog .featured-post .blog-post .meta a:hover, .blog .featured-post .blog-post h1 a:hover {
color: #fff
}
.blog .featured-post .newest {
color: #fff;
font-weight: 700
}
.blog #disqus_thread {
padding: 3rem 0
}
.blog .blog-category a {
color: #6db33f;
font-size: 1.5rem
}
.blog .secondary-nav {
display: inline-block;
line-height: 1.2rem;
margin-left: 1.5rem
}
.blog .secondary-nav .blog-nav-category {
display: inline-block;
margin: 0 1rem
}
.blog .blog-nav-rss {
float: right
}
.blog .blog-nav-rss .rss-dropdown {
background: none;
border: 0
}
.blog .blog-nav-rss .dropdown-content {
min-width: 220px
}
.blog .blog-sidebar {
margin-top: 35px;
max-width: 333px;
padding: 30px
}
.blog .blog-sidebar .mktoButtonRow button {
width: 250px
}
.blog .markdown button.is-copy {
font-size: 9px;
padding: 0 5px;
position: absolute;
right: 5px;
top: 5px
}
.blog .markdown .anchor.before {
display: block;
top: auto
}
.guides .hero-guides {
margin-bottom: 80px
}
.guides .hero-guides h1 {
margin-top: 0
}
.guides .hero-guides .image {
left: 50px;
position: absolute;
top: 50px;
width: 300px
}
.guides .hero-guides .content {
height: 600px;
margin: 0 auto;
max-width: 1200px;
padding: 80px 0 80px 400px;
position: relative
}
.guides .hero-guides .links {
bottom: -30px;
left: 0;
position: absolute;
right: 0
}
.guides .hero-guides .icon {
color: #5c9f9f;
margin-bottom: -20px
}
.guides .hero-guides a.box.is-special {
border-top: 4px solid #6db33f;
margin: 0 1rem;
padding: 40px 0
}
.guides .hero-guides a.box.is-special:hover .icon {
color: #6db33f
}
.guides .search {
position: relative;
text-align: right
}
.guides .search .input.is-special {
margin-left: auto;
max-width: 400px;
padding-left: 50px
}
.guides .search .icon {
height: 20px;
left: 14px;
position: absolute;
top: 14px
}
.guides .columns-list, .guides .rows {
margin: 0 -20px
}
.guides .columns-list .column, .guides .rows .column {
padding: 0 20px
}
.guides .columns-list article, .guides .rows article {
display: flex;
flex-direction: column;
height: 100%;
min-height: 54px;
padding: 20px 10px
}
.guides .columns-list article a, .guides .rows article a {
color: #111;
display: inline-block;
padding-left: 70px;
position: relative
}
.guides .columns-list article a img, .guides .rows article a img {
height: 45px;
left: 20px;
position: absolute;
top: 2px
}
.guides .columns-list article a h2, .guides .rows article a h2 {
color: #086dc3;
font-weight: 500
}
.guides .columns-list article a:hover, .guides .rows article a:hover {
text-decoration: none
}
.guides .columns-list article a:hover h2, .guides .rows article a:hover h2 {
color: #111
}
.guides .cross-list {
margin: 2rem -12px
}
.guides .cross-list a.box.is-special {
border: 2px solid #ebf2f2;
border-radius: 5px;
height: 100%
}
.guides .cross-list a.box.is-special h2 {
color: #086dc3
}
.guides .cross-list a.box.is-special:hover {
text-decoration: none
}
.guides.guides-category .extra img {
height: 675px;
position: absolute;
right: -100px;
top: -320px
}
.guide .tag-special:not(body).is-primary {
background-color: #80ea6e;
color: #111;
font-weight: 700
}
.guide .special-link {
display: flex
}
.guide .logo-spring-sm {
min-width: 20px;
width: 20px
}
.guide .ascii-doc ul {
list-style-type: disc
}
.guide .ascii-doc ol, .guide .ascii-doc ul {
padding: .3rem 0 .3rem 40px
}
.guide .ascii-doc code, .guide .ascii-doc pre {
background: #fff;
border: 1px solid #e1e1e8;
font-family: Monaco,monospace;
font-size: 15px;
overflow-x: auto;
padding: 10px
}
.guide .ascii-doc code {
white-space: nowrap
}
.guide .ascii-doc pre {
margin: 1rem 0;
position: relative
}
.guide .ascii-doc pre code {
border: none;
padding: 0;
white-space: pre-wrap;
word-break: break-word
}
.guide .ascii-doc p {
padding: .3rem 0
}
.guide .ascii-doc p code, .guide .ascii-doc p pre, .guide .ascii-doc table code, .guide .ascii-doc table pre {
color: #009;
padding: 2px 6px
}
.guide .ascii-doc p code a, .guide .ascii-doc p pre a {
color: #009
}
.guide .ascii-doc a {
color: #086dc3
}
.guide .ascii-doc a:hover {
color: #333
}
.guide .ascii-doc h1.title {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: Work Sans,sans-serif;
font-size: 2.375rem;
font-weight: 700;
line-height: 1em;
margin: 30px 0 20px
}
.guide .ascii-doc h1, .guide .ascii-doc h2, .guide .ascii-doc h3, .guide .ascii-doc h4, .guide .ascii-doc h5 {
color: #000;
font-family: Metropolis,sans-serif;
font-weight: 500;
margin-bottom: .83em;
margin-top: .83em
}
.guide .ascii-doc h2 {
font-size: 1.5rem;
margin: 40px 0 .83em
}
.guide .ascii-doc .listingblock .title {
color: #111;
font-size: 1rem;
font-weight: 400;
line-height: 1.7rem;
margin-bottom: 0
}
.guide .ascii-doc .admonitionblock {
background-color: #ebf2f2;
border-left: none;
margin: 30px 0;
overflow: auto;
padding: 25px 20px;
width: auto
}
.guide .ascii-doc .admonitionblock .icon {
display: none;
height: auto;
width: 8px
}
.guide .ascii-doc .admonitionblock.note .icon, .guide .ascii-doc .admonitionblock.tip .icon {
width: auto !important
}
.guide .ascii-doc .admonitionblock.note .icon .title, .guide .ascii-doc .admonitionblock.tip .icon .title {
margin-right: 20px;
word-break: normal
}
.calendar-releases .table {
border-spacing: 0;
width: 100%
}
.calendar-releases .table tr td {
border-top: 1px solid #ebf2f2;
font-size: 14px
}
.calendar-releases .table thead tr th {
border-top: 0
}
.calendar-releases .table td, .calendar-releases .table th {
padding: 12px;
text-align: left
}
.calendar-releases .table td.head {
background: #ebf2f2;
font-weight: 700
}
.calendar-releases .table .past {
color: #888
}
.calendar-releases .table .release strong, .calendar-releases .table .release > div {
display: inline-block;
font-weight: 400;
padding-left: 22px;
position: relative
}
.calendar-releases .table .status {
background: #ecf2f2;
border-radius: 8px;
height: 15px;
left: 0;
position: absolute;
top: 2px;
width: 15px
}
.calendar-releases .table [data-status=migrate] .status {
background-color: #ffe88e
}
.calendar-releases .table [data-status=active] .status {
background-color: #99e67d
}
.calendar-releases .table [data-status=coming] .status {
background-color: #c1edff
}
.calendar-releases .timeline {
padding: 0 0 2rem;
position: relative
}
.calendar-releases .timeline.t10 .axis .year {
width: 9.5%
}
.calendar-releases .timeline.t9 .axis .year {
width: 10.555%
}
.calendar-releases .timeline.t8 .axis .year {
width: 11.875%
}
.calendar-releases .timeline.t7 .axis .year {
width: 13.571428571%
}
.calendar-releases .timeline.t6 .axis .year {
width: 15.8333333333%
}
.calendar-releases .timeline.t5 .axis .year {
width: 19%
}
.calendar-releases .timeline.t4 .axis .year {
width: 23.75%
}
.calendar-releases .timeline.t3 .axis .year {
width: 31.666666667%
}
.calendar-releases .timeline .axis {
bottom: 0;
display: flex;
left: 1px;
position: absolute;
right: 0;
top: 0;
z-index: 7
}
.calendar-releases .timeline .axis .year {
box-shadow: inset 1px 0 0 #ecf2f2;
margin-top: 30px;
width: 19%
}
.calendar-releases .timeline .axis .year:last-child {
width: 5%
}
.calendar-releases .timeline .axis .year .label {
display: block;
font-size: 14px;
left: 0;
margin-left: -40px;
margin-top: -25px;
text-align: center;
width: 80px
}
.calendar-releases .timeline .releases {
padding-top: 30px;
z-index: 100
}
.calendar-releases .timeline .releases .head {
height: 40px;
line-height: 40px;
margin-top: 8px
}
.calendar-releases .timeline .releases .head .content {
background: #ecf2f2;
box-shadow: inset 0 -1px 0 rgba(0,0,0,.05);
font-weight: 700;
height: 40px;
left: 0;
line-height: 40px;
padding-left: 10px;
position: absolute;
right: 0;
z-index: 8
}
.calendar-releases .timeline .releases .release {
height: 26px;
margin: 4px 0 4px 1px;
position: relative
}
.calendar-releases .timeline .releases .plop-active, .calendar-releases .timeline .releases .plop-migrate {
height: 26px;
position: absolute
}
.calendar-releases .timeline .releases .plop-active {
background: #99e67d;
height: 14px;
top: 12px;
z-index: 1
}
.calendar-releases .timeline .releases .plop-active.coming {
background: #c1edff;
height: 26px;
top: 0
}
.calendar-releases .timeline .releases .plop-active.cropped:after {
background: #99e67d;
background: linear-gradient(90deg,#fff,#99e67d);
content: " ";
height: 14px;
left: -12px;
position: absolute;
top: 0;
width: 12px
}
.calendar-releases .timeline .releases .plop-migrate {
background: #ffe88e;
left: 38%;
width: 9.5%;
z-index: 0
}
.calendar-releases .timeline .releases .plop-migrate.cropped:after {
background: #ffe88e;
background: linear-gradient(90deg,#fff,#ffe88e);
content: " ";
height: 14px;
left: -12px;
position: absolute;
top: 0;
width: 12px
}
.calendar-releases .timeline .releases .label {
background: #ecf2f2;
font-size: 14px;
font-weight: 700;
left: -100px;
position: absolute;
top: 0
}
.calendar-releases .timeline .releases .label a {
color: #000;
text-decoration: none
}
.calendar-releases .timeline .releases .label a:hover {
text-decoration: underline
}
.calendar-releases .timeline .releases .label a, .calendar-releases .timeline .releases .label span {
display: inline-block;
height: 26px;
line-height: 26px;
padding: 0 8px
}
.calendar-releases .timeline .releases .label.active, .calendar-releases .timeline .releases .label[data-status=active] {
background: #99e67d
}
.calendar-releases .timeline .releases .label.migrate, .calendar-releases .timeline .releases .label[data-status=migrate] {
background: #ffe88e
}
.calendar-releases .timeline .releases .label.coming, .calendar-releases .timeline .releases .label[data-status=coming] {
background: #c1edff
}
.calendar-releases .timeline .releases .date {
font-size: 12px;
left: -40px;
opacity: 0;
position: absolute;
text-align: center;
top: -10px;
transition: all .1s;
width: 80px;
z-index: 20
}
.calendar-releases .timeline .releases .date span {
background: #000;
color: #fff;
display: inline-block;
margin: 0 auto;
padding: 2px 6px
}
.calendar-releases .timeline .releases .date.right {
left: auto;
right: -40px
}
.calendar-releases .timeline .releases .release.active .date {
opacity: 1
}
.calendar-releases .timeline .current-date {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3MGM4M2M4Yy0wMDRkLTQ5YzItYTc4NS05NDY3NDA3ZmFjZjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTc4QzRCRkU2RDE2MTFFQUJEMEFBOTIwQkE5OEEzOEEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTc4QzRCRkQ2RDE2MTFFQUJEMEFBOTIwQkE5OEEzOEEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjEgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpmNWFhMjAwMS02MmVmLTRlYTItOWMxYy0zM2Y0ZDU2NTUwYmQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzBjODNjOGMtMDA0ZC00OWMyLWE3ODUtOTQ2NzQwN2ZhY2Y5Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+2sFQEwAAAExJREFUeNpiZMg9xcbAwNANxDFAzAjEi4G4lAVIdAFxHgMCgNjfmYBELAMmSGViwAGYoGaigzkgO8qglsKMBCmsZQS6CqdRVJIACDAAg9QK3fKoL2AAAAAASUVORK5CYII=");
background-position: center 0;
background-repeat: repeat-y;
background-size: 3px 5px;
bottom: 20px;
margin-left: -50px;
position: absolute;
top: 25px;
width: 100px;
z-index: 10
}
.calendar-releases .timeline .current-date .label {
bottom: 0;
color: #086dc3;
font-weight: 700;
margin-bottom: -20px;
position: absolute;
text-align: center;
width: 100px
}
.release-legend {
text-align: left
}
.release-legend > div {
display: block;
font-size: 14px;
margin: .6rem 0;
padding-left: 30px;
padding-right: 20px;
position: relative
}
.release-legend > div:before {
background: #ecf2f2;
content: "";
height: 20px;
left: 0;
position: absolute;
top: 4px;
width: 20px
}
.release-legend > div h3, .release-legend > div p {
margin: 0;
padding: 0
}
.release-legend > div div.title {
font-weight: 700
}
.release-legend > div.oss:before {
background: #99e67d
}
.release-legend > div.commercial:before {
background: #ffe88e
}
.release-legend > div.future:before {
background: #c1edff
}
.release-learn {
background: #ebf2f2;
margin-top: 2rem;
padding: 1.5rem 2rem;
position: relative;
text-align: center
}
.release-learn h2 {
margin: 0;
padding-bottom: 6px;
text-align: center
}
.release-learn .release-learn-action {
padding-top: 10px;
text-align: center
}
.compass .project-content a.button {
color: #191e1e
}
.compass .project-content a.button:hover {
color: #fff
}
.project h1.project-title {
line-height: 3rem;
padding-right: 100px;
position: relative
}
.project h1.project-title .tag {
background-color: #80ea6e;
color: #111;
vertical-align: middle
}
.project h1.project-title .social-links {
position: absolute;
right: 0;
top: 0
}
.project .tag {
font-weight: 700
}
.project .tag.current {
background-color: #80ea6e;
color: #111
}
.project .tag.ga {
background-color: #c51515;
color: #fff
}
.project .tag.pre {
background-color: #34302d;
color: #fff
}
.project .tag.snapshot {
background-color: #007ed6;
color: #fff
}
.project .menu-list {
border-right: 1px solid #ebf2f2;
padding-right: 1rem
}
.project .menu-list a {
border-radius: 5px;
color: #111;
font-weight: 600;
text-decoration: none
}
.project .menu-list a:hover {
background-color: #ebf2f2;
color: #06c
}
.project .menu-list a.is-active {
background-color: #111;
color: #fff
}
.project .menu-list ul a {
font-weight: 400
}
.project .social-links a {
color: #111;
display: inline-block;
font-size: 30px;
margin: 0 .1rem;
padding: 0 .4rem
}
.project .social-links a:hover {
color: #6db33f
}
.project .markdown h1 {
font-size: 24px
}
.project .markdown h2 {
font-size: 22px
}
.project .markdown h3 {
font-size: 20px
}
.project .markdown h4 {
font-size: 18px
}
.project .markdown blockquote {
background: #ebf2f2;
border: 0;
padding: .7rem 1rem
}
.project .markdown blockquote:after {
display: none
}
.project .project-support .past {
color: #999
}
.project .project-support .status {
background: #ecf2f2;
border-radius: 8px;
display: inline-block;
height: 16px;
width: 16px
}
.project .project-support .status.migrate {
background-color: #ffe88e
}
.project .project-support .status.coming {
background-color: #c1edff
}
.project .project-support .status.active {
background-color: #99e67d
}
.project .project-support td {
font-size: 14px
}
.project .samples article {
display: flex;
flex-direction: column;
height: 100%;
padding: 20px 10px
}
.project .samples article a {
color: #111;
display: inline-block;
min-height: 54px;
padding-left: 70px;
position: relative
}
.project .samples article a img {
height: 45px;
left: 20px;
position: absolute;
top: 2px
}
.project .samples article a h2 {
color: #086dc3;
font-weight: 500
}
.project .samples article a:hover {
text-decoration: none
}
.project .samples article a:hover h2 {
color: #111
}
.project .rows-guides .item {
display: flex;
flex-direction: column;
height: 100%;
min-height: 54px;
padding: 20px 10px
}
.project .rows-guides .item a {
color: #111;
display: inline-block;
padding-left: 70px;
position: relative
}
.project .rows-guides .item a img {
height: 45px;
left: 20px;
position: absolute;
top: 2px
}
.project .rows-guides .item a h2 {
color: #086dc3;
font-weight: 500
}
.project .rows-guides .item a:hover {
text-decoration: none
}
.project .rows-guides .item a:hover h2 {
color: #111
}
.project .showmore a {
padding-right: 20px;
position: relative
}
.project .showmore svg {
position: absolute;
right: 0;
top: 2px
}
.projects .list {
margin: 0 auto;
max-width: 82.5%
}
.projects .list a.item {
border: 1px solid #d9e9e9;
border-radius: 5px;
height: 100%;
min-height: 150px;
padding: 30px 20px;
position: relative
}
.projects .list a.item .project-item {
align-items: center;
display: flex;
min-height: 100%;
width: 100%
}
.projects .list a.item .project-item .image {
flex: 1 1;
min-width: 120px;
padding-right: 20px;
text-align: center
}
.projects .list a.item .project-item .image img {
height: 120px;
max-width: 120px
}
.projects .list a.item .project-item .project-info {
flex: 3 1
}
.projects .list a.item p {
line-height: 1.7rem
}
.projects .list-2 a.item {
color: #111;
display: block;
padding: 10px 0
}
.projects .list-2 a.item h1 {
color: #086dc3
}
.projects .list-2 a.item:hover {
text-decoration: none
}
.projects .list-2 a.item:hover h1 {
text-decoration: underline
}
.commercial-support .button.is-spring {
white-space: pre-wrap
}
.team .team-social a {
font-size: 22px
}
.community .extra-0 {
height: 0;
position: relative
}
.community .extra-0 .extra-1 {
height: 800px;
left: 5%;
max-width: 2000px;
min-width: 1400px;
position: absolute;
top: 40px;
width: 90%
}
.community .hero-community {
overflow: hidden
}
.community .hero-community .title {
color: #111;
font-size: 3.2rem
}
.community .events {
margin: 0 auto;
max-width: 1200px
}
.community a {
color: #086dc3
}
.community .twitter {
column-count: 2;
column-gap: 40px
}
.community .youtube {
height: 300px;
width: 600px
}
.events .event {
height: 100%
}
.quickstart .markdown h1 {
font-size: 3rem
}
.quickstart .extra img {
height: 675px;
position: absolute;
right: -100px;
top: -320px
}
.learn a.learn-guide h1 {
color: #086dc3
}
.learn a.learn-guide p, .learn a.learn-guide:hover h1 {
color: #111
}
.learn .newToSpring {
margin: 0 auto;
overflow: hidden;
position: relative
}
.learn .newToSpring .wrap {
margin: 0 auto;
max-width: 900px;
position: relative;
z-index: 1
}
.learn .newToSpring .extra {
bottom: -25px;
height: 470px;
left: 0;
position: absolute;
z-index: 0
}
.learn .extra {
position: relative
}
.learn .extra .extra-1 {
height: 695px;
position: absolute;
right: -200px;
top: -200px;
transform: rotate(90deg);
width: 695px
}
.home .hero-home {
height: 400px;
overflow: hidden;
position: relative
}
.home .hero-home h1 {
font-size: 3.8rem;
line-height: 3.6rem;
margin-top: 100px
}
.home .hero-home .word-wrapper {
height: 63px;
line-height: 1.05em;
overflow: hidden;
position: relative
}
.home .hero-home .word-wrapper span {
display: inline-block;
position: relative;
transition: all .1s cubic-bezier(.65,0,.21,1.42) 0s;
will-change: transform
}
.home .hero-home .word-wrapper div, .home .hero-home .word-wrapper div:first-child {
opacity: 1
}
.home .hero-home .word-wrapper div {
left: 0;
margin-left: auto;
margin-right: auto;
position: absolute;
right: 0
}
.home .hero-home .word-wrapper div:first-child span.up-0, .home .hero-home .word-wrapper div:nth-child(2) span.up-1, .home .hero-home .word-wrapper div:nth-child(3) span.up-2, .home .hero-home .word-wrapper div:nth-child(4) span.up-3, .home .hero-home .word-wrapper div:nth-child(5) span.up-4 {
transform: translateY(0)
}
.home .hero-home .word-wrapper div:first-child span.up-1, .home .hero-home .word-wrapper div:nth-child(2) span.up-2, .home .hero-home .word-wrapper div:nth-child(3) span.up-3, .home .hero-home .word-wrapper div:nth-child(4) span.up-4, .home .hero-home .word-wrapper div:nth-child(5) span.up-0 {
transform: translateY(-120%)
}
.home .hero-home .word-wrapper div:first-child span.up-2, .home .hero-home .word-wrapper div:nth-child(2) span.up-3, .home .hero-home .word-wrapper div:nth-child(3) span.up-4, .home .hero-home .word-wrapper div:nth-child(4) span.up-0, .home .hero-home .word-wrapper div:nth-child(5) span.up-1 {
opacity: 0 !important;
transform: translateY(-120%)
}
.home .hero-home .word-wrapper div:first-child span.up-3, .home .hero-home .word-wrapper div:nth-child(2) span.up-4, .home .hero-home .word-wrapper div:nth-child(3) span.up-0, .home .hero-home .word-wrapper div:nth-child(4) span.up-1, .home .hero-home .word-wrapper div:nth-child(5) span.up-2 {
opacity: 0 !important;
transform: translateY(120%)
}
.home .hero-home .word-wrapper div:first-child span.up-4, .home .hero-home .word-wrapper div:nth-child(2) span.up-0, .home .hero-home .word-wrapper div:nth-child(3) span.up-1, .home .hero-home .word-wrapper div:nth-child(4) span.up-2, .home .hero-home .word-wrapper div:nth-child(5) span.up-3 {
opacity: 1 !important;
transform: translateY(120%)
}
.home .hero-home .word-wrapper div span:first-of-type {
transition-delay: .08s
}
.home .hero-home .word-wrapper div span:nth-of-type(2) {
transition-delay: .11s
}
.home .hero-home .word-wrapper div span:nth-of-type(3) {
transition-delay: .14s
}
.home .hero-home .word-wrapper div span:nth-of-type(4) {
transition-delay: .17s
}
.home .hero-home .word-wrapper div span:nth-of-type(5) {
transition-delay: .2s
}
.home .hero-home .word-wrapper div span:nth-of-type(6) {
transition-delay: .23s
}
.home .hero-home .word-wrapper div span:nth-of-type(7) {
transition-delay: .26s
}
.home .hero-home .word-wrapper div span:nth-of-type(8) {
transition-delay: .29s
}
.home .hero-home .word-wrapper div span:nth-of-type(9) {
transition-delay: .32s
}
.home .hero-home .word-wrapper div span:nth-of-type(10) {
transition-delay: .35s
}
.home .hero-home .word-wrapper div span:nth-of-type(11) {
transition-delay: .38s
}
.home .hero-home .word-wrapper div span:nth-of-type(12) {
transition-delay: .41s
}
.home .extra-container {
height: 400px;
position: absolute;
width: 100%
}
.home .tag.is-primary {
background: #06c !important;
border-radius: 12px;
font-weight: 700;
padding: 0 14px
}
.home .box.is-special {
border: 2px solid #ebf2f2;
border-radius: 5px;
color: var(--color);
font-family: Work Sans,sans-serif;
height: 100%;
padding-top: 20px !important
}
.home .box.is-special .icon {
height: 120px;
width: 120px
}
.home .box.is-special p {
font-size: 1.05rem
}
.home .box.is-special:hover {
border-color: #d9e9e9;
text-decoration: none
}
.home .box.is-special:hover h1 {
color: #6db33f
}
.home .hero-springone {
background: #1b2a32 url(/img/extra/explore-bg.png) no-repeat top;
background-size: 100% auto;
color: #fff;
height: 440px
}
.home .hero-springone h1 {
animation: scaleText 3s cubic-bezier(.5,1,.89,1) forwards;
font-size: 3.5rem;
line-height: 3.5rem;
padding: 40px 0 18px;
text-align: center
}
.home .hero-springone h1 span {
display: inline-block;
filter: blur(4px);
opacity: 0
}
.home .hero-springone h1 span:first-child {
animation: fadeInText .5s cubic-bezier(.11,0,.5,0) .1s forwards
}
.home .hero-springone h1 span:nth-child(2) {
animation: fadeInText .5s cubic-bezier(.11,0,.5,0) .15s forwards
}
.home .hero-springone h1 span:nth-child(3) {
animation: fadeInText .5s cubic-bezier(.11,0,.5,0) .2s forwards
}
.home .hero-springone h1 span:nth-child(4) {
animation: fadeInText .5s cubic-bezier(.11,0,.5,0) .25s forwards
}
.home .hero-springone h1 span:nth-child(5) {
animation: fadeInText .5s cubic-bezier(.11,0,.5,0) .3s forwards
}
.home .hero-springone h1 span:nth-child(6) {
animation: fadeInText .5s cubic-bezier(.11,0,.5,0) .35s forwards
}
.home .hero-springone h1 span:nth-child(7) {
animation: fadeInText .5s cubic-bezier(.11,0,.5,0) .4s forwards
}
.home .hero-springone h1 span:nth-child(8) {
animation: fadeInText .5s cubic-bezier(.11,0,.5,0) .45s forwards
}
.home .hero-springone h1 span:nth-child(9) {
animation: fadeInText .5s cubic-bezier(.11,0,.5,0) .5s forwards
}
.home .hero-springone h1 span:nth-child(10) {
animation: fadeInText .5s cubic-bezier(.11,0,.5,0) .55s forwards
}
.home .hero-springone h1 span:nth-child(11) {
animation: fadeInText .5s cubic-bezier(.11,0,.5,0) .6s forwards
}
.home .hero-springone .springone-text {
animation: fadeInText .2s cubic-bezier(.2,0,.5,0) 1s forwards;
filter: blur(4px);
opacity: 0
}
.home .features {
margin: 0 auto;
max-width: 1250px
}
.home .testimony {
color: #589133;
margin: 0 auto;
max-width: 1000px;
text-align: center
}
.home .testimony .testimony-text {
font-family: Metropolis,sans-serif;
font-weight: 500;
line-height: 2.3rem
}
.home .testimony .testimony-quote {
width: 70px
}
.home .testimony .testimony-author {
color: #111;
display: inline-block;
padding-left: 80px;
position: relative;
text-align: left
}
.home .testimony .testimony-author img {
border-radius: 30px;
height: 60px;
left: 0;
position: absolute;
top: 0
}
.home .code {
margin: 0 auto;
max-width: 1100px
}
.home .code .terminal {
background: #191e1e;
border-radius: 5px;
box-shadow: 0 8px 15px 0 rgba(0,0,0,.2);
color: #fff;
font-size: 15px;
padding: 70px 55px;
position: relative
}
.home .code .terminal code[class*=language-], .home .code .terminal pre[class*=language-] {
background-color: #191e1e;
border: 0;
color: #fff;
font-size: 12px;
font-size: .9rem;
margin: 0;
padding: 0;
text-shadow: none
}
.home .extra-left {
border-radius: 50%;
left: -100px
}
.home .extra-left, .home .extra-right {
height: 600px;
position: absolute;
top: -110px;
width: 600px
}
.home .extra-right {
right: -100px
}
.home .relative {
position: relative
}
.home .square {
right: 0;
width: 300px
}
.home .semicircle, .home .square {
animation: fadeIn .3s ease-out .6s forwards;
background: #fff;
height: 300px;
opacity: 0;
position: absolute;
top: 300px
}
.home .semicircle {
border-radius: 0 0 300px 300px;
left: 0;
transform: rotate(-140deg);
transform-origin: top center;
width: 600px
}
.home .quarter-circle1 {
background: #80ea6e;
border-radius: 100% 0 0 0;
left: 0;
transform-origin: bottom right
}
.home .quarter-circle1, .home .quarter-circle2 {
height: 300px;
opacity: 0;
position: absolute;
top: 0;
width: 300px
}
.home .quarter-circle2 {
background: #6db33f;
border-radius: 0 100% 0 0;
right: 0;
transform-origin: bottom left
}
.home .extra-left .quarter-circle1 {
animation: fadeIn .4s ease-out .2s forwards;
transform: rotate(-140deg)
}
.home .extra-left .quarter-circle2 {
animation: fadeIn .4s ease-out .4s forwards;
transform: rotate(-140deg)
}
.home .extra-right .quarter-circle1 {
animation: fadeIn .4s ease-out .2s forwards
}
.home .extra-right .quarter-circle2 {
animation: fadeIn .4s ease-out .4s forwards
}
.home .features .feature {
opacity: 0
}
.home .features.visible .feature {
animation: riseUp .5s ease forwards,fadeIn .7s ease forwards
}
.home .features .feature:first-child {
animation-delay: 0s
}
.home .features .feature:nth-child(2) {
animation-delay: .15s
}
.home .features .feature:nth-child(3) {
animation-delay: .3s
}
.home .features .feature:nth-child(4) {
animation-delay: .45s
}
.home .features .feature:nth-child(5) {
animation-delay: 0
}
.home .features .feature:nth-child(6) {
animation-delay: .15s
}
.home .features .feature:nth-child(7) {
animation-delay: .3s
}
.team .team-avatar img {
filter: grayscale(1);
height: 153px;
width: 153px
}
.team .team-avatar-2 img {
filter: grayscale(1);
width: 100%
}
.team .team-content {
font-size: 14px;
height: 110px
}
.team .team-content a {
color: #086dc3
}
.team .team-content a:hover {
color: #111
}
.team .team-content .job {
line-height: 20px
}
.team .team-social {
margin-top: 5px
}
.team .team-social a {
color: #111;
display: inline-block;
font-size: 20px;
margin-right: 4px;
padding: 2px
}
.team .team-social a:hover {
color: #6db33f
}
.team .leaflet-container {
background: #bee5ff;
height: 400px
}
.team .map-wrapper {
width: 100%
}
.team .member-location {
color: #111;
font-weight: 400;
padding-top: 4px
}
.team .member-title {
color: #6db33f;
font-weight: 600;
padding-top: 2px
}
.member {
z-index: 400
}
.member + #map {
height: 410px;
margin-bottom: 16px;
overflow: hidden;
position: relative
}
.member .twitter-column {
min-height: 300px
}
.member .member-info {
margin: 0;
z-index: 999
}
.member .member-info.member-info-map {
background-color: #fff;
margin: -100px -40px -40px !important;
padding: 40px
}
.member .team-social a {
font-size: 30px
}
.trademarks .markdown {
padding: 3rem 0 4rem
}
.trademarks .content {
margin: 0 auto;
max-width: 1100px
}
.trademarks ol ol {
list-style-type: lower-alpha !important
}
.trademarks ol ol ol {
list-style-type: lower-roman !important
}
.trademarks ol ol ol ol {
list-style-type: decimal !important
}
.trademarks li {
padding: 6px 0
}
.tool .hero {
background: #ebf2f2;
height: 400px;
overflow: hidden
}
.tool .hero .logo {
max-width: 450px
}
.tool .hero .content {
margin: 0 auto;
max-width: 600px
}
.tool .hero .extra-0 {
position: relative
}
.tool .hero .extra-0 .extra-1 {
height: 225px;
left: 0;
position: absolute;
top: 200px;
width: 225px
}
.tool .hero .extra-0 .extra-2 {
height: 400px;
position: absolute;
right: 0;
top: 0;
width: 400px
}
.tool .ide .item {
margin: 0 auto;
max-width: 900px
}
.tool .ide .item .column-1 {
margin-left: -30px;
margin-right: 30px;
transition: all .2s
}
.tool .ide .item .column-2 {
margin-left: 30px;
margin-right: -30px;
transition: all .2s
}
.tool .ide .item.visible .column-1 {
margin-left: 0;
margin-right: 0
}
.tool .ide .item.visible .column-2 {
margin-left: 0;
margin-right: 0;
transition: all .2s
}
.tool .ide h1 {
line-height: 3.2rem
}
.tool .ide .images {
max-width: 450px;
position: relative
}
.tool .ide .images .icon {
bottom: -15px;
height: 100px;
left: -40px;
position: absolute;
width: 100px
}
.tool .ide .button {
width: 250px
}
.tool .button {
display: inline-block
}
.tool .button .description {
font-weight: 400;
text-transform: none
}
.tool .features h1 {
line-height: 60px;
vertical-align: middle
}
.tool .features h1 img {
vertical-align: bottom;
width: 60px
}
.tool .others .visible .item .column-1, .tool .others .visible .item .column-2 {
margin: 0
}
.tool .others .item {
align-items: center;
margin: 0 auto;
max-width: 1000px
}
.tool .others .item .column-1 {
margin-left: -30px;
margin-right: 30px;
transition: all .2s
}
.tool .others .item .column-2 {
margin-left: 30px;
margin-right: -30px;
transition: all .2s
}
.tool .others .link {
color: #086dc3;
display: inline-block;
vertical-align: middle
}
.tool .others .link:hover {
color: #111
}
.tool .others .link svg {
color: #111;
height: 22px;
vertical-align: middle;
width: 22px
}
.tool .spring-tool-3 {
background: #191e1e;
color: #fff;
text-align: center
}
.tool .spring-tool-3 .spring-tool-3-content {
opacity: 0;
transition: all .2s;
transition-delay: .3s
}
.tool .spring-tool-3 .spring-tool-3-content.visible {
opacity: 1
}
.tool .spring-tool-3 h1 {
color: #fff;
font-size: 2rem;
margin: 0 0 1rem;
padding-top: 0
}
.tool .spring-tool-3 strong {
color: #6db33f
}
.tool .spring-tool-3 a {
color: #086dc3
}
.tool .spring-tool-3 .content {
margin: 0 auto;
max-width: 600px
}
.batch .extra-0 {
background: #d7e7e7;
height: 40px;
overflow: hidden;
text-align: center
}
.batch .extra-0 img {
height: 80px
}
.batch .image a {
display: inline-block;
position: relative
}
.batch .image a:hover .ico {
background-color: #80ea6e
}
.batch .image .ico {
background-color: #6db33f;
bottom: 0;
color: #fff;
left: 0;
padding: 12px 16px;
position: absolute;
text-align: center
}
.batch .image .ico svg {
height: 20px;
width: 20px
}
.batch .hero-batch {
padding-right: 400px;
position: relative
}
.batch .hero-batch .markdown {
max-width: 900px
}
.batch .hero-batch .image {
position: absolute;
right: 50px;
top: 140px;
width: 290px
}
.batch .hero-batch h1 {
margin-bottom: 0
}
.batch .hero-batch .description {
font-size: 1.5rem;
line-height: 2.7rem;
padding-bottom: 2rem
}
.batch .link {
color: #086dc3
}
.batch .link:hover {
color: #111
}
.batch .img {
margin-left: 45px
}
.batch .tiles .tile {
display: flex;
flex-direction: column;
line-height: 1.7em
}
.batch .tiles .tile .title {
text-transform: uppercase
}
.batch .tiles .tile .description {
margin: 0 0 5px
}
.batch .tiles .tile .link {
position: relative;
text-decoration: none;
transition: all .2s
}
.support .hero {
max-width: 850px
}
.support .hero h1 {
line-height: 1em;
margin-bottom: 1rem;
margin-top: 40px
}
.support .hero .description {
color: #333;
font-size: 16px;
line-height: 1.7em;
margin-bottom: 60px;
margin-top: 0
}
.support .extra-0 {
height: 550px;
position: absolute;
right: -200px;
top: -140px;
width: 750px
}
.support .info {
max-width: 1100px
}
.support .subscription {
align-items: center;
display: flex;
padding: .75rem
}
.support .subscription h2 {
color: #6db33f;
font-size: 1.5rem;
font-weight: 500;
margin: 0
}
.support .qa .qa-category-title, .support .qa .qa-title {
cursor: pointer
}
.support .qa .qa-category-title > div, .support .qa .qa-title > div {
display: inline-block
}
.support .features .feature img {
height: 70px;
width: 70px
}
.support .has-line-height-special {
line-height: 2.5rem
}
.support .support-wrapper .title {
font-size: 2.375rem
}
.support .support-wrapper .title-secondary {
font-size: 1.5rem;
margin-bottom: .4em;
margin-top: .4em;
padding-top: 25px
}
.support .support-wrapper .list {
padding-left: 30px
}
.support .support-wrapper .list .item {
font-size: 16px;
margin-bottom: 20px;
position: relative
}
.support .support-wrapper .list .item:before {
content: "•";
font-size: .875rem;
left: -1em;
position: absolute
}
.support .covers .covers-title {
margin-bottom: 20px;
margin-top: .4em
}
.support .covers .item {
font-size: .9375rem;
line-height: 1.7em;
margin-bottom: 10px
}
.support .covers .caption {
font-size: 13px;
font-style: italic;
opacity: .7;
text-align: center
}
.letstalk {
background-color: #191e1e
}
.letstalk input[type=text], .letstalk select {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #191e1e;
border: 0;
border-bottom: 1px solid #fff;
color: #fff;
display: block;
font-size: 15px;
height: 40px !important;
margin-bottom: 18px;
width: 100%
}
.letstalk input[type=text]:focus, .letstalk select:focus {
border-color: #6db33f;
outline: none
}
.letstalk input[type=checkbox] {
display: inline-block;
position: relative;
width: auto
}
.letstalk select {
color: #999;
margin-bottom: 12px
}
.letstalk button {
background: #fff;
border: none;
box-sizing: border-box;
color: #191e1e;
cursor: pointer;
display: inline-block;
font-size: .9375rem;
font-weight: 700;
height: 48px;
overflow: hidden;
padding: 15px 41px;
text-transform: uppercase;
transition: all .2s
}
.letstalk button:hover {
background-color: #6db33f
}
.solutions .icon {
height: 60px;
margin-top: 9px;
width: 60px
}
.solutions .extra-0 {
height: 550px;
position: absolute;
right: -200px;
top: -140px;
width: 750px
}
.solutions .hero {
background: #ebf2f2;
overflow: hidden;
position: relative
}
.solutions .hero .hero-content {
margin: 0;
padding-right: 300px
}
.solutions .hero .hero-content h1 {
line-height: 1em;
margin-bottom: 1rem
}
.solutions .hero .hero-content .links-animate {
margin-right: 80px
}
.solutions-banner {
margin-bottom: 2px
}
.solutions-banner h2 {
text-align: center
}
.solutions-banner a.box.is-special {
border-radius: 0;
border-top: 0;
display: block;
height: 100%;
padding: 2rem;
text-align: center
}
.solutions-banner a.box.is-special img {
height: 30px
}
.solutions-banner .solutions-content {
margin: 0 auto;
max-width: 1200px
}
.consulting .extra-0 {
position: absolute;
right: -200px;
top: -140px;
width: 600px
}
.consulting .hero {
overflow: hidden;
position: relative
}
.consulting .hero-content {
margin: 0;
padding-right: 300px
}
.consulting .hero-content h1 {
line-height: 1em;
margin-bottom: 1rem
}
.consulting h1.is-size-2 {
line-height: 2.8rem
}
@media screen and (max-width: 767px) {
.support .info .button {
display: block;
margin: 5px 0 !important
}
}
.reactive .extra-0 {
background: #d7e7e7;
height: 40px;
overflow: hidden;
text-align: center
}
.reactive .extra-0 img {
height: 80px
}
.reactive .hero-reactive {
padding-right: 400px;
position: relative
}
.reactive .hero-reactive .markdown {
max-width: 900px
}
.reactive .hero-reactive .image {
position: absolute;
right: 50px;
top: 140px;
width: 290px
}
.reactive .hero-reactive h1 {
margin-bottom: 0
}
.reactive .hero-reactive .description {
font-size: 1.5rem;
line-height: 2.7rem;
padding-bottom: 2rem
}
.reactive .link {
color: #086dc3
}
.reactive .link:hover {
color: #111
}
.thank-you {
padding: 3rem 0;
position: relative
}
.thank-you:after {
background: linear-gradient(90deg,#d7e7e7 50%,#81ea6f 0);
content: " ";
height: 40px;
left: 0;
position: absolute;
right: 0;
top: 0
}
.thank-you h1 {
margin-bottom: 4rem
}
.thank-you .markdown {
margin: 0 auto;
max-width: 1000px
}
.why-spring .icon {
height: 110px;
width: 110px
}
.why-spring .hero-why {
height: 450px;
overflow: hidden
}
.why-spring .hero-why .extra {
height: 550px;
position: absolute;
right: 0;
top: -140px;
width: 750px
}
.why-spring .hero-why .brand {
position: relative
}
.why-spring .hero-why .content {
margin: 0;
width: 500px
}
.why-spring .hero-why .content h1 {
margin-bottom: 0;
padding-top: 140px
}
.why-spring .hero-why .content .links-animate {
margin-right: 80px
}
.why-spring .testimony {
background-color: #6db33f;
color: #fff;
margin: -100px auto 0;
overflow: hidden;
position: relative
}
.why-spring .testimony .testimony-text {
font-family: Metropolis,sans-serif;
font-weight: 500;
line-height: 2.3rem;
max-width: 800px
}
.why-spring .testimony .testimony-author {
color: #111;
color: #fff;
display: inline-block;
position: relative;
text-align: left
}
.why-spring .testimony .testimony-author a {
color: #111
}
.why-spring .testimony .testimony-author a:hover {
text-decoration: underline
}
.why-spring .testimony .extra-0 {
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 190px
}
.why-spring .home .box.is-special {
border: 0
}
.microservices .extra-0 {
background: linear-gradient(90deg,#d7e7e7 50%,#80ea6e 0);
height: 40px;
text-align: center
}
.microservices .extra-0 img {
height: 40px
}
.microservices .hero-microservices {
padding-right: 400px;
position: relative
}
.microservices .hero-microservices .markdown {
max-width: 900px
}
.microservices .hero-microservices .image {
position: absolute;
right: 50px;
top: 140px;
width: 290px
}
.microservices .hero-microservices h1 {
margin-bottom: 0
}
.microservices .hero-microservices .description {
font-size: 1.5rem;
line-height: 2.7rem;
padding-bottom: 2rem
}
.microservices .link {
color: #086dc3
}
.microservices .link:hover {
color: #111
}
.event-driven .extra-0 {
background: #d7e7e7;
height: 40px;
overflow: hidden;
text-align: center
}
.event-driven .extra-0 img {
height: 80px
}
.event-driven .hero-event-driven {
position: relative
}
.event-driven .hero-event-driven .description {
min-height: 320px;
padding-right: 400px
}
.event-driven .hero-event-driven .image {
position: absolute;
right: 50px;
top: 140px;
width: 290px
}
.event-driven .hero-event-driven h1 {
margin-bottom: 0
}
.event-driven .hero-event-driven .description {
font-size: 1.5rem;
line-height: 2.7rem;
padding-bottom: 2rem
}
.event-driven .link {
color: #086dc3
}
.event-driven .link:hover {
color: #111
}
.event-driven .quote a {
display: inline-block;
max-width: 250px
}
.event-driven .quote .content {
max-width: 500px
}
.event-driven .image a {
display: inline-block;
position: relative
}
.event-driven .image a:hover .ico {
background-color: #80ea6e
}
.event-driven .image .ico {
background-color: #6db33f;
bottom: 0;
color: #fff;
left: 0;
padding: 12px 16px;
position: absolute;
text-align: center
}
.event-driven .image .ico svg {
height: 20px;
width: 20px
}
.event-driven .code {
margin: 0 auto;
max-width: 1100px
}
.event-driven .code .terminal {
background: #191e1e;
border-radius: 5px;
box-shadow: 0 8px 15px 0 rgba(0,0,0,.2);
color: #fff;
line-height: 24px;
padding: 50px 55px;
position: relative
}
.event-driven .code .terminal code {
background-color: #191e1e;
border: 0;
color: #fff;
font-size: 13px;
margin: 0;
padding: 0;
text-shadow: none
}
.webapplications .extra-0 {
background: linear-gradient(90deg,#d7e7e7 50%,#80ea6e 0);
height: 40px;
text-align: center
}
.webapplications .extra-0 img {
height: 40px
}
.webapplications .extra-1 {
transform: translateY(20px);
width: 230px
}
.webapplications .hero-webapplications {
padding-right: 400px;
position: relative
}
.webapplications .hero-webapplications .markdown {
max-width: 900px
}
.webapplications .hero-webapplications .image {
position: absolute;
right: 5vw;
top: 130px;
transform: translateY(20px);
width: 250px
}
.webapplications .hero-webapplications h1 {
margin-bottom: 0
}
.webapplications .hero-webapplications .description {
font-size: 1.5rem;
line-height: 2.7rem;
padding-bottom: 2rem
}
.webapplications .link {
color: #086dc3
}
.webapplications .link:hover {
color: #111;
text-decoration: none
}
.webapplications .link-darken {
transition: color .2s
}
.webapplications .image a, .webapplications .video a {
display: inline-block;
position: relative
}
.webapplications .image a:hover .ico, .webapplications .video a:hover .ico {
background-color: #80ea6e
}
.webapplications .image .ico, .webapplications .video .ico {
background-color: #6db33f;
bottom: 0;
color: #fff;
left: 0;
padding: 12px 16px;
position: absolute;
text-align: center
}
.webapplications .image .ico svg, .webapplications .video .ico svg {
height: 20px;
width: 20px
}
.webapplications .column > .img {
height: 150px;
width: 143px
}
.webapplications .video {
position: relative
}
.webapplications .video .resource-title {
color: #111;
font-size: 16px;
font-weight: 400
}
.webapplications .video .description {
color: #086dc3;
font-size: 1.5rem;
font-weight: 800
}
.webapplications .video .play {
bottom: 128px;
left: 24px
}
.webapplications .video .play .triangle {
top: 25px
}
.serverless .extra-0 {
background: linear-gradient(90deg,#d7e7e7 50%,#80ea6e 0);
height: 40px;
overflow: hidden;
text-align: center
}
.serverless .extra-0 img {
height: 80px;
padding-right: 100px;
position: relative;
right: 1rem;
width: 100rem
}
.serverless .hero-serverless {
position: relative
}
.serverless .hero-serverless .description {
min-height: 320px;
padding-right: 400px
}
.serverless .hero-serverless .image {
position: absolute;
right: 50px;
top: 40px;
width: 290px
}
.serverless .hero-serverless h1 {
margin-bottom: 0
}
.serverless .hero-serverless .description {
font-size: 1.5rem;
line-height: 2.7rem;
padding-bottom: 2rem
}
.serverless .link {
color: #086dc3
}
.serverless .link:hover {
color: #111
}
.serverless .quote a {
display: inline-block;
max-width: 250px
}
.serverless .quote .content {
max-width: 500px
}
.serverless .image a {
display: inline-block;
position: relative
}
.serverless .image a:hover .ico {
background-color: #80ea6e
}
.serverless .image .ico {
background-color: #6db33f;
bottom: 0;
color: #fff;
left: 0;
padding: 12px 16px;
position: absolute;
text-align: center
}
.serverless .image .ico svg {
height: 20px;
width: 20px
}
.serverless .code {
margin: 0 auto;
max-width: 1100px
}
.serverless .code .terminal {
background: #191e1e;
border-radius: 5px;
box-shadow: 0 8px 15px 0 rgba(0,0,0,.2);
color: #fff;
line-height: 24px;
padding: 50px 55px;
position: relative
}
.serverless .code .terminal code {
background-color: #191e1e;
border: 0;
color: #fff;
font-size: 13px;
margin: 0;
padding: 0;
text-shadow: none
}
.security .security-content {
margin: 0 auto
}
.security .item {
border-bottom: 2px solid #000
}
.security .item:last-child {
border-bottom: 0
}
.security .item h1 {
font-size: 22px
}
.security .item h2 {
font-size: 20px
}
.security .item h3 {
font-size: 18px
}
.security .item h4 {
font-size: 16px
}
.cve a.is-link-green {
color: #6db33f;
font-size: 25px;
font-weight: 700
}
.cve .markdown h1 {
font-size: 22px
}
.cve .markdown h2 {
font-size: 20px
}
.cve .markdown h3 {
font-size: 18px
}
.cve .markdown h4 {
font-size: 16px
}
.cve .meta, .security .meta {
font-family: Work Sans,sans-serif;
font-size: .9rem;
font-weight: 700;
text-transform: uppercase
}
.cve .report, .security .report {
padding: 30px
}
.cve .report h2, .security .report h2 {
font-size: 30px;
padding: 0
}
.cve .head-h1, .security .head-h1 {
color: #6db33f;
font-size: 1.5rem
}
.cve .secondary-nav, .security .secondary-nav {
display: inline-block;
line-height: 1.2rem;
margin-left: 1.5rem
}
.cve .secondary-nav .rss-category, .security .secondary-nav .rss-category {
display: inline-block
}
#newsletter-blog input#Email, #newsletter-footer input#Email {
border: 2px solid #191e1e;
box-sizing: border-box;
font-family: Open Sans,sans-serif !important;
font-size: 1rem;
height: 48px;
padding: 15px;
width: 250px !important
}
#newsletter-blog input#Email:focus, #newsletter-footer input#Email:focus {
border-bottom: 2px solid #6db33f;
border-left: 2px solid #6db33f;
border-top: 2px solid #6db33f;
box-shadow: none;
outline: none
}
#newsletter-blog input[id^=mktoCheckbox], #newsletter-footer input[id^=mktoCheckbox] {
transform: translateY(5px)
}
#newsletter-blog .mktoForm .mktoGutter, #newsletter-blog .mktoForm .mktoOffset, #newsletter-blog .mktoLabel, #newsletter-footer .mktoForm .mktoGutter, #newsletter-footer .mktoForm .mktoOffset, #newsletter-footer .mktoLabel {
display: none
}
#newsletter-blog button.mktoButton, #newsletter-footer button.mktoButton {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #191e1e;
border: none !important;
box-sizing: border-box;
color: #fff;
display: inline-block;
font-size: .9375rem;
font-weight: 700;
height: 48px;
overflow: hidden;
padding: 15px 41px;
text-transform: uppercase;
transition: all .2s;
white-space: nowrap
}
#newsletter-blog .mktoButton, #newsletter-footer .mktoButton {
background: #fff;
color: #191e1e
}
#newsletter-blog .mktoButton:focus, #newsletter-blog .mktoButton:hover, #newsletter-footer .mktoButton:focus, #newsletter-footer .mktoButton:hover {
background: #6db33f;
color: #fff
}
#newsletter-blog button:focus, #newsletter-footer button:focus {
outline: 2px solid #d3d3d3 !important
}
#newsletter-blog .mktoButtonWrap, #newsletter-footer .mktoButtonWrap {
margin-left: 0 !important
}
#newsletter-blog .mktoForm .mktoCheckboxList > label, #newsletter-blog .mktoForm .mktoRadioList > label, #newsletter-footer .mktoForm .mktoCheckboxList > label, #newsletter-footer .mktoForm .mktoRadioList > label {
color: #616161
}
#newsletter-blog .mktoForm .mktoError .mktoErrorMsg, #newsletter-footer .mktoForm .mktoError .mktoErrorMsg {
background-color: #fff;
background-image: none;
border: 1px solid #444;
border-radius: 0;
box-shadow: none;
color: gray;
text-shadow: none
}
#newsletter-blog .mktoForm .mktoError .mktoErrorArrow, #newsletter-footer .mktoForm .mktoError .mktoErrorArrow {
background-color: #fff;
border-color: #191e1e
}
#newsletter-footer form {
position: relative;
width: auto !important
}
#newsletter-footer .mktoForm .mktoCheckboxList, #newsletter-footer .mktoForm .mktoRadioList {
max-width: 300px;
width: auto !important
}
#newsletter-footer .mktoButtonRow {
left: 250px;
position: absolute;
top: 0
}
#newsletter-footer .mktoForm .mktoFieldWrap {
float: none
}
#newsletter-blog {
max-width: 250px
}
#newsletter-blog form.mktoForm .mktoCheckboxList > label {
color: #666;
font-size: .95rem;
line-height: 1.5em;
max-width: 86%
}
#newsletter-blog input#Email:focus {
border: 2px solid #6db33f
}
#newsletter-blog .mktoCheckboxList, #newsletter-blog .mktoField, #newsletter-blog .mktoFormRow, #newsletter-blog .mktoLabel {
max-width: 250px !important
}
#newsletter-blog form, #support .mktoForm {
width: auto !important
}
#support .mktoForm .mktoFieldWrap, #support .mktoForm .mktoFormCol {
float: none
}
#support .mktoForm .mktoGutter, #support .mktoForm .mktoOffset, #support .mktoLabel {
display: none
}
#support input[type=email] {
width: auto !important
}
#support input[type=email], #support input[type=text], #support select {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background: #191e1e;
border: 0;
border-bottom: 1px solid #fff;
color: #fff;
display: block;
font-size: 15px;
height: 40px !important;
margin-bottom: 18px;
width: 100% !important
}
#support input[type=email]:focus, #support input[type=text]:focus, #support select:focus {
border-color: #6db33f;
outline: none
}
#support input[type=checkbox] {
display: inline-block;
position: relative;
width: auto
}
#support select {
color: #999;
margin-bottom: 12px
}
#support button {
background: #fff;
border: none;
box-sizing: border-box;
color: #191e1e;
cursor: pointer;
display: inline-block;
font-size: .9375rem;
font-weight: 700;
height: 48px;
overflow: hidden;
padding: 15px 41px;
text-transform: uppercase;
transition: all .2s
}
#support button:hover {
background-color: #6db33f
}
#newsletter-footer input#Email {
width: 250px !important
}
body.dark {
--bg: #1b1f23;
--color: #fff;
--border: #2b2f33
}
body.dark .img-light {
display: none !important
}
body.dark .img-dark {
display: inline-block !important
}
body.dark .theme-toggler .icon {
left: 14px
}
body.dark .theme-toggler .moon {
display: block
}
body.dark .theme-toggler .sun {
display: none
}
body.dark .header {
border-bottom: 1px solid var(--border)
}
body.dark .home .box.is-special .icon, body.dark .project .samples article a img {
filter: invert(1)
}
body.dark .home .box.is-special {
border-color: #2b2f33
}
body.dark .home .box.is-special:hover {
background: #1f2327;
border-color: #6d7579;
box-shadow: none
}
body.dark .has-border-bottom {
border-color: #2b2f33
}
body.dark .has-text-grey-light {
color: #2b2f33 !important
}
body.dark .navbar-menu .navbar-item, body.dark .navbar-menu .navbar-link {
color: #fff
}
body.dark .navbar-menu .navbar-link:not(.is-arrowless):after {
border-bottom-color: #fff;
border-left-color: #fff
}
body.dark .navbar-menu .navbar-dropdown {
background: #17191c;
box-shadow: none
}
body.dark .home .code .terminal {
background: #262a2d;
box-shadow: none
}
body.dark .home .code .terminal code[class*=language-], body.dark .home .code .terminal pre[class*=language-] {
background: #262a2d
}
body.dark .home .testimony .testimony-author {
color: #fff
}
body.dark .has-background-light {
background: #262a2d !important
}
body.dark .main a {
color: #1f98ff
}
body.dark .links-animate a:before, body.dark a.link-animate:before {
background-color: #1f98ff
}
body.dark .has-background-white {
background: #1b1f23 !important
}
body.dark .footer {
border-top: 1px solid #1b1f23;
color: hsla(0,0%,100%,.7)
}
body.dark .footer .links .item a {
color: #fff
}
body.dark .footer .links .item a:hover {
color: #6db33f
}
body.dark .footer .links .item.footer-link a {
color: hsla(0,0%,100%,.6)
}
body.dark .footer .links .item.footer-link a:hover {
color: #6db33f
}
body.dark .footer .more .has-text-grey-light {
color: hsla(0,0%,100%,.7) !important
}
body.dark .footer .more a {
color: hsla(0,0%,100%,.7)
}
body.dark .footer .more a:hover {
color: #1f98ff
}
body.dark .footer .more .social-links a.button {
color: #1b1f23
}
body.dark .button.is-black {
background: #fff
}
body.dark #newsletter-blog input#Email, body.dark #newsletter-footer input#Email {
background: #1b1f23;
border-color: #fff;
color: #fff
}
body.dark #newsletter-blog button.mktoButton, body.dark #newsletter-footer button.mktoButton {
background: #fff;
color: #1b1f23
}
body.dark #newsletter-blog button.mktoButton:hover, body.dark #newsletter-footer button.mktoButton:hover {
background: #80ea6e
}
body.dark .mktoForm .mktoCheckboxList > label, body.dark .mktoForm .mktoRadioList > label, body.dark .mktoForm div, body.dark .mktoForm label, body.dark .mktoForm p, body.dark .mktoForm span {
color: hsla(0,0%,100%,.3)
}
body.dark .home .hero-springone .button.is-spring-2 {
color: #000
}
body.dark .home .hero-springone .button.is-spring-2:hover {
color: #fff
}
body.dark .button.is-spring {
border-color: #fff;
color: #fff
}
body.dark .button.is-spring:before {
background-color: #fff
}
body.dark .button.is-spring:hover {
color: #1b1f23
}
body.dark .theme-toggler {
background-color: #41464b
}
body.dark .theme-toggler .icon {
background-color: #fff;
color: #1b1f23
}
body.dark .logo .st1 {
fill: #fff
}
body.dark .has-big-border-bottom, body.dark .has-big-border-top {
border-color: #2b2f33
}
body.dark .microservices .hero-microservices .image {
filter: invert(1)
}
body.dark .microservices .extra-0 {
background: linear-gradient(90deg,#2b2f33 50%,#80ea6e 0)
}
body.dark .batch .link:hover, body.dark .microservices .link:hover, body.dark .reactive .link:hover, body.dark .webapplications .link:hover {
color: #fff
}
body.dark .has-big-border-dark-top {
border-top: 2px solid #2b2f33
}
body.dark .batch .extra-0, body.dark .event-driven .extra-0 {
background-color: #2b2f33
}
body.dark .serverless .extra-0 {
background: linear-gradient(90deg,#2b2f33 50%,#80ea6e 0)
}
body.dark .img-invert {
filter: invert(1)
}
body.dark .event-driven .code .terminal {
background: #262a2d;
border: 0;
box-shadow: none
}
body.dark .event-driven .code .terminal code {
background: #262a2d
}
body.dark .guide .ascii-doc code, body.dark .markdown code {
background-color: #1b1f23;
border-color: #2b2f33;
color: #fff
}
body.dark .guide .ascii-doc code a {
color: #1f98ff
}
body.dark .webapplications .extra-0 {
background: linear-gradient(90deg,#262a2d 50%,#80ea6e 0)
}
body.dark .webapplications .hero-webapplications .image {
filter: invert(1)
}
body.dark .webapplications .video .resource-title {
color: #fff
}
body.dark .learn a.learn-guide:hover {
text-decoration: none
}
body.dark .learn a.learn-guide p, body.dark .learn a.learn-guide:hover h1 {
color: #fff
}
body.dark .content pre {
background: #1b1f23
}
body.dark .content pre code {
text-shadow: none
}
body.dark strong {
color: #fff
}
body.dark a.box.is-special:hover {
box-shadow: none
}
body.dark .button.is-white {
background: #1b1f23
}
body.dark .button.is-white:hover {
color: #fff
}
body.dark .guides .columns-list article a img, body.dark .guides .rows article a img {
filter: invert(1)
}
body.dark .guides .hero-guides a.box.is-special {
box-shadow: none;
color: #fff
}
body.dark .guides .search .input.is-special {
background: #1b1f23;
border-color: #fff;
color: #fff
}
body.dark .guides .search .input.is-special:focus {
border-color: #80ea6e
}
body.dark .guides .search .input.is-special::placeholder {
color: hsla(0,0%,100%,.5)
}
body.dark .guides .columns-list article a:hover h2, body.dark .guides .rows article a:hover h2 {
color: #fff
}
body.dark .guides .columns-list article a div, body.dark .guides .rows article a div {
color: hsla(0,0%,100%,.8)
}
body.dark .guides .has-bigest-border-top, body.dark .guides .has-border-top {
border-color: #2b2f33
}
body.dark .blog .featured-post {
background: #6db33f url(/img/blog/featured-post-dark.svg) no-repeat 100%;
background-size: cover
}
body.dark .blog .blog-post .meta a, body.dark .blog .blog-post h1 a, body.dark .blog .featured-post .blog-post h1 a {
color: #fff
}
body.dark .blog .blog-post {
border-color: #2b2f33
}
body.dark .pagination ul.pagination-list a {
background: #1b1f23;
color: hsla(0,0%,100%,.5)
}
body.dark .pagination ul.pagination-list a.is-current {
border-top-color: #2b2f33;
color: #fff
}
body.dark .projects .list a.item {
border-color: #1b1f23
}
body.dark .projects .list a.item h1 {
color: #fff
}
body.dark .projects .list a.item p, body.dark .projects .list-2 a.item p {
color: hsla(0,0%,100%,.7)
}
body.dark .project .menu-list a.is-active, body.dark .project .menu-list a.is-active:hover {
background: #fff;
color: #1b1f23
}
body.dark .project .menu-list a {
color: #fff
}
body.dark .project .menu-list a:hover {
background: hsla(0,0%,100%,.04);
color: #1f98ff
}
body.dark .project blockquote {
background: #2b2f33;
color: #bbbcbe
}
body.dark .project blockquote p {
color: #bbbcbe
}
body.dark .tabs li a {
color: #fff
}
body.dark .tabs li a:hover {
background: #1b1f23
}
body.dark .tabs li.is-active a, body.dark .tabs li.is-active a:hover {
background: #1b1f23;
color: #fff
}
body.dark .project .social-links a {
color: #fff
}
body.dark .project .social-links a:hover {
color: #6db33f
}
body.dark .table {
background: #1b1f23;
color: #fff
}
body.dark .project .rows-guides .item, body.dark .project .samples article, body.dark .table td, body.dark .table th {
border-color: #2b2f33
}
body.dark .content table tbody td, body.dark .content table thead td, body.dark .content table thead th {
border-color: #2b2f33;
color: #fff
}
body.dark .project .rows-guides .item a img {
filter: invert(1)
}
body.dark .project .rows-guides .item a div, body.dark .project .samples article a div {
color: hsla(0,0%,100%,.8)
}
body.dark .project .rows-guides .item a:hover h2, body.dark .project .samples article a:hover h2, body.dark .table thead td, body.dark .table thead th {
color: #fff
}
body.dark .calendar-releases .timeline .releases .inactive {
background: #2b2f33;
color: hsla(0,0%,100%,.8)
}
body.dark .calendar-releases .timeline .axis .year .label {
color: hsla(0,0%,100%,.8)
}
body.dark .calendar-releases .timeline .releases .plop-migrate.cropped:after {
background: linear-gradient(90deg,#2b2f33,#ffe88e)
}
body.dark .calendar-releases .timeline .releases .plop-active.cropped:after {
background: linear-gradient(90deg,#2b2f33,#99e67d)
}
body.dark .has-bigest-border-light {
border-color: #2b2f33
}
body.dark .guide .ascii-doc h1, body.dark .guide .ascii-doc h2, body.dark .guide .ascii-doc h3, body.dark .guide .ascii-doc h4, body.dark .guide .ascii-doc h5 {
color: #fff
}
body.dark .guide .ascii-doc a:hover {
color: #1f98ff
}
body.dark .guide .ascii-doc .admonitionblock {
background: #2b2f33
}
body.dark .guide .ascii-doc pre {
color: #fff
}
body.dark .guide .hljs-string {
color: #ffce54
}
body.dark .solutions .hero, body.dark .tool .hero {
background-color: #2b2f33
}
body.dark .solutions-banner .box.is-special, body.dark .tool .others .link svg, body.dark .tool .others .link:hover {
color: #fff
}
body.dark .box {
background-color: #1b1f23;
color: #fff
}
body.dark .support .hero .description, body.dark .support .hero h1, body.dark .support .hero h2, body.dark .support .title {
color: #fff
}
body.dark .security .item h2 a.has-text-black {
color: #fff !important
}
body.dark .community a.box.is-special, body.dark .events a.box.is-special {
box-shadow: none;
color: #fff
}
body.dark .team .team-content a:hover, body.dark .team .team-social a {
color: #fff
}
body.dark .team .team-social a:hover {
color: #80ea6e
}
body.dark .member .member-info.member-info-map {
background-color: #1b1f23
}
body.dark .thank-you:after {
background: linear-gradient(90deg,#2b2f33 50%,#81ea6f 0)
}
body.dark .community .hero-community .title, body.dark .why-spring .testimony .testimony-author a {
color: #fff
}
body.dark .navbar-mobile {
background: #1b1f23;
border-color: #2b2f33
}
body.dark .navbar-mobile .navbar-burger {
color: #fff
}
body.dark .default-banner .extra .extra-2 {
opacity: .3
}
body.dark .project .menu-list {
border-color: #2b2f33
}
body.dark .guides .hero-guides a.box.is-special, body.dark .quickstart a.box.is-special {
border-bottom-color: #2b2f33;
border-left-color: #2b2f33;
border-right-color: #2b2f33
}
body.dark .menu-list li ul, body.dark .security .item {
border-color: #2b2f33
}
body.dark .home .semicircle, body.dark .home .square {
background-color: #1b1f23
}
body.dark .hljs .hljs-tag {
color: hsla(0,0%,100%,.4)
}
body.dark .blog-nav-rss .is-link, body.dark .hljs .hljs-string {
color: #1f98ff
}
body.dark .blog-nav-rss .dropdown-content {
background-color: #2b2f33
}
body.dark .markdown blockquote {
background-color: #1b1f23;
color: #fff
}
body.dark .markdown blockquote p {
color: #fff
}
body.dark .markdown blockquote:after {
background-color: #1b1f23
}
@media screen and (max-width: 1024px) {
.default-banner .container, .main .container {
padding: 0 2rem
}
.header {
border-bottom: 0
}
.team .container {
padding-right: 2rem !important
}
.team .team-content {
display: inline
}
.team .list .column {
clear: both
}
.team .member {
margin-right: 0 !important
}
.footer .newsletter {
margin-left: 0;
width: 100%
}
.navbar .navbar-icon, .springone-banner {
display: none
}
#newsletter-blog button.mktoButton, #newsletter-footer button.mktoButton {
padding: 6px 15px !important
}
.why-spring .hero-why {
height: 600px
}
.why-spring .hero-why .extra {
top: 200px;
width: 100%
}
.why-spring .hero-why .content {
width: auto
}
.why-spring .hero-why .content h1 {
font-size: 3rem;
padding-top: 40px
}
.why-spring .testimony {
margin-top: 0
}
.why-spring .testimony .extra-0 {
display: none
}
.why-spring .testimony .testimony-text {
font-size: 1.2rem !important
}
.why-spring .testimony .testimony-author {
font-size: .9rem
}
.blog .featured-post .blog-post {
padding: 1rem !important
}
.blog .blog-post h1 {
font-size: 2.375rem !important;
margin-top: 0
}
.blog .secondary-nav, .blog .secondary-nav .is-link {
display: block
}
.blog .secondary-nav .blog-rss-category {
display: flex
}
.batch .extra-0 img, .cloud .extra-0 img, .event-driven .extra-0 img, .microservices .extra-0 img, .reactive .extra-0 img, .serverless .extra-0 img, .webapplications .extra-0 img {
max-width: none;
width: 700px
}
.batch .hero-batch, .batch .hero-cloud, .batch .hero-event-driven, .batch .hero-microservices, .batch .hero-reactive, .batch .hero-serverless, .batch .hero-webapplications, .cloud .hero-batch, .cloud .hero-cloud, .cloud .hero-event-driven, .cloud .hero-microservices, .cloud .hero-reactive, .cloud .hero-serverless, .cloud .hero-webapplications, .event-driven .hero-batch, .event-driven .hero-cloud, .event-driven .hero-event-driven, .event-driven .hero-microservices, .event-driven .hero-reactive, .event-driven .hero-serverless, .event-driven .hero-webapplications, .microservices .hero-batch, .microservices .hero-cloud, .microservices .hero-event-driven, .microservices .hero-microservices, .microservices .hero-reactive, .microservices .hero-serverless, .microservices .hero-webapplications, .reactive .hero-batch, .reactive .hero-cloud, .reactive .hero-event-driven, .reactive .hero-microservices, .reactive .hero-reactive, .reactive .hero-serverless, .reactive .hero-webapplications, .serverless .hero-batch, .serverless .hero-cloud, .serverless .hero-event-driven, .serverless .hero-microservices, .serverless .hero-reactive, .serverless .hero-serverless, .serverless .hero-webapplications, .webapplications .hero-batch, .webapplications .hero-cloud, .webapplications .hero-event-driven, .webapplications .hero-microservices, .webapplications .hero-reactive, .webapplications .hero-serverless, .webapplications .hero-webapplications {
padding: 0;
padding-bottom: 10px !important
}
.batch .hero-batch .description, .batch .hero-cloud .description, .batch .hero-event-driven .description, .batch .hero-microservices .description, .batch .hero-reactive .description, .batch .hero-serverless .description, .batch .hero-webapplications .description, .cloud .hero-batch .description, .cloud .hero-cloud .description, .cloud .hero-event-driven .description, .cloud .hero-microservices .description, .cloud .hero-reactive .description, .cloud .hero-serverless .description, .cloud .hero-webapplications .description, .event-driven .hero-batch .description, .event-driven .hero-cloud .description, .event-driven .hero-event-driven .description, .event-driven .hero-microservices .description, .event-driven .hero-reactive .description, .event-driven .hero-serverless .description, .event-driven .hero-webapplications .description, .microservices .hero-batch .description, .microservices .hero-cloud .description, .microservices .hero-event-driven .description, .microservices .hero-microservices .description, .microservices .hero-reactive .description, .microservices .hero-serverless .description, .microservices .hero-webapplications .description, .reactive .hero-batch .description, .reactive .hero-cloud .description, .reactive .hero-event-driven .description, .reactive .hero-microservices .description, .reactive .hero-reactive .description, .reactive .hero-serverless .description, .reactive .hero-webapplications .description, .serverless .hero-batch .description, .serverless .hero-cloud .description, .serverless .hero-event-driven .description, .serverless .hero-microservices .description, .serverless .hero-reactive .description, .serverless .hero-serverless .description, .serverless .hero-webapplications .description, .webapplications .hero-batch .description, .webapplications .hero-cloud .description, .webapplications .hero-event-driven .description, .webapplications .hero-microservices .description, .webapplications .hero-reactive .description, .webapplications .hero-serverless .description, .webapplications .hero-webapplications .description {
font-size: 1.2rem;
line-height: 2rem;
padding: 0 0 2rem
}
.batch .hero-batch .image, .batch .hero-cloud .image, .batch .hero-event-driven .image, .batch .hero-microservices .image, .batch .hero-reactive .image, .batch .hero-serverless .image, .batch .hero-webapplications .image, .cloud .hero-batch .image, .cloud .hero-cloud .image, .cloud .hero-event-driven .image, .cloud .hero-microservices .image, .cloud .hero-reactive .image, .cloud .hero-serverless .image, .cloud .hero-webapplications .image, .event-driven .hero-batch .image, .event-driven .hero-cloud .image, .event-driven .hero-event-driven .image, .event-driven .hero-microservices .image, .event-driven .hero-reactive .image, .event-driven .hero-serverless .image, .event-driven .hero-webapplications .image, .microservices .hero-batch .image, .microservices .hero-cloud .image, .microservices .hero-event-driven .image, .microservices .hero-microservices .image, .microservices .hero-reactive .image, .microservices .hero-serverless .image, .microservices .hero-webapplications .image, .reactive .hero-batch .image, .reactive .hero-cloud .image, .reactive .hero-event-driven .image, .reactive .hero-microservices .image, .reactive .hero-reactive .image, .reactive .hero-serverless .image, .reactive .hero-webapplications .image, .serverless .hero-batch .image, .serverless .hero-cloud .image, .serverless .hero-event-driven .image, .serverless .hero-microservices .image, .serverless .hero-reactive .image, .serverless .hero-serverless .image, .serverless .hero-webapplications .image, .webapplications .hero-batch .image, .webapplications .hero-cloud .image, .webapplications .hero-event-driven .image, .webapplications .hero-microservices .image, .webapplications .hero-reactive .image, .webapplications .hero-serverless .image, .webapplications .hero-webapplications .image {
display: block;
left: auto;
margin: 20px auto;
position: relative;
right: auto;
top: auto;
width: 200px
}
.hero-microservices h1 {
word-break: break-all
}
.reactive .extra-0 img {
margin-left: -400px;
max-width: none;
width: 1300px
}
.batch .extra-0 img, .event-driven .extra-0 img, .serverless .extra-0 img {
margin-left: -800px;
max-width: none;
width: 1300px
}
.batch .hero-batch .description, .batch .hero-event-driven .description, .batch .hero-serverless .description, .event-driven .hero-batch .description, .event-driven .hero-event-driven .description, .event-driven .hero-serverless .description, .serverless .hero-batch .description, .serverless .hero-event-driven .description, .serverless .hero-serverless .description {
min-height: auto;
padding-bottom: 30px
}
.batch .hero-batch .columns .column, .batch .hero-event-driven .columns .column, .batch .hero-serverless .columns .column, .event-driven .hero-batch .columns .column, .event-driven .hero-event-driven .columns .column, .event-driven .hero-serverless .columns .column, .serverless .hero-batch .columns .column, .serverless .hero-event-driven .columns .column, .serverless .hero-serverless .columns .column {
padding: 10px !important
}
.guides .hero-guides .content {
height: auto;
padding: 0
}
.guides .hero-guides .image, .guides .hero-guides .links {
left: auto;
margin: 0 auto;
position: relative;
top: auto
}
.guides .hero-guides .image {
padding-top: 20px;
width: 150px
}
.guides .hero-guides .description {
font-size: 1.3rem
}
.guides .hero-guides h1 {
padding-top: 25px
}
.projects .hero .description {
font-size: 1.3rem
}
.projects .item .project-item {
flex-direction: column;
width: -webkit-max-content;
width: max-content
}
.projects .item .project-item .image {
margin-bottom: 20px;
padding-right: 0;
width: auto !important
}
.project .project-sidebar {
display: none
}
.project .project-content {
padding: 0 !important
}
.project .project-content h1 {
line-height: 3rem
}
.project .project-content .content {
max-width: 100% !important
}
.training .hero h1 {
font-size: 3rem;
line-height: 3rem
}
.training .hero .description {
font-size: 1.3rem;
margin-top: 1rem
}
.community .community-projects, .community .socials {
margin: 0 !important;
padding: 20px 20px 0 !important
}
.community .event {
padding: 0 10px 10px
}
.report {
margin-bottom: 2rem
}
pre code {
padding: 20px 0 !important
}
.community .youtube {
width: auto
}
#newsletter-footer form {
width: 100% !important
}
#newsletter-footer .mktoButtonRow {
position: static
}
.consulting .extra-0, .solutions .extra-0, .support .extra-0 {
display: none
}
.consulting .hero-content, .solutions .hero-content, .support .hero-content {
margin: 0;
padding-right: 0
}
.solutions .hero .hero-content {
padding-right: 0;
text-align: center
}
}
@media screen and (max-width: 767px) {
.home .hero-home h1 {
font-size: 3rem;
line-height: 2.6rem
}
.guide .ascii-doc .paragraph p > code {
white-space: pre-wrap
}
.tabs {
width: 100%
}
.blog-rss-category .is-link {
font-size: 12.25px
}
.default-banner > .content {
padding: 0 !important
}
.home .divider {
display: none
}
.home .hero-springone {
height: auto
}
.home .hero-springone h1 {
font-size: 2rem;
line-height: 2.25rem
}
.home .hero-springone .springone-text {
margin-bottom: 40px
}
.home .features h1 {
font-size: 2rem !important;
line-height: 2.5rem;
margin-bottom: 1rem !important
}
.home .features .feature .icon {
width: 100px
}
.home .features .feature .box.is-special {
padding: 10px 20px 20px !important
}
.home .features .feature h1 {
font-size: 1.6rem !important;
margin-bottom: 0 !important
}
.home .code > .columns > .pr-6 {
padding-right: 0 !important
}
.home .code .terminal {
padding: 30px 25px
}
.home .terminal pre code {
padding: 0 !important
}
.home .terminal.visible .typed-placeholder {
animation: typing 5s steps(44);
display: block
}
.home .testimony .testimony-text {
font-size: 1.4rem !important
}
#newsletter-blog button.mktoButton, #newsletter-footer .mktoForm .mktoCheckboxList, #newsletter-footer .mktoForm .mktoRadioList, #newsletter-footer button.mktoButton, .mktoFieldDescriptor, .mktoForm .mktoButtonRow {
width: 100% !important
}
#newsletter-footer .mktoForm .mktoCheckboxList, #newsletter-footer .mktoForm .mktoRadioList {
width: 99%
}
#newsletter-footer .mktoForm .mktoCheckboxList {
max-width: 100% !important
}
.mktoForm .mktoCheckboxList > label {
line-height: 1.6em !important
}
#newsletter-footer form {
padding: 0 !important
}
#newsletter-blog .mktoButtonRow, #newsletter-footer .mktoButtonRow {
position: static
}
.blog-sidebar {
margin-bottom: 2rem
}
.blog-sidebar, .blog-sidebar form {
max-width: -moz-fit-content !important;
max-width: -webkit-fit-content !important;
max-width: fit-content !important
}
.project h1.project-title {
padding-right: 0
}
.project h1.project-title .social-links {
display: block;
position: relative;
right: auto;
top: auto
}
.blog .secondary-nav {
display: block;
margin-left: 0 !important;
padding: 10px 0
}
.blog .blog-nav-rss {
float: none
}
.blog .dropdown.is-right .dropdown-menu {
right: auto
}
}
@media screen and (min-width: 768px)and (max-width:1024px) {
.community .container {
padding-left: 6rem !important
}
.project .container {
padding-right: 2rem !important
}
.project .project-content {
width: 100%
}
.mktoForm .mktoCheckboxList, .mktoForm .mktoRadioList {
max-width: 170px;
width: auto !important
}
#newsletter-blog button, #newsletter-blog input#Email {
width: 100% !important
}
}
@media screen and (min-width: 1025px)and (max-width:1405px) {
#newsletter-blog button.mktoButton, #newsletter-footer button.mktoButton {
padding: 6px 15px !important
}
#newsletter-blog button, #newsletter-blog input#Email {
width: 100% !important
}
.mktoForm .mktoCheckboxList, .mktoForm .mktoRadioList {
max-width: 170px;
width: auto !important
}
}
.hljs {
background: #fff;
color: #333;
display: block;
overflow-x: auto;
padding: .5em
}
.hljs-comment, .hljs-meta {
color: #969896
}
.hljs-emphasis, .hljs-quote, .hljs-strong, .hljs-template-variable, .hljs-variable {
color: #df5000
}
.hljs-keyword, .hljs-selector-tag, .hljs-type {
color: #d73a49
}
.hljs-attribute, .hljs-bullet, .hljs-literal, .hljs-symbol {
color: #0086b3
}
.hljs-name, .hljs-section {
color: #63a35c
}
.hljs-tag {
color: #333
}
.hljs-attr, .hljs-selector-attr, .hljs-selector-class, .hljs-selector-id, .hljs-selector-pseudo, .hljs-title {
color: #6f42c1
}
.hljs-addition {
background-color: #eaffea;
color: #55a532
}
.hljs-deletion {
background-color: #ffecec;
color: #bd2c00
}
.hljs-link {
text-decoration: underline
}
.hljs-number {
color: #005cc5
}
.hljs-string {
color: #032f62
}