oauth2-qbittorrent-mod/root/etc/oauth2-proxy/templates/sign_in.html
2024-01-15 23:59:14 -07:00

5449 lines
No EOL
197 KiB
HTML

{{define "sign_in.html"}}
<!DOCTYPE html>
<html lang="en" charset="utf-8">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Sign In</title>
<link rel="stylesheet" href="{{.ProxyPrefix}}/static/css/bulma.min.css">
<style>
body {
height: 100vh;
}
.sign-in-box {
max-width: 400px;
margin: 1.25rem auto;
}
.logo-box {
margin: 1.5rem 3rem;
}
.alert {
padding: 5px;
background-color: #f44336; /* Red */
color: white;
margin-bottom: 5px;
border-radius: 5px
}
/* The close button */
.closebtn {
margin-left: 10px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
/* When moving the mouse over the close button */
.closebtn:hover {
color: black;
}
footer a {
text-decoration: underline;
}
</style>
<!-- Load dark reader's generated css as of 1/15/24 -->
<style>
/*! Dark reader generated CSS | Licensed under MIT https://github.com/darkreader/darkreader/blob/main/LICENSE */
/* User-Agent Style */
html {
background-color: #242525 !important;
}
html {
color-scheme: dark !important;
}
html, body {
background-color: #242525;
}
html, body {
border-color: #776f62;
color: #e5e0d8;
}
a {
color: #4791e6;
}
table {
border-color: #5c6060;
}
::placeholder {
color: #b2aa9e;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
background-color: #484a12 !important;
color: #e5e0d8 !important;
}
::-webkit-scrollbar {
background-color: #2b2d2d;
color: #aca496;
}
::-webkit-scrollbar-thumb {
background-color: #4e5151;
}
::-webkit-scrollbar-thumb:hover {
background-color: #5f6364;
}
::-webkit-scrollbar-thumb:active {
background-color: #515455;
}
::-webkit-scrollbar-corner {
background-color: #242525;
}
* {
scrollbar-color: #4e5151 #2b2d2d;
}
::selection {
background-color: #15539c !important;
color: #e5e0d8 !important;
}
::-moz-selection {
background-color: #15539c !important;
color: #e5e0d8 !important;
}
/* Variables Style */
:root {
--darkreader-neutral-background: #1f2020;
--darkreader-neutral-text: #d6d0c6;
--darkreader-selection-background: #15539c;
--darkreader-selection-text: #e5e0d8;
}
/* Modified CSS */
.button,
.file-cta,
.file-name,
.input,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.select select,
.textarea {
border-color: transparent;
box-shadow: none;
}
.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-color: currentcolor;
}
.navbar-link:not(.is-arrowless)::after,
.select:not(.is-multiple):not(.is-loading)::after {
border-color: currentcolor currentcolor transparent transparent;
}
.delete,
.modal-close {
background-color: rgba(21, 20, 20, 0.2);
border-color: currentcolor;
outline-color: currentcolor;
}
.delete::after,
.delete::before,
.modal-close::after,
.modal-close::before {
background-color: rgb(36, 37, 37);
}
.delete:focus,
.delete:hover,
.modal-close:focus,
.modal-close:hover {
background-color: rgba(21, 20, 20, 0.3);
}
.delete:active,
.modal-close:active {
background-color: rgba(21, 20, 20, 0.4);
}
.button.is-loading::after,
.control.is-loading::after,
.loader,
.select.is-loading::after {
border-color: transparent transparent rgb(68, 71, 71) rgb(68, 71, 71);
}
.navbar-burger {
background-color: rgba(13, 13, 13, 0);
background-image: none;
border-color: currentcolor;
color: currentcolor;
}
ul {
list-style-image: none;
}
iframe {
border-color: currentcolor;
}
html {
background-color: rgb(36, 37, 37);
}
body {
color: rgb(185, 177, 166);
}
a {
color: rgb(101, 139, 189);
text-decoration-color: currentcolor;
}
a strong {
color: currentcolor;
}
a:hover {
color: rgb(197, 190, 179);
}
code {
background-color: rgb(41, 42, 42);
color: rgb(221, 70, 98);
}
hr {
background-color: rgb(41, 42, 42);
border-color: currentcolor;
}
strong {
color: rgb(197, 190, 179);
}
fieldset {
border-color: currentcolor;
}
pre {
background-color: rgb(41, 42, 42);
color: rgb(185, 177, 166);
}
pre code {
background-color: transparent;
color: currentcolor;
}
table th {
color: rgb(197, 190, 179);
}
.box {
background-color: rgb(36, 37, 37);
box-shadow: rgba(21, 20, 20, 0.1) 0px 0.5em 1em -0.125em,
rgba(21, 20, 20, 0.02) 0px 0px 0px 1px;
color: rgb(185, 177, 166);
}
a.box:focus,
a.box:hover {
box-shadow: rgba(21, 20, 20, 0.1) 0px 0.5em 1em -0.125em,
rgb(59, 72, 139) 0px 0px 0px 1px;
}
a.box:active {
box-shadow: rgba(21, 20, 20, 0.2) 0px 1px 2px inset,
rgb(59, 72, 139) 0px 0px 0px 1px;
}
.button {
background-color: rgb(36, 37, 37);
border-color: rgb(68, 71, 71);
color: rgb(197, 190, 179);
}
.button strong {
color: inherit;
}
.button.is-hovered,
.button:hover {
border-color: rgb(78, 82, 82);
color: rgb(197, 190, 179);
}
.button.is-focused,
.button:focus {
border-color: rgb(54, 66, 126);
color: rgb(197, 190, 179);
}
.button.is-focused:not(:active),
.button:focus:not(:active) {
box-shadow: rgba(59, 72, 139, 0.25) 0px 0px 0px 0.125em;
}
.button.is-active,
.button:active {
border-color: rgb(120, 111, 99);
color: rgb(197, 190, 179);
}
.button.is-text {
background-color: transparent;
border-color: transparent;
color: rgb(185, 177, 166);
text-decoration-color: currentcolor;
}
.button.is-text.is-focused,
.button.is-text.is-hovered,
.button.is-text:focus,
.button.is-text:hover {
background-color: rgb(41, 42, 42);
color: rgb(197, 190, 179);
}
.button.is-text.is-active,
.button.is-text:active {
background-color: rgb(48, 50, 50);
color: rgb(197, 190, 179);
}
.button.is-text[disabled],
fieldset[disabled] .button.is-text {
background-color: transparent;
border-color: transparent;
box-shadow: none;
}
.button.is-ghost {
background-color: rgba(13, 13, 13, 0);
background-image: none;
border-color: transparent;
color: rgb(101, 139, 189);
text-decoration-color: currentcolor;
}
.button.is-ghost.is-hovered,
.button.is-ghost:hover {
color: rgb(101, 139, 189);
text-decoration-color: currentcolor;
}
.button.is-white {
background-color: rgb(36, 37, 37);
border-color: transparent;
color: rgb(223, 218, 209);
}
.button.is-white.is-hovered,
.button.is-white:hover {
background-color: rgb(39, 40, 40);
border-color: transparent;
color: rgb(223, 218, 209);
}
.button.is-white.is-focused,
.button.is-white:focus {
border-color: transparent;
color: rgb(223, 218, 209);
}
.button.is-white.is-focused:not(:active),
.button.is-white:focus:not(:active) {
box-shadow: rgba(36, 37, 37, 0.25) 0px 0px 0px 0.125em;
}
.button.is-white.is-active,
.button.is-white:active {
background-color: rgb(42, 44, 44);
border-color: transparent;
color: rgb(223, 218, 209);
}
.button.is-white[disabled],
fieldset[disabled] .button.is-white {
background-color: rgb(36, 37, 37);
border-color: rgb(58, 61, 61);
box-shadow: none;
}
.button.is-white.is-inverted {
background-color: rgb(21, 20, 20);
color: rgb(229, 224, 216);
}
.button.is-white.is-inverted.is-hovered,
.button.is-white.is-inverted:hover {
background-color: rgb(13, 13, 13);
}
.button.is-white.is-inverted[disabled],
fieldset[disabled] .button.is-white.is-inverted {
background-color: rgb(21, 20, 20);
border-color: transparent;
box-shadow: none;
color: rgb(229, 224, 216);
}
.button.is-white.is-loading::after {
border-color: transparent transparent rgb(140, 130, 114) rgb(140, 130, 114) !important;
}
.button.is-white.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
color: rgb(229, 224, 216);
}
.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: rgb(36, 37, 37);
border-color: rgb(58, 61, 61);
color: rgb(223, 218, 209);
}
.button.is-white.is-outlined.is-loading::after {
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !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 rgb(140, 130, 114) rgb(140, 130, 114) !important;
}
.button.is-white.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
box-shadow: none;
color: rgb(229, 224, 216);
}
.button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(140, 130, 114);
color: rgb(223, 218, 209);
}
.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: rgb(21, 20, 20);
color: rgb(229, 224, 216);
}
.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 rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-white.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-white.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(140, 130, 114);
box-shadow: none;
color: rgb(223, 218, 209);
}
.button.is-black {
background-color: rgb(21, 20, 20);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-black.is-hovered,
.button.is-black:hover {
background-color: rgb(16, 16, 15);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-black.is-focused,
.button.is-black:focus {
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-black.is-focused:not(:active),
.button.is-black:focus:not(:active) {
box-shadow: rgba(21, 20, 20, 0.25) 0px 0px 0px 0.125em;
}
.button.is-black.is-active,
.button.is-black:active {
background-color: rgb(13, 13, 13);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-black[disabled],
fieldset[disabled] .button.is-black {
background-color: rgb(21, 20, 20);
border-color: rgb(140, 130, 114);
box-shadow: none;
}
.button.is-black.is-inverted {
background-color: rgb(36, 37, 37);
color: rgb(223, 218, 209);
}
.button.is-black.is-inverted.is-hovered,
.button.is-black.is-inverted:hover {
background-color: rgb(42, 44, 44);
}
.button.is-black.is-inverted[disabled],
fieldset[disabled] .button.is-black.is-inverted {
background-color: rgb(36, 37, 37);
border-color: transparent;
box-shadow: none;
color: rgb(223, 218, 209);
}
.button.is-black.is-loading::after {
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-black.is-outlined {
background-color: transparent;
border-color: rgb(140, 130, 114);
color: rgb(223, 218, 209);
}
.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: rgb(21, 20, 20);
border-color: rgb(140, 130, 114);
color: rgb(229, 224, 216);
}
.button.is-black.is-outlined.is-loading::after {
border-color: transparent transparent rgb(140, 130, 114) rgb(140, 130, 114) !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 rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-black.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-outlined {
background-color: transparent;
border-color: rgb(140, 130, 114);
box-shadow: none;
color: rgb(223, 218, 209);
}
.button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
color: rgb(229, 224, 216);
}
.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: rgb(36, 37, 37);
color: rgb(223, 218, 209);
}
.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 rgb(140, 130, 114) rgb(140, 130, 114) !important;
}
.button.is-black.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-black.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
box-shadow: none;
color: rgb(229, 224, 216);
}
.button.is-light {
background-color: rgb(41, 42, 42);
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.button.is-light.is-hovered,
.button.is-light:hover {
background-color: rgb(45, 46, 46);
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.button.is-light.is-focused,
.button.is-light:focus {
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.button.is-light.is-focused:not(:active),
.button.is-light:focus:not(:active) {
box-shadow: rgba(41, 42, 42, 0.25) 0px 0px 0px 0.125em;
}
.button.is-light.is-active,
.button.is-light:active {
background-color: rgb(48, 50, 50);
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.button.is-light[disabled],
fieldset[disabled] .button.is-light {
background-color: rgb(41, 42, 42);
border-color: rgb(61, 63, 63);
box-shadow: none;
}
.button.is-light.is-inverted {
background-color: rgba(13, 13, 13, 0.7);
color: rgb(223, 218, 209);
}
.button.is-light.is-inverted.is-hovered,
.button.is-light.is-inverted:hover {
background-color: rgba(13, 13, 13, 0.7);
}
.button.is-light.is-inverted[disabled],
fieldset[disabled] .button.is-light.is-inverted {
background-color: rgba(13, 13, 13, 0.7);
border-color: transparent;
box-shadow: none;
color: rgb(223, 218, 209);
}
.button.is-light.is-loading::after {
border-color: transparent transparent rgba(143, 132, 117, 0.7) rgba(143, 132, 117, 0.7) !important;
}
.button.is-light.is-outlined {
background-color: transparent;
border-color: rgb(61, 63, 63);
color: rgb(223, 218, 209);
}
.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: rgb(41, 42, 42);
border-color: rgb(61, 63, 63);
color: rgba(229, 224, 216, 0.7);
}
.button.is-light.is-outlined.is-loading::after {
border-color: transparent transparent rgb(61, 63, 63) rgb(61, 63, 63) !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(143, 132, 117, 0.7) rgba(143, 132, 117, 0.7) !important;
}
.button.is-light.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-outlined {
background-color: transparent;
border-color: rgb(61, 63, 63);
box-shadow: none;
color: rgb(223, 218, 209);
}
.button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(143, 132, 117, 0.7);
color: rgba(229, 224, 216, 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(13, 13, 13, 0.7);
color: rgb(223, 218, 209);
}
.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 rgb(61, 63, 63) rgb(61, 63, 63) !important;
}
.button.is-light.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-light.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(143, 132, 117, 0.7);
box-shadow: none;
color: rgba(229, 224, 216, 0.7);
}
.button.is-dark {
background-color: rgb(52, 53, 54);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-dark.is-hovered,
.button.is-dark:hover {
background-color: rgb(46, 48, 48);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-dark.is-focused,
.button.is-dark:focus {
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-dark.is-focused:not(:active),
.button.is-dark:focus:not(:active) {
box-shadow: rgba(52, 53, 54, 0.25) 0px 0px 0px 0.125em;
}
.button.is-dark.is-active,
.button.is-dark:active {
background-color: rgb(42, 43, 44);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-dark[disabled],
fieldset[disabled] .button.is-dark {
background-color: rgb(52, 53, 54);
border-color: rgb(126, 117, 103);
box-shadow: none;
}
.button.is-dark.is-inverted {
background-color: rgb(36, 37, 37);
color: rgb(197, 190, 179);
}
.button.is-dark.is-inverted.is-hovered,
.button.is-dark.is-inverted:hover {
background-color: rgb(42, 44, 44);
}
.button.is-dark.is-inverted[disabled],
fieldset[disabled] .button.is-dark.is-inverted {
background-color: rgb(36, 37, 37);
border-color: transparent;
box-shadow: none;
color: rgb(197, 190, 179);
}
.button.is-dark.is-loading::after {
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-dark.is-outlined {
background-color: transparent;
border-color: rgb(126, 117, 103);
color: rgb(197, 190, 179);
}
.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: rgb(52, 53, 54);
border-color: rgb(126, 117, 103);
color: rgb(229, 224, 216);
}
.button.is-dark.is-outlined.is-loading::after {
border-color: transparent transparent rgb(126, 117, 103) rgb(126, 117, 103) !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 rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-dark.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-outlined {
background-color: transparent;
border-color: rgb(126, 117, 103);
box-shadow: none;
color: rgb(197, 190, 179);
}
.button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
color: rgb(229, 224, 216);
}
.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: rgb(36, 37, 37);
color: rgb(197, 190, 179);
}
.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 rgb(126, 117, 103) rgb(126, 117, 103) !important;
}
.button.is-dark.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
box-shadow: none;
color: rgb(229, 224, 216);
}
.button.is-primary {
background-color: rgb(27, 161, 137);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-primary.is-hovered,
.button.is-primary:hover {
background-color: rgb(26, 152, 130);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-primary.is-focused,
.button.is-primary:focus {
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-primary.is-focused:not(:active),
.button.is-primary:focus:not(:active) {
box-shadow: rgba(27, 161, 137, 0.25) 0px 0px 0px 0.125em;
}
.button.is-primary.is-active,
.button.is-primary:active {
background-color: rgb(25, 143, 122);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-primary[disabled],
fieldset[disabled] .button.is-primary {
background-color: rgb(27, 161, 137);
border-color: rgb(29, 183, 157);
box-shadow: none;
}
.button.is-primary.is-inverted {
background-color: rgb(36, 37, 37);
color: rgb(84, 241, 212);
}
.button.is-primary.is-inverted.is-hovered,
.button.is-primary.is-inverted:hover {
background-color: rgb(42, 44, 44);
}
.button.is-primary.is-inverted[disabled],
fieldset[disabled] .button.is-primary.is-inverted {
background-color: rgb(36, 37, 37);
border-color: transparent;
box-shadow: none;
color: rgb(84, 241, 212);
}
.button.is-primary.is-loading::after {
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-primary.is-outlined {
background-color: transparent;
border-color: rgb(29, 183, 157);
color: rgb(84, 241, 212);
}
.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: rgb(27, 161, 137);
border-color: rgb(29, 183, 157);
color: rgb(229, 224, 216);
}
.button.is-primary.is-outlined.is-loading::after {
border-color: transparent transparent rgb(29, 183, 157) rgb(29, 183, 157) !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 rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-primary.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-outlined {
background-color: transparent;
border-color: rgb(29, 183, 157);
box-shadow: none;
color: rgb(84, 241, 212);
}
.button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
color: rgb(229, 224, 216);
}
.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: rgb(36, 37, 37);
color: rgb(84, 241, 212);
}
.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 rgb(29, 183, 157) rgb(29, 183, 157) !important;
}
.button.is-primary.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
box-shadow: none;
color: rgb(229, 224, 216);
}
.button.is-primary.is-light {
background-color: rgb(19, 69, 62);
color: rgb(119, 242, 218);
}
.button.is-primary.is-light.is-hovered,
.button.is-primary.is-light:hover {
background-color: rgb(19, 76, 68);
border-color: transparent;
color: rgb(119, 242, 218);
}
.button.is-primary.is-light.is-active,
.button.is-primary.is-light:active {
background-color: rgb(20, 83, 74);
border-color: transparent;
color: rgb(119, 242, 218);
}
.button.is-link {
background-color: rgb(59, 72, 139);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-link.is-hovered,
.button.is-link:hover {
background-color: rgb(60, 75, 144);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-link.is-focused,
.button.is-link:focus {
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-link.is-focused:not(:active),
.button.is-link:focus:not(:active) {
box-shadow: rgba(59, 72, 139, 0.25) 0px 0px 0px 0.125em;
}
.button.is-link.is-active,
.button.is-link:active {
background-color: rgb(59, 73, 140);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-link[disabled],
fieldset[disabled] .button.is-link {
background-color: rgb(59, 72, 139);
border-color: rgb(54, 66, 126);
box-shadow: none;
}
.button.is-link.is-inverted {
background-color: rgb(36, 37, 37);
color: rgb(101, 139, 189);
}
.button.is-link.is-inverted.is-hovered,
.button.is-link.is-inverted:hover {
background-color: rgb(42, 44, 44);
}
.button.is-link.is-inverted[disabled],
fieldset[disabled] .button.is-link.is-inverted {
background-color: rgb(36, 37, 37);
border-color: transparent;
box-shadow: none;
color: rgb(101, 139, 189);
}
.button.is-link.is-loading::after {
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-link.is-outlined {
background-color: transparent;
border-color: rgb(54, 66, 126);
color: rgb(101, 139, 189);
}
.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: rgb(59, 72, 139);
border-color: rgb(54, 66, 126);
color: rgb(229, 224, 216);
}
.button.is-link.is-outlined.is-loading::after {
border-color: transparent transparent rgb(54, 66, 126) rgb(54, 66, 126) !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 rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-link.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-outlined {
background-color: transparent;
border-color: rgb(54, 66, 126);
box-shadow: none;
color: rgb(101, 139, 189);
}
.button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
color: rgb(229, 224, 216);
}
.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: rgb(36, 37, 37);
color: rgb(101, 139, 189);
}
.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 rgb(54, 66, 126) rgb(54, 66, 126) !important;
}
.button.is-link.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-link.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
box-shadow: none;
color: rgb(229, 224, 216);
}
.button.is-link.is-light {
background-color: rgb(41, 42, 43);
color: rgb(117, 151, 194);
}
.button.is-link.is-light.is-hovered,
.button.is-link.is-light:hover {
background-color: rgb(44, 46, 46);
border-color: transparent;
color: rgb(117, 151, 194);
}
.button.is-link.is-light.is-active,
.button.is-link.is-light:active {
background-color: rgb(48, 50, 50);
border-color: transparent;
color: rgb(117, 151, 194);
}
.button.is-info {
background-color: rgb(55, 106, 148);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-info.is-hovered,
.button.is-info:hover {
background-color: rgb(56, 110, 153);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-info.is-focused,
.button.is-info:focus {
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-info.is-focused:not(:active),
.button.is-info:focus:not(:active) {
box-shadow: rgba(55, 106, 148, 0.25) 0px 0px 0px 0.125em;
}
.button.is-info.is-active,
.button.is-info:active {
background-color: rgb(55, 107, 148);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-info[disabled],
fieldset[disabled] .button.is-info {
background-color: rgb(55, 106, 148);
border-color: rgb(51, 96, 133);
box-shadow: none;
}
.button.is-info.is-inverted {
background-color: rgb(36, 37, 37);
color: rgb(94, 154, 196);
}
.button.is-info.is-inverted.is-hovered,
.button.is-info.is-inverted:hover {
background-color: rgb(42, 44, 44);
}
.button.is-info.is-inverted[disabled],
fieldset[disabled] .button.is-info.is-inverted {
background-color: rgb(36, 37, 37);
border-color: transparent;
box-shadow: none;
color: rgb(94, 154, 196);
}
.button.is-info.is-loading::after {
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-info.is-outlined {
background-color: transparent;
border-color: rgb(51, 96, 133);
color: rgb(94, 154, 196);
}
.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: rgb(55, 106, 148);
border-color: rgb(51, 96, 133);
color: rgb(229, 224, 216);
}
.button.is-info.is-outlined.is-loading::after {
border-color: transparent transparent rgb(51, 96, 133) rgb(51, 96, 133) !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 rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-info.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-outlined {
background-color: transparent;
border-color: rgb(51, 96, 133);
box-shadow: none;
color: rgb(94, 154, 196);
}
.button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
color: rgb(229, 224, 216);
}
.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: rgb(36, 37, 37);
color: rgb(94, 154, 196);
}
.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 rgb(51, 96, 133) rgb(51, 96, 133) !important;
}
.button.is-info.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-info.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
box-shadow: none;
color: rgb(229, 224, 216);
}
.button.is-info.is-light {
background-color: rgb(41, 42, 42);
color: rgb(125, 172, 205);
}
.button.is-info.is-light.is-hovered,
.button.is-info.is-light:hover {
background-color: rgb(44, 46, 46);
border-color: transparent;
color: rgb(125, 172, 205);
}
.button.is-info.is-light.is-active,
.button.is-info.is-light:active {
background-color: rgb(48, 50, 50);
border-color: transparent;
color: rgb(125, 172, 205);
}
.button.is-success {
background-color: rgb(64, 146, 115);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-success.is-hovered,
.button.is-success:hover {
background-color: rgb(66, 151, 118);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-success.is-focused,
.button.is-success:focus {
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-success.is-focused:not(:active),
.button.is-success:focus:not(:active) {
box-shadow: rgba(64, 146, 115, 0.25) 0px 0px 0px 0.125em;
}
.button.is-success.is-active,
.button.is-success:active {
background-color: rgb(64, 147, 106);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-success[disabled],
fieldset[disabled] .button.is-success {
background-color: rgb(64, 146, 115);
border-color: rgb(59, 132, 96);
box-shadow: none;
}
.button.is-success.is-inverted {
background-color: rgb(36, 37, 37);
color: rgb(104, 196, 150);
}
.button.is-success.is-inverted.is-hovered,
.button.is-success.is-inverted:hover {
background-color: rgb(42, 44, 44);
}
.button.is-success.is-inverted[disabled],
fieldset[disabled] .button.is-success.is-inverted {
background-color: rgb(36, 37, 37);
border-color: transparent;
box-shadow: none;
color: rgb(104, 196, 150);
}
.button.is-success.is-loading::after {
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-success.is-outlined {
background-color: transparent;
border-color: rgb(59, 132, 96);
color: rgb(104, 196, 150);
}
.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: rgb(64, 146, 115);
border-color: rgb(59, 132, 96);
color: rgb(229, 224, 216);
}
.button.is-success.is-outlined.is-loading::after {
border-color: transparent transparent rgb(59, 132, 96) rgb(59, 132, 96) !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 rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-success.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-outlined {
background-color: transparent;
border-color: rgb(59, 132, 96);
box-shadow: none;
color: rgb(104, 196, 150);
}
.button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
color: rgb(229, 224, 216);
}
.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: rgb(36, 37, 37);
color: rgb(104, 196, 150);
}
.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 rgb(59, 132, 96) rgb(59, 132, 96) !important;
}
.button.is-success.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-success.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
box-shadow: none;
color: rgb(229, 224, 216);
}
.button.is-success.is-light {
background-color: rgb(30, 56, 46);
color: rgb(142, 209, 173);
}
.button.is-success.is-light.is-hovered,
.button.is-success.is-light:hover {
background-color: rgb(32, 61, 49);
border-color: transparent;
color: rgb(142, 209, 173);
}
.button.is-success.is-light.is-active,
.button.is-success.is-light:active {
background-color: rgb(34, 67, 54);
border-color: transparent;
color: rgb(142, 209, 173);
}
.button.is-warning {
background-color: rgb(95, 74, 18);
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.button.is-warning.is-hovered,
.button.is-warning:hover {
background-color: rgb(100, 78, 18);
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.button.is-warning.is-focused,
.button.is-warning:focus {
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.button.is-warning.is-focused:not(:active),
.button.is-warning:focus:not(:active) {
box-shadow: rgba(95, 74, 18, 0.25) 0px 0px 0px 0.125em;
}
.button.is-warning.is-active,
.button.is-warning:active {
background-color: rgb(105, 82, 19);
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.button.is-warning[disabled],
fieldset[disabled] .button.is-warning {
background-color: rgb(95, 74, 18);
border-color: rgb(136, 105, 21);
box-shadow: none;
}
.button.is-warning.is-inverted {
background-color: rgba(13, 13, 13, 0.7);
color: rgb(246, 215, 130);
}
.button.is-warning.is-inverted.is-hovered,
.button.is-warning.is-inverted:hover {
background-color: rgba(13, 13, 13, 0.7);
}
.button.is-warning.is-inverted[disabled],
fieldset[disabled] .button.is-warning.is-inverted {
background-color: rgba(13, 13, 13, 0.7);
border-color: transparent;
box-shadow: none;
color: rgb(246, 215, 130);
}
.button.is-warning.is-loading::after {
border-color: transparent transparent rgba(143, 132, 117, 0.7) rgba(143, 132, 117, 0.7) !important;
}
.button.is-warning.is-outlined {
background-color: transparent;
border-color: rgb(136, 105, 21);
color: rgb(246, 215, 130);
}
.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: rgb(95, 74, 18);
border-color: rgb(136, 105, 21);
color: rgba(229, 224, 216, 0.7);
}
.button.is-warning.is-outlined.is-loading::after {
border-color: transparent transparent rgb(136, 105, 21) rgb(136, 105, 21) !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(143, 132, 117, 0.7) rgba(143, 132, 117, 0.7) !important;
}
.button.is-warning.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-outlined {
background-color: transparent;
border-color: rgb(136, 105, 21);
box-shadow: none;
color: rgb(246, 215, 130);
}
.button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(143, 132, 117, 0.7);
color: rgba(229, 224, 216, 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(13, 13, 13, 0.7);
color: rgb(246, 215, 130);
}
.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 rgb(136, 105, 21) rgb(136, 105, 21) !important;
}
.button.is-warning.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
background-color: transparent;
border-color: rgba(143, 132, 117, 0.7);
box-shadow: none;
color: rgba(229, 224, 216, 0.7);
}
.button.is-warning.is-light {
background-color: rgb(55, 45, 16);
color: rgb(245, 208, 111);
}
.button.is-warning.is-light.is-hovered,
.button.is-warning.is-light:hover {
background-color: rgb(61, 49, 16);
border-color: transparent;
color: rgb(245, 208, 111);
}
.button.is-warning.is-light.is-active,
.button.is-warning.is-light:active {
background-color: rgb(66, 53, 16);
border-color: transparent;
color: rgb(245, 208, 111);
}
.button.is-danger {
background-color: rgb(148, 29, 51);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-danger.is-hovered,
.button.is-danger:hover {
background-color: rgb(155, 30, 54);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-danger.is-focused,
.button.is-danger:focus {
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-danger.is-focused:not(:active),
.button.is-danger:focus:not(:active) {
box-shadow: rgba(148, 29, 51, 0.25) 0px 0px 0px 0.125em;
}
.button.is-danger.is-active,
.button.is-danger:active {
background-color: rgb(161, 30, 55);
border-color: transparent;
color: rgb(229, 224, 216);
}
.button.is-danger[disabled],
fieldset[disabled] .button.is-danger {
background-color: rgb(148, 29, 51);
border-color: rgb(141, 28, 49);
box-shadow: none;
}
.button.is-danger.is-inverted {
background-color: rgb(36, 37, 37);
color: rgb(225, 90, 114);
}
.button.is-danger.is-inverted.is-hovered,
.button.is-danger.is-inverted:hover {
background-color: rgb(42, 44, 44);
}
.button.is-danger.is-inverted[disabled],
fieldset[disabled] .button.is-danger.is-inverted {
background-color: rgb(36, 37, 37);
border-color: transparent;
box-shadow: none;
color: rgb(225, 90, 114);
}
.button.is-danger.is-loading::after {
border-color: transparent transparent rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-danger.is-outlined {
background-color: transparent;
border-color: rgb(141, 28, 49);
color: rgb(225, 90, 114);
}
.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: rgb(148, 29, 51);
border-color: rgb(141, 28, 49);
color: rgb(229, 224, 216);
}
.button.is-danger.is-outlined.is-loading::after {
border-color: transparent transparent rgb(141, 28, 49) rgb(141, 28, 49) !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 rgb(58, 61, 61) rgb(58, 61, 61) !important;
}
.button.is-danger.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-outlined {
background-color: transparent;
border-color: rgb(141, 28, 49);
box-shadow: none;
color: rgb(225, 90, 114);
}
.button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
color: rgb(229, 224, 216);
}
.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: rgb(36, 37, 37);
color: rgb(225, 90, 114);
}
.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 rgb(141, 28, 49) rgb(141, 28, 49) !important;
}
.button.is-danger.is-inverted.is-outlined[disabled],
fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
background-color: transparent;
border-color: rgb(58, 61, 61);
box-shadow: none;
color: rgb(229, 224, 216);
}
.button.is-danger.is-light {
background-color: rgb(64, 18, 27);
color: rgb(223, 79, 104);
}
.button.is-danger.is-light.is-hovered,
.button.is-danger.is-light:hover {
background-color: rgb(70, 19, 28);
border-color: transparent;
color: rgb(223, 79, 104);
}
.button.is-danger.is-light.is-active,
.button.is-danger.is-light:active {
background-color: rgb(76, 20, 30);
border-color: transparent;
color: rgb(223, 79, 104);
}
.button[disabled],
fieldset[disabled] .button {
background-color: rgb(36, 37, 37);
border-color: rgb(68, 71, 71);
box-shadow: none;
}
.button.is-loading {
color: transparent !important;
}
.button.is-static {
background-color: rgb(41, 42, 42);
border-color: rgb(68, 71, 71);
color: rgb(157, 147, 133);
box-shadow: none;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
color: rgb(197, 190, 179);
}
.content blockquote {
background-color: rgb(41, 42, 42);
border-left-color: rgb(68, 71, 71);
}
.content ul {
list-style-image: none;
}
.content table td,
.content table th {
border-color: rgb(68, 71, 71);
}
.content table th {
color: rgb(197, 190, 179);
}
.content table thead td,
.content table thead th {
color: rgb(197, 190, 179);
}
.content table tfoot td,
.content table tfoot th {
color: rgb(197, 190, 179);
}
.icon-text {
color: inherit;
}
.notification {
background-color: rgb(41, 42, 42);
}
.notification a:not(.button):not(.dropdown-item) {
color: currentcolor;
text-decoration-color: currentcolor;
}
.notification strong {
color: currentcolor;
}
.notification code,
.notification pre {
background-color: rgb(36, 37, 37);
background-image: none;
}
.notification pre code {
background-color: rgba(13, 13, 13, 0);
background-image: none;
}
.notification .content,
.notification .subtitle,
.notification .title {
color: currentcolor;
}
.notification.is-white {
background-color: rgb(36, 37, 37);
color: rgb(223, 218, 209);
}
.notification.is-black {
background-color: rgb(21, 20, 20);
color: rgb(229, 224, 216);
}
.notification.is-light {
background-color: rgb(41, 42, 42);
color: rgba(229, 224, 216, 0.7);
}
.notification.is-dark {
background-color: rgb(52, 53, 54);
color: rgb(229, 224, 216);
}
.notification.is-primary {
background-color: rgb(27, 161, 137);
color: rgb(229, 224, 216);
}
.notification.is-primary.is-light {
background-color: rgb(19, 69, 62);
color: rgb(119, 242, 218);
}
.notification.is-link {
background-color: rgb(59, 72, 139);
color: rgb(229, 224, 216);
}
.notification.is-link.is-light {
background-color: rgb(41, 42, 43);
color: rgb(117, 151, 194);
}
.notification.is-info {
background-color: rgb(55, 106, 148);
color: rgb(229, 224, 216);
}
.notification.is-info.is-light {
background-color: rgb(41, 42, 42);
color: rgb(125, 172, 205);
}
.notification.is-success {
background-color: rgb(64, 146, 115);
color: rgb(229, 224, 216);
}
.notification.is-success.is-light {
background-color: rgb(30, 56, 46);
color: rgb(142, 209, 173);
}
.notification.is-warning {
background-color: rgb(95, 74, 18);
color: rgba(229, 224, 216, 0.7);
}
.notification.is-warning.is-light {
background-color: rgb(55, 45, 16);
color: rgb(245, 208, 111);
}
.notification.is-danger {
background-color: rgb(148, 29, 51);
color: rgb(229, 224, 216);
}
.notification.is-danger.is-light {
background-color: rgb(64, 18, 27);
color: rgb(223, 79, 104);
}
.progress {
border-color: currentcolor;
}
.progress::-webkit-progress-bar {
background-color: rgb(45, 47, 47);
}
.progress::-webkit-progress-value {
background-color: rgb(66, 68, 69);
}
.progress::-moz-progress-bar {
background-color: rgb(66, 68, 69);
}
.progress.is-white::-webkit-progress-value {
background-color: rgb(36, 37, 37);
}
.progress.is-white::-moz-progress-bar {
background-color: rgb(36, 37, 37);
}
.progress.is-white:indeterminate {
background-image: linear-gradient(to right,
rgb(36, 37, 37) 30%,
rgb(45, 47, 47) 30%);
}
.progress.is-black::-webkit-progress-value {
background-color: rgb(21, 20, 20);
}
.progress.is-black::-moz-progress-bar {
background-color: rgb(21, 20, 20);
}
.progress.is-black:indeterminate {
background-image: linear-gradient(to right,
rgb(21, 20, 20) 30%,
rgb(45, 47, 47) 30%);
}
.progress.is-light::-webkit-progress-value {
background-color: rgb(41, 42, 42);
}
.progress.is-light::-moz-progress-bar {
background-color: rgb(41, 42, 42);
}
.progress.is-light:indeterminate {
background-image: linear-gradient(to right,
rgb(41, 42, 42) 30%,
rgb(45, 47, 47) 30%);
}
.progress.is-dark::-webkit-progress-value {
background-color: rgb(52, 53, 54);
}
.progress.is-dark::-moz-progress-bar {
background-color: rgb(52, 53, 54);
}
.progress.is-dark:indeterminate {
background-image: linear-gradient(to right,
rgb(52, 53, 54) 30%,
rgb(45, 47, 47) 30%);
}
.progress.is-primary::-webkit-progress-value {
background-color: rgb(27, 161, 137);
}
.progress.is-primary::-moz-progress-bar {
background-color: rgb(27, 161, 137);
}
.progress.is-primary:indeterminate {
background-image: linear-gradient(to right,
rgb(27, 161, 137) 30%,
rgb(45, 47, 47) 30%);
}
.progress.is-link::-webkit-progress-value {
background-color: rgb(59, 72, 139);
}
.progress.is-link::-moz-progress-bar {
background-color: rgb(59, 72, 139);
}
.progress.is-link:indeterminate {
background-image: linear-gradient(to right,
rgb(59, 72, 139) 30%,
rgb(45, 47, 47) 30%);
}
.progress.is-info::-webkit-progress-value {
background-color: rgb(55, 106, 148);
}
.progress.is-info::-moz-progress-bar {
background-color: rgb(55, 106, 148);
}
.progress.is-info:indeterminate {
background-image: linear-gradient(to right,
rgb(55, 106, 148) 30%,
rgb(45, 47, 47) 30%);
}
.progress.is-success::-webkit-progress-value {
background-color: rgb(64, 146, 115);
}
.progress.is-success::-moz-progress-bar {
background-color: rgb(64, 146, 115);
}
.progress.is-success:indeterminate {
background-image: linear-gradient(to right,
rgb(64, 146, 115) 30%,
rgb(45, 47, 47) 30%);
}
.progress.is-warning::-webkit-progress-value {
background-color: rgb(95, 74, 18);
}
.progress.is-warning::-moz-progress-bar {
background-color: rgb(95, 74, 18);
}
.progress.is-warning:indeterminate {
background-image: linear-gradient(to right,
rgb(95, 74, 18) 30%,
rgb(45, 47, 47) 30%);
}
.progress.is-danger::-webkit-progress-value {
background-color: rgb(148, 29, 51);
}
.progress.is-danger::-moz-progress-bar {
background-color: rgb(148, 29, 51);
}
.progress.is-danger:indeterminate {
background-image: linear-gradient(to right,
rgb(148, 29, 51) 30%,
rgb(45, 47, 47) 30%);
}
.progress:indeterminate {
background-color: rgb(45, 47, 47);
background-image: linear-gradient(to right,
rgb(66, 68, 69) 30%,
rgb(45, 47, 47) 30%);
}
.progress:indeterminate::-webkit-progress-bar {
background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar {
background-color: transparent;
}
.table {
background-color: rgb(36, 37, 37);
color: rgb(197, 190, 179);
}
.table td,
.table th {
border-color: rgb(68, 71, 71);
}
.table td.is-white,
.table th.is-white {
background-color: rgb(36, 37, 37);
border-color: rgb(58, 61, 61);
color: rgb(223, 218, 209);
}
.table td.is-black,
.table th.is-black {
background-color: rgb(21, 20, 20);
border-color: rgb(140, 130, 114);
color: rgb(229, 224, 216);
}
.table td.is-light,
.table th.is-light {
background-color: rgb(41, 42, 42);
border-color: rgb(61, 63, 63);
color: rgba(229, 224, 216, 0.7);
}
.table td.is-dark,
.table th.is-dark {
background-color: rgb(52, 53, 54);
border-color: rgb(126, 117, 103);
color: rgb(229, 224, 216);
}
.table td.is-primary,
.table th.is-primary {
background-color: rgb(27, 161, 137);
border-color: rgb(29, 183, 157);
color: rgb(229, 224, 216);
}
.table td.is-link,
.table th.is-link {
background-color: rgb(59, 72, 139);
border-color: rgb(54, 66, 126);
color: rgb(229, 224, 216);
}
.table td.is-info,
.table th.is-info {
background-color: rgb(55, 106, 148);
border-color: rgb(51, 96, 133);
color: rgb(229, 224, 216);
}
.table td.is-success,
.table th.is-success {
background-color: rgb(64, 146, 115);
border-color: rgb(59, 132, 96);
color: rgb(229, 224, 216);
}
.table td.is-warning,
.table th.is-warning {
background-color: rgb(95, 74, 18);
border-color: rgb(136, 105, 21);
color: rgba(229, 224, 216, 0.7);
}
.table td.is-danger,
.table th.is-danger {
background-color: rgb(148, 29, 51);
border-color: rgb(141, 28, 49);
color: rgb(229, 224, 216);
}
.table td.is-selected,
.table th.is-selected {
background-color: rgb(27, 161, 137);
color: rgb(229, 224, 216);
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
color: currentcolor;
}
.table th {
color: rgb(197, 190, 179);
}
.table tr.is-selected {
background-color: rgb(27, 161, 137);
color: rgb(229, 224, 216);
}
.table tr.is-selected a,
.table tr.is-selected strong {
color: currentcolor;
}
.table tr.is-selected td,
.table tr.is-selected th {
border-color: rgb(58, 61, 61);
color: currentcolor;
}
.table thead {
background-color: transparent;
}
.table thead td,
.table thead th {
color: rgb(197, 190, 179);
}
.table tfoot {
background-color: transparent;
}
.table tfoot td,
.table tfoot th {
color: rgb(197, 190, 179);
}
.table tbody {
background-color: transparent;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
background-color: rgb(39, 40, 39);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
background-color: rgb(39, 40, 39);
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(2n) {
background-color: rgb(41, 42, 42);
}
.table.is-striped tbody tr:not(.is-selected):nth-child(2n) {
background-color: rgb(39, 40, 39);
}
.tag:not(body) {
background-color: rgb(41, 42, 42);
color: rgb(185, 177, 166);
}
.tag:not(body).is-white {
background-color: rgb(36, 37, 37);
color: rgb(223, 218, 209);
}
.tag:not(body).is-black {
background-color: rgb(21, 20, 20);
color: rgb(229, 224, 216);
}
.tag:not(body).is-light {
background-color: rgb(41, 42, 42);
color: rgba(229, 224, 216, 0.7);
}
.tag:not(body).is-dark {
background-color: rgb(52, 53, 54);
color: rgb(229, 224, 216);
}
.tag:not(body).is-primary {
background-color: rgb(27, 161, 137);
color: rgb(229, 224, 216);
}
.tag:not(body).is-primary.is-light {
background-color: rgb(19, 69, 62);
color: rgb(119, 242, 218);
}
.tag:not(body).is-link {
background-color: rgb(59, 72, 139);
color: rgb(229, 224, 216);
}
.tag:not(body).is-link.is-light {
background-color: rgb(41, 42, 43);
color: rgb(117, 151, 194);
}
.tag:not(body).is-info {
background-color: rgb(55, 106, 148);
color: rgb(229, 224, 216);
}
.tag:not(body).is-info.is-light {
background-color: rgb(41, 42, 42);
color: rgb(125, 172, 205);
}
.tag:not(body).is-success {
background-color: rgb(64, 146, 115);
color: rgb(229, 224, 216);
}
.tag:not(body).is-success.is-light {
background-color: rgb(30, 56, 46);
color: rgb(142, 209, 173);
}
.tag:not(body).is-warning {
background-color: rgb(95, 74, 18);
color: rgba(229, 224, 216, 0.7);
}
.tag:not(body).is-warning.is-light {
background-color: rgb(55, 45, 16);
color: rgb(245, 208, 111);
}
.tag:not(body).is-danger {
background-color: rgb(148, 29, 51);
color: rgb(229, 224, 216);
}
.tag:not(body).is-danger.is-light {
background-color: rgb(64, 18, 27);
color: rgb(223, 79, 104);
}
.tag:not(body).is-delete::after,
.tag:not(body).is-delete::before {
background-color: currentcolor;
}
.tag:not(body).is-delete:focus,
.tag:not(body).is-delete:hover {
background-color: rgb(48, 50, 50);
}
.tag:not(body).is-delete:active {
background-color: rgb(55, 57, 57);
}
a.tag:hover {
text-decoration-color: currentcolor;
}
.title {
color: rgb(197, 190, 179);
}
.title strong {
color: inherit;
}
.subtitle {
color: rgb(185, 177, 166);
}
.subtitle strong {
color: rgb(197, 190, 179);
}
.number {
background-color: rgb(41, 42, 42);
}
.input,
.select select,
.textarea {
background-color: rgb(36, 37, 37);
border-color: rgb(68, 71, 71);
color: rgb(197, 190, 179);
}
.input::placeholder,
.select select::placeholder,
.textarea::placeholder {
color: rgba(197, 190, 179, 0.3);
}
.input::-webkit-input-placeholder,
.select select::-webkit-input-placeholder,
.textarea::-webkit-input-placeholder {
color: rgba(197, 190, 179, 0.3);
}
.input:-moz-placeholder,
.select select:-moz-placeholder,
.textarea:-moz-placeholder {
color: rgba(197, 190, 179, 0.3);
}
.input:hover,
.is-hovered.input,
.is-hovered.textarea,
.select select.is-hovered,
.select select:hover,
.textarea:hover {
border-color: rgb(78, 82, 82);
}
.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: rgb(54, 66, 126);
box-shadow: rgba(59, 72, 139, 0.25) 0px 0px 0px 0.125em;
}
.input[disabled],
.select fieldset[disabled] select,
.select select[disabled],
.textarea[disabled],
fieldset[disabled] .input,
fieldset[disabled] .select select,
fieldset[disabled] .textarea {
background-color: rgb(41, 42, 42);
border-color: rgb(61, 63, 63);
box-shadow: none;
color: rgb(157, 147, 133);
}
.input[disabled]::placeholder,
.select fieldset[disabled] select::placeholder,
.select select[disabled]::placeholder,
.textarea[disabled]::placeholder,
fieldset[disabled] .input::placeholder,
fieldset[disabled] .select select::placeholder,
fieldset[disabled] .textarea::placeholder {
color: rgba(157, 147, 133, 0.3);
}
.input[disabled]::-webkit-input-placeholder,
.select fieldset[disabled] select::-webkit-input-placeholder,
.select select[disabled]::-webkit-input-placeholder,
.textarea[disabled]::-webkit-input-placeholder,
fieldset[disabled] .input::-webkit-input-placeholder,
fieldset[disabled] .select select::-webkit-input-placeholder,
fieldset[disabled] .textarea::-webkit-input-placeholder {
color: rgba(157, 147, 133, 0.3);
}
.input[disabled]:-moz-placeholder,
.select fieldset[disabled] select:-moz-placeholder,
.select select[disabled]:-moz-placeholder,
.textarea[disabled]:-moz-placeholder,
fieldset[disabled] .input:-moz-placeholder,
fieldset[disabled] .select select:-moz-placeholder,
fieldset[disabled] .textarea:-moz-placeholder {
color: rgba(157, 147, 133, 0.3);
}
.input,
.textarea {
box-shadow: rgba(21, 20, 20, 0.05) 0px 0.0625em 0.125em inset;
}
.input[readonly],
.textarea[readonly] {
box-shadow: none;
}
.is-white.input,
.is-white.textarea {
border-color: rgb(58, 61, 61);
}
.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: rgba(36, 37, 37, 0.25) 0px 0px 0px 0.125em;
}
.is-black.input,
.is-black.textarea {
border-color: rgb(140, 130, 114);
}
.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: rgba(21, 20, 20, 0.25) 0px 0px 0px 0.125em;
}
.is-light.input,
.is-light.textarea {
border-color: rgb(61, 63, 63);
}
.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: rgba(41, 42, 42, 0.25) 0px 0px 0px 0.125em;
}
.is-dark.input,
.is-dark.textarea {
border-color: rgb(126, 117, 103);
}
.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: rgba(52, 53, 54, 0.25) 0px 0px 0px 0.125em;
}
.is-primary.input,
.is-primary.textarea {
border-color: rgb(29, 183, 157);
}
.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: rgba(27, 161, 137, 0.25) 0px 0px 0px 0.125em;
}
.is-link.input,
.is-link.textarea {
border-color: rgb(54, 66, 126);
}
.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: rgba(59, 72, 139, 0.25) 0px 0px 0px 0.125em;
}
.is-info.input,
.is-info.textarea {
border-color: rgb(51, 96, 133);
}
.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: rgba(55, 106, 148, 0.25) 0px 0px 0px 0.125em;
}
.is-success.input,
.is-success.textarea {
border-color: rgb(59, 132, 96);
}
.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: rgba(64, 146, 115, 0.25) 0px 0px 0px 0.125em;
}
.is-warning.input,
.is-warning.textarea {
border-color: rgb(136, 105, 21);
}
.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: rgba(95, 74, 18, 0.25) 0px 0px 0px 0.125em;
}
.is-danger.input,
.is-danger.textarea {
border-color: rgb(141, 28, 49);
}
.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: rgba(148, 29, 51, 0.25) 0px 0px 0px 0.125em;
}
.input.is-static {
background-color: transparent;
border-color: transparent;
box-shadow: none;
}
.checkbox:hover,
.radio:hover {
color: rgb(197, 190, 179);
}
.checkbox input[disabled],
.checkbox[disabled],
.radio input[disabled],
.radio[disabled],
fieldset[disabled] .checkbox,
fieldset[disabled] .radio {
color: rgb(157, 147, 133);
}
.select:not(.is-multiple):not(.is-loading)::after {
border-color: rgb(54, 66, 126);
}
.select select {
outline-color: currentcolor;
}
.select select[disabled]:hover,
fieldset[disabled] .select select:hover {
border-color: rgb(61, 63, 63);
}
.select:not(.is-multiple):not(.is-loading):hover::after {
border-color: rgb(126, 117, 103);
}
.select.is-white:not(:hover)::after {
border-color: rgb(58, 61, 61);
}
.select.is-white select {
border-color: rgb(58, 61, 61);
}
.select.is-white select.is-hovered,
.select.is-white select:hover {
border-color: rgb(62, 64, 64);
}
.select.is-white select.is-active,
.select.is-white select.is-focused,
.select.is-white select:active,
.select.is-white select:focus {
box-shadow: rgba(36, 37, 37, 0.25) 0px 0px 0px 0.125em;
}
.select.is-black:not(:hover)::after {
border-color: rgb(140, 130, 114);
}
.select.is-black select {
border-color: rgb(140, 130, 114);
}
.select.is-black select.is-hovered,
.select.is-black select:hover {
border-color: rgb(143, 132, 117);
}
.select.is-black select.is-active,
.select.is-black select.is-focused,
.select.is-black select:active,
.select.is-black select:focus {
box-shadow: rgba(21, 20, 20, 0.25) 0px 0px 0px 0.125em;
}
.select.is-light:not(:hover)::after {
border-color: rgb(61, 63, 63);
}
.select.is-light select {
border-color: rgb(61, 63, 63);
}
.select.is-light select.is-hovered,
.select.is-light select:hover {
border-color: rgb(64, 67, 67);
}
.select.is-light select.is-active,
.select.is-light select.is-focused,
.select.is-light select:active,
.select.is-light select:focus {
box-shadow: rgba(41, 42, 42, 0.25) 0px 0px 0px 0.125em;
}
.select.is-dark:not(:hover)::after {
border-color: rgb(126, 117, 103);
}
.select.is-dark select {
border-color: rgb(126, 117, 103);
}
.select.is-dark select.is-hovered,
.select.is-dark select:hover {
border-color: rgb(130, 121, 107);
}
.select.is-dark select.is-active,
.select.is-dark select.is-focused,
.select.is-dark select:active,
.select.is-dark select:focus {
box-shadow: rgba(52, 53, 54, 0.25) 0px 0px 0px 0.125em;
}
.select.is-primary:not(:hover)::after {
border-color: rgb(29, 183, 157);
}
.select.is-primary select {
border-color: rgb(29, 183, 157);
}
.select.is-primary select.is-hovered,
.select.is-primary select:hover {
border-color: rgb(30, 190, 161);
}
.select.is-primary select.is-active,
.select.is-primary select.is-focused,
.select.is-primary select:active,
.select.is-primary select:focus {
box-shadow: rgba(27, 161, 137, 0.25) 0px 0px 0px 0.125em;
}
.select.is-link:not(:hover)::after {
border-color: rgb(54, 66, 126);
}
.select.is-link select {
border-color: rgb(54, 66, 126);
}
.select.is-link select.is-hovered,
.select.is-link select:hover {
border-color: rgb(56, 69, 131);
}
.select.is-link select.is-active,
.select.is-link select.is-focused,
.select.is-link select:active,
.select.is-link select:focus {
box-shadow: rgba(59, 72, 139, 0.25) 0px 0px 0px 0.125em;
}
.select.is-info:not(:hover)::after {
border-color: rgb(51, 96, 133);
}
.select.is-info select {
border-color: rgb(51, 96, 133);
}
.select.is-info select.is-hovered,
.select.is-info select:hover {
border-color: rgb(53, 100, 138);
}
.select.is-info select.is-active,
.select.is-info select.is-focused,
.select.is-info select:active,
.select.is-info select:focus {
box-shadow: rgba(55, 106, 148, 0.25) 0px 0px 0px 0.125em;
}
.select.is-success:not(:hover)::after {
border-color: rgb(59, 132, 96);
}
.select.is-success select {
border-color: rgb(59, 132, 96);
}
.select.is-success select.is-hovered,
.select.is-success select:hover {
border-color: rgb(61, 137, 99);
}
.select.is-success select.is-active,
.select.is-success select.is-focused,
.select.is-success select:active,
.select.is-success select:focus {
box-shadow: rgba(64, 146, 115, 0.25) 0px 0px 0px 0.125em;
}
.select.is-warning:not(:hover)::after {
border-color: rgb(136, 105, 21);
}
.select.is-warning select {
border-color: rgb(136, 105, 21);
}
.select.is-warning select.is-hovered,
.select.is-warning select:hover {
border-color: rgb(143, 110, 21);
}
.select.is-warning select.is-active,
.select.is-warning select.is-focused,
.select.is-warning select:active,
.select.is-warning select:focus {
box-shadow: rgba(95, 74, 18, 0.25) 0px 0px 0px 0.125em;
}
.select.is-danger:not(:hover)::after {
border-color: rgb(141, 28, 49);
}
.select.is-danger select {
border-color: rgb(141, 28, 49);
}
.select.is-danger select.is-hovered,
.select.is-danger select:hover {
border-color: rgb(147, 29, 51);
}
.select.is-danger select.is-active,
.select.is-danger select.is-focused,
.select.is-danger select:active,
.select.is-danger select:focus {
box-shadow: rgba(148, 29, 51, 0.25) 0px 0px 0px 0.125em;
}
.select.is-disabled::after {
border-color: rgb(106, 98, 87) !important;
}
.file.is-white .file-cta {
background-color: rgb(36, 37, 37);
border-color: transparent;
color: rgb(223, 218, 209);
}
.file.is-white.is-hovered .file-cta,
.file.is-white:hover .file-cta {
background-color: rgb(39, 40, 40);
border-color: transparent;
color: rgb(223, 218, 209);
}
.file.is-white.is-focused .file-cta,
.file.is-white:focus .file-cta {
border-color: transparent;
box-shadow: rgba(36, 37, 37, 0.25) 0px 0px 0.5em;
color: rgb(223, 218, 209);
}
.file.is-white.is-active .file-cta,
.file.is-white:active .file-cta {
background-color: rgb(42, 44, 44);
border-color: transparent;
color: rgb(223, 218, 209);
}
.file.is-black .file-cta {
background-color: rgb(21, 20, 20);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-black.is-hovered .file-cta,
.file.is-black:hover .file-cta {
background-color: rgb(16, 16, 15);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-black.is-focused .file-cta,
.file.is-black:focus .file-cta {
border-color: transparent;
box-shadow: rgba(21, 20, 20, 0.25) 0px 0px 0.5em;
color: rgb(229, 224, 216);
}
.file.is-black.is-active .file-cta,
.file.is-black:active .file-cta {
background-color: rgb(13, 13, 13);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-light .file-cta {
background-color: rgb(41, 42, 42);
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.file.is-light.is-hovered .file-cta,
.file.is-light:hover .file-cta {
background-color: rgb(45, 46, 46);
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.file.is-light.is-focused .file-cta,
.file.is-light:focus .file-cta {
border-color: transparent;
box-shadow: rgba(41, 42, 42, 0.25) 0px 0px 0.5em;
color: rgba(229, 224, 216, 0.7);
}
.file.is-light.is-active .file-cta,
.file.is-light:active .file-cta {
background-color: rgb(48, 50, 50);
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.file.is-dark .file-cta {
background-color: rgb(52, 53, 54);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-dark.is-hovered .file-cta,
.file.is-dark:hover .file-cta {
background-color: rgb(46, 48, 48);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-dark.is-focused .file-cta,
.file.is-dark:focus .file-cta {
border-color: transparent;
box-shadow: rgba(52, 53, 54, 0.25) 0px 0px 0.5em;
color: rgb(229, 224, 216);
}
.file.is-dark.is-active .file-cta,
.file.is-dark:active .file-cta {
background-color: rgb(42, 43, 44);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-primary .file-cta {
background-color: rgb(27, 161, 137);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-primary.is-hovered .file-cta,
.file.is-primary:hover .file-cta {
background-color: rgb(26, 152, 130);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-primary.is-focused .file-cta,
.file.is-primary:focus .file-cta {
border-color: transparent;
box-shadow: rgba(27, 161, 137, 0.25) 0px 0px 0.5em;
color: rgb(229, 224, 216);
}
.file.is-primary.is-active .file-cta,
.file.is-primary:active .file-cta {
background-color: rgb(25, 143, 122);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-link .file-cta {
background-color: rgb(59, 72, 139);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-link.is-hovered .file-cta,
.file.is-link:hover .file-cta {
background-color: rgb(60, 75, 144);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-link.is-focused .file-cta,
.file.is-link:focus .file-cta {
border-color: transparent;
box-shadow: rgba(59, 72, 139, 0.25) 0px 0px 0.5em;
color: rgb(229, 224, 216);
}
.file.is-link.is-active .file-cta,
.file.is-link:active .file-cta {
background-color: rgb(59, 73, 140);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-info .file-cta {
background-color: rgb(55, 106, 148);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-info.is-hovered .file-cta,
.file.is-info:hover .file-cta {
background-color: rgb(56, 110, 153);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-info.is-focused .file-cta,
.file.is-info:focus .file-cta {
border-color: transparent;
box-shadow: rgba(55, 106, 148, 0.25) 0px 0px 0.5em;
color: rgb(229, 224, 216);
}
.file.is-info.is-active .file-cta,
.file.is-info:active .file-cta {
background-color: rgb(55, 107, 148);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-success .file-cta {
background-color: rgb(64, 146, 115);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-success.is-hovered .file-cta,
.file.is-success:hover .file-cta {
background-color: rgb(66, 151, 118);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-success.is-focused .file-cta,
.file.is-success:focus .file-cta {
border-color: transparent;
box-shadow: rgba(64, 146, 115, 0.25) 0px 0px 0.5em;
color: rgb(229, 224, 216);
}
.file.is-success.is-active .file-cta,
.file.is-success:active .file-cta {
background-color: rgb(64, 147, 106);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-warning .file-cta {
background-color: rgb(95, 74, 18);
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.file.is-warning.is-hovered .file-cta,
.file.is-warning:hover .file-cta {
background-color: rgb(100, 78, 18);
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.file.is-warning.is-focused .file-cta,
.file.is-warning:focus .file-cta {
border-color: transparent;
box-shadow: rgba(95, 74, 18, 0.25) 0px 0px 0.5em;
color: rgba(229, 224, 216, 0.7);
}
.file.is-warning.is-active .file-cta,
.file.is-warning:active .file-cta {
background-color: rgb(105, 82, 19);
border-color: transparent;
color: rgba(229, 224, 216, 0.7);
}
.file.is-danger .file-cta {
background-color: rgb(148, 29, 51);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-danger.is-hovered .file-cta,
.file.is-danger:hover .file-cta {
background-color: rgb(155, 30, 54);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file.is-danger.is-focused .file-cta,
.file.is-danger:focus .file-cta {
border-color: transparent;
box-shadow: rgba(148, 29, 51, 0.25) 0px 0px 0.5em;
color: rgb(229, 224, 216);
}
.file.is-danger.is-active .file-cta,
.file.is-danger:active .file-cta {
background-color: rgb(161, 30, 55);
border-color: transparent;
color: rgb(229, 224, 216);
}
.file-label:hover .file-cta {
background-color: rgb(45, 46, 46);
color: rgb(197, 190, 179);
}
.file-label:hover .file-name {
border-color: rgb(70, 73, 72);
}
.file-label:active .file-cta {
background-color: rgb(48, 50, 50);
color: rgb(197, 190, 179);
}
.file-label:active .file-name {
border-color: rgb(71, 74, 74);
}
.file-input {
outline-color: currentcolor;
}
.file-cta,
.file-name {
border-color: rgb(68, 71, 71);
}
.file-cta {
background-color: rgb(41, 42, 42);
color: rgb(185, 177, 166);
}
.file-name {
border-color: rgb(68, 71, 71);
}
.label {
color: rgb(197, 190, 179);
}
.help.is-white {
color: rgb(229, 224, 216);
}
.help.is-black {
color: rgb(223, 218, 209);
}
.help.is-light {
color: rgb(223, 218, 209);
}
.help.is-dark {
color: rgb(197, 190, 179);
}
.help.is-primary {
color: rgb(84, 241, 212);
}
.help.is-link {
color: rgb(101, 139, 189);
}
.help.is-info {
color: rgb(94, 154, 196);
}
.help.is-success {
color: rgb(104, 196, 150);
}
.help.is-warning {
color: rgb(246, 215, 130);
}
.help.is-danger {
color: rgb(225, 90, 114);
}
.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: rgb(185, 177, 166);
}
.control.has-icons-left .icon,
.control.has-icons-right .icon {
color: rgb(207, 201, 191);
}
.breadcrumb a {
color: rgb(101, 139, 189);
}
.breadcrumb a:hover {
color: rgb(197, 190, 179);
}
.breadcrumb li.is-active a {
color: rgb(197, 190, 179);
}
.breadcrumb li + li::before {
color: rgb(185, 177, 166);
}
.card {
background-color: rgb(36, 37, 37);
box-shadow: rgba(21, 20, 20, 0.1) 0px 0.5em 1em -0.125em,
rgba(21, 20, 20, 0.02) 0px 0px 0px 1px;
color: rgb(185, 177, 166);
}
.card-header {
background-color: transparent;
box-shadow: rgba(21, 20, 20, 0.1) 0px 0.125em 0.25em;
}
.card-header-title {
color: rgb(197, 190, 179);
}
.card-header-icon {
background-color: rgba(13, 13, 13, 0);
background-image: none;
border-color: currentcolor;
color: currentcolor;
}
.card-content {
background-color: transparent;
}
.card-footer {
background-color: transparent;
border-top-color: rgb(63, 66, 66);
}
.card-footer-item:not(:last-child) {
border-right-color: rgb(63, 66, 66);
}
.dropdown-content {
background-color: rgb(36, 37, 37);
box-shadow: rgba(21, 20, 20, 0.1) 0px 0.5em 1em -0.125em,
rgba(21, 20, 20, 0.02) 0px 0px 0px 1px;
}
.dropdown-item {
color: rgb(185, 177, 166);
}
a.dropdown-item:hover,
button.dropdown-item:hover {
background-color: rgb(41, 42, 42);
color: rgb(223, 218, 209);
}
a.dropdown-item.is-active,
button.dropdown-item.is-active {
background-color: rgb(59, 72, 139);
color: rgb(229, 224, 216);
}
.dropdown-divider {
background-color: rgb(45, 47, 47);
border-color: currentcolor;
}
.media .media {
border-top-color: rgba(68, 71, 71, 0.5);
}
.media + .media {
border-top-color: rgba(68, 71, 71, 0.5);
}
.menu-list a {
color: rgb(185, 177, 166);
}
.menu-list a:hover {
background-color: rgb(41, 42, 42);
color: rgb(197, 190, 179);
}
.menu-list a.is-active {
background-color: rgb(59, 72, 139);
color: rgb(229, 224, 216);
}
.menu-list li ul {
border-left-color: rgb(68, 71, 71);
}
.menu-label {
color: rgb(157, 147, 133);
}
.message {
background-color: rgb(41, 42, 42);
}
.message strong {
color: currentcolor;
}
.message a:not(.button):not(.tag):not(.dropdown-item) {
color: currentcolor;
text-decoration-color: currentcolor;
}
.message.is-white {
background-color: rgb(36, 37, 37);
}
.message.is-white .message-header {
background-color: rgb(36, 37, 37);
color: rgb(223, 218, 209);
}
.message.is-white .message-body {
border-color: rgb(58, 61, 61);
}
.message.is-black {
background-color: rgb(39, 40, 39);
}
.message.is-black .message-header {
background-color: rgb(21, 20, 20);
color: rgb(229, 224, 216);
}
.message.is-black .message-body {
border-color: rgb(140, 130, 114);
}
.message.is-light {
background-color: rgb(39, 40, 39);
}
.message.is-light .message-header {
background-color: rgb(41, 42, 42);
color: rgba(229, 224, 216, 0.7);
}
.message.is-light .message-body {
border-color: rgb(61, 63, 63);
}
.message.is-dark {
background-color: rgb(39, 40, 39);
}
.message.is-dark .message-header {
background-color: rgb(52, 53, 54);
color: rgb(229, 224, 216);
}
.message.is-dark .message-body {
border-color: rgb(126, 117, 103);
}
.message.is-primary {
background-color: rgb(19, 69, 62);
}
.message.is-primary .message-header {
background-color: rgb(27, 161, 137);
color: rgb(229, 224, 216);
}
.message.is-primary .message-body {
border-color: rgb(29, 183, 157);
color: rgb(119, 242, 218);
}
.message.is-link {
background-color: rgb(41, 42, 43);
}
.message.is-link .message-header {
background-color: rgb(59, 72, 139);
color: rgb(229, 224, 216);
}
.message.is-link .message-body {
border-color: rgb(54, 66, 126);
color: rgb(117, 151, 194);
}
.message.is-info {
background-color: rgb(41, 42, 42);
}
.message.is-info .message-header {
background-color: rgb(55, 106, 148);
color: rgb(229, 224, 216);
}
.message.is-info .message-body {
border-color: rgb(51, 96, 133);
color: rgb(125, 172, 205);
}
.message.is-success {
background-color: rgb(30, 56, 46);
}
.message.is-success .message-header {
background-color: rgb(64, 146, 115);
color: rgb(229, 224, 216);
}
.message.is-success .message-body {
border-color: rgb(59, 132, 96);
color: rgb(142, 209, 173);
}
.message.is-warning {
background-color: rgb(55, 45, 16);
}
.message.is-warning .message-header {
background-color: rgb(95, 74, 18);
color: rgba(229, 224, 216, 0.7);
}
.message.is-warning .message-body {
border-color: rgb(136, 105, 21);
color: rgb(245, 208, 111);
}
.message.is-danger {
background-color: rgb(64, 18, 27);
}
.message.is-danger .message-header {
background-color: rgb(148, 29, 51);
color: rgb(229, 224, 216);
}
.message.is-danger .message-body {
border-color: rgb(141, 28, 49);
color: rgb(223, 79, 104);
}
.message-header {
background-color: rgb(66, 68, 69);
color: rgb(229, 224, 216);
}
.message-body {
border-color: rgb(68, 71, 71);
color: rgb(185, 177, 166);
}
.message-body code,
.message-body pre {
background-color: rgb(36, 37, 37);
}
.message-body pre code {
background-color: transparent;
}
.modal-background {
background-color: rgba(21, 20, 20, 0.86);
}
.modal-close {
background-color: rgba(13, 13, 13, 0);
background-image: none;
}
.modal-card-foot,
.modal-card-head {
background-color: rgb(41, 42, 42);
}
.modal-card-head {
border-bottom-color: rgb(68, 71, 71);
}
.modal-card-title {
color: rgb(197, 190, 179);
}
.modal-card-foot {
border-top-color: rgb(68, 71, 71);
}
.modal-card-body {
background-color: rgb(36, 37, 37);
}
.navbar {
background-color: rgb(36, 37, 37);
}
.navbar.is-white {
background-color: rgb(36, 37, 37);
color: rgb(223, 218, 209);
}
.navbar.is-white .navbar-brand .navbar-link,
.navbar.is-white .navbar-brand > .navbar-item {
color: rgb(223, 218, 209);
}
.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: rgb(42, 44, 44);
color: rgb(223, 218, 209);
}
.navbar.is-white .navbar-brand .navbar-link::after {
border-color: rgb(140, 130, 114);
}
.navbar.is-white .navbar-burger {
color: rgb(223, 218, 209);
}
@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: rgb(223, 218, 209);
}
.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: rgb(42, 44, 44);
color: rgb(223, 218, 209);
}
.navbar.is-white .navbar-end .navbar-link::after,
.navbar.is-white .navbar-start .navbar-link::after {
border-color: rgb(140, 130, 114);
}
.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: rgb(42, 44, 44);
color: rgb(223, 218, 209);
}
.navbar.is-white .navbar-dropdown a.navbar-item.is-active {
background-color: rgb(36, 37, 37);
color: rgb(223, 218, 209);
}
}
.navbar.is-black {
background-color: rgb(21, 20, 20);
color: rgb(229, 224, 216);
}
.navbar.is-black .navbar-brand .navbar-link,
.navbar.is-black .navbar-brand > .navbar-item {
color: rgb(229, 224, 216);
}
.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: rgb(13, 13, 13);
color: rgb(229, 224, 216);
}
.navbar.is-black .navbar-brand .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.navbar.is-black .navbar-burger {
color: rgb(229, 224, 216);
}
@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: rgb(229, 224, 216);
}
.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: rgb(13, 13, 13);
color: rgb(229, 224, 216);
}
.navbar.is-black .navbar-end .navbar-link::after,
.navbar.is-black .navbar-start .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.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: rgb(13, 13, 13);
color: rgb(229, 224, 216);
}
.navbar.is-black .navbar-dropdown a.navbar-item.is-active {
background-color: rgb(21, 20, 20);
color: rgb(229, 224, 216);
}
}
.navbar.is-light {
background-color: rgb(41, 42, 42);
color: rgba(229, 224, 216, 0.7);
}
.navbar.is-light .navbar-brand .navbar-link,
.navbar.is-light .navbar-brand > .navbar-item {
color: rgba(229, 224, 216, 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: rgb(48, 50, 50);
color: rgba(229, 224, 216, 0.7);
}
.navbar.is-light .navbar-brand .navbar-link::after {
border-color: rgba(143, 132, 117, 0.7);
}
.navbar.is-light .navbar-burger {
color: rgba(229, 224, 216, 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(229, 224, 216, 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: rgb(48, 50, 50);
color: rgba(229, 224, 216, 0.7);
}
.navbar.is-light .navbar-end .navbar-link::after,
.navbar.is-light .navbar-start .navbar-link::after {
border-color: rgba(143, 132, 117, 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: rgb(48, 50, 50);
color: rgba(229, 224, 216, 0.7);
}
.navbar.is-light .navbar-dropdown a.navbar-item.is-active {
background-color: rgb(41, 42, 42);
color: rgba(229, 224, 216, 0.7);
}
}
.navbar.is-dark {
background-color: rgb(52, 53, 54);
color: rgb(229, 224, 216);
}
.navbar.is-dark .navbar-brand .navbar-link,
.navbar.is-dark .navbar-brand > .navbar-item {
color: rgb(229, 224, 216);
}
.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: rgb(42, 43, 44);
color: rgb(229, 224, 216);
}
.navbar.is-dark .navbar-brand .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.navbar.is-dark .navbar-burger {
color: rgb(229, 224, 216);
}
@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: rgb(229, 224, 216);
}
.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: rgb(42, 43, 44);
color: rgb(229, 224, 216);
}
.navbar.is-dark .navbar-end .navbar-link::after,
.navbar.is-dark .navbar-start .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.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: rgb(42, 43, 44);
color: rgb(229, 224, 216);
}
.navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
background-color: rgb(52, 53, 54);
color: rgb(229, 224, 216);
}
}
.navbar.is-primary {
background-color: rgb(27, 161, 137);
color: rgb(229, 224, 216);
}
.navbar.is-primary .navbar-brand .navbar-link,
.navbar.is-primary .navbar-brand > .navbar-item {
color: rgb(229, 224, 216);
}
.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: rgb(25, 143, 122);
color: rgb(229, 224, 216);
}
.navbar.is-primary .navbar-brand .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.navbar.is-primary .navbar-burger {
color: rgb(229, 224, 216);
}
@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: rgb(229, 224, 216);
}
.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: rgb(25, 143, 122);
color: rgb(229, 224, 216);
}
.navbar.is-primary .navbar-end .navbar-link::after,
.navbar.is-primary .navbar-start .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.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: rgb(25, 143, 122);
color: rgb(229, 224, 216);
}
.navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
background-color: rgb(27, 161, 137);
color: rgb(229, 224, 216);
}
}
.navbar.is-link {
background-color: rgb(59, 72, 139);
color: rgb(229, 224, 216);
}
.navbar.is-link .navbar-brand .navbar-link,
.navbar.is-link .navbar-brand > .navbar-item {
color: rgb(229, 224, 216);
}
.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: rgb(59, 73, 140);
color: rgb(229, 224, 216);
}
.navbar.is-link .navbar-brand .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.navbar.is-link .navbar-burger {
color: rgb(229, 224, 216);
}
@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: rgb(229, 224, 216);
}
.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: rgb(59, 73, 140);
color: rgb(229, 224, 216);
}
.navbar.is-link .navbar-end .navbar-link::after,
.navbar.is-link .navbar-start .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.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: rgb(59, 73, 140);
color: rgb(229, 224, 216);
}
.navbar.is-link .navbar-dropdown a.navbar-item.is-active {
background-color: rgb(59, 72, 139);
color: rgb(229, 224, 216);
}
}
.navbar.is-info {
background-color: rgb(55, 106, 148);
color: rgb(229, 224, 216);
}
.navbar.is-info .navbar-brand .navbar-link,
.navbar.is-info .navbar-brand > .navbar-item {
color: rgb(229, 224, 216);
}
.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: rgb(55, 107, 148);
color: rgb(229, 224, 216);
}
.navbar.is-info .navbar-brand .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.navbar.is-info .navbar-burger {
color: rgb(229, 224, 216);
}
@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: rgb(229, 224, 216);
}
.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: rgb(55, 107, 148);
color: rgb(229, 224, 216);
}
.navbar.is-info .navbar-end .navbar-link::after,
.navbar.is-info .navbar-start .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.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: rgb(55, 107, 148);
color: rgb(229, 224, 216);
}
.navbar.is-info .navbar-dropdown a.navbar-item.is-active {
background-color: rgb(55, 106, 148);
color: rgb(229, 224, 216);
}
}
.navbar.is-success {
background-color: rgb(64, 146, 115);
color: rgb(229, 224, 216);
}
.navbar.is-success .navbar-brand .navbar-link,
.navbar.is-success .navbar-brand > .navbar-item {
color: rgb(229, 224, 216);
}
.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: rgb(64, 147, 106);
color: rgb(229, 224, 216);
}
.navbar.is-success .navbar-brand .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.navbar.is-success .navbar-burger {
color: rgb(229, 224, 216);
}
@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: rgb(229, 224, 216);
}
.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: rgb(64, 147, 106);
color: rgb(229, 224, 216);
}
.navbar.is-success .navbar-end .navbar-link::after,
.navbar.is-success .navbar-start .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.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: rgb(64, 147, 106);
color: rgb(229, 224, 216);
}
.navbar.is-success .navbar-dropdown a.navbar-item.is-active {
background-color: rgb(64, 146, 115);
color: rgb(229, 224, 216);
}
}
.navbar.is-warning {
background-color: rgb(95, 74, 18);
color: rgba(229, 224, 216, 0.7);
}
.navbar.is-warning .navbar-brand .navbar-link,
.navbar.is-warning .navbar-brand > .navbar-item {
color: rgba(229, 224, 216, 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: rgb(105, 82, 19);
color: rgba(229, 224, 216, 0.7);
}
.navbar.is-warning .navbar-brand .navbar-link::after {
border-color: rgba(143, 132, 117, 0.7);
}
.navbar.is-warning .navbar-burger {
color: rgba(229, 224, 216, 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(229, 224, 216, 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: rgb(105, 82, 19);
color: rgba(229, 224, 216, 0.7);
}
.navbar.is-warning .navbar-end .navbar-link::after,
.navbar.is-warning .navbar-start .navbar-link::after {
border-color: rgba(143, 132, 117, 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: rgb(105, 82, 19);
color: rgba(229, 224, 216, 0.7);
}
.navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
background-color: rgb(95, 74, 18);
color: rgba(229, 224, 216, 0.7);
}
}
.navbar.is-danger {
background-color: rgb(148, 29, 51);
color: rgb(229, 224, 216);
}
.navbar.is-danger .navbar-brand .navbar-link,
.navbar.is-danger .navbar-brand > .navbar-item {
color: rgb(229, 224, 216);
}
.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: rgb(161, 30, 55);
color: rgb(229, 224, 216);
}
.navbar.is-danger .navbar-brand .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.navbar.is-danger .navbar-burger {
color: rgb(229, 224, 216);
}
@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: rgb(229, 224, 216);
}
.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: rgb(161, 30, 55);
color: rgb(229, 224, 216);
}
.navbar.is-danger .navbar-end .navbar-link::after,
.navbar.is-danger .navbar-start .navbar-link::after {
border-color: rgb(58, 61, 61);
}
.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: rgb(161, 30, 55);
color: rgb(229, 224, 216);
}
.navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
background-color: rgb(148, 29, 51);
color: rgb(229, 224, 216);
}
}
.navbar.has-shadow {
box-shadow: rgb(41, 42, 42) 0px 2px 0px 0px;
}
.navbar.is-fixed-bottom.has-shadow {
box-shadow: rgb(41, 42, 42) 0px -2px 0px 0px;
}
.navbar-brand a.navbar-item:focus,
.navbar-brand a.navbar-item:hover {
background-color: transparent;
}
.navbar-burger {
color: rgb(185, 177, 166);
background-color: rgba(13, 13, 13, 0);
background-image: none;
border-color: currentcolor;
}
.navbar-burger span {
background-color: currentcolor;
}
.navbar-burger:hover {
background-color: rgba(13, 13, 13, 0.05);
}
.navbar-item,
.navbar-link {
color: rgb(185, 177, 166);
}
.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: rgb(39, 40, 39);
color: rgb(101, 139, 189);
}
.navbar-item.is-tab {
border-bottom-color: transparent;
}
.navbar-item.is-tab:focus,
.navbar-item.is-tab:hover {
background-color: transparent;
border-bottom-color: rgb(54, 66, 126);
}
.navbar-item.is-tab.is-active {
background-color: transparent;
border-bottom-color: rgb(54, 66, 126);
color: rgb(101, 139, 189);
}
.navbar-link:not(.is-arrowless)::after {
border-color: rgb(54, 66, 126);
}
.navbar-divider {
background-color: rgb(41, 42, 42);
border-color: currentcolor;
}
@media screen and (max-width: 1023px) {
.navbar-menu {
background-color: rgb(36, 37, 37);
box-shadow: rgba(21, 20, 20, 0.1) 0px 8px 16px;
}
.navbar.is-fixed-bottom-touch.has-shadow {
box-shadow: rgba(21, 20, 20, 0.1) 0px -2px 3px;
}
}
@media screen and (min-width: 1024px) {
.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: rgb(41, 42, 42);
color: rgb(223, 218, 209);
}
.navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
background-color: rgb(41, 42, 42);
color: rgb(101, 139, 189);
}
.navbar-item.has-dropdown-up .navbar-dropdown {
border-bottom-color: rgb(68, 71, 71);
border-top-color: currentcolor;
box-shadow: rgba(21, 20, 20, 0.1) 0px -8px 8px;
}
.navbar-dropdown {
background-color: rgb(36, 37, 37);
border-top-color: rgb(68, 71, 71);
box-shadow: rgba(21, 20, 20, 0.1) 0px 8px 8px;
}
.navbar-dropdown a.navbar-item:focus,
.navbar-dropdown a.navbar-item:hover {
background-color: rgb(41, 42, 42);
color: rgb(223, 218, 209);
}
.navbar-dropdown a.navbar-item.is-active {
background-color: rgb(41, 42, 42);
color: rgb(101, 139, 189);
}
.navbar-dropdown.is-boxed,
.navbar.is-spaced .navbar-dropdown {
border-top-color: currentcolor;
box-shadow: rgba(21, 20, 20, 0.1) 0px 8px 8px,
rgba(21, 20, 20, 0.1) 0px 0px 0px 1px;
}
.navbar.is-fixed-bottom-desktop.has-shadow {
box-shadow: rgba(21, 20, 20, 0.1) 0px -2px 3px;
}
.navbar-link.is-active,
a.navbar-item.is-active {
color: rgb(223, 218, 209);
}
.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: rgb(39, 40, 39);
}
}
.pagination-link,
.pagination-next,
.pagination-previous {
border-color: rgb(68, 71, 71);
color: rgb(197, 190, 179);
}
.pagination-link:hover,
.pagination-next:hover,
.pagination-previous:hover {
border-color: rgb(78, 82, 82);
color: rgb(197, 190, 179);
}
.pagination-link:focus,
.pagination-next:focus,
.pagination-previous:focus {
border-color: rgb(54, 66, 126);
}
.pagination-link:active,
.pagination-next:active,
.pagination-previous:active {
box-shadow: rgba(21, 20, 20, 0.2) 0px 1px 2px inset;
}
.pagination-link.is-disabled,
.pagination-link[disabled],
.pagination-next.is-disabled,
.pagination-next[disabled],
.pagination-previous.is-disabled,
.pagination-previous[disabled] {
background-color: rgb(55, 57, 57);
border-color: rgb(68, 71, 71);
box-shadow: none;
color: rgb(157, 147, 133);
}
.pagination-link.is-current {
background-color: rgb(59, 72, 139);
border-color: rgb(54, 66, 126);
color: rgb(229, 224, 216);
}
.pagination-ellipsis {
color: rgb(185, 177, 166);
}
.pagination-list li {
list-style-image: none;
}
.panel {
box-shadow: rgba(21, 20, 20, 0.1) 0px 0.5em 1em -0.125em,
rgba(21, 20, 20, 0.02) 0px 0px 0px 1px;
}
.panel.is-white .panel-heading {
background-color: rgb(36, 37, 37);
color: rgb(223, 218, 209);
}
.panel.is-white .panel-tabs a.is-active {
border-bottom-color: rgb(58, 61, 61);
}
.panel.is-white .panel-block.is-active .panel-icon {
color: rgb(229, 224, 216);
}
.panel.is-black .panel-heading {
background-color: rgb(21, 20, 20);
color: rgb(229, 224, 216);
}
.panel.is-black .panel-tabs a.is-active {
border-bottom-color: rgb(140, 130, 114);
}
.panel.is-black .panel-block.is-active .panel-icon {
color: rgb(223, 218, 209);
}
.panel.is-light .panel-heading {
background-color: rgb(41, 42, 42);
color: rgba(229, 224, 216, 0.7);
}
.panel.is-light .panel-tabs a.is-active {
border-bottom-color: rgb(61, 63, 63);
}
.panel.is-light .panel-block.is-active .panel-icon {
color: rgb(223, 218, 209);
}
.panel.is-dark .panel-heading {
background-color: rgb(52, 53, 54);
color: rgb(229, 224, 216);
}
.panel.is-dark .panel-tabs a.is-active {
border-bottom-color: rgb(126, 117, 103);
}
.panel.is-dark .panel-block.is-active .panel-icon {
color: rgb(197, 190, 179);
}
.panel.is-primary .panel-heading {
background-color: rgb(27, 161, 137);
color: rgb(229, 224, 216);
}
.panel.is-primary .panel-tabs a.is-active {
border-bottom-color: rgb(29, 183, 157);
}
.panel.is-primary .panel-block.is-active .panel-icon {
color: rgb(84, 241, 212);
}
.panel.is-link .panel-heading {
background-color: rgb(59, 72, 139);
color: rgb(229, 224, 216);
}
.panel.is-link .panel-tabs a.is-active {
border-bottom-color: rgb(54, 66, 126);
}
.panel.is-link .panel-block.is-active .panel-icon {
color: rgb(101, 139, 189);
}
.panel.is-info .panel-heading {
background-color: rgb(55, 106, 148);
color: rgb(229, 224, 216);
}
.panel.is-info .panel-tabs a.is-active {
border-bottom-color: rgb(51, 96, 133);
}
.panel.is-info .panel-block.is-active .panel-icon {
color: rgb(94, 154, 196);
}
.panel.is-success .panel-heading {
background-color: rgb(64, 146, 115);
color: rgb(229, 224, 216);
}
.panel.is-success .panel-tabs a.is-active {
border-bottom-color: rgb(59, 132, 96);
}
.panel.is-success .panel-block.is-active .panel-icon {
color: rgb(104, 196, 150);
}
.panel.is-warning .panel-heading {
background-color: rgb(95, 74, 18);
color: rgba(229, 224, 216, 0.7);
}
.panel.is-warning .panel-tabs a.is-active {
border-bottom-color: rgb(136, 105, 21);
}
.panel.is-warning .panel-block.is-active .panel-icon {
color: rgb(246, 215, 130);
}
.panel.is-danger .panel-heading {
background-color: rgb(148, 29, 51);
color: rgb(229, 224, 216);
}
.panel.is-danger .panel-tabs a.is-active {
border-bottom-color: rgb(141, 28, 49);
}
.panel.is-danger .panel-block.is-active .panel-icon {
color: rgb(225, 90, 114);
}
.panel-block:not(:last-child),
.panel-tabs:not(:last-child) {
border-bottom-color: rgb(63, 66, 66);
}
.panel-heading {
background-color: rgb(45, 47, 47);
color: rgb(197, 190, 179);
}
.panel-tabs a {
border-bottom-color: rgb(68, 71, 71);
}
.panel-tabs a.is-active {
border-bottom-color: rgb(120, 111, 99);
color: rgb(197, 190, 179);
}
.panel-list a {
color: rgb(185, 177, 166);
}
.panel-list a:hover {
color: rgb(101, 139, 189);
}
.panel-block {
color: rgb(197, 190, 179);
}
.panel-block.is-active {
border-left-color: rgb(54, 66, 126);
color: rgb(197, 190, 179);
}
.panel-block.is-active .panel-icon {
color: rgb(101, 139, 189);
}
a.panel-block:hover,
label.panel-block:hover {
background-color: rgb(41, 42, 42);
}
.panel-icon {
color: rgb(157, 147, 133);
}
.tabs a {
border-bottom-color: rgb(68, 71, 71);
color: rgb(185, 177, 166);
}
.tabs a:hover {
border-bottom-color: rgb(126, 117, 103);
color: rgb(197, 190, 179);
}
.tabs li.is-active a {
border-bottom-color: rgb(54, 66, 126);
color: rgb(101, 139, 189);
}
.tabs ul {
border-bottom-color: rgb(68, 71, 71);
}
.tabs.is-boxed a {
border-color: transparent;
}
.tabs.is-boxed a:hover {
background-color: rgb(41, 42, 42);
border-bottom-color: rgb(68, 71, 71);
}
.tabs.is-boxed li.is-active a {
background-color: rgb(36, 37, 37);
border-top-color: rgb(68, 71, 71);
border-right-color: rgb(68, 71, 71);
border-left-color: rgb(68, 71, 71);
border-bottom-color: transparent !important;
}
.tabs.is-toggle a {
border-color: rgb(68, 71, 71);
}
.tabs.is-toggle a:hover {
background-color: rgb(41, 42, 42);
border-color: rgb(78, 82, 82);
}
.tabs.is-toggle li.is-active a {
background-color: rgb(59, 72, 139);
border-color: rgb(54, 66, 126);
color: rgb(229, 224, 216);
}
.tabs.is-toggle ul {
border-bottom-color: currentcolor;
}
.columns.is-variable {
--columnGap: 0.75rem;
}
.columns.is-variable.is-0 {
--columnGap: 0rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-0-mobile {
--columnGap: 0rem;
}
}
@media screen and (min-width: 769px),
print {
.columns.is-variable.is-0-tablet {
--columnGap: 0rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-0-tablet-only {
--columnGap: 0rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-0-touch {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-0-desktop {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-0-desktop-only {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-0-widescreen {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-0-widescreen-only {
--columnGap: 0rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-0-fullhd {
--columnGap: 0rem;
}
}
.columns.is-variable.is-1 {
--columnGap: 0.25rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-1-mobile {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 769px),
print {
.columns.is-variable.is-1-tablet {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-1-tablet-only {
--columnGap: 0.25rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-1-touch {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-1-desktop {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-1-desktop-only {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-1-widescreen {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-1-widescreen-only {
--columnGap: 0.25rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-1-fullhd {
--columnGap: 0.25rem;
}
}
.columns.is-variable.is-2 {
--columnGap: 0.5rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-2-mobile {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 769px),
print {
.columns.is-variable.is-2-tablet {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-2-tablet-only {
--columnGap: 0.5rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-2-touch {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-2-desktop {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-2-desktop-only {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-2-widescreen {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-2-widescreen-only {
--columnGap: 0.5rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-2-fullhd {
--columnGap: 0.5rem;
}
}
.columns.is-variable.is-3 {
--columnGap: 0.75rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-3-mobile {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 769px),
print {
.columns.is-variable.is-3-tablet {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-3-tablet-only {
--columnGap: 0.75rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-3-touch {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-3-desktop {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-3-desktop-only {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-3-widescreen {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-3-widescreen-only {
--columnGap: 0.75rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-3-fullhd {
--columnGap: 0.75rem;
}
}
.columns.is-variable.is-4 {
--columnGap: 1rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-4-mobile {
--columnGap: 1rem;
}
}
@media screen and (min-width: 769px),
print {
.columns.is-variable.is-4-tablet {
--columnGap: 1rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-4-tablet-only {
--columnGap: 1rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-4-touch {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-4-desktop {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-4-desktop-only {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-4-widescreen {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-4-widescreen-only {
--columnGap: 1rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-4-fullhd {
--columnGap: 1rem;
}
}
.columns.is-variable.is-5 {
--columnGap: 1.25rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-5-mobile {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 769px),
print {
.columns.is-variable.is-5-tablet {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-5-tablet-only {
--columnGap: 1.25rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-5-touch {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-5-desktop {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-5-desktop-only {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-5-widescreen {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-5-widescreen-only {
--columnGap: 1.25rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-5-fullhd {
--columnGap: 1.25rem;
}
}
.columns.is-variable.is-6 {
--columnGap: 1.5rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-6-mobile {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 769px),
print {
.columns.is-variable.is-6-tablet {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-6-tablet-only {
--columnGap: 1.5rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-6-touch {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-6-desktop {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-6-desktop-only {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-6-widescreen {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-6-widescreen-only {
--columnGap: 1.5rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-6-fullhd {
--columnGap: 1.5rem;
}
}
.columns.is-variable.is-7 {
--columnGap: 1.75rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-7-mobile {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 769px),
print {
.columns.is-variable.is-7-tablet {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-7-tablet-only {
--columnGap: 1.75rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-7-touch {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-7-desktop {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-7-desktop-only {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-7-widescreen {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-7-widescreen-only {
--columnGap: 1.75rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-7-fullhd {
--columnGap: 1.75rem;
}
}
.columns.is-variable.is-8 {
--columnGap: 2rem;
}
@media screen and (max-width: 768px) {
.columns.is-variable.is-8-mobile {
--columnGap: 2rem;
}
}
@media screen and (min-width: 769px),
print {
.columns.is-variable.is-8-tablet {
--columnGap: 2rem;
}
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
.columns.is-variable.is-8-tablet-only {
--columnGap: 2rem;
}
}
@media screen and (max-width: 1023px) {
.columns.is-variable.is-8-touch {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1024px) {
.columns.is-variable.is-8-desktop {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
.columns.is-variable.is-8-desktop-only {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1216px) {
.columns.is-variable.is-8-widescreen {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
.columns.is-variable.is-8-widescreen-only {
--columnGap: 2rem;
}
}
@media screen and (min-width: 1408px) {
.columns.is-variable.is-8-fullhd {
--columnGap: 2rem;
}
}
.has-text-white {
color: rgb(229, 224, 216) !important;
}
a.has-text-white:focus,
a.has-text-white:hover {
color: rgb(214, 209, 199) !important;
}
.has-background-white {
background-color: rgb(36, 37, 37) !important;
}
.has-text-black {
color: rgb(223, 218, 209) !important;
}
a.has-text-black:focus,
a.has-text-black:hover {
color: rgb(229, 224, 216) !important;
}
.has-background-black {
background-color: rgb(21, 20, 20) !important;
}
.has-text-light {
color: rgb(223, 218, 209) !important;
}
a.has-text-light:focus,
a.has-text-light:hover {
color: rgb(207, 201, 191) !important;
}
.has-background-light {
background-color: rgb(41, 42, 42) !important;
}
.has-text-dark {
color: rgb(197, 190, 179) !important;
}
a.has-text-dark:focus,
a.has-text-dark:hover {
color: rgb(212, 207, 197) !important;
}
.has-background-dark {
background-color: rgb(52, 53, 54) !important;
}
.has-text-primary {
color: rgb(84, 241, 212) !important;
}
a.has-text-primary:focus,
a.has-text-primary:hover {
color: rgb(113, 242, 216) !important;
}
.has-background-primary {
background-color: rgb(27, 161, 137) !important;
}
.has-text-primary-light {
color: rgb(196, 245, 231) !important;
}
a.has-text-primary-light:focus,
a.has-text-primary-light:hover {
color: rgb(165, 244, 225) !important;
}
.has-background-primary-light {
background-color: rgb(19, 69, 62) !important;
}
.has-text-primary-dark {
color: rgb(119, 242, 218) !important;
}
a.has-text-primary-dark:focus,
a.has-text-primary-dark:hover {
color: rgb(90, 241, 212) !important;
}
.has-background-primary-dark {
background-color: rgb(23, 117, 101) !important;
}
.has-text-link {
color: rgb(101, 139, 189) !important;
}
a.has-text-link:focus,
a.has-text-link:hover {
color: rgb(125, 157, 197) !important;
}
.has-background-link {
background-color: rgb(59, 72, 139) !important;
}
.has-text-link-light {
color: rgb(206, 215, 225) !important;
}
a.has-text-link-light:focus,
a.has-text-link-light:hover {
color: rgb(182, 197, 217) !important;
}
.has-background-link-light {
background-color: rgb(41, 42, 43) !important;
}
.has-text-link-dark {
color: rgb(117, 151, 194) !important;
}
a.has-text-link-dark:focus,
a.has-text-link-dark:hover {
color: rgb(110, 146, 192) !important;
}
.has-background-link-dark {
background-color: rgb(58, 72, 137) !important;
}
.has-text-info {
color: rgb(94, 154, 196) !important;
}
a.has-text-info:focus,
a.has-text-info:hover {
color: rgb(120, 169, 204) !important;
}
.has-background-info {
background-color: rgb(55, 106, 148) !important;
}
.has-text-info-light {
color: rgb(204, 219, 227) !important;
}
a.has-text-info-light:focus,
a.has-text-info-light:hover {
color: rgb(179, 204, 220) !important;
}
.has-background-info-light {
background-color: rgb(41, 42, 42) !important;
}
.has-text-info-dark {
color: rgb(125, 172, 205) !important;
}
a.has-text-info-dark:focus,
a.has-text-info-dark:hover {
color: rgb(89, 151, 195) !important;
}
.has-background-info-dark {
background-color: rgb(50, 94, 128) !important;
}
.has-text-success {
color: rgb(104, 196, 150) !important;
}
a.has-text-success:focus,
a.has-text-success:hover {
color: rgb(113, 199, 154) !important;
}
.has-background-success {
background-color: rgb(64, 146, 115) !important;
}
.has-text-success-light {
color: rgb(207, 231, 213) !important;
}
a.has-text-success-light:focus,
a.has-text-success-light:hover {
color: rgb(183, 223, 198) !important;
}
.has-background-success-light {
background-color: rgb(30, 56, 46) !important;
}
.has-text-success-dark {
color: rgb(142, 209, 173) !important;
}
a.has-text-success-dark:focus,
a.has-text-success-dark:hover {
color: rgb(118, 201, 158) !important;
}
.has-background-success-dark {
background-color: rgb(46, 100, 72) !important;
}
.has-text-warning {
color: rgb(246, 215, 130) !important;
}
a.has-text-warning:focus,
a.has-text-warning:hover {
color: rgb(245, 205, 100) !important;
}
.has-background-warning {
background-color: rgb(95, 74, 18) !important;
}
.has-text-warning-light {
color: rgb(249, 232, 187) !important;
}
a.has-text-warning-light:focus,
a.has-text-warning-light:hover {
color: rgb(247, 222, 156) !important;
}
.has-background-warning-light {
background-color: rgb(55, 45, 16) !important;
}
.has-text-warning-dark {
color: rgb(245, 208, 111) !important;
}
a.has-text-warning-dark:focus,
a.has-text-warning-dark:hover {
color: rgb(244, 200, 82) !important;
}
.has-background-warning-dark {
background-color: rgb(119, 92, 20) !important;
}
.has-text-danger {
color: rgb(225, 90, 114) !important;
}
a.has-text-danger:focus,
a.has-text-danger:hover {
color: rgb(221, 61, 90) !important;
}
.has-background-danger {
background-color: rgb(148, 29, 51) !important;
}
.has-text-danger-light {
color: rgb(243, 192, 197) !important;
}
a.has-text-danger-light:focus,
a.has-text-danger-light:hover {
color: rgb(237, 164, 173) !important;
}
.has-background-danger-light {
background-color: rgb(64, 18, 27) !important;
}
.has-text-danger-dark {
color: rgb(223, 79, 104) !important;
}
a.has-text-danger-dark:focus,
a.has-text-danger-dark:hover {
color: rgb(220, 67, 94) !important;
}
.has-background-danger-dark {
background-color: rgb(153, 29, 52) !important;
}
.has-text-black-bis {
color: rgb(219, 213, 204) !important;
}
.has-background-black-bis {
background-color: rgb(26, 27, 26) !important;
}
.has-text-black-ter {
color: rgb(207, 201, 191) !important;
}
.has-background-black-ter {
background-color: rgb(39, 40, 39) !important;
}
.has-text-grey-darker {
color: rgb(197, 190, 179) !important;
}
.has-background-grey-darker {
background-color: rgb(52, 53, 54) !important;
}
.has-text-grey-dark {
color: rgb(185, 177, 166) !important;
}
.has-background-grey-dark {
background-color: rgb(66, 68, 69) !important;
}
.has-text-grey {
color: rgb(157, 147, 133) !important;
}
.has-background-grey {
background-color: rgb(100, 105, 104) !important;
}
.has-text-grey-light {
color: rgb(185, 177, 166) !important;
}
.has-background-grey-light {
background-color: rgb(75, 78, 79) !important;
}
.has-text-grey-lighter {
color: rgb(207, 201, 191) !important;
}
.has-background-grey-lighter {
background-color: rgb(55, 57, 57) !important;
}
.has-text-white-ter {
color: rgb(223, 218, 209) !important;
}
.has-background-white-ter {
background-color: rgb(41, 42, 42) !important;
}
.has-text-white-bis {
color: rgb(226, 221, 212) !important;
}
.has-background-white-bis {
background-color: rgb(39, 40, 39) !important;
}
.is-shadowless {
box-shadow: none !important;
}
.is-underlined {
text-decoration-color: currentcolor !important;
}
.is-sr-only {
border-color: currentcolor !important;
}
.hero .navbar {
background-color: rgba(13, 13, 13, 0);
background-image: none;
}
.hero .tabs ul {
border-bottom-color: currentcolor;
}
.hero.is-white {
background-color: rgb(36, 37, 37);
color: rgb(223, 218, 209);
}
.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: rgb(223, 218, 209);
}
.hero.is-white .subtitle {
color: rgba(223, 218, 209, 0.9);
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
color: rgb(223, 218, 209);
}
@media screen and (max-width: 1023px) {
.hero.is-white .navbar-menu {
background-color: rgb(36, 37, 37);
}
}
.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
color: rgba(223, 218, 209, 0.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: rgb(42, 44, 44);
color: rgb(223, 218, 209);
}
.hero.is-white .tabs a {
color: rgb(223, 218, 209);
}
.hero.is-white .tabs li.is-active a {
color: rgb(229, 224, 216) !important;
}
.hero.is-white .tabs.is-boxed a,
.hero.is-white .tabs.is-toggle a {
color: rgb(223, 218, 209);
}
.hero.is-white .tabs.is-boxed a:hover,
.hero.is-white .tabs.is-toggle a:hover {
background-color: rgba(21, 20, 20, 0.1);
}
.hero.is-white .tabs.is-boxed li.is-active a,
.hero.is-white .tabs.is-boxed li.is-active a:hover,
.hero.is-white .tabs.is-toggle li.is-active a,
.hero.is-white .tabs.is-toggle li.is-active a:hover {
background-color: rgb(21, 20, 20);
border-color: rgb(140, 130, 114);
color: rgb(229, 224, 216);
}
.hero.is-white.is-bold {
background-image: linear-gradient(141deg,
rgb(49, 51, 51) 0px,
rgb(36, 37, 37) 71%,
rgb(36, 37, 37) 100%);
}
@media screen and (max-width: 768px) {
.hero.is-white.is-bold .navbar-menu {
background-image: linear-gradient(141deg,
rgb(49, 51, 51) 0px,
rgb(36, 37, 37) 71%,
rgb(36, 37, 37) 100%);
}
}
.hero.is-black {
background-color: rgb(21, 20, 20);
color: rgb(229, 224, 216);
}
.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: rgb(229, 224, 216);
}
.hero.is-black .subtitle {
color: rgba(229, 224, 216, 0.9);
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
color: rgb(229, 224, 216);
}
@media screen and (max-width: 1023px) {
.hero.is-black .navbar-menu {
background-color: rgb(21, 20, 20);
}
}
.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
color: rgba(229, 224, 216, 0.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: rgb(13, 13, 13);
color: rgb(229, 224, 216);
}
.hero.is-black .tabs a {
color: rgb(229, 224, 216);
}
.hero.is-black .tabs li.is-active a {
color: rgb(223, 218, 209) !important;
}
.hero.is-black .tabs.is-boxed a,
.hero.is-black .tabs.is-toggle a {
color: rgb(229, 224, 216);
}
.hero.is-black .tabs.is-boxed a:hover,
.hero.is-black .tabs.is-toggle a:hover {
background-color: rgba(21, 20, 20, 0.1);
}
.hero.is-black .tabs.is-boxed li.is-active a,
.hero.is-black .tabs.is-boxed li.is-active a:hover,
.hero.is-black .tabs.is-toggle li.is-active a,
.hero.is-black .tabs.is-toggle li.is-active a:hover {
background-color: rgb(36, 37, 37);
border-color: rgb(58, 61, 61);
color: rgb(223, 218, 209);
}
.hero.is-black.is-bold {
background-image: linear-gradient(141deg,
rgb(13, 13, 13) 0px,
rgb(21, 20, 20) 71%,
rgb(29, 30, 30) 100%);
}
@media screen and (max-width: 768px) {
.hero.is-black.is-bold .navbar-menu {
background-image: linear-gradient(141deg,
rgb(13, 13, 13) 0px,
rgb(21, 20, 20) 71%,
rgb(29, 30, 30) 100%);
}
}
.hero.is-light {
background-color: rgb(41, 42, 42);
color: rgba(229, 224, 216, 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(229, 224, 216, 0.7);
}
.hero.is-light .subtitle {
color: rgba(229, 224, 216, 0.9);
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
color: rgba(229, 224, 216, 0.7);
}
@media screen and (max-width: 1023px) {
.hero.is-light .navbar-menu {
background-color: rgb(41, 42, 42);
}
}
.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
color: rgba(229, 224, 216, 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: rgb(48, 50, 50);
color: rgba(229, 224, 216, 0.7);
}
.hero.is-light .tabs a {
color: rgba(229, 224, 216, 0.7);
}
.hero.is-light .tabs li.is-active a {
color: rgb(223, 218, 209) !important;
}
.hero.is-light .tabs.is-boxed a,
.hero.is-light .tabs.is-toggle a {
color: rgba(229, 224, 216, 0.7);
}
.hero.is-light .tabs.is-boxed a:hover,
.hero.is-light .tabs.is-toggle a:hover {
background-color: rgba(21, 20, 20, 0.1);
}
.hero.is-light .tabs.is-boxed li.is-active a,
.hero.is-light .tabs.is-boxed li.is-active a:hover,
.hero.is-light .tabs.is-toggle li.is-active a,
.hero.is-light .tabs.is-toggle li.is-active a:hover {
background-color: rgba(13, 13, 13, 0.7);
border-color: rgba(143, 132, 117, 0.7);
color: rgb(223, 218, 209);
}
.hero.is-light.is-bold {
background-image: linear-gradient(141deg,
rgb(55, 57, 57) 0px,
rgb(41, 42, 42) 71%,
rgb(36, 37, 37) 100%);
}
@media screen and (max-width: 768px) {
.hero.is-light.is-bold .navbar-menu {
background-image: linear-gradient(141deg,
rgb(55, 57, 57) 0px,
rgb(41, 42, 42) 71%,
rgb(36, 37, 37) 100%);
}
}
.hero.is-dark {
background-color: rgb(52, 53, 54);
color: rgb(229, 224, 216);
}
.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: rgb(229, 224, 216);
}
.hero.is-dark .subtitle {
color: rgba(229, 224, 216, 0.9);
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
color: rgb(229, 224, 216);
}
@media screen and (max-width: 1023px) {
.hero.is-dark .navbar-menu {
background-color: rgb(52, 53, 54);
}
}
.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
color: rgba(229, 224, 216, 0.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: rgb(42, 43, 44);
color: rgb(229, 224, 216);
}
.hero.is-dark .tabs a {
color: rgb(229, 224, 216);
}
.hero.is-dark .tabs li.is-active a {
color: rgb(197, 190, 179) !important;
}
.hero.is-dark .tabs.is-boxed a,
.hero.is-dark .tabs.is-toggle a {
color: rgb(229, 224, 216);
}
.hero.is-dark .tabs.is-boxed a:hover,
.hero.is-dark .tabs.is-toggle a:hover {
background-color: rgba(21, 20, 20, 0.1);
}
.hero.is-dark .tabs.is-boxed li.is-active a,
.hero.is-dark .tabs.is-boxed li.is-active a:hover,
.hero.is-dark .tabs.is-toggle li.is-active a,
.hero.is-dark .tabs.is-toggle li.is-active a:hover {
background-color: rgb(36, 37, 37);
border-color: rgb(58, 61, 61);
color: rgb(197, 190, 179);
}
.hero.is-dark.is-bold {
background-image: linear-gradient(141deg,
rgb(33, 34, 34) 0px,
rgb(52, 53, 54) 71%,
rgb(60, 63, 63) 100%);
}
@media screen and (max-width: 768px) {
.hero.is-dark.is-bold .navbar-menu {
background-image: linear-gradient(141deg,
rgb(33, 34, 34) 0px,
rgb(52, 53, 54) 71%,
rgb(60, 63, 63) 100%);
}
}
.hero.is-primary {
background-color: rgb(27, 161, 137);
color: rgb(229, 224, 216);
}
.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: rgb(229, 224, 216);
}
.hero.is-primary .subtitle {
color: rgba(229, 224, 216, 0.9);
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
color: rgb(229, 224, 216);
}
@media screen and (max-width: 1023px) {
.hero.is-primary .navbar-menu {
background-color: rgb(27, 161, 137);
}
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
color: rgba(229, 224, 216, 0.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: rgb(25, 143, 122);
color: rgb(229, 224, 216);
}
.hero.is-primary .tabs a {
color: rgb(229, 224, 216);
}
.hero.is-primary .tabs li.is-active a {
color: rgb(84, 241, 212) !important;
}
.hero.is-primary .tabs.is-boxed a,
.hero.is-primary .tabs.is-toggle a {
color: rgb(229, 224, 216);
}
.hero.is-primary .tabs.is-boxed a:hover,
.hero.is-primary .tabs.is-toggle a:hover {
background-color: rgba(21, 20, 20, 0.1);
}
.hero.is-primary .tabs.is-boxed li.is-active a,
.hero.is-primary .tabs.is-boxed li.is-active a:hover,
.hero.is-primary .tabs.is-toggle li.is-active a,
.hero.is-primary .tabs.is-toggle li.is-active a:hover {
background-color: rgb(36, 37, 37);
border-color: rgb(58, 61, 61);
color: rgb(84, 241, 212);
}
.hero.is-primary.is-bold {
background-image: linear-gradient(141deg,
rgb(23, 124, 89) 0px,
rgb(27, 161, 137) 71%,
rgb(29, 177, 176) 100%);
}
@media screen and (max-width: 768px) {
.hero.is-primary.is-bold .navbar-menu {
background-image: linear-gradient(141deg,
rgb(23, 124, 89) 0px,
rgb(27, 161, 137) 71%,
rgb(29, 177, 176) 100%);
}
}
.hero.is-link {
background-color: rgb(59, 72, 139);
color: rgb(229, 224, 216);
}
.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: rgb(229, 224, 216);
}
.hero.is-link .subtitle {
color: rgba(229, 224, 216, 0.9);
}
.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
color: rgb(229, 224, 216);
}
@media screen and (max-width: 1023px) {
.hero.is-link .navbar-menu {
background-color: rgb(59, 72, 139);
}
}
.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
color: rgba(229, 224, 216, 0.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: rgb(59, 73, 140);
color: rgb(229, 224, 216);
}
.hero.is-link .tabs a {
color: rgb(229, 224, 216);
}
.hero.is-link .tabs li.is-active a {
color: rgb(101, 139, 189) !important;
}
.hero.is-link .tabs.is-boxed a,
.hero.is-link .tabs.is-toggle a {
color: rgb(229, 224, 216);
}
.hero.is-link .tabs.is-boxed a:hover,
.hero.is-link .tabs.is-toggle a:hover {
background-color: rgba(21, 20, 20, 0.1);
}
.hero.is-link .tabs.is-boxed li.is-active a,
.hero.is-link .tabs.is-boxed li.is-active a:hover,
.hero.is-link .tabs.is-toggle li.is-active a,
.hero.is-link .tabs.is-toggle li.is-active a:hover {
background-color: rgb(36, 37, 37);
border-color: rgb(58, 61, 61);
color: rgb(101, 139, 189);
}
.hero.is-link.is-bold {
background-image: linear-gradient(141deg,
rgb(48, 78, 134) 0px,
rgb(59, 72, 139) 71%,
rgb(50, 50, 132) 100%);
}
@media screen and (max-width: 768px) {
.hero.is-link.is-bold .navbar-menu {
background-image: linear-gradient(141deg,
rgb(48, 78, 134) 0px,
rgb(59, 72, 139) 71%,
rgb(50, 50, 132) 100%);
}
}
.hero.is-info {
background-color: rgb(55, 106, 148);
color: rgb(229, 224, 216);
}
.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: rgb(229, 224, 216);
}
.hero.is-info .subtitle {
color: rgba(229, 224, 216, 0.9);
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
color: rgb(229, 224, 216);
}
@media screen and (max-width: 1023px) {
.hero.is-info .navbar-menu {
background-color: rgb(55, 106, 148);
}
}
.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
color: rgba(229, 224, 216, 0.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: rgb(55, 107, 148);
color: rgb(229, 224, 216);
}
.hero.is-info .tabs a {
color: rgb(229, 224, 216);
}
.hero.is-info .tabs li.is-active a {
color: rgb(94, 154, 196) !important;
}
.hero.is-info .tabs.is-boxed a,
.hero.is-info .tabs.is-toggle a {
color: rgb(229, 224, 216);
}
.hero.is-info .tabs.is-boxed a:hover,
.hero.is-info .tabs.is-toggle a:hover {
background-color: rgba(21, 20, 20, 0.1);
}
.hero.is-info .tabs.is-boxed li.is-active a,
.hero.is-info .tabs.is-boxed li.is-active a:hover,
.hero.is-info .tabs.is-toggle li.is-active a,
.hero.is-info .tabs.is-toggle li.is-active a:hover {
background-color: rgb(36, 37, 37);
border-color: rgb(58, 61, 61);
color: rgb(94, 154, 196);
}
.hero.is-info.is-bold {
background-image: linear-gradient(141deg,
rgb(46, 115, 142) 0px,
rgb(55, 106, 148) 71%,
rgb(46, 82, 139) 100%);
}
@media screen and (max-width: 768px) {
.hero.is-info.is-bold .navbar-menu {
background-image: linear-gradient(141deg,
rgb(46, 115, 142) 0px,
rgb(55, 106, 148) 71%,
rgb(46, 82, 139) 100%);
}
}
.hero.is-success {
background-color: rgb(64, 146, 115);
color: rgb(229, 224, 216);
}
.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: rgb(229, 224, 216);
}
.hero.is-success .subtitle {
color: rgba(229, 224, 216, 0.9);
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
color: rgb(229, 224, 216);
}
@media screen and (max-width: 1023px) {
.hero.is-success .navbar-menu {
background-color: rgb(64, 146, 115);
}
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
color: rgba(229, 224, 216, 0.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: rgb(64, 147, 106);
color: rgb(229, 224, 216);
}
.hero.is-success .tabs a {
color: rgb(229, 224, 216);
}
.hero.is-success .tabs li.is-active a {
color: rgb(104, 196, 150) !important;
}
.hero.is-success .tabs.is-boxed a,
.hero.is-success .tabs.is-toggle a {
color: rgb(229, 224, 216);
}
.hero.is-success .tabs.is-boxed a:hover,
.hero.is-success .tabs.is-toggle a:hover {
background-color: rgba(21, 20, 20, 0.1);
}
.hero.is-success .tabs.is-boxed li.is-active a,
.hero.is-success .tabs.is-boxed li.is-active a:hover,
.hero.is-success .tabs.is-toggle li.is-active a,
.hero.is-success .tabs.is-toggle li.is-active a:hover {
background-color: rgb(36, 37, 37);
border-color: rgb(58, 61, 61);
color: rgb(104, 196, 150);
}
.hero.is-success.is-bold {
background-image: linear-gradient(141deg,
rgb(52, 140, 82) 0px,
rgb(64, 146, 115) 71%,
rgb(57, 140, 119) 100%);
}
@media screen and (max-width: 768px) {
.hero.is-success.is-bold .navbar-menu {
background-image: linear-gradient(141deg,
rgb(52, 140, 82) 0px,
rgb(64, 146, 115) 71%,
rgb(57, 140, 119) 100%);
}
}
.hero.is-warning {
background-color: rgb(95, 74, 18);
color: rgba(229, 224, 216, 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(229, 224, 216, 0.7);
}
.hero.is-warning .subtitle {
color: rgba(229, 224, 216, 0.9);
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
color: rgba(229, 224, 216, 0.7);
}
@media screen and (max-width: 1023px) {
.hero.is-warning .navbar-menu {
background-color: rgb(95, 74, 18);
}
}
.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
color: rgba(229, 224, 216, 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: rgb(105, 82, 19);
color: rgba(229, 224, 216, 0.7);
}
.hero.is-warning .tabs a {
color: rgba(229, 224, 216, 0.7);
}
.hero.is-warning .tabs li.is-active a {
color: rgb(246, 215, 130) !important;
}
.hero.is-warning .tabs.is-boxed a,
.hero.is-warning .tabs.is-toggle a {
color: rgba(229, 224, 216, 0.7);
}
.hero.is-warning .tabs.is-boxed a:hover,
.hero.is-warning .tabs.is-toggle a:hover {
background-color: rgba(21, 20, 20, 0.1);
}
.hero.is-warning .tabs.is-boxed li.is-active a,
.hero.is-warning .tabs.is-boxed li.is-active a:hover,
.hero.is-warning .tabs.is-toggle li.is-active a,
.hero.is-warning .tabs.is-toggle li.is-active a:hover {
background-color: rgba(13, 13, 13, 0.7);
border-color: rgba(143, 132, 117, 0.7);
color: rgb(246, 215, 130);
}
.hero.is-warning.is-bold {
background-image: linear-gradient(141deg,
rgb(148, 93, 21) 0px,
rgb(95, 74, 18) 71%,
rgb(86, 78, 18) 100%);
}
@media screen and (max-width: 768px) {
.hero.is-warning.is-bold .navbar-menu {
background-image: linear-gradient(141deg,
rgb(148, 93, 21) 0px,
rgb(95, 74, 18) 71%,
rgb(86, 78, 18) 100%);
}
}
.hero.is-danger {
background-color: rgb(148, 29, 51);
color: rgb(229, 224, 216);
}
.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: rgb(229, 224, 216);
}
.hero.is-danger .subtitle {
color: rgba(229, 224, 216, 0.9);
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
color: rgb(229, 224, 216);
}
@media screen and (max-width: 1023px) {
.hero.is-danger .navbar-menu {
background-color: rgb(148, 29, 51);
}
}
.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
color: rgba(229, 224, 216, 0.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: rgb(161, 30, 55);
color: rgb(229, 224, 216);
}
.hero.is-danger .tabs a {
color: rgb(229, 224, 216);
}
.hero.is-danger .tabs li.is-active a {
color: rgb(225, 90, 114) !important;
}
.hero.is-danger .tabs.is-boxed a,
.hero.is-danger .tabs.is-toggle a {
color: rgb(229, 224, 216);
}
.hero.is-danger .tabs.is-boxed a:hover,
.hero.is-danger .tabs.is-toggle a:hover {
background-color: rgba(21, 20, 20, 0.1);
}
.hero.is-danger .tabs.is-boxed li.is-active a,
.hero.is-danger .tabs.is-boxed li.is-active a:hover,
.hero.is-danger .tabs.is-toggle li.is-active a,
.hero.is-danger .tabs.is-toggle li.is-active a:hover {
background-color: rgb(36, 37, 37);
border-color: rgb(58, 61, 61);
color: rgb(225, 90, 114);
}
.hero.is-danger.is-bold {
background-image: linear-gradient(141deg,
rgb(181, 24, 79) 0px,
rgb(148, 29, 51) 71%,
rgb(139, 24, 27) 100%);
}
@media screen and (max-width: 768px) {
.hero.is-danger.is-bold .navbar-menu {
background-image: linear-gradient(141deg,
rgb(181, 24, 79) 0px,
rgb(148, 29, 51) 71%,
rgb(139, 24, 27) 100%);
}
}
.footer {
background-color: rgb(39, 40, 39);
}
.alert {
background-color: rgb(158, 36, 25);
color: rgb(229, 224, 216);
}
.closebtn {
color: rgb(229, 224, 216);
}
.closebtn:hover {
color: rgb(229, 224, 216);
}
footer a {
text-decoration-color: currentcolor;
}
.cls-1 {
fill: rgb(199, 192, 181);
}
.cls-2 {
fill: rgb(154, 144, 129);
}
.cls-3 {
fill: rgb(66, 235, 165);
}
.cls-4 {
fill: rgb(116, 237, 184);
}
.cls-5 {
fill: rgb(112, 165, 215);
}
.cls-6 {
fill: rgb(115, 178, 233);
}
</style>
<!-- End dark reader -->
</head>
<body class="has-background-light">
<section class="section has-background-light">
<div class="box block sign-in-box has-text-centered">
{{ if .LogoData }}
<div class="block logo-box">
{{.LogoData}}
</div>
{{ end }}
<form method="GET" action="{{.ProxyPrefix}}/start">
<input type="hidden" name="rd" value="{{.Redirect}}">
{{ if .SignInMessage }}
<p class="block">{{.SignInMessage}}</p>
{{ end}}
<button type="submit" class="button block is-primary">Sign in with {{.ProviderName}}</button>
</form>
{{ if .CustomLogin }}
<hr>
<form method="POST" action="{{.ProxyPrefix}}/sign_in" class="block">
<input type="hidden" name="rd" value="{{.Redirect}}">
<div class="field">
<label class="label" for="username">Username</label>
<div class="control">
<input class="input" type="text" placeholder="e.g. userx@example.com" name="username" id="username">
</div>
</div>
<div class="field">
<label class="label" for="password">Password</label>
<div class="control">
<input class="input" type="password" placeholder="********" name="password" id="password">
</div>
</div>
<button class="button is-primary">Sign in</button>
</form>
{{ end }}
{{ if eq .StatusCode 400 401 }}
<div class="alert">
<span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span>
{{ if eq .StatusCode 400 }}
{{.StatusCode}}: Username cannot be empty
{{ else }}
{{.StatusCode}}: Invalid Username or Password
{{ end }}
</div>
{{ end }}
</div>
</section>
<script>
if (window.location.hash) {
(function() {
var inputs = document.getElementsByName('rd');
for (var i = 0; i < inputs.length; i++) {
// Add hash, but make sure it is only added once
var idx = inputs[i].value.indexOf('#');
if (idx >= 0) {
// Remove existing hash from URL
inputs[i].value = inputs[i].value.substr(0, idx);
}
inputs[i].value += window.location.hash;
}
})();
}
</script>
<footer class="footer has-text-grey has-background-light is-size-7">
<div class="content has-text-centered">
{{ if eq .Footer "-" }}
{{ else if eq .Footer ""}}
<p>Secured with <a href="https://github.com/oauth2-proxy/oauth2-proxy#oauth2_proxy" class="has-text-grey">OAuth2 Proxy</a> version {{.Version}}</p>
{{ else }}
<p>{{.Footer}}</p>
{{ end }}
</div>
</footer>
</body>
</html>
{{end}}