From d8de60c990251bfec9d1ccfcfd3d1456fd1f7842 Mon Sep 17 00:00:00 2001 From: Noah Petherbridge Date: Sun, 5 Feb 2023 20:26:00 -0800 Subject: [PATCH] Volume Controls, Mute/Unmute Video * Added a top panel to put your video controls in. * Broadcaster can mute or unmute their own audio input. * When viewing others' cams, buttons appear to control their video: * Their username is displayed in the corner. * Mute/unmute button to silence their audio. * "X" button to close their camera. * Button to show what viewers are currently watching your camera. * Add an "About" page and config for app branding. * Add dark theme CSS for prefers-dark browsers. --- pkg/config/config.go | 2 + pkg/handlers.go | 30 + pkg/messages.go | 2 + pkg/pages.go | 38 +- pkg/server.go | 1 + pkg/websocket.go | 4 + web/static/css/bulma-prefers-dark.css | 8816 +++++++++++++++++++++++++ web/static/css/chat.css | 53 +- web/static/js/BareRTC.js | 93 +- web/templates/about.html | 55 + web/templates/chat.html | 117 +- 11 files changed, 9162 insertions(+), 49 deletions(-) create mode 100644 web/static/css/bulma-prefers-dark.css create mode 100644 web/templates/about.html diff --git a/pkg/config/config.go b/pkg/config/config.go index 1350969..b08b181 100644 --- a/pkg/config/config.go +++ b/pkg/config/config.go @@ -18,6 +18,7 @@ type Config struct { SecretKey string } + Title string WebsiteURL string PublicChannels []Channel @@ -46,6 +47,7 @@ var Current = DefaultConfig() // settings.toml file to disk. func DefaultConfig() Config { var c = Config{ + Title: "BareRTC", WebsiteURL: "https://www.example.com", PublicChannels: []Channel{ { diff --git a/pkg/handlers.go b/pkg/handlers.go index c492f71..1610a49 100644 --- a/pkg/handlers.go +++ b/pkg/handlers.go @@ -198,3 +198,33 @@ func (s *Server) OnSDP(sub *Subscriber, msg Message) { Description: msg.Description, }) } + +// OnWatch communicates video watching status between users. +func (s *Server) OnWatch(sub *Subscriber, msg Message) { + // Look up the other subscriber. + other, err := s.GetSubscriber(msg.Username) + if err != nil { + sub.ChatServer(err.Error()) + return + } + + other.SendJSON(Message{ + Action: ActionWatch, + Username: sub.Username, + }) +} + +// OnUnwatch communicates video Unwatching status between users. +func (s *Server) OnUnwatch(sub *Subscriber, msg Message) { + // Look up the other subscriber. + other, err := s.GetSubscriber(msg.Username) + if err != nil { + sub.ChatServer(err.Error()) + return + } + + other.SendJSON(Message{ + Action: ActionUnwatch, + Username: sub.Username, + }) +} diff --git a/pkg/messages.go b/pkg/messages.go index 26872eb..1aacaf4 100644 --- a/pkg/messages.go +++ b/pkg/messages.go @@ -32,6 +32,8 @@ const ( ActionMe = "me" // user self-info sent by FE or BE ActionOpen = "open" // user wants to view a webcam (open WebRTC) ActionRing = "ring" // receiver of a WebRTC open request + ActionWatch = "watch" // user has received video and is watching you + ActionUnwatch = "unwatch" // user has closed your video // Actions sent by server only ActionPing = "ping" diff --git a/pkg/pages.go b/pkg/pages.go index c8c51df..50bbb5b 100644 --- a/pkg/pages.go +++ b/pkg/pages.go @@ -61,12 +61,9 @@ func IndexPage() http.HandlerFunc { } tmpl.Funcs(template.FuncMap{ - // Cache busting random string for JS and CSS dependency. - // "CacheHash": func() string { - // return util.RandomString(8) - // }, - - // + "AsHTML": func(v string) template.HTML { + return template.HTML(v) + }, }) tmpl, err := tmpl.ParseFiles("web/templates/chat.html") if err != nil { @@ -78,3 +75,32 @@ func IndexPage() http.HandlerFunc { tmpl.ExecuteTemplate(w, "index", values) }) } + +// AboutPage returns the HTML template for the about page. +func AboutPage() http.HandlerFunc { + return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) { + // Load the template, TODO: once on server startup. + tmpl := template.New("index") + + // Variables to give to the front-end page. + var values = map[string]interface{}{ + // A cache-busting hash for JS and CSS includes. + "CacheHash": util.RandomString(8), + + // The current website settings. + "Config": config.Current, + } + + tmpl.Funcs(template.FuncMap{ + "AsHTML": func(v string) template.HTML { + return template.HTML(v) + }, + }) + tmpl, err := tmpl.ParseFiles("web/templates/about.html") + if err != nil { + panic(err.Error()) + } + + tmpl.ExecuteTemplate(w, "index", values) + }) +} diff --git a/pkg/server.go b/pkg/server.go index b08a8c1..f54f62e 100644 --- a/pkg/server.go +++ b/pkg/server.go @@ -31,6 +31,7 @@ func (s *Server) Setup() error { var mux = http.NewServeMux() mux.Handle("/", IndexPage()) + mux.Handle("/about", AboutPage()) mux.Handle("/ws", s.WebSocket()) mux.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("web/static")))) diff --git a/pkg/websocket.go b/pkg/websocket.go index 43a477e..e51b3f5 100644 --- a/pkg/websocket.go +++ b/pkg/websocket.go @@ -73,6 +73,10 @@ func (sub *Subscriber) ReadLoop(s *Server) { s.OnCandidate(sub, msg) case ActionSDP: s.OnSDP(sub, msg) + case ActionWatch: + s.OnWatch(sub, msg) + case ActionUnwatch: + s.OnUnwatch(sub, msg) default: sub.ChatServer("Unsupported message type.") } diff --git a/web/static/css/bulma-prefers-dark.css b/web/static/css/bulma-prefers-dark.css new file mode 100644 index 0000000..bd36ab0 --- /dev/null +++ b/web/static/css/bulma-prefers-dark.css @@ -0,0 +1,8816 @@ +/*! Bulma Prefers Dark | MIT License | github.com/jloh/bulma-prefers-dark */ +/* Custom edit for nonshy: changed blockquote colors to work better in forums */ +@media (prefers-color-scheme: dark) { + + /* nonshy custom overrides */ + .has-background-primary-light { + background-color: rgba(28, 166, 76, 0.25) !important; + } + + .has-background-success-light { + background-color: rgba(28, 166, 76, 0.25) !important + } + + .has-background-warning-light { + background-color: rgb(49, 45, 24) !important; + } + + .has-background-link-light { + background-color: rgba(15, 129, 204, 0.25) !important; + } + + .has-text-dark { + /* note: this css file otherwise didn't override this, dark's always dark, brighten it! */ + color: #b5b5b5 !important; + } + + a.has-text-dark:focus, + a.has-text-dark:hover { + color: #d5d5d5 !important; + } + + .modal-background { + background-color: rgba(0, 0, 0, 0.86) !important; + } + + /* end nonshy custom overrides */ + + html { + background-color: #17181c; + } + + body { + color: #b5b5b5; + } + + a { + color: #5ea3e4; + } + + a:hover { + color: #dbdbdb; + } + + code { + background-color: #242424; + color: #eb002f; + } + + hr { + background-color: #242424; + } + + strong { + color: #dbdbdb; + } + + pre { + background-color: #242424; + color: #b5b5b5; + } + + table th { + color: #dbdbdb; + } + + .has-text-white-dark { + color: white !important; + } + + a.has-text-white-dark:hover, + a.has-text-white-dark:focus { + color: white !important; + } + + .has-background-white-dark { + background-color: white !important; + } + + .has-text-black-dark { + color: #0a0a0a !important; + } + + a.has-text-black-dark:hover, + a.has-text-black-dark:focus { + color: #242424 !important; + } + + .has-background-black-dark { + background-color: #0a0a0a !important; + } + + .has-text-light-dark { + color: whitesmoke !important; + } + + a.has-text-light-dark:hover, + a.has-text-light-dark:focus { + color: white !important; + } + + .has-background-light-dark { + background-color: whitesmoke !important; + } + + .has-text-dark-dark { + color: #363636 !important; + } + + a.has-text-dark-dark:hover, + a.has-text-dark-dark:focus { + color: #4f4f4f !important; + } + + .has-background-dark-dark { + background-color: #363636 !important; + } + + .has-text-primary-dark { + color: #00d1b2 !important; + } + + a.has-text-primary-dark:hover, + a.has-text-primary-dark:focus { + color: #05ffda !important; + } + + .has-background-primary-dark { + background-color: #00d1b2 !important; + } + + .has-text-link-dark { + color: #3273dc !important; + } + + a.has-text-link-dark:hover, + a.has-text-link-dark:focus { + color: #5e91e4 !important; + } + + .has-background-link-dark { + background-color: #3273dc !important; + } + + .has-text-info-dark { + color: #209cee !important; + } + + a.has-text-info-dark:hover, + a.has-text-info-dark:focus { + color: #50b1f2 !important; + } + + .has-background-info-dark { + background-color: #209cee !important; + } + + .has-text-success-dark { + color: #23d160 !important; + } + + a.has-text-success-dark:hover, + a.has-text-success-dark:focus { + color: #48e07d !important; + } + + .has-background-success-dark { + background-color: #23d160 !important; + } + + .has-text-warning-dark { + color: #ffdd57 !important; + } + + a.has-text-warning-dark:hover, + a.has-text-warning-dark:focus { + color: #ffe88a !important; + } + + .has-background-warning-dark { + background-color: #ffdd57 !important; + } + + .has-text-danger-dark { + color: #ff3860 !important; + } + + a.has-text-danger-dark:hover, + a.has-text-danger-dark:focus { + color: #ff6b89 !important; + } + + .has-background-danger-dark { + background-color: #ff3860 !important; + } + + .has-text-black-bis-dark { + color: #121212 !important; + } + + .has-background-black-bis-dark { + background-color: #121212 !important; + } + + .has-text-black-ter-dark { + color: #242424 !important; + } + + .has-background-black-ter-dark { + background-color: #242424 !important; + } + + .has-text-grey-darker-dark { + color: #363636 !important; + } + + .has-background-grey-darker-dark { + background-color: #363636 !important; + } + + .has-text-grey-dark-dark { + color: #4a4a4a !important; + } + + .has-background-grey-dark-dark { + background-color: #4a4a4a !important; + } + + .has-text-grey-dark { + color: #7a7a7a !important; + } + + .has-background-grey-dark { + background-color: #7a7a7a !important; + } + + .has-text-grey-light-dark { + color: #b5b5b5 !important; + } + + .has-background-grey-light-dark { + background-color: #b5b5b5 !important; + } + + .has-text-grey-lighter-dark { + color: #dbdbdb !important; + } + + .has-background-grey-lighter-dark { + background-color: #dbdbdb !important; + } + + .has-text-white-ter-dark { + color: whitesmoke !important; + } + + .has-background-white-ter-dark { + background-color: whitesmoke !important; + } + + .has-text-white-bis-dark { + color: #fafafa !important; + } + + .has-background-white-bis-dark { + background-color: #fafafa !important; + } + + .box { + background-color: #0a0a0a; + box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1); + color: #b5b5b5; + } + + a.box:hover, + a.box:focus { + box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px #5ea3e4; + } + + a.box:active { + box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2), 0 0 0 1px #5ea3e4; + } + + .button { + background-color: #0a0a0a; + border-color: #363636; + color: #dbdbdb; + } + + .button:hover, + .button.is-hovered { + border-color: #4a4a4a; + color: #dbdbdb; + } + + .button:focus, + .button.is-focused { + border-color: #5ea3e4; + color: #dbdbdb; + } + + .button:focus:not(:active), + .button.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(94, 163, 228, 0.25); + } + + .button:active, + .button.is-active { + border-color: #b5b5b5; + color: #dbdbdb; + } + + .button.is-text { + color: #b5b5b5; + } + + .button.is-text:hover, + .button.is-text.is-hovered, + .button.is-text:focus, + .button.is-text.is-focused { + background-color: #242424; + color: #dbdbdb; + } + + .button.is-text:active, + .button.is-text.is-active { + background-color: #171717; + color: #dbdbdb; + } + + .button.is-white { + background-color: #e6e6e6; + border-color: transparent; + color: #0a0a0a; + } + + .button.is-white:hover, + .button.is-white.is-hovered { + background-color: #dfdfdf; + border-color: transparent; + color: #0a0a0a; + } + + .button.is-white:focus, + .button.is-white.is-focused { + border-color: transparent; + color: #0a0a0a; + } + + .button.is-white:focus:not(:active), + .button.is-white.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(230, 230, 230, 0.25); + } + + .button.is-white:active, + .button.is-white.is-active { + background-color: #d9d9d9; + border-color: transparent; + color: #0a0a0a; + } + + .button.is-white[disabled], + fieldset[disabled] .button.is-white { + background-color: #e6e6e6; + border-color: transparent; + box-shadow: none; + } + + .button.is-white.is-inverted { + background-color: #0a0a0a; + color: #e6e6e6; + } + + .button.is-white.is-inverted:hover { + background-color: black; + } + + .button.is-white.is-inverted[disabled], + fieldset[disabled] .button.is-white.is-inverted { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none; + color: #e6e6e6; + } + + .button.is-white.is-loading::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; + } + + .button.is-white.is-outlined { + background-color: transparent; + border-color: #e6e6e6; + color: #e6e6e6; + } + + .button.is-white.is-outlined:hover, + .button.is-white.is-outlined:focus { + background-color: #e6e6e6; + border-color: #e6e6e6; + color: #0a0a0a; + } + + .button.is-white.is-outlined.is-loading::after { + border-color: transparent transparent #e6e6e6 #e6e6e6 !important; + } + + .button.is-white.is-outlined[disabled], + fieldset[disabled] .button.is-white.is-outlined { + background-color: transparent; + border-color: #e6e6e6; + box-shadow: none; + color: #e6e6e6; + } + + .button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; + } + + .button.is-white.is-inverted.is-outlined:hover, + .button.is-white.is-inverted.is-outlined:focus { + background-color: #0a0a0a; + color: #e6e6e6; + } + + .button.is-white.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + box-shadow: none; + color: #0a0a0a; + } + + .button.is-black { + background-color: black; + border-color: transparent; + color: white; + } + + .button.is-black:hover, + .button.is-black.is-hovered { + background-color: black; + border-color: transparent; + color: white; + } + + .button.is-black:focus, + .button.is-black.is-focused { + border-color: transparent; + color: white; + } + + .button.is-black:focus:not(:active), + .button.is-black.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25); + } + + .button.is-black:active, + .button.is-black.is-active { + background-color: black; + border-color: transparent; + color: white; + } + + .button.is-black[disabled], + fieldset[disabled] .button.is-black { + background-color: black; + border-color: transparent; + box-shadow: none; + } + + .button.is-black.is-inverted { + background-color: white; + color: black; + } + + .button.is-black.is-inverted:hover { + background-color: #f2f2f2; + } + + .button.is-black.is-inverted[disabled], + fieldset[disabled] .button.is-black.is-inverted { + background-color: white; + border-color: transparent; + box-shadow: none; + color: black; + } + + .button.is-black.is-loading::after { + border-color: transparent transparent white white !important; + } + + .button.is-black.is-outlined { + background-color: transparent; + border-color: black; + color: black; + } + + .button.is-black.is-outlined:hover, + .button.is-black.is-outlined:focus { + background-color: black; + border-color: black; + color: white; + } + + .button.is-black.is-outlined.is-loading::after { + border-color: transparent transparent black black !important; + } + + .button.is-black.is-outlined[disabled], + fieldset[disabled] .button.is-black.is-outlined { + background-color: transparent; + border-color: black; + box-shadow: none; + color: black; + } + + .button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + color: white; + } + + .button.is-black.is-inverted.is-outlined:hover, + .button.is-black.is-inverted.is-outlined:focus { + background-color: white; + color: black; + } + + .button.is-black.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + box-shadow: none; + color: white; + } + + .button.is-light { + background-color: #dbdbdb; + border-color: transparent; + color: #363636; + } + + .button.is-light:hover, + .button.is-light.is-hovered { + background-color: #d5d5d5; + border-color: transparent; + color: #363636; + } + + .button.is-light:focus, + .button.is-light.is-focused { + border-color: transparent; + color: #363636; + } + + .button.is-light:focus:not(:active), + .button.is-light.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(219, 219, 219, 0.25); + } + + .button.is-light:active, + .button.is-light.is-active { + background-color: #cfcfcf; + border-color: transparent; + color: #363636; + } + + .button.is-light[disabled], + fieldset[disabled] .button.is-light { + background-color: #dbdbdb; + border-color: transparent; + box-shadow: none; + } + + .button.is-light.is-inverted { + background-color: #363636; + color: #dbdbdb; + } + + .button.is-light.is-inverted:hover { + background-color: #292929; + } + + .button.is-light.is-inverted[disabled], + fieldset[disabled] .button.is-light.is-inverted { + background-color: #363636; + border-color: transparent; + box-shadow: none; + color: #dbdbdb; + } + + .button.is-light.is-loading::after { + border-color: transparent transparent #363636 #363636 !important; + } + + .button.is-light.is-outlined { + background-color: transparent; + border-color: #dbdbdb; + color: #dbdbdb; + } + + .button.is-light.is-outlined:hover, + .button.is-light.is-outlined:focus { + background-color: #dbdbdb; + border-color: #dbdbdb; + color: #363636; + } + + .button.is-light.is-outlined.is-loading::after { + border-color: transparent transparent #dbdbdb #dbdbdb !important; + } + + .button.is-light.is-outlined[disabled], + fieldset[disabled] .button.is-light.is-outlined { + background-color: transparent; + border-color: #dbdbdb; + box-shadow: none; + color: #dbdbdb; + } + + .button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; + } + + .button.is-light.is-inverted.is-outlined:hover, + .button.is-light.is-inverted.is-outlined:focus { + background-color: #363636; + color: #dbdbdb; + } + + .button.is-light.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636; + } + + .button.is-dark { + background-color: #1c1c1c; + border-color: transparent; + color: whitesmoke; + } + + .button.is-dark:hover, + .button.is-dark.is-hovered { + background-color: #161616; + border-color: transparent; + color: whitesmoke; + } + + .button.is-dark:focus, + .button.is-dark.is-focused { + border-color: transparent; + color: whitesmoke; + } + + .button.is-dark:focus:not(:active), + .button.is-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(28, 28, 28, 0.25); + } + + .button.is-dark:active, + .button.is-dark.is-active { + background-color: #0f0f0f; + border-color: transparent; + color: whitesmoke; + } + + .button.is-dark[disabled], + fieldset[disabled] .button.is-dark { + background-color: #1c1c1c; + border-color: transparent; + box-shadow: none; + } + + .button.is-dark.is-inverted { + background-color: whitesmoke; + color: #1c1c1c; + } + + .button.is-dark.is-inverted:hover { + background-color: #e8e8e8; + } + + .button.is-dark.is-inverted[disabled], + fieldset[disabled] .button.is-dark.is-inverted { + background-color: whitesmoke; + border-color: transparent; + box-shadow: none; + color: #1c1c1c; + } + + .button.is-dark.is-loading::after { + border-color: transparent transparent whitesmoke whitesmoke !important; + } + + .button.is-dark.is-outlined { + background-color: transparent; + border-color: #1c1c1c; + color: #1c1c1c; + } + + .button.is-dark.is-outlined:hover, + .button.is-dark.is-outlined:focus { + background-color: #1c1c1c; + border-color: #1c1c1c; + color: whitesmoke; + } + + .button.is-dark.is-outlined.is-loading::after { + border-color: transparent transparent #1c1c1c #1c1c1c !important; + } + + .button.is-dark.is-outlined[disabled], + fieldset[disabled] .button.is-dark.is-outlined { + background-color: transparent; + border-color: #1c1c1c; + box-shadow: none; + color: #1c1c1c; + } + + .button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; + } + + .button.is-dark.is-inverted.is-outlined:hover, + .button.is-dark.is-inverted.is-outlined:focus { + background-color: whitesmoke; + color: #1c1c1c; + } + + .button.is-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: whitesmoke; + box-shadow: none; + color: whitesmoke; + } + + .button.is-primary { + background-color: #009e86; + border-color: transparent; + color: #fff; + } + + .button.is-primary:hover, + .button.is-primary.is-hovered { + background-color: #00917c; + border-color: transparent; + color: #fff; + } + + .button.is-primary:focus, + .button.is-primary.is-focused { + border-color: transparent; + color: #fff; + } + + .button.is-primary:focus:not(:active), + .button.is-primary.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0, 158, 134, 0.25); + } + + .button.is-primary:active, + .button.is-primary.is-active { + background-color: #008571; + border-color: transparent; + color: #fff; + } + + .button.is-primary[disabled], + fieldset[disabled] .button.is-primary { + background-color: #009e86; + border-color: transparent; + box-shadow: none; + } + + .button.is-primary.is-inverted { + background-color: #fff; + color: #009e86; + } + + .button.is-primary.is-inverted:hover { + background-color: #f2f2f2; + } + + .button.is-primary.is-inverted[disabled], + fieldset[disabled] .button.is-primary.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #009e86; + } + + .button.is-primary.is-loading::after { + border-color: transparent transparent #fff #fff !important; + } + + .button.is-primary.is-outlined { + background-color: transparent; + border-color: #009e86; + color: #009e86; + } + + .button.is-primary.is-outlined:hover, + .button.is-primary.is-outlined:focus { + background-color: #009e86; + border-color: #009e86; + color: #fff; + } + + .button.is-primary.is-outlined.is-loading::after { + border-color: transparent transparent #009e86 #009e86 !important; + } + + .button.is-primary.is-outlined[disabled], + fieldset[disabled] .button.is-primary.is-outlined { + background-color: transparent; + border-color: #009e86; + box-shadow: none; + color: #009e86; + } + + .button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; + } + + .button.is-primary.is-inverted.is-outlined:hover, + .button.is-primary.is-inverted.is-outlined:focus { + background-color: #fff; + color: #009e86; + } + + .button.is-primary.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; + } + + .button.is-link { + background-color: #205bbc; + border-color: transparent; + color: #fff; + } + + .button.is-link:hover, + .button.is-link.is-hovered { + background-color: #1e56b1; + border-color: transparent; + color: #fff; + } + + .button.is-link:focus, + .button.is-link.is-focused { + border-color: transparent; + color: #fff; + } + + .button.is-link:focus:not(:active), + .button.is-link.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(32, 91, 188, 0.25); + } + + .button.is-link:active, + .button.is-link.is-active { + background-color: #1c51a6; + border-color: transparent; + color: #fff; + } + + .button.is-link[disabled], + fieldset[disabled] .button.is-link { + background-color: #205bbc; + border-color: transparent; + box-shadow: none; + } + + .button.is-link.is-inverted { + background-color: #fff; + color: #205bbc; + } + + .button.is-link.is-inverted:hover { + background-color: #f2f2f2; + } + + .button.is-link.is-inverted[disabled], + fieldset[disabled] .button.is-link.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #205bbc; + } + + .button.is-link.is-loading::after { + border-color: transparent transparent #fff #fff !important; + } + + .button.is-link.is-outlined { + background-color: transparent; + border-color: #205bbc; + color: #205bbc; + } + + .button.is-link.is-outlined:hover, + .button.is-link.is-outlined:focus { + background-color: #205bbc; + border-color: #205bbc; + color: #fff; + } + + .button.is-link.is-outlined.is-loading::after { + border-color: transparent transparent #205bbc #205bbc !important; + } + + .button.is-link.is-outlined[disabled], + fieldset[disabled] .button.is-link.is-outlined { + background-color: transparent; + border-color: #205bbc; + box-shadow: none; + color: #205bbc; + } + + .button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; + } + + .button.is-link.is-inverted.is-outlined:hover, + .button.is-link.is-inverted.is-outlined:focus { + background-color: #fff; + color: #205bbc; + } + + .button.is-link.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; + } + + .button.is-info { + background-color: #0f81cc; + border-color: transparent; + color: #fff; + } + + .button.is-info:hover, + .button.is-info.is-hovered { + background-color: #0e79c0; + border-color: transparent; + color: #fff; + } + + .button.is-info:focus, + .button.is-info.is-focused { + border-color: transparent; + color: #fff; + } + + .button.is-info:focus:not(:active), + .button.is-info.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(15, 129, 204, 0.25); + } + + .button.is-info:active, + .button.is-info.is-active { + background-color: #0e72b4; + border-color: transparent; + color: #fff; + } + + .button.is-info[disabled], + fieldset[disabled] .button.is-info { + background-color: #0f81cc; + border-color: transparent; + box-shadow: none; + } + + .button.is-info.is-inverted { + background-color: #fff; + color: #0f81cc; + } + + .button.is-info.is-inverted:hover { + background-color: #f2f2f2; + } + + .button.is-info.is-inverted[disabled], + fieldset[disabled] .button.is-info.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #0f81cc; + } + + .button.is-info.is-loading::after { + border-color: transparent transparent #fff #fff !important; + } + + .button.is-info.is-outlined { + background-color: transparent; + border-color: #0f81cc; + color: #0f81cc; + } + + .button.is-info.is-outlined:hover, + .button.is-info.is-outlined:focus { + background-color: #0f81cc; + border-color: #0f81cc; + color: #fff; + } + + .button.is-info.is-outlined.is-loading::after { + border-color: transparent transparent #0f81cc #0f81cc !important; + } + + .button.is-info.is-outlined[disabled], + fieldset[disabled] .button.is-info.is-outlined { + background-color: transparent; + border-color: #0f81cc; + box-shadow: none; + color: #0f81cc; + } + + .button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; + } + + .button.is-info.is-inverted.is-outlined:hover, + .button.is-info.is-inverted.is-outlined:focus { + background-color: #fff; + color: #0f81cc; + } + + .button.is-info.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; + } + + .button.is-success { + background-color: #1ca64c; + border-color: transparent; + color: #fff; + } + + .button.is-success:hover, + .button.is-success.is-hovered { + background-color: #1a9b47; + border-color: transparent; + color: #fff; + } + + .button.is-success:focus, + .button.is-success.is-focused { + border-color: transparent; + color: #fff; + } + + .button.is-success:focus:not(:active), + .button.is-success.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(28, 166, 76, 0.25); + } + + .button.is-success:active, + .button.is-success.is-active { + background-color: #189042; + border-color: transparent; + color: #fff; + } + + .button.is-success[disabled], + fieldset[disabled] .button.is-success { + background-color: #1ca64c; + border-color: transparent; + box-shadow: none; + } + + .button.is-success.is-inverted { + background-color: #fff; + color: #1ca64c; + } + + .button.is-success.is-inverted:hover { + background-color: #f2f2f2; + } + + .button.is-success.is-inverted[disabled], + fieldset[disabled] .button.is-success.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #1ca64c; + } + + .button.is-success.is-loading::after { + border-color: transparent transparent #fff #fff !important; + } + + .button.is-success.is-outlined { + background-color: transparent; + border-color: #1ca64c; + color: #1ca64c; + } + + .button.is-success.is-outlined:hover, + .button.is-success.is-outlined:focus { + background-color: #1ca64c; + border-color: #1ca64c; + color: #fff; + } + + .button.is-success.is-outlined.is-loading::after { + border-color: transparent transparent #1ca64c #1ca64c !important; + } + + .button.is-success.is-outlined[disabled], + fieldset[disabled] .button.is-success.is-outlined { + background-color: transparent; + border-color: #1ca64c; + box-shadow: none; + color: #1ca64c; + } + + .button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; + } + + .button.is-success.is-inverted.is-outlined:hover, + .button.is-success.is-inverted.is-outlined:focus { + background-color: #fff; + color: #1ca64c; + } + + .button.is-success.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; + } + + .button.is-warning { + background-color: #ffd324; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning:hover, + .button.is-warning.is-hovered { + background-color: #ffd117; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning:focus, + .button.is-warning.is-focused { + border-color: transparent; + color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning:focus:not(:active), + .button.is-warning.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 211, 36, 0.25); + } + + .button.is-warning:active, + .button.is-warning.is-active { + background-color: #ffce0a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning[disabled], + fieldset[disabled] .button.is-warning { + background-color: #ffd324; + border-color: transparent; + box-shadow: none; + } + + .button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: #ffd324; + } + + .button.is-warning.is-inverted:hover { + background-color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning.is-inverted[disabled], + fieldset[disabled] .button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + box-shadow: none; + color: #ffd324; + } + + .button.is-warning.is-loading::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; + } + + .button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffd324; + color: #ffd324; + } + + .button.is-warning.is-outlined:hover, + .button.is-warning.is-outlined:focus { + background-color: #ffd324; + border-color: #ffd324; + color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning.is-outlined.is-loading::after { + border-color: transparent transparent #ffd324 #ffd324 !important; + } + + .button.is-warning.is-outlined[disabled], + fieldset[disabled] .button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffd324; + box-shadow: none; + color: #ffd324; + } + + .button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning.is-inverted.is-outlined:hover, + .button.is-warning.is-inverted.is-outlined:focus { + background-color: rgba(0, 0, 0, 0.7); + color: #ffd324; + } + + .button.is-warning.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + box-shadow: none; + color: rgba(0, 0, 0, 0.7); + } + + .button.is-danger { + background-color: #ff0537; + border-color: transparent; + color: #fff; + } + + .button.is-danger:hover, + .button.is-danger.is-hovered { + background-color: #f70031; + border-color: transparent; + color: #fff; + } + + .button.is-danger:focus, + .button.is-danger.is-focused { + border-color: transparent; + color: #fff; + } + + .button.is-danger:focus:not(:active), + .button.is-danger.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 5, 55, 0.25); + } + + .button.is-danger:active, + .button.is-danger.is-active { + background-color: #eb002f; + border-color: transparent; + color: #fff; + } + + .button.is-danger[disabled], + fieldset[disabled] .button.is-danger { + background-color: #ff0537; + border-color: transparent; + box-shadow: none; + } + + .button.is-danger.is-inverted { + background-color: #fff; + color: #ff0537; + } + + .button.is-danger.is-inverted:hover { + background-color: #f2f2f2; + } + + .button.is-danger.is-inverted[disabled], + fieldset[disabled] .button.is-danger.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #ff0537; + } + + .button.is-danger.is-loading::after { + border-color: transparent transparent #fff #fff !important; + } + + .button.is-danger.is-outlined { + background-color: transparent; + border-color: #ff0537; + color: #ff0537; + } + + .button.is-danger.is-outlined:hover, + .button.is-danger.is-outlined:focus { + background-color: #ff0537; + border-color: #ff0537; + color: #fff; + } + + .button.is-danger.is-outlined.is-loading::after { + border-color: transparent transparent #ff0537 #ff0537 !important; + } + + .button.is-danger.is-outlined[disabled], + fieldset[disabled] .button.is-danger.is-outlined { + background-color: transparent; + border-color: #ff0537; + box-shadow: none; + color: #ff0537; + } + + .button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; + } + + .button.is-danger.is-inverted.is-outlined:hover, + .button.is-danger.is-inverted.is-outlined:focus { + background-color: #fff; + color: #ff0537; + } + + .button.is-danger.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; + } + + .button.is-white-dark { + background-color: white; + border-color: transparent; + color: #0a0a0a; + } + + .button.is-white-dark:hover, + .button.is-white-dark.is-hovered { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a; + } + + .button.is-white-dark:focus, + .button.is-white-dark.is-focused { + border-color: transparent; + color: #0a0a0a; + } + + .button.is-white-dark:focus:not(:active), + .button.is-white-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + } + + .button.is-white-dark:active, + .button.is-white-dark.is-active { + background-color: #f2f2f2; + border-color: transparent; + color: #0a0a0a; + } + + .button.is-white-dark[disabled], + fieldset[disabled] .button.is-white-dark { + background-color: white; + border-color: transparent; + box-shadow: none; + } + + .button.is-white-dark.is-inverted { + background-color: #0a0a0a; + color: white; + } + + .button.is-white-dark.is-inverted:hover { + background-color: black; + } + + .button.is-white-dark.is-inverted[disabled], + fieldset[disabled] .button.is-white-dark.is-inverted { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none; + color: white; + } + + .button.is-white-dark.is-loading::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; + } + + .button.is-white-dark.is-outlined { + background-color: transparent; + border-color: white; + color: white; + } + + .button.is-white-dark.is-outlined:hover, + .button.is-white-dark.is-outlined:focus { + background-color: white; + border-color: white; + color: #0a0a0a; + } + + .button.is-white-dark.is-outlined.is-loading::after { + border-color: transparent transparent white white !important; + } + + .button.is-white-dark.is-outlined[disabled], + fieldset[disabled] .button.is-white-dark.is-outlined { + background-color: transparent; + border-color: white; + box-shadow: none; + color: white; + } + + .button.is-white-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; + } + + .button.is-white-dark.is-inverted.is-outlined:hover, + .button.is-white-dark.is-inverted.is-outlined:focus { + background-color: #0a0a0a; + color: white; + } + + .button.is-white-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-white-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + box-shadow: none; + color: #0a0a0a; + } + + .button.is-black-dark { + background-color: #0a0a0a; + border-color: transparent; + color: white; + } + + .button.is-black-dark:hover, + .button.is-black-dark.is-hovered { + background-color: #040404; + border-color: transparent; + color: white; + } + + .button.is-black-dark:focus, + .button.is-black-dark.is-focused { + border-color: transparent; + color: white; + } + + .button.is-black-dark:focus:not(:active), + .button.is-black-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + } + + .button.is-black-dark:active, + .button.is-black-dark.is-active { + background-color: black; + border-color: transparent; + color: white; + } + + .button.is-black-dark[disabled], + fieldset[disabled] .button.is-black-dark { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none; + } + + .button.is-black-dark.is-inverted { + background-color: white; + color: #0a0a0a; + } + + .button.is-black-dark.is-inverted:hover { + background-color: #f2f2f2; + } + + .button.is-black-dark.is-inverted[disabled], + fieldset[disabled] .button.is-black-dark.is-inverted { + background-color: white; + border-color: transparent; + box-shadow: none; + color: #0a0a0a; + } + + .button.is-black-dark.is-loading::after { + border-color: transparent transparent white white !important; + } + + .button.is-black-dark.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a; + } + + .button.is-black-dark.is-outlined:hover, + .button.is-black-dark.is-outlined:focus { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; + } + + .button.is-black-dark.is-outlined.is-loading::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important; + } + + .button.is-black-dark.is-outlined[disabled], + fieldset[disabled] .button.is-black-dark.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + box-shadow: none; + color: #0a0a0a; + } + + .button.is-black-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + color: white; + } + + .button.is-black-dark.is-inverted.is-outlined:hover, + .button.is-black-dark.is-inverted.is-outlined:focus { + background-color: white; + color: #0a0a0a; + } + + .button.is-black-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-black-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: white; + box-shadow: none; + color: white; + } + + .button.is-light-dark { + background-color: whitesmoke; + border-color: transparent; + color: #363636; + } + + .button.is-light-dark:hover, + .button.is-light-dark.is-hovered { + background-color: #eeeeee; + border-color: transparent; + color: #363636; + } + + .button.is-light-dark:focus, + .button.is-light-dark.is-focused { + border-color: transparent; + color: #363636; + } + + .button.is-light-dark:focus:not(:active), + .button.is-light-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + } + + .button.is-light-dark:active, + .button.is-light-dark.is-active { + background-color: #e8e8e8; + border-color: transparent; + color: #363636; + } + + .button.is-light-dark[disabled], + fieldset[disabled] .button.is-light-dark { + background-color: whitesmoke; + border-color: transparent; + box-shadow: none; + } + + .button.is-light-dark.is-inverted { + background-color: #363636; + color: whitesmoke; + } + + .button.is-light-dark.is-inverted:hover { + background-color: #292929; + } + + .button.is-light-dark.is-inverted[disabled], + fieldset[disabled] .button.is-light-dark.is-inverted { + background-color: #363636; + border-color: transparent; + box-shadow: none; + color: whitesmoke; + } + + .button.is-light-dark.is-loading::after { + border-color: transparent transparent #363636 #363636 !important; + } + + .button.is-light-dark.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; + } + + .button.is-light-dark.is-outlined:hover, + .button.is-light-dark.is-outlined:focus { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; + } + + .button.is-light-dark.is-outlined.is-loading::after { + border-color: transparent transparent whitesmoke whitesmoke !important; + } + + .button.is-light-dark.is-outlined[disabled], + fieldset[disabled] .button.is-light-dark.is-outlined { + background-color: transparent; + border-color: whitesmoke; + box-shadow: none; + color: whitesmoke; + } + + .button.is-light-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; + } + + .button.is-light-dark.is-inverted.is-outlined:hover, + .button.is-light-dark.is-inverted.is-outlined:focus { + background-color: #363636; + color: whitesmoke; + } + + .button.is-light-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-light-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636; + } + + .button.is-dark-dark { + background-color: #363636; + border-color: transparent; + color: whitesmoke; + } + + .button.is-dark-dark:hover, + .button.is-dark-dark.is-hovered { + background-color: #2f2f2f; + border-color: transparent; + color: whitesmoke; + } + + .button.is-dark-dark:focus, + .button.is-dark-dark.is-focused { + border-color: transparent; + color: whitesmoke; + } + + .button.is-dark-dark:focus:not(:active), + .button.is-dark-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + } + + .button.is-dark-dark:active, + .button.is-dark-dark.is-active { + background-color: #292929; + border-color: transparent; + color: whitesmoke; + } + + .button.is-dark-dark[disabled], + fieldset[disabled] .button.is-dark-dark { + background-color: #363636; + border-color: transparent; + box-shadow: none; + } + + .button.is-dark-dark.is-inverted { + background-color: whitesmoke; + color: #363636; + } + + .button.is-dark-dark.is-inverted:hover { + background-color: #e8e8e8; + } + + .button.is-dark-dark.is-inverted[disabled], + fieldset[disabled] .button.is-dark-dark.is-inverted { + background-color: whitesmoke; + border-color: transparent; + box-shadow: none; + color: #363636; + } + + .button.is-dark-dark.is-loading::after { + border-color: transparent transparent whitesmoke whitesmoke !important; + } + + .button.is-dark-dark.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636; + } + + .button.is-dark-dark.is-outlined:hover, + .button.is-dark-dark.is-outlined:focus { + background-color: #363636; + border-color: #363636; + color: whitesmoke; + } + + .button.is-dark-dark.is-outlined.is-loading::after { + border-color: transparent transparent #363636 #363636 !important; + } + + .button.is-dark-dark.is-outlined[disabled], + fieldset[disabled] .button.is-dark-dark.is-outlined { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636; + } + + .button.is-dark-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: whitesmoke; + color: whitesmoke; + } + + .button.is-dark-dark.is-inverted.is-outlined:hover, + .button.is-dark-dark.is-inverted.is-outlined:focus { + background-color: whitesmoke; + color: #363636; + } + + .button.is-dark-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-dark-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: whitesmoke; + box-shadow: none; + color: whitesmoke; + } + + .button.is-primary-dark { + background-color: #00d1b2; + border-color: transparent; + color: #fff; + } + + .button.is-primary-dark:hover, + .button.is-primary-dark.is-hovered { + background-color: #00c4a7; + border-color: transparent; + color: #fff; + } + + .button.is-primary-dark:focus, + .button.is-primary-dark.is-focused { + border-color: transparent; + color: #fff; + } + + .button.is-primary-dark:focus:not(:active), + .button.is-primary-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + } + + .button.is-primary-dark:active, + .button.is-primary-dark.is-active { + background-color: #00b89c; + border-color: transparent; + color: #fff; + } + + .button.is-primary-dark[disabled], + fieldset[disabled] .button.is-primary-dark { + background-color: #00d1b2; + border-color: transparent; + box-shadow: none; + } + + .button.is-primary-dark.is-inverted { + background-color: #fff; + color: #00d1b2; + } + + .button.is-primary-dark.is-inverted:hover { + background-color: #f2f2f2; + } + + .button.is-primary-dark.is-inverted[disabled], + fieldset[disabled] .button.is-primary-dark.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #00d1b2; + } + + .button.is-primary-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important; + } + + .button.is-primary-dark.is-outlined { + background-color: transparent; + border-color: #00d1b2; + color: #00d1b2; + } + + .button.is-primary-dark.is-outlined:hover, + .button.is-primary-dark.is-outlined:focus { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; + } + + .button.is-primary-dark.is-outlined.is-loading::after { + border-color: transparent transparent #00d1b2 #00d1b2 !important; + } + + .button.is-primary-dark.is-outlined[disabled], + fieldset[disabled] .button.is-primary-dark.is-outlined { + background-color: transparent; + border-color: #00d1b2; + box-shadow: none; + color: #00d1b2; + } + + .button.is-primary-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; + } + + .button.is-primary-dark.is-inverted.is-outlined:hover, + .button.is-primary-dark.is-inverted.is-outlined:focus { + background-color: #fff; + color: #00d1b2; + } + + .button.is-primary-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-primary-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; + } + + .button.is-link-dark { + background-color: #3273dc; + border-color: transparent; + color: #fff; + } + + .button.is-link-dark:hover, + .button.is-link-dark.is-hovered { + background-color: #276cda; + border-color: transparent; + color: #fff; + } + + .button.is-link-dark:focus, + .button.is-link-dark.is-focused { + border-color: transparent; + color: #fff; + } + + .button.is-link-dark:focus:not(:active), + .button.is-link-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + } + + .button.is-link-dark:active, + .button.is-link-dark.is-active { + background-color: #2366d1; + border-color: transparent; + color: #fff; + } + + .button.is-link-dark[disabled], + fieldset[disabled] .button.is-link-dark { + background-color: #3273dc; + border-color: transparent; + box-shadow: none; + } + + .button.is-link-dark.is-inverted { + background-color: #fff; + color: #3273dc; + } + + .button.is-link-dark.is-inverted:hover { + background-color: #f2f2f2; + } + + .button.is-link-dark.is-inverted[disabled], + fieldset[disabled] .button.is-link-dark.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #3273dc; + } + + .button.is-link-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important; + } + + .button.is-link-dark.is-outlined { + background-color: transparent; + border-color: #3273dc; + color: #3273dc; + } + + .button.is-link-dark.is-outlined:hover, + .button.is-link-dark.is-outlined:focus { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; + } + + .button.is-link-dark.is-outlined.is-loading::after { + border-color: transparent transparent #3273dc #3273dc !important; + } + + .button.is-link-dark.is-outlined[disabled], + fieldset[disabled] .button.is-link-dark.is-outlined { + background-color: transparent; + border-color: #3273dc; + box-shadow: none; + color: #3273dc; + } + + .button.is-link-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; + } + + .button.is-link-dark.is-inverted.is-outlined:hover, + .button.is-link-dark.is-inverted.is-outlined:focus { + background-color: #fff; + color: #3273dc; + } + + .button.is-link-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-link-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; + } + + .button.is-info-dark { + background-color: #209cee; + border-color: transparent; + color: #fff; + } + + .button.is-info-dark:hover, + .button.is-info-dark.is-hovered { + background-color: #1496ed; + border-color: transparent; + color: #fff; + } + + .button.is-info-dark:focus, + .button.is-info-dark.is-focused { + border-color: transparent; + color: #fff; + } + + .button.is-info-dark:focus:not(:active), + .button.is-info-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + } + + .button.is-info-dark:active, + .button.is-info-dark.is-active { + background-color: #118fe4; + border-color: transparent; + color: #fff; + } + + .button.is-info-dark[disabled], + fieldset[disabled] .button.is-info-dark { + background-color: #209cee; + border-color: transparent; + box-shadow: none; + } + + .button.is-info-dark.is-inverted { + background-color: #fff; + color: #209cee; + } + + .button.is-info-dark.is-inverted:hover { + background-color: #f2f2f2; + } + + .button.is-info-dark.is-inverted[disabled], + fieldset[disabled] .button.is-info-dark.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #209cee; + } + + .button.is-info-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important; + } + + .button.is-info-dark.is-outlined { + background-color: transparent; + border-color: #209cee; + color: #209cee; + } + + .button.is-info-dark.is-outlined:hover, + .button.is-info-dark.is-outlined:focus { + background-color: #209cee; + border-color: #209cee; + color: #fff; + } + + .button.is-info-dark.is-outlined.is-loading::after { + border-color: transparent transparent #209cee #209cee !important; + } + + .button.is-info-dark.is-outlined[disabled], + fieldset[disabled] .button.is-info-dark.is-outlined { + background-color: transparent; + border-color: #209cee; + box-shadow: none; + color: #209cee; + } + + .button.is-info-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; + } + + .button.is-info-dark.is-inverted.is-outlined:hover, + .button.is-info-dark.is-inverted.is-outlined:focus { + background-color: #fff; + color: #209cee; + } + + .button.is-info-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-info-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; + } + + .button.is-success-dark { + background-color: #23d160; + border-color: transparent; + color: #fff; + } + + .button.is-success-dark:hover, + .button.is-success-dark.is-hovered { + background-color: #22c65b; + border-color: transparent; + color: #fff; + } + + .button.is-success-dark:focus, + .button.is-success-dark.is-focused { + border-color: transparent; + color: #fff; + } + + .button.is-success-dark:focus:not(:active), + .button.is-success-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + } + + .button.is-success-dark:active, + .button.is-success-dark.is-active { + background-color: #20bc56; + border-color: transparent; + color: #fff; + } + + .button.is-success-dark[disabled], + fieldset[disabled] .button.is-success-dark { + background-color: #23d160; + border-color: transparent; + box-shadow: none; + } + + .button.is-success-dark.is-inverted { + background-color: #fff; + color: #23d160; + } + + .button.is-success-dark.is-inverted:hover { + background-color: #f2f2f2; + } + + .button.is-success-dark.is-inverted[disabled], + fieldset[disabled] .button.is-success-dark.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #23d160; + } + + .button.is-success-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important; + } + + .button.is-success-dark.is-outlined { + background-color: transparent; + border-color: #23d160; + color: #23d160; + } + + .button.is-success-dark.is-outlined:hover, + .button.is-success-dark.is-outlined:focus { + background-color: #23d160; + border-color: #23d160; + color: #fff; + } + + .button.is-success-dark.is-outlined.is-loading::after { + border-color: transparent transparent #23d160 #23d160 !important; + } + + .button.is-success-dark.is-outlined[disabled], + fieldset[disabled] .button.is-success-dark.is-outlined { + background-color: transparent; + border-color: #23d160; + box-shadow: none; + color: #23d160; + } + + .button.is-success-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; + } + + .button.is-success-dark.is-inverted.is-outlined:hover, + .button.is-success-dark.is-inverted.is-outlined:focus { + background-color: #fff; + color: #23d160; + } + + .button.is-success-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-success-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; + } + + .button.is-warning-dark { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning-dark:hover, + .button.is-warning-dark.is-hovered { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning-dark:focus, + .button.is-warning-dark.is-focused { + border-color: transparent; + color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning-dark:focus:not(:active), + .button.is-warning-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + } + + .button.is-warning-dark:active, + .button.is-warning-dark.is-active { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning-dark[disabled], + fieldset[disabled] .button.is-warning-dark { + background-color: #ffdd57; + border-color: transparent; + box-shadow: none; + } + + .button.is-warning-dark.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; + } + + .button.is-warning-dark.is-inverted:hover { + background-color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning-dark.is-inverted[disabled], + fieldset[disabled] .button.is-warning-dark.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + box-shadow: none; + color: #ffdd57; + } + + .button.is-warning-dark.is-loading::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; + } + + .button.is-warning-dark.is-outlined { + background-color: transparent; + border-color: #ffdd57; + color: #ffdd57; + } + + .button.is-warning-dark.is-outlined:hover, + .button.is-warning-dark.is-outlined:focus { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning-dark.is-outlined.is-loading::after { + border-color: transparent transparent #ffdd57 #ffdd57 !important; + } + + .button.is-warning-dark.is-outlined[disabled], + fieldset[disabled] .button.is-warning-dark.is-outlined { + background-color: transparent; + border-color: #ffdd57; + box-shadow: none; + color: #ffdd57; + } + + .button.is-warning-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); + } + + .button.is-warning-dark.is-inverted.is-outlined:hover, + .button.is-warning-dark.is-inverted.is-outlined:focus { + background-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; + } + + .button.is-warning-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-warning-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + box-shadow: none; + color: rgba(0, 0, 0, 0.7); + } + + .button.is-danger-dark { + background-color: #ff3860; + border-color: transparent; + color: #fff; + } + + .button.is-danger-dark:hover, + .button.is-danger-dark.is-hovered { + background-color: #ff2b56; + border-color: transparent; + color: #fff; + } + + .button.is-danger-dark:focus, + .button.is-danger-dark.is-focused { + border-color: transparent; + color: #fff; + } + + .button.is-danger-dark:focus:not(:active), + .button.is-danger-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + } + + .button.is-danger-dark:active, + .button.is-danger-dark.is-active { + background-color: #ff1f4b; + border-color: transparent; + color: #fff; + } + + .button.is-danger-dark[disabled], + fieldset[disabled] .button.is-danger-dark { + background-color: #ff3860; + border-color: transparent; + box-shadow: none; + } + + .button.is-danger-dark.is-inverted { + background-color: #fff; + color: #ff3860; + } + + .button.is-danger-dark.is-inverted:hover { + background-color: #f2f2f2; + } + + .button.is-danger-dark.is-inverted[disabled], + fieldset[disabled] .button.is-danger-dark.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #ff3860; + } + + .button.is-danger-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important; + } + + .button.is-danger-dark.is-outlined { + background-color: transparent; + border-color: #ff3860; + color: #ff3860; + } + + .button.is-danger-dark.is-outlined:hover, + .button.is-danger-dark.is-outlined:focus { + background-color: #ff3860; + border-color: #ff3860; + color: #fff; + } + + .button.is-danger-dark.is-outlined.is-loading::after { + border-color: transparent transparent #ff3860 #ff3860 !important; + } + + .button.is-danger-dark.is-outlined[disabled], + fieldset[disabled] .button.is-danger-dark.is-outlined { + background-color: transparent; + border-color: #ff3860; + box-shadow: none; + color: #ff3860; + } + + .button.is-danger-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; + } + + .button.is-danger-dark.is-inverted.is-outlined:hover, + .button.is-danger-dark.is-inverted.is-outlined:focus { + background-color: #fff; + color: #ff3860; + } + + .button.is-danger-dark.is-inverted.is-outlined[disabled], + fieldset[disabled] .button.is-danger-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; + } + + .button[disabled], + fieldset[disabled] .button { + background-color: #0a0a0a; + border-color: #363636; + } + + .button.is-static { + background-color: whitesmoke; + border-color: #363636; + color: #7a7a7a; + } + + .content h1, + .content h2, + .content h3, + .content h4, + .content h5, + .content h6 { + color: #dbdbdb; + } + + .content blockquote { + background-color: #666; + color: #dddddd; + border-left: 5px solid #363636; + } + + .content table td, + .content table th { + border: 1px solid #363636; + } + + .content table th { + color: #dbdbdb; + } + + .content table thead td, + .content table thead th { + color: #dbdbdb; + } + + .content table tfoot td, + .content table tfoot th { + color: #dbdbdb; + } + + .input, + .textarea { + background-color: #0a0a0a; + border-color: #363636; + color: #dbdbdb; + box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.1); + } + + .input::-moz-placeholder, + .textarea::-moz-placeholder { + color: rgba(219, 219, 219, 0.3); + } + + .input::-webkit-input-placeholder, + .textarea::-webkit-input-placeholder { + color: rgba(219, 219, 219, 0.3); + } + + .input:-moz-placeholder, + .textarea:-moz-placeholder { + color: rgba(219, 219, 219, 0.3); + } + + .input:-ms-input-placeholder, + .textarea:-ms-input-placeholder { + color: rgba(219, 219, 219, 0.3); + } + + .input:hover, + .input.is-hovered, + .textarea:hover, + .textarea.is-hovered { + border-color: #4a4a4a; + } + + .input:focus, + .input.is-focused, + .input:active, + .input.is-active, + .textarea:focus, + .textarea.is-focused, + .textarea:active, + .textarea.is-active { + border-color: #5ea3e4; + box-shadow: 0 0 0 0.125em rgba(94, 163, 228, 0.25); + } + + .input[disabled], + fieldset[disabled] .input, + .textarea[disabled], + fieldset[disabled] .textarea { + background-color: #242424; + border-color: #242424; + color: #b5b5b5; + } + + .input[disabled]::-moz-placeholder, + fieldset[disabled] .input::-moz-placeholder, + .textarea[disabled]::-moz-placeholder, + fieldset[disabled] .textarea::-moz-placeholder { + color: rgba(181, 181, 181, 0.3); + } + + .input[disabled]::-webkit-input-placeholder, + fieldset[disabled] .input::-webkit-input-placeholder, + .textarea[disabled]::-webkit-input-placeholder, + fieldset[disabled] .textarea::-webkit-input-placeholder { + color: rgba(181, 181, 181, 0.3); + } + + .input[disabled]:-moz-placeholder, + fieldset[disabled] .input:-moz-placeholder, + .textarea[disabled]:-moz-placeholder, + fieldset[disabled] .textarea:-moz-placeholder { + color: rgba(181, 181, 181, 0.3); + } + + .input[disabled]:-ms-input-placeholder, + fieldset[disabled] .input:-ms-input-placeholder, + .textarea[disabled]:-ms-input-placeholder, + fieldset[disabled] .textarea:-ms-input-placeholder { + color: rgba(181, 181, 181, 0.3); + } + + .input.is-white, + .textarea.is-white { + border-color: #e6e6e6; + } + + .input.is-white:focus, + .input.is-white.is-focused, + .input.is-white:active, + .input.is-white.is-active, + .textarea.is-white:focus, + .textarea.is-white.is-focused, + .textarea.is-white:active, + .textarea.is-white.is-active { + box-shadow: 0 0 0 0.125em rgba(230, 230, 230, 0.25); + } + + .input.is-black, + .textarea.is-black { + border-color: black; + } + + .input.is-black:focus, + .input.is-black.is-focused, + .input.is-black:active, + .input.is-black.is-active, + .textarea.is-black:focus, + .textarea.is-black.is-focused, + .textarea.is-black:active, + .textarea.is-black.is-active { + box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25); + } + + .input.is-light, + .textarea.is-light { + border-color: #dbdbdb; + } + + .input.is-light:focus, + .input.is-light.is-focused, + .input.is-light:active, + .input.is-light.is-active, + .textarea.is-light:focus, + .textarea.is-light.is-focused, + .textarea.is-light:active, + .textarea.is-light.is-active { + box-shadow: 0 0 0 0.125em rgba(219, 219, 219, 0.25); + } + + .input.is-dark, + .textarea.is-dark { + border-color: #1c1c1c; + } + + .input.is-dark:focus, + .input.is-dark.is-focused, + .input.is-dark:active, + .input.is-dark.is-active, + .textarea.is-dark:focus, + .textarea.is-dark.is-focused, + .textarea.is-dark:active, + .textarea.is-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(28, 28, 28, 0.25); + } + + .input.is-primary, + .textarea.is-primary { + border-color: #009e86; + } + + .input.is-primary:focus, + .input.is-primary.is-focused, + .input.is-primary:active, + .input.is-primary.is-active, + .textarea.is-primary:focus, + .textarea.is-primary.is-focused, + .textarea.is-primary:active, + .textarea.is-primary.is-active { + box-shadow: 0 0 0 0.125em rgba(0, 158, 134, 0.25); + } + + .input.is-link, + .textarea.is-link { + border-color: #205bbc; + } + + .input.is-link:focus, + .input.is-link.is-focused, + .input.is-link:active, + .input.is-link.is-active, + .textarea.is-link:focus, + .textarea.is-link.is-focused, + .textarea.is-link:active, + .textarea.is-link.is-active { + box-shadow: 0 0 0 0.125em rgba(32, 91, 188, 0.25); + } + + .input.is-info, + .textarea.is-info { + border-color: #0f81cc; + } + + .input.is-info:focus, + .input.is-info.is-focused, + .input.is-info:active, + .input.is-info.is-active, + .textarea.is-info:focus, + .textarea.is-info.is-focused, + .textarea.is-info:active, + .textarea.is-info.is-active { + box-shadow: 0 0 0 0.125em rgba(15, 129, 204, 0.25); + } + + .input.is-success, + .textarea.is-success { + border-color: #1ca64c; + } + + .input.is-success:focus, + .input.is-success.is-focused, + .input.is-success:active, + .input.is-success.is-active, + .textarea.is-success:focus, + .textarea.is-success.is-focused, + .textarea.is-success:active, + .textarea.is-success.is-active { + box-shadow: 0 0 0 0.125em rgba(28, 166, 76, 0.25); + } + + .input.is-warning, + .textarea.is-warning { + border-color: #ffd324; + } + + .input.is-warning:focus, + .input.is-warning.is-focused, + .input.is-warning:active, + .input.is-warning.is-active, + .textarea.is-warning:focus, + .textarea.is-warning.is-focused, + .textarea.is-warning:active, + .textarea.is-warning.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 211, 36, 0.25); + } + + .input.is-danger, + .textarea.is-danger { + border-color: #ff0537; + } + + .input.is-danger:focus, + .input.is-danger.is-focused, + .input.is-danger:active, + .input.is-danger.is-active, + .textarea.is-danger:focus, + .textarea.is-danger.is-focused, + .textarea.is-danger:active, + .textarea.is-danger.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 5, 55, 0.25); + } + + .input.is-white-dark, + .textarea.is-white-dark { + border-color: white; + } + + .input.is-white-dark:focus, + .input.is-white-dark.is-focused, + .input.is-white-dark:active, + .input.is-white-dark.is-active, + .textarea.is-white-dark:focus, + .textarea.is-white-dark.is-focused, + .textarea.is-white-dark:active, + .textarea.is-white-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + } + + .input.is-black-dark, + .textarea.is-black-dark { + border-color: #0a0a0a; + } + + .input.is-black-dark:focus, + .input.is-black-dark.is-focused, + .input.is-black-dark:active, + .input.is-black-dark.is-active, + .textarea.is-black-dark:focus, + .textarea.is-black-dark.is-focused, + .textarea.is-black-dark:active, + .textarea.is-black-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + } + + .input.is-light-dark, + .textarea.is-light-dark { + border-color: whitesmoke; + } + + .input.is-light-dark:focus, + .input.is-light-dark.is-focused, + .input.is-light-dark:active, + .input.is-light-dark.is-active, + .textarea.is-light-dark:focus, + .textarea.is-light-dark.is-focused, + .textarea.is-light-dark:active, + .textarea.is-light-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + } + + .input.is-dark-dark, + .textarea.is-dark-dark { + border-color: #363636; + } + + .input.is-dark-dark:focus, + .input.is-dark-dark.is-focused, + .input.is-dark-dark:active, + .input.is-dark-dark.is-active, + .textarea.is-dark-dark:focus, + .textarea.is-dark-dark.is-focused, + .textarea.is-dark-dark:active, + .textarea.is-dark-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + } + + .input.is-primary-dark, + .textarea.is-primary-dark { + border-color: #00d1b2; + } + + .input.is-primary-dark:focus, + .input.is-primary-dark.is-focused, + .input.is-primary-dark:active, + .input.is-primary-dark.is-active, + .textarea.is-primary-dark:focus, + .textarea.is-primary-dark.is-focused, + .textarea.is-primary-dark:active, + .textarea.is-primary-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + } + + .input.is-link-dark, + .textarea.is-link-dark { + border-color: #3273dc; + } + + .input.is-link-dark:focus, + .input.is-link-dark.is-focused, + .input.is-link-dark:active, + .input.is-link-dark.is-active, + .textarea.is-link-dark:focus, + .textarea.is-link-dark.is-focused, + .textarea.is-link-dark:active, + .textarea.is-link-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + } + + .input.is-info-dark, + .textarea.is-info-dark { + border-color: #209cee; + } + + .input.is-info-dark:focus, + .input.is-info-dark.is-focused, + .input.is-info-dark:active, + .input.is-info-dark.is-active, + .textarea.is-info-dark:focus, + .textarea.is-info-dark.is-focused, + .textarea.is-info-dark:active, + .textarea.is-info-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + } + + .input.is-success-dark, + .textarea.is-success-dark { + border-color: #23d160; + } + + .input.is-success-dark:focus, + .input.is-success-dark.is-focused, + .input.is-success-dark:active, + .input.is-success-dark.is-active, + .textarea.is-success-dark:focus, + .textarea.is-success-dark.is-focused, + .textarea.is-success-dark:active, + .textarea.is-success-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + } + + .input.is-warning-dark, + .textarea.is-warning-dark { + border-color: #ffdd57; + } + + .input.is-warning-dark:focus, + .input.is-warning-dark.is-focused, + .input.is-warning-dark:active, + .input.is-warning-dark.is-active, + .textarea.is-warning-dark:focus, + .textarea.is-warning-dark.is-focused, + .textarea.is-warning-dark:active, + .textarea.is-warning-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + } + + .input.is-danger-dark, + .textarea.is-danger-dark { + border-color: #ff3860; + } + + .input.is-danger-dark:focus, + .input.is-danger-dark.is-focused, + .input.is-danger-dark:active, + .input.is-danger-dark.is-active, + .textarea.is-danger-dark:focus, + .textarea.is-danger-dark.is-focused, + .textarea.is-danger-dark:active, + .textarea.is-danger-dark.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + } + + .checkbox:hover, + .radio:hover { + color: #dbdbdb; + } + + .checkbox[disabled], + fieldset[disabled] .checkbox, + .radio[disabled], + fieldset[disabled] .radio { + color: #b5b5b5; + } + + .select:not(.is-multiple):not(.is-loading)::after { + border-color: #5ea3e4; + } + + .select select { + background-color: #0a0a0a; + border-color: #363636; + color: #dbdbdb; + } + + .select select::-moz-placeholder { + color: rgba(219, 219, 219, 0.3); + } + + .select select::-webkit-input-placeholder { + color: rgba(219, 219, 219, 0.3); + } + + .select select:-moz-placeholder { + color: rgba(219, 219, 219, 0.3); + } + + .select select:-ms-input-placeholder { + color: rgba(219, 219, 219, 0.3); + } + + .select select:hover, + .select select.is-hovered { + border-color: #4a4a4a; + } + + .select select:focus, + .select select.is-focused, + .select select:active, + .select select.is-active { + border-color: #5ea3e4; + box-shadow: 0 0 0 0.125em rgba(94, 163, 228, 0.25); + } + + .select select[disabled], + fieldset[disabled] .select select { + background-color: #242424; + border-color: #242424; + color: #b5b5b5; + } + + .select select[disabled]::-moz-placeholder, + fieldset[disabled] .select select::-moz-placeholder { + color: rgba(181, 181, 181, 0.3); + } + + .select select[disabled]::-webkit-input-placeholder, + fieldset[disabled] .select select::-webkit-input-placeholder { + color: rgba(181, 181, 181, 0.3); + } + + .select select[disabled]:-moz-placeholder, + fieldset[disabled] .select select:-moz-placeholder { + color: rgba(181, 181, 181, 0.3); + } + + .select select[disabled]:-ms-input-placeholder, + fieldset[disabled] .select select:-ms-input-placeholder { + color: rgba(181, 181, 181, 0.3); + } + + .select select[disabled]:hover, + fieldset[disabled] .select select:hover { + border-color: #242424; + } + + .select select option { + color: #dbdbdb; + } + + .select:not(.is-multiple):not(.is-loading):hover::after { + border-color: #dbdbdb; + } + + .select.is-white:not(:hover)::after { + border-color: #e6e6e6; + } + + .select.is-white select { + border-color: #e6e6e6; + } + + .select.is-white select:hover, + .select.is-white select.is-hovered { + border-color: #d9d9d9; + } + + .select.is-white select:focus, + .select.is-white select.is-focused, + .select.is-white select:active, + .select.is-white select.is-active { + box-shadow: 0 0 0 0.125em rgba(230, 230, 230, 0.25); + } + + .select.is-black:not(:hover)::after { + border-color: black; + } + + .select.is-black select { + border-color: black; + } + + .select.is-black select:hover, + .select.is-black select.is-hovered { + border-color: black; + } + + .select.is-black select:focus, + .select.is-black select.is-focused, + .select.is-black select:active, + .select.is-black select.is-active { + box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25); + } + + .select.is-light:not(:hover)::after { + border-color: #dbdbdb; + } + + .select.is-light select { + border-color: #dbdbdb; + } + + .select.is-light select:hover, + .select.is-light select.is-hovered { + border-color: #cfcfcf; + } + + .select.is-light select:focus, + .select.is-light select.is-focused, + .select.is-light select:active, + .select.is-light select.is-active { + box-shadow: 0 0 0 0.125em rgba(219, 219, 219, 0.25); + } + + .select.is-dark:not(:hover)::after { + border-color: #1c1c1c; + } + + .select.is-dark select { + border-color: #1c1c1c; + } + + .select.is-dark select:hover, + .select.is-dark select.is-hovered { + border-color: #0f0f0f; + } + + .select.is-dark select:focus, + .select.is-dark select.is-focused, + .select.is-dark select:active, + .select.is-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(28, 28, 28, 0.25); + } + + .select.is-primary:not(:hover)::after { + border-color: #009e86; + } + + .select.is-primary select { + border-color: #009e86; + } + + .select.is-primary select:hover, + .select.is-primary select.is-hovered { + border-color: #008571; + } + + .select.is-primary select:focus, + .select.is-primary select.is-focused, + .select.is-primary select:active, + .select.is-primary select.is-active { + box-shadow: 0 0 0 0.125em rgba(0, 158, 134, 0.25); + } + + .select.is-link:not(:hover)::after { + border-color: #205bbc; + } + + .select.is-link select { + border-color: #205bbc; + } + + .select.is-link select:hover, + .select.is-link select.is-hovered { + border-color: #1c51a6; + } + + .select.is-link select:focus, + .select.is-link select.is-focused, + .select.is-link select:active, + .select.is-link select.is-active { + box-shadow: 0 0 0 0.125em rgba(32, 91, 188, 0.25); + } + + .select.is-info:not(:hover)::after { + border-color: #0f81cc; + } + + .select.is-info select { + border-color: #0f81cc; + } + + .select.is-info select:hover, + .select.is-info select.is-hovered { + border-color: #0e72b4; + } + + .select.is-info select:focus, + .select.is-info select.is-focused, + .select.is-info select:active, + .select.is-info select.is-active { + box-shadow: 0 0 0 0.125em rgba(15, 129, 204, 0.25); + } + + .select.is-success:not(:hover)::after { + border-color: #1ca64c; + } + + .select.is-success select { + border-color: #1ca64c; + } + + .select.is-success select:hover, + .select.is-success select.is-hovered { + border-color: #189042; + } + + .select.is-success select:focus, + .select.is-success select.is-focused, + .select.is-success select:active, + .select.is-success select.is-active { + box-shadow: 0 0 0 0.125em rgba(28, 166, 76, 0.25); + } + + .select.is-warning:not(:hover)::after { + border-color: #ffd324; + } + + .select.is-warning select { + border-color: #ffd324; + } + + .select.is-warning select:hover, + .select.is-warning select.is-hovered { + border-color: #ffce0a; + } + + .select.is-warning select:focus, + .select.is-warning select.is-focused, + .select.is-warning select:active, + .select.is-warning select.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 211, 36, 0.25); + } + + .select.is-danger:not(:hover)::after { + border-color: #ff0537; + } + + .select.is-danger select { + border-color: #ff0537; + } + + .select.is-danger select:hover, + .select.is-danger select.is-hovered { + border-color: #eb002f; + } + + .select.is-danger select:focus, + .select.is-danger select.is-focused, + .select.is-danger select:active, + .select.is-danger select.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 5, 55, 0.25); + } + + .select.is-white-dark:not(:hover)::after { + border-color: white; + } + + .select.is-white-dark select { + border-color: white; + } + + .select.is-white-dark select:hover, + .select.is-white-dark select.is-hovered { + border-color: #f2f2f2; + } + + .select.is-white-dark select:focus, + .select.is-white-dark select.is-focused, + .select.is-white-dark select:active, + .select.is-white-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); + } + + .select.is-black-dark:not(:hover)::after { + border-color: #0a0a0a; + } + + .select.is-black-dark select { + border-color: #0a0a0a; + } + + .select.is-black-dark select:hover, + .select.is-black-dark select.is-hovered { + border-color: black; + } + + .select.is-black-dark select:focus, + .select.is-black-dark select.is-focused, + .select.is-black-dark select:active, + .select.is-black-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); + } + + .select.is-light-dark:not(:hover)::after { + border-color: whitesmoke; + } + + .select.is-light-dark select { + border-color: whitesmoke; + } + + .select.is-light-dark select:hover, + .select.is-light-dark select.is-hovered { + border-color: #e8e8e8; + } + + .select.is-light-dark select:focus, + .select.is-light-dark select.is-focused, + .select.is-light-dark select:active, + .select.is-light-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); + } + + .select.is-dark-dark:not(:hover)::after { + border-color: #363636; + } + + .select.is-dark-dark select { + border-color: #363636; + } + + .select.is-dark-dark select:hover, + .select.is-dark-dark select.is-hovered { + border-color: #292929; + } + + .select.is-dark-dark select:focus, + .select.is-dark-dark select.is-focused, + .select.is-dark-dark select:active, + .select.is-dark-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); + } + + .select.is-primary-dark:not(:hover)::after { + border-color: #00d1b2; + } + + .select.is-primary-dark select { + border-color: #00d1b2; + } + + .select.is-primary-dark select:hover, + .select.is-primary-dark select.is-hovered { + border-color: #00b89c; + } + + .select.is-primary-dark select:focus, + .select.is-primary-dark select.is-focused, + .select.is-primary-dark select:active, + .select.is-primary-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); + } + + .select.is-link-dark:not(:hover)::after { + border-color: #3273dc; + } + + .select.is-link-dark select { + border-color: #3273dc; + } + + .select.is-link-dark select:hover, + .select.is-link-dark select.is-hovered { + border-color: #2366d1; + } + + .select.is-link-dark select:focus, + .select.is-link-dark select.is-focused, + .select.is-link-dark select:active, + .select.is-link-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); + } + + .select.is-info-dark:not(:hover)::after { + border-color: #209cee; + } + + .select.is-info-dark select { + border-color: #209cee; + } + + .select.is-info-dark select:hover, + .select.is-info-dark select.is-hovered { + border-color: #118fe4; + } + + .select.is-info-dark select:focus, + .select.is-info-dark select.is-focused, + .select.is-info-dark select:active, + .select.is-info-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); + } + + .select.is-success-dark:not(:hover)::after { + border-color: #23d160; + } + + .select.is-success-dark select { + border-color: #23d160; + } + + .select.is-success-dark select:hover, + .select.is-success-dark select.is-hovered { + border-color: #20bc56; + } + + .select.is-success-dark select:focus, + .select.is-success-dark select.is-focused, + .select.is-success-dark select:active, + .select.is-success-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); + } + + .select.is-warning-dark:not(:hover)::after { + border-color: #ffdd57; + } + + .select.is-warning-dark select { + border-color: #ffdd57; + } + + .select.is-warning-dark select:hover, + .select.is-warning-dark select.is-hovered { + border-color: #ffd83d; + } + + .select.is-warning-dark select:focus, + .select.is-warning-dark select.is-focused, + .select.is-warning-dark select:active, + .select.is-warning-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); + } + + .select.is-danger-dark:not(:hover)::after { + border-color: #ff3860; + } + + .select.is-danger-dark select { + border-color: #ff3860; + } + + .select.is-danger-dark select:hover, + .select.is-danger-dark select.is-hovered { + border-color: #ff1f4b; + } + + .select.is-danger-dark select:focus, + .select.is-danger-dark select.is-focused, + .select.is-danger-dark select:active, + .select.is-danger-dark select.is-active { + box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); + } + + .select.is-disabled::after { + border-color: #b5b5b5; + } + + .file.is-white .file-cta { + background-color: #e6e6e6; + color: #0a0a0a; + } + + .file.is-white:hover .file-cta, + .file.is-white.is-hovered .file-cta { + background-color: #dfdfdf; + color: #0a0a0a; + } + + .file.is-white:focus .file-cta, + .file.is-white.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(230, 230, 230, 0.25); + color: #0a0a0a; + } + + .file.is-white:active .file-cta, + .file.is-white.is-active .file-cta { + background-color: #d9d9d9; + color: #0a0a0a; + } + + .file.is-black .file-cta { + background-color: black; + color: white; + } + + .file.is-black:hover .file-cta, + .file.is-black.is-hovered .file-cta { + background-color: black; + color: white; + } + + .file.is-black:focus .file-cta, + .file.is-black.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25); + color: white; + } + + .file.is-black:active .file-cta, + .file.is-black.is-active .file-cta { + background-color: black; + color: white; + } + + .file.is-light .file-cta { + background-color: #dbdbdb; + color: #363636; + } + + .file.is-light:hover .file-cta, + .file.is-light.is-hovered .file-cta { + background-color: #d5d5d5; + color: #363636; + } + + .file.is-light:focus .file-cta, + .file.is-light.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(219, 219, 219, 0.25); + color: #363636; + } + + .file.is-light:active .file-cta, + .file.is-light.is-active .file-cta { + background-color: #cfcfcf; + color: #363636; + } + + .file.is-dark .file-cta { + background-color: #1c1c1c; + color: whitesmoke; + } + + .file.is-dark:hover .file-cta, + .file.is-dark.is-hovered .file-cta { + background-color: #161616; + color: whitesmoke; + } + + .file.is-dark:focus .file-cta, + .file.is-dark.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(28, 28, 28, 0.25); + color: whitesmoke; + } + + .file.is-dark:active .file-cta, + .file.is-dark.is-active .file-cta { + background-color: #0f0f0f; + color: whitesmoke; + } + + .file.is-primary .file-cta { + background-color: #009e86; + color: #fff; + } + + .file.is-primary:hover .file-cta, + .file.is-primary.is-hovered .file-cta { + background-color: #00917c; + color: #fff; + } + + .file.is-primary:focus .file-cta, + .file.is-primary.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(0, 158, 134, 0.25); + color: #fff; + } + + .file.is-primary:active .file-cta, + .file.is-primary.is-active .file-cta { + background-color: #008571; + color: #fff; + } + + .file.is-link .file-cta { + background-color: #205bbc; + color: #fff; + } + + .file.is-link:hover .file-cta, + .file.is-link.is-hovered .file-cta { + background-color: #1e56b1; + color: #fff; + } + + .file.is-link:focus .file-cta, + .file.is-link.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(32, 91, 188, 0.25); + color: #fff; + } + + .file.is-link:active .file-cta, + .file.is-link.is-active .file-cta { + background-color: #1c51a6; + color: #fff; + } + + .file.is-info .file-cta { + background-color: #0f81cc; + color: #fff; + } + + .file.is-info:hover .file-cta, + .file.is-info.is-hovered .file-cta { + background-color: #0e79c0; + color: #fff; + } + + .file.is-info:focus .file-cta, + .file.is-info.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(15, 129, 204, 0.25); + color: #fff; + } + + .file.is-info:active .file-cta, + .file.is-info.is-active .file-cta { + background-color: #0e72b4; + color: #fff; + } + + .file.is-success .file-cta { + background-color: #1ca64c; + color: #fff; + } + + .file.is-success:hover .file-cta, + .file.is-success.is-hovered .file-cta { + background-color: #1a9b47; + color: #fff; + } + + .file.is-success:focus .file-cta, + .file.is-success.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(28, 166, 76, 0.25); + color: #fff; + } + + .file.is-success:active .file-cta, + .file.is-success.is-active .file-cta { + background-color: #189042; + color: #fff; + } + + .file.is-warning .file-cta { + background-color: #ffd324; + color: rgba(0, 0, 0, 0.7); + } + + .file.is-warning:hover .file-cta, + .file.is-warning.is-hovered .file-cta { + background-color: #ffd117; + color: rgba(0, 0, 0, 0.7); + } + + .file.is-warning:focus .file-cta, + .file.is-warning.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(255, 211, 36, 0.25); + color: rgba(0, 0, 0, 0.7); + } + + .file.is-warning:active .file-cta, + .file.is-warning.is-active .file-cta { + background-color: #ffce0a; + color: rgba(0, 0, 0, 0.7); + } + + .file.is-danger .file-cta { + background-color: #ff0537; + color: #fff; + } + + .file.is-danger:hover .file-cta, + .file.is-danger.is-hovered .file-cta { + background-color: #f70031; + color: #fff; + } + + .file.is-danger:focus .file-cta, + .file.is-danger.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(255, 5, 55, 0.25); + color: #fff; + } + + .file.is-danger:active .file-cta, + .file.is-danger.is-active .file-cta { + background-color: #eb002f; + color: #fff; + } + + .file.is-white-dark .file-cta { + background-color: white; + color: #0a0a0a; + } + + .file.is-white-dark:hover .file-cta, + .file.is-white-dark.is-hovered .file-cta { + background-color: #f9f9f9; + color: #0a0a0a; + } + + .file.is-white-dark:focus .file-cta, + .file.is-white-dark.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); + color: #0a0a0a; + } + + .file.is-white-dark:active .file-cta, + .file.is-white-dark.is-active .file-cta { + background-color: #f2f2f2; + color: #0a0a0a; + } + + .file.is-black-dark .file-cta { + background-color: #0a0a0a; + color: white; + } + + .file.is-black-dark:hover .file-cta, + .file.is-black-dark.is-hovered .file-cta { + background-color: #040404; + color: white; + } + + .file.is-black-dark:focus .file-cta, + .file.is-black-dark.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); + color: white; + } + + .file.is-black-dark:active .file-cta, + .file.is-black-dark.is-active .file-cta { + background-color: black; + color: white; + } + + .file.is-light-dark .file-cta { + background-color: whitesmoke; + color: #363636; + } + + .file.is-light-dark:hover .file-cta, + .file.is-light-dark.is-hovered .file-cta { + background-color: #eeeeee; + color: #363636; + } + + .file.is-light-dark:focus .file-cta, + .file.is-light-dark.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); + color: #363636; + } + + .file.is-light-dark:active .file-cta, + .file.is-light-dark.is-active .file-cta { + background-color: #e8e8e8; + color: #363636; + } + + .file.is-dark-dark .file-cta { + background-color: #363636; + color: whitesmoke; + } + + .file.is-dark-dark:hover .file-cta, + .file.is-dark-dark.is-hovered .file-cta { + background-color: #2f2f2f; + color: whitesmoke; + } + + .file.is-dark-dark:focus .file-cta, + .file.is-dark-dark.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); + color: whitesmoke; + } + + .file.is-dark-dark:active .file-cta, + .file.is-dark-dark.is-active .file-cta { + background-color: #292929; + color: whitesmoke; + } + + .file.is-primary-dark .file-cta { + background-color: #00d1b2; + color: #fff; + } + + .file.is-primary-dark:hover .file-cta, + .file.is-primary-dark.is-hovered .file-cta { + background-color: #00c4a7; + color: #fff; + } + + .file.is-primary-dark:focus .file-cta, + .file.is-primary-dark.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); + color: #fff; + } + + .file.is-primary-dark:active .file-cta, + .file.is-primary-dark.is-active .file-cta { + background-color: #00b89c; + color: #fff; + } + + .file.is-link-dark .file-cta { + background-color: #3273dc; + color: #fff; + } + + .file.is-link-dark:hover .file-cta, + .file.is-link-dark.is-hovered .file-cta { + background-color: #276cda; + color: #fff; + } + + .file.is-link-dark:focus .file-cta, + .file.is-link-dark.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); + color: #fff; + } + + .file.is-link-dark:active .file-cta, + .file.is-link-dark.is-active .file-cta { + background-color: #2366d1; + color: #fff; + } + + .file.is-info-dark .file-cta { + background-color: #209cee; + color: #fff; + } + + .file.is-info-dark:hover .file-cta, + .file.is-info-dark.is-hovered .file-cta { + background-color: #1496ed; + color: #fff; + } + + .file.is-info-dark:focus .file-cta, + .file.is-info-dark.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); + color: #fff; + } + + .file.is-info-dark:active .file-cta, + .file.is-info-dark.is-active .file-cta { + background-color: #118fe4; + color: #fff; + } + + .file.is-success-dark .file-cta { + background-color: #23d160; + color: #fff; + } + + .file.is-success-dark:hover .file-cta, + .file.is-success-dark.is-hovered .file-cta { + background-color: #22c65b; + color: #fff; + } + + .file.is-success-dark:focus .file-cta, + .file.is-success-dark.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); + color: #fff; + } + + .file.is-success-dark:active .file-cta, + .file.is-success-dark.is-active .file-cta { + background-color: #20bc56; + color: #fff; + } + + .file.is-warning-dark .file-cta { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); + } + + .file.is-warning-dark:hover .file-cta, + .file.is-warning-dark.is-hovered .file-cta { + background-color: #ffdb4a; + color: rgba(0, 0, 0, 0.7); + } + + .file.is-warning-dark:focus .file-cta, + .file.is-warning-dark.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); + color: rgba(0, 0, 0, 0.7); + } + + .file.is-warning-dark:active .file-cta, + .file.is-warning-dark.is-active .file-cta { + background-color: #ffd83d; + color: rgba(0, 0, 0, 0.7); + } + + .file.is-danger-dark .file-cta { + background-color: #ff3860; + color: #fff; + } + + .file.is-danger-dark:hover .file-cta, + .file.is-danger-dark.is-hovered .file-cta { + background-color: #ff2b56; + color: #fff; + } + + .file.is-danger-dark:focus .file-cta, + .file.is-danger-dark.is-focused .file-cta { + box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); + color: #fff; + } + + .file.is-danger-dark:active .file-cta, + .file.is-danger-dark.is-active .file-cta { + background-color: #ff1f4b; + color: #fff; + } + + .file-label:hover .file-cta { + background-color: #1d1d1d; + color: #dbdbdb; + } + + .file-label:hover .file-name { + border-color: #2f2f2f; + } + + .file-label:active .file-cta { + background-color: #171717; + color: #dbdbdb; + } + + .file-label:active .file-name { + border-color: #292929; + } + + .file-cta, + .file-name { + border-color: #363636; + } + + .file-cta { + background-color: #242424; + color: #b5b5b5; + } + + .file-name { + border-color: #363636; + } + + .label { + color: #dbdbdb; + } + + .help.is-white { + color: #e6e6e6; + } + + .help.is-black { + color: black; + } + + .help.is-light { + color: #dbdbdb; + } + + .help.is-dark { + color: #1c1c1c; + } + + .help.is-primary { + color: #009e86; + } + + .help.is-link { + color: #205bbc; + } + + .help.is-info { + color: #0f81cc; + } + + .help.is-success { + color: #1ca64c; + } + + .help.is-warning { + color: #ffd324; + } + + .help.is-danger { + color: #ff0537; + } + + .help.is-white-dark { + color: white; + } + + .help.is-black-dark { + color: #0a0a0a; + } + + .help.is-light-dark { + color: whitesmoke; + } + + .help.is-dark-dark { + color: #363636; + } + + .help.is-primary-dark { + color: #00d1b2; + } + + .help.is-link-dark { + color: #3273dc; + } + + .help.is-info-dark { + color: #209cee; + } + + .help.is-success-dark { + color: #23d160; + } + + .help.is-warning-dark { + color: #ffdd57; + } + + .help.is-danger-dark { + color: #ff3860; + } + + .control.has-icons-left .icon, + .control.has-icons-right .icon { + color: #363636; + } + + .notification { + background-color: #242424; + } + + .notification code, + .notification pre { + background: #0a0a0a; + } + + .notification.is-white { + background-color: #e6e6e6; + color: #0a0a0a; + } + + .notification.is-black { + background-color: black; + color: white; + } + + .notification.is-light { + background-color: #dbdbdb; + color: #363636; + } + + .notification.is-dark { + background-color: #1c1c1c; + color: whitesmoke; + } + + .notification.is-primary { + background-color: #009e86; + color: #fff; + } + + .notification.is-link { + background-color: #205bbc; + color: #fff; + } + + .notification.is-info { + background-color: #0f81cc; + color: #fff; + } + + .notification.is-success { + background-color: #1ca64c; + color: #fff; + } + + .notification.is-warning { + background-color: #ffd324; + color: rgba(0, 0, 0, 0.7); + } + + .notification.is-danger { + background-color: #ff0537; + color: #fff; + } + + .notification.is-white-dark { + background-color: white; + color: #0a0a0a; + } + + .notification.is-black-dark { + background-color: #0a0a0a; + color: white; + } + + .notification.is-light-dark { + background-color: whitesmoke; + color: #363636; + } + + .notification.is-dark-dark { + background-color: #363636; + color: whitesmoke; + } + + .notification.is-primary-dark { + background-color: #00d1b2; + color: #fff; + } + + .notification.is-link-dark { + background-color: #3273dc; + color: #fff; + } + + .notification.is-info-dark { + background-color: #209cee; + color: #fff; + } + + .notification.is-success-dark { + background-color: #23d160; + color: #fff; + } + + .notification.is-warning-dark { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); + } + + .notification.is-danger-dark { + background-color: #ff3860; + color: #fff; + } + + .progress::-webkit-progress-bar { + background-color: #363636; + } + + .progress::-webkit-progress-value { + background-color: #b5b5b5; + } + + .progress::-moz-progress-bar { + background-color: #b5b5b5; + } + + .progress::-ms-fill { + background-color: #b5b5b5; + } + + .progress:indeterminate { + background-color: #363636; + background-image: linear-gradient(to right, #4a4a4a 30%, #363636 30%); + } + + .progress.is-white::-webkit-progress-value { + background-color: #e6e6e6; + } + + .progress.is-white::-moz-progress-bar { + background-color: #e6e6e6; + } + + .progress.is-white::-ms-fill { + background-color: #e6e6e6; + } + + .progress.is-white:indeterminate { + background-image: linear-gradient(to right, #e6e6e6 30%, #363636 30%); + } + + .progress.is-black::-webkit-progress-value { + background-color: black; + } + + .progress.is-black::-moz-progress-bar { + background-color: black; + } + + .progress.is-black::-ms-fill { + background-color: black; + } + + .progress.is-black:indeterminate { + background-image: linear-gradient(to right, black 30%, #363636 30%); + } + + .progress.is-light::-webkit-progress-value { + background-color: #dbdbdb; + } + + .progress.is-light::-moz-progress-bar { + background-color: #dbdbdb; + } + + .progress.is-light::-ms-fill { + background-color: #dbdbdb; + } + + .progress.is-light:indeterminate { + background-image: linear-gradient(to right, #dbdbdb 30%, #363636 30%); + } + + .progress.is-dark::-webkit-progress-value { + background-color: #1c1c1c; + } + + .progress.is-dark::-moz-progress-bar { + background-color: #1c1c1c; + } + + .progress.is-dark::-ms-fill { + background-color: #1c1c1c; + } + + .progress.is-dark:indeterminate { + background-image: linear-gradient(to right, #1c1c1c 30%, #363636 30%); + } + + .progress.is-primary::-webkit-progress-value { + background-color: #009e86; + } + + .progress.is-primary::-moz-progress-bar { + background-color: #009e86; + } + + .progress.is-primary::-ms-fill { + background-color: #009e86; + } + + .progress.is-primary:indeterminate { + background-image: linear-gradient(to right, #009e86 30%, #363636 30%); + } + + .progress.is-link::-webkit-progress-value { + background-color: #205bbc; + } + + .progress.is-link::-moz-progress-bar { + background-color: #205bbc; + } + + .progress.is-link::-ms-fill { + background-color: #205bbc; + } + + .progress.is-link:indeterminate { + background-image: linear-gradient(to right, #205bbc 30%, #363636 30%); + } + + .progress.is-info::-webkit-progress-value { + background-color: #0f81cc; + } + + .progress.is-info::-moz-progress-bar { + background-color: #0f81cc; + } + + .progress.is-info::-ms-fill { + background-color: #0f81cc; + } + + .progress.is-info:indeterminate { + background-image: linear-gradient(to right, #0f81cc 30%, #363636 30%); + } + + .progress.is-success::-webkit-progress-value { + background-color: #1ca64c; + } + + .progress.is-success::-moz-progress-bar { + background-color: #1ca64c; + } + + .progress.is-success::-ms-fill { + background-color: #1ca64c; + } + + .progress.is-success:indeterminate { + background-image: linear-gradient(to right, #1ca64c 30%, #363636 30%); + } + + .progress.is-warning::-webkit-progress-value { + background-color: #ffd324; + } + + .progress.is-warning::-moz-progress-bar { + background-color: #ffd324; + } + + .progress.is-warning::-ms-fill { + background-color: #ffd324; + } + + .progress.is-warning:indeterminate { + background-image: linear-gradient(to right, #ffd324 30%, #363636 30%); + } + + .progress.is-danger::-webkit-progress-value { + background-color: #ff0537; + } + + .progress.is-danger::-moz-progress-bar { + background-color: #ff0537; + } + + .progress.is-danger::-ms-fill { + background-color: #ff0537; + } + + .progress.is-danger:indeterminate { + background-image: linear-gradient(to right, #ff0537 30%, #363636 30%); + } + + .progress.is-white-dark::-webkit-progress-value { + background-color: white; + } + + .progress.is-white-dark::-moz-progress-bar { + background-color: white; + } + + .progress.is-white-dark::-ms-fill { + background-color: white; + } + + .progress.is-white-dark:indeterminate { + background-image: linear-gradient(to right, white 30%, #363636 30%); + } + + .progress.is-black-dark::-webkit-progress-value { + background-color: #0a0a0a; + } + + .progress.is-black-dark::-moz-progress-bar { + background-color: #0a0a0a; + } + + .progress.is-black-dark::-ms-fill { + background-color: #0a0a0a; + } + + .progress.is-black-dark:indeterminate { + background-image: linear-gradient(to right, #0a0a0a 30%, #363636 30%); + } + + .progress.is-light-dark::-webkit-progress-value { + background-color: whitesmoke; + } + + .progress.is-light-dark::-moz-progress-bar { + background-color: whitesmoke; + } + + .progress.is-light-dark::-ms-fill { + background-color: whitesmoke; + } + + .progress.is-light-dark:indeterminate { + background-image: linear-gradient(to right, whitesmoke 30%, #363636 30%); + } + + .progress.is-dark-dark::-webkit-progress-value { + background-color: #363636; + } + + .progress.is-dark-dark::-moz-progress-bar { + background-color: #363636; + } + + .progress.is-dark-dark::-ms-fill { + background-color: #363636; + } + + .progress.is-dark-dark:indeterminate { + background-image: linear-gradient(to right, #363636 30%, #363636 30%); + } + + .progress.is-primary-dark::-webkit-progress-value { + background-color: #00d1b2; + } + + .progress.is-primary-dark::-moz-progress-bar { + background-color: #00d1b2; + } + + .progress.is-primary-dark::-ms-fill { + background-color: #00d1b2; + } + + .progress.is-primary-dark:indeterminate { + background-image: linear-gradient(to right, #00d1b2 30%, #363636 30%); + } + + .progress.is-link-dark::-webkit-progress-value { + background-color: #3273dc; + } + + .progress.is-link-dark::-moz-progress-bar { + background-color: #3273dc; + } + + .progress.is-link-dark::-ms-fill { + background-color: #3273dc; + } + + .progress.is-link-dark:indeterminate { + background-image: linear-gradient(to right, #3273dc 30%, #363636 30%); + } + + .progress.is-info-dark::-webkit-progress-value { + background-color: #209cee; + } + + .progress.is-info-dark::-moz-progress-bar { + background-color: #209cee; + } + + .progress.is-info-dark::-ms-fill { + background-color: #209cee; + } + + .progress.is-info-dark:indeterminate { + background-image: linear-gradient(to right, #209cee 30%, #363636 30%); + } + + .progress.is-success-dark::-webkit-progress-value { + background-color: #23d160; + } + + .progress.is-success-dark::-moz-progress-bar { + background-color: #23d160; + } + + .progress.is-success-dark::-ms-fill { + background-color: #23d160; + } + + .progress.is-success-dark:indeterminate { + background-image: linear-gradient(to right, #23d160 30%, #363636 30%); + } + + .progress.is-warning-dark::-webkit-progress-value { + background-color: #ffdd57; + } + + .progress.is-warning-dark::-moz-progress-bar { + background-color: #ffdd57; + } + + .progress.is-warning-dark::-ms-fill { + background-color: #ffdd57; + } + + .progress.is-warning-dark:indeterminate { + background-image: linear-gradient(to right, #ffdd57 30%, #363636 30%); + } + + .progress.is-danger-dark::-webkit-progress-value { + background-color: #ff3860; + } + + .progress.is-danger-dark::-moz-progress-bar { + background-color: #ff3860; + } + + .progress.is-danger-dark::-ms-fill { + background-color: #ff3860; + } + + .progress.is-danger-dark:indeterminate { + background-image: linear-gradient(to right, #ff3860 30%, #363636 30%); + } + + .table { + background-color: #0a0a0a; + color: #dbdbdb; + } + + .table td, + .table th { + border: 1px solid #363636; + } + + .table td.is-white, + .table th.is-white { + background-color: #e6e6e6; + border-color: #e6e6e6; + color: #0a0a0a; + } + + .table td.is-black, + .table th.is-black { + background-color: black; + border-color: black; + color: white; + } + + .table td.is-light, + .table th.is-light { + background-color: #dbdbdb; + border-color: #dbdbdb; + color: #363636; + } + + .table td.is-dark, + .table th.is-dark { + background-color: #1c1c1c; + border-color: #1c1c1c; + color: whitesmoke; + } + + .table td.is-primary, + .table th.is-primary { + background-color: #009e86; + border-color: #009e86; + color: #fff; + } + + .table td.is-link, + .table th.is-link { + background-color: #205bbc; + border-color: #205bbc; + color: #fff; + } + + .table td.is-info, + .table th.is-info { + background-color: #0f81cc; + border-color: #0f81cc; + color: #fff; + } + + .table td.is-success, + .table th.is-success { + background-color: #1ca64c; + border-color: #1ca64c; + color: #fff; + } + + .table td.is-warning, + .table th.is-warning { + background-color: #ffd324; + border-color: #ffd324; + color: rgba(0, 0, 0, 0.7); + } + + .table td.is-danger, + .table th.is-danger { + background-color: #ff0537; + border-color: #ff0537; + color: #fff; + } + + .table td.is-white-dark, + .table th.is-white-dark { + background-color: white; + border-color: white; + color: #0a0a0a; + } + + .table td.is-black-dark, + .table th.is-black-dark { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; + } + + .table td.is-light-dark, + .table th.is-light-dark { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; + } + + .table td.is-dark-dark, + .table th.is-dark-dark { + background-color: #363636; + border-color: #363636; + color: whitesmoke; + } + + .table td.is-primary-dark, + .table th.is-primary-dark { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff; + } + + .table td.is-link-dark, + .table th.is-link-dark { + background-color: #3273dc; + border-color: #3273dc; + color: #fff; + } + + .table td.is-info-dark, + .table th.is-info-dark { + background-color: #209cee; + border-color: #209cee; + color: #fff; + } + + .table td.is-success-dark, + .table th.is-success-dark { + background-color: #23d160; + border-color: #23d160; + color: #fff; + } + + .table td.is-warning-dark, + .table th.is-warning-dark { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); + } + + .table td.is-danger-dark, + .table th.is-danger-dark { + background-color: #ff3860; + border-color: #ff3860; + color: #fff; + } + + .table td.is-selected, + .table th.is-selected { + background-color: #009e86; + color: #e6e6e6; + } + + .table th { + color: #dbdbdb; + } + + .table tr.is-selected { + background-color: #009e86; + color: #e6e6e6; + } + + .table tr.is-selected td, + .table tr.is-selected th { + border-color: #e6e6e6; + } + + .table thead td, + .table thead th { + color: #dbdbdb; + } + + .table tfoot td, + .table tfoot th { + color: #dbdbdb; + } + + .table.is-hoverable tbody tr:not(.is-selected):hover { + background-color: #121212; + } + + .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { + background-color: #121212; + } + + .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { + background-color: #242424; + } + + .table.is-striped tbody tr:not(.is-selected):nth-child(even) { + background-color: #121212; + } + + .tag:not(body) { + background-color: #242424; + color: #b5b5b5; + } + + .tag:not(body).is-white { + background-color: #e6e6e6; + color: #0a0a0a; + } + + .tag:not(body).is-black { + background-color: black; + color: white; + } + + .tag:not(body).is-light { + background-color: #dbdbdb; + color: #363636; + } + + .tag:not(body).is-dark { + background-color: #1c1c1c; + color: whitesmoke; + } + + .tag:not(body).is-primary { + background-color: #009e86; + color: #fff; + } + + .tag:not(body).is-link { + background-color: #205bbc; + color: #fff; + } + + .tag:not(body).is-info { + background-color: #0f81cc; + color: #fff; + } + + .tag:not(body).is-success { + background-color: #1ca64c; + color: #fff; + } + + .tag:not(body).is-warning { + background-color: #ffd324; + color: rgba(0, 0, 0, 0.7); + } + + .tag:not(body).is-danger { + background-color: #ff0537; + color: #fff; + } + + .tag:not(body).is-white-dark { + background-color: white; + color: #0a0a0a; + } + + .tag:not(body).is-black-dark { + background-color: #0a0a0a; + color: white; + } + + .tag:not(body).is-light-dark { + background-color: whitesmoke; + color: #363636; + } + + .tag:not(body).is-dark-dark { + background-color: #363636; + color: whitesmoke; + } + + .tag:not(body).is-primary-dark { + background-color: #00d1b2; + color: #fff; + } + + .tag:not(body).is-link-dark { + background-color: #3273dc; + color: #fff; + } + + .tag:not(body).is-info-dark { + background-color: #209cee; + color: #fff; + } + + .tag:not(body).is-success-dark { + background-color: #23d160; + color: #fff; + } + + .tag:not(body).is-warning-dark { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); + } + + .tag:not(body).is-danger-dark { + background-color: #ff3860; + color: #fff; + } + + .tag:not(body).is-delete:hover, + .tag:not(body).is-delete:focus { + background-color: #171717; + } + + .tag:not(body).is-delete:active { + background-color: #0a0a0a; + } + + .title { + color: #dbdbdb; + } + + .subtitle { + color: #b5b5b5; + } + + .subtitle strong { + color: #dbdbdb; + } + + .number { + background-color: #242424; + } + + .breadcrumb a { + color: #5ea3e4; + } + + .breadcrumb a:hover { + color: #dbdbdb; + } + + .breadcrumb li.is-active a { + color: #dbdbdb; + } + + .breadcrumb li+li::before { + color: #4a4a4a; + } + + .card { + background-color: #0a0a0a; + box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1); + color: #b5b5b5; + } + + .card-header { + box-shadow: 0 1px 2px rgba(255, 255, 255, 0.1); + } + + .card-header-title { + color: #dbdbdb; + } + + .card-footer { + border-top: 1px solid #363636; + } + + .card-footer-item:not(:last-child) { + border-right: 1px solid #363636; + } + + .dropdown-content { + background-color: #0a0a0a; + box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1); + } + + .dropdown-item { + color: #b5b5b5; + } + + a.dropdown-item:hover, + button.dropdown-item:hover { + background-color: #242424; + color: white; + } + + a.dropdown-item.is-active, + button.dropdown-item.is-active { + background-color: #5ea3e4; + color: #fff; + } + + .dropdown-divider { + background-color: #363636; + } + + .list { + background-color: #0a0a0a; + box-shadow: 0 2px 3px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1); + } + + .list-item:not(a) { + color: #b5b5b5; + } + + .list-item:not(:last-child) { + border-bottom: 1px solid #363636; + } + + .list-item.is-active { + background-color: #5ea3e4; + color: #fff; + } + + a.list-item { + background-color: #242424; + } + + .media .media { + border-top: 1px solid rgba(54, 54, 54, 0.5); + } + + .media+.media { + border-top: 1px solid rgba(54, 54, 54, 0.5); + } + + .menu-list a { + color: #b5b5b5; + } + + .menu-list a:hover { + background-color: #242424; + color: #dbdbdb; + } + + .menu-list a.is-active { + background-color: #5ea3e4; + color: #fff; + } + + .menu-list li ul { + border-left: 1px solid #363636; + } + + .message { + background-color: #242424; + } + + .message.is-white { + background-color: #242424; + } + + .message.is-white .message-header { + background-color: white; + color: #0a0a0a; + } + + .message.is-white .message-body { + border-color: white; + color: #b5b5b5; + } + + .message.is-black { + background-color: #242424; + } + + .message.is-black .message-header { + background-color: #0a0a0a; + color: white; + } + + .message.is-black .message-body { + border-color: #0a0a0a; + color: #b5b5b5; + } + + .message.is-light { + background-color: #242424; + } + + .message.is-light .message-header { + background-color: whitesmoke; + color: #363636; + } + + .message.is-light .message-body { + border-color: whitesmoke; + color: #b5b5b5; + } + + .message.is-dark { + background-color: #242424; + } + + .message.is-dark .message-header { + background-color: #363636; + color: whitesmoke; + } + + .message.is-dark .message-body { + border-color: #363636; + color: #b5b5b5; + } + + .message.is-primary { + background-color: #242424; + } + + .message.is-primary .message-header { + background-color: #00d1b2; + color: #fff; + } + + .message.is-primary .message-body { + border-color: #00d1b2; + color: #b5b5b5; + } + + .message.is-link { + background-color: #242424; + } + + .message.is-link .message-header { + background-color: #3273dc; + color: #fff; + } + + .message.is-link .message-body { + border-color: #3273dc; + color: #b5b5b5; + } + + .message.is-info { + background-color: #242424; + } + + .message.is-info .message-header { + background-color: #209cee; + color: #fff; + } + + .message.is-info .message-body { + border-color: #209cee; + color: #b5b5b5; + } + + .message.is-success { + background-color: #242424; + } + + .message.is-success .message-header { + background-color: #23d160; + color: #fff; + } + + .message.is-success .message-body { + border-color: #23d160; + color: #b5b5b5; + } + + .message.is-warning { + background-color: #242424; + } + + .message.is-warning .message-header { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); + } + + .message.is-warning .message-body { + border-color: #ffdd57; + color: #b5b5b5; + } + + .message.is-danger { + background-color: #242424; + } + + .message.is-danger .message-header { + background-color: #ff3860; + color: #fff; + } + + .message.is-danger .message-body { + border-color: #ff3860; + color: #b5b5b5; + } + + .message.is-white-dark { + background-color: #242424; + } + + .message.is-white-dark .message-header { + background-color: white; + color: #0a0a0a; + } + + .message.is-white-dark .message-body { + border-color: white; + color: #b5b5b5; + } + + .message.is-black-dark { + background-color: #242424; + } + + .message.is-black-dark .message-header { + background-color: #0a0a0a; + color: white; + } + + .message.is-black-dark .message-body { + border-color: #0a0a0a; + color: #b5b5b5; + } + + .message.is-light-dark { + background-color: #242424; + } + + .message.is-light-dark .message-header { + background-color: whitesmoke; + color: #363636; + } + + .message.is-light-dark .message-body { + border-color: whitesmoke; + color: #b5b5b5; + } + + .message.is-dark-dark { + background-color: #242424; + } + + .message.is-dark-dark .message-header { + background-color: #363636; + color: whitesmoke; + } + + .message.is-dark-dark .message-body { + border-color: #363636; + color: #b5b5b5; + } + + .message.is-primary-dark { + background-color: #242424; + } + + .message.is-primary-dark .message-header { + background-color: #00d1b2; + color: #fff; + } + + .message.is-primary-dark .message-body { + border-color: #00d1b2; + color: #b5b5b5; + } + + .message.is-link-dark { + background-color: #242424; + } + + .message.is-link-dark .message-header { + background-color: #3273dc; + color: #fff; + } + + .message.is-link-dark .message-body { + border-color: #3273dc; + color: #b5b5b5; + } + + .message.is-info-dark { + background-color: #242424; + } + + .message.is-info-dark .message-header { + background-color: #209cee; + color: #fff; + } + + .message.is-info-dark .message-body { + border-color: #209cee; + color: #b5b5b5; + } + + .message.is-success-dark { + background-color: #242424; + } + + .message.is-success-dark .message-header { + background-color: #23d160; + color: #fff; + } + + .message.is-success-dark .message-body { + border-color: #23d160; + color: #b5b5b5; + } + + .message.is-warning-dark { + background-color: #242424; + } + + .message.is-warning-dark .message-header { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); + } + + .message.is-warning-dark .message-body { + border-color: #ffdd57; + color: #b5b5b5; + } + + .message.is-danger-dark { + background-color: #242424; + } + + .message.is-danger-dark .message-header { + background-color: #ff3860; + color: #fff; + } + + .message.is-danger-dark .message-body { + border-color: #ff3860; + color: #b5b5b5; + } + + .message-header { + background-color: #b5b5b5; + color: #fff; + } + + .message-body { + border-color: #363636; + color: #b5b5b5; + } + + .message-body code, + .message-body pre { + background-color: #0a0a0a; + } + + .modal-background { + background-color: rgba(255, 255, 255, 0.86); + } + + .modal-card-head, + .modal-card-foot { + background-color: #242424; + } + + .modal-card-head { + border-bottom: 1px solid #363636; + } + + .modal-card-title { + color: #dbdbdb; + } + + .modal-card-foot { + border-top: 1px solid #363636; + } + + .modal-card-body { + -webkit-overflow-scrolling: touch; + background-color: white; + } + + .navbar { + background-color: #17181c; + } + + .navbar.is-white { + background-color: #e6e6e6; + color: #0a0a0a; + } + + .navbar.is-white .navbar-brand>.navbar-item, + .navbar.is-white .navbar-brand .navbar-link { + color: #0a0a0a; + } + + .navbar.is-white .navbar-brand>a.navbar-item:hover, + .navbar.is-white .navbar-brand>a.navbar-item.is-active, + .navbar.is-white .navbar-brand .navbar-link:hover, + .navbar.is-white .navbar-brand .navbar-link.is-active { + background-color: #d9d9d9; + color: #0a0a0a; + } + + .navbar.is-white .navbar-brand .navbar-link::after { + border-color: #0a0a0a; + } + + .navbar.is-white .navbar-burger { + color: #0a0a0a; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-white .navbar-start>.navbar-item, + .navbar.is-white .navbar-start .navbar-link, + .navbar.is-white .navbar-end>.navbar-item, + .navbar.is-white .navbar-end .navbar-link { + color: #0a0a0a; + } + + .navbar.is-white .navbar-start>a.navbar-item:hover, + .navbar.is-white .navbar-start>a.navbar-item.is-active, + .navbar.is-white .navbar-start .navbar-link:hover, + .navbar.is-white .navbar-start .navbar-link.is-active, + .navbar.is-white .navbar-end>a.navbar-item:hover, + .navbar.is-white .navbar-end>a.navbar-item.is-active, + .navbar.is-white .navbar-end .navbar-link:hover, + .navbar.is-white .navbar-end .navbar-link.is-active { + background-color: #d9d9d9; + color: #0a0a0a; + } + + .navbar.is-white .navbar-start .navbar-link::after, + .navbar.is-white .navbar-end .navbar-link::after { + border-color: #0a0a0a; + } + + .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #d9d9d9; + color: #0a0a0a; + } + + .navbar.is-white .navbar-dropdown a.navbar-item.is-active { + background-color: #e6e6e6; + color: #0a0a0a; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-black { + background-color: black; + color: white; + } + + .navbar.is-black .navbar-brand>.navbar-item, + .navbar.is-black .navbar-brand .navbar-link { + color: white; + } + + .navbar.is-black .navbar-brand>a.navbar-item:hover, + .navbar.is-black .navbar-brand>a.navbar-item.is-active, + .navbar.is-black .navbar-brand .navbar-link:hover, + .navbar.is-black .navbar-brand .navbar-link.is-active { + background-color: black; + color: white; + } + + .navbar.is-black .navbar-brand .navbar-link::after { + border-color: white; + } + + .navbar.is-black .navbar-burger { + color: white; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-black .navbar-start>.navbar-item, + .navbar.is-black .navbar-start .navbar-link, + .navbar.is-black .navbar-end>.navbar-item, + .navbar.is-black .navbar-end .navbar-link { + color: white; + } + + .navbar.is-black .navbar-start>a.navbar-item:hover, + .navbar.is-black .navbar-start>a.navbar-item.is-active, + .navbar.is-black .navbar-start .navbar-link:hover, + .navbar.is-black .navbar-start .navbar-link.is-active, + .navbar.is-black .navbar-end>a.navbar-item:hover, + .navbar.is-black .navbar-end>a.navbar-item.is-active, + .navbar.is-black .navbar-end .navbar-link:hover, + .navbar.is-black .navbar-end .navbar-link.is-active { + background-color: black; + color: white; + } + + .navbar.is-black .navbar-start .navbar-link::after, + .navbar.is-black .navbar-end .navbar-link::after { + border-color: white; + } + + .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { + background-color: black; + color: white; + } + + .navbar.is-black .navbar-dropdown a.navbar-item.is-active { + background-color: black; + color: white; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-light { + background-color: #dbdbdb; + color: #363636; + } + + .navbar.is-light .navbar-brand>.navbar-item, + .navbar.is-light .navbar-brand .navbar-link { + color: #363636; + } + + .navbar.is-light .navbar-brand>a.navbar-item:hover, + .navbar.is-light .navbar-brand>a.navbar-item.is-active, + .navbar.is-light .navbar-brand .navbar-link:hover, + .navbar.is-light .navbar-brand .navbar-link.is-active { + background-color: #cfcfcf; + color: #363636; + } + + .navbar.is-light .navbar-brand .navbar-link::after { + border-color: #363636; + } + + .navbar.is-light .navbar-burger { + color: #363636; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-light .navbar-start>.navbar-item, + .navbar.is-light .navbar-start .navbar-link, + .navbar.is-light .navbar-end>.navbar-item, + .navbar.is-light .navbar-end .navbar-link { + color: #363636; + } + + .navbar.is-light .navbar-start>a.navbar-item:hover, + .navbar.is-light .navbar-start>a.navbar-item.is-active, + .navbar.is-light .navbar-start .navbar-link:hover, + .navbar.is-light .navbar-start .navbar-link.is-active, + .navbar.is-light .navbar-end>a.navbar-item:hover, + .navbar.is-light .navbar-end>a.navbar-item.is-active, + .navbar.is-light .navbar-end .navbar-link:hover, + .navbar.is-light .navbar-end .navbar-link.is-active { + background-color: #cfcfcf; + color: #363636; + } + + .navbar.is-light .navbar-start .navbar-link::after, + .navbar.is-light .navbar-end .navbar-link::after { + border-color: #363636; + } + + .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #cfcfcf; + color: #363636; + } + + .navbar.is-light .navbar-dropdown a.navbar-item.is-active { + background-color: #dbdbdb; + color: #363636; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-dark { + background-color: #1c1c1c; + color: whitesmoke; + } + + .navbar.is-dark .navbar-brand>.navbar-item, + .navbar.is-dark .navbar-brand .navbar-link { + color: whitesmoke; + } + + .navbar.is-dark .navbar-brand>a.navbar-item:hover, + .navbar.is-dark .navbar-brand>a.navbar-item.is-active, + .navbar.is-dark .navbar-brand .navbar-link:hover, + .navbar.is-dark .navbar-brand .navbar-link.is-active { + background-color: #0f0f0f; + color: whitesmoke; + } + + .navbar.is-dark .navbar-brand .navbar-link::after { + border-color: whitesmoke; + } + + .navbar.is-dark .navbar-burger { + color: whitesmoke; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-dark .navbar-start>.navbar-item, + .navbar.is-dark .navbar-start .navbar-link, + .navbar.is-dark .navbar-end>.navbar-item, + .navbar.is-dark .navbar-end .navbar-link { + color: whitesmoke; + } + + .navbar.is-dark .navbar-start>a.navbar-item:hover, + .navbar.is-dark .navbar-start>a.navbar-item.is-active, + .navbar.is-dark .navbar-start .navbar-link:hover, + .navbar.is-dark .navbar-start .navbar-link.is-active, + .navbar.is-dark .navbar-end>a.navbar-item:hover, + .navbar.is-dark .navbar-end>a.navbar-item.is-active, + .navbar.is-dark .navbar-end .navbar-link:hover, + .navbar.is-dark .navbar-end .navbar-link.is-active { + background-color: #0f0f0f; + color: whitesmoke; + } + + .navbar.is-dark .navbar-start .navbar-link::after, + .navbar.is-dark .navbar-end .navbar-link::after { + border-color: whitesmoke; + } + + .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #0f0f0f; + color: whitesmoke; + } + + .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #1c1c1c; + color: whitesmoke; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-primary { + background-color: #009e86; + color: #fff; + } + + .navbar.is-primary .navbar-brand>.navbar-item, + .navbar.is-primary .navbar-brand .navbar-link { + color: #fff; + } + + .navbar.is-primary .navbar-brand>a.navbar-item:hover, + .navbar.is-primary .navbar-brand>a.navbar-item.is-active, + .navbar.is-primary .navbar-brand .navbar-link:hover, + .navbar.is-primary .navbar-brand .navbar-link.is-active { + background-color: #008571; + color: #fff; + } + + .navbar.is-primary .navbar-brand .navbar-link::after { + border-color: #fff; + } + + .navbar.is-primary .navbar-burger { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-primary .navbar-start>.navbar-item, + .navbar.is-primary .navbar-start .navbar-link, + .navbar.is-primary .navbar-end>.navbar-item, + .navbar.is-primary .navbar-end .navbar-link { + color: #fff; + } + + .navbar.is-primary .navbar-start>a.navbar-item:hover, + .navbar.is-primary .navbar-start>a.navbar-item.is-active, + .navbar.is-primary .navbar-start .navbar-link:hover, + .navbar.is-primary .navbar-start .navbar-link.is-active, + .navbar.is-primary .navbar-end>a.navbar-item:hover, + .navbar.is-primary .navbar-end>a.navbar-item.is-active, + .navbar.is-primary .navbar-end .navbar-link:hover, + .navbar.is-primary .navbar-end .navbar-link.is-active { + background-color: #008571; + color: #fff; + } + + .navbar.is-primary .navbar-start .navbar-link::after, + .navbar.is-primary .navbar-end .navbar-link::after { + border-color: #fff; + } + + .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #008571; + color: #fff; + } + + .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { + background-color: #009e86; + color: #fff; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-link { + background-color: #205bbc; + color: #fff; + } + + .navbar.is-link .navbar-brand>.navbar-item, + .navbar.is-link .navbar-brand .navbar-link { + color: #fff; + } + + .navbar.is-link .navbar-brand>a.navbar-item:hover, + .navbar.is-link .navbar-brand>a.navbar-item.is-active, + .navbar.is-link .navbar-brand .navbar-link:hover, + .navbar.is-link .navbar-brand .navbar-link.is-active { + background-color: #1c51a6; + color: #fff; + } + + .navbar.is-link .navbar-brand .navbar-link::after { + border-color: #fff; + } + + .navbar.is-link .navbar-burger { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-link .navbar-start>.navbar-item, + .navbar.is-link .navbar-start .navbar-link, + .navbar.is-link .navbar-end>.navbar-item, + .navbar.is-link .navbar-end .navbar-link { + color: #fff; + } + + .navbar.is-link .navbar-start>a.navbar-item:hover, + .navbar.is-link .navbar-start>a.navbar-item.is-active, + .navbar.is-link .navbar-start .navbar-link:hover, + .navbar.is-link .navbar-start .navbar-link.is-active, + .navbar.is-link .navbar-end>a.navbar-item:hover, + .navbar.is-link .navbar-end>a.navbar-item.is-active, + .navbar.is-link .navbar-end .navbar-link:hover, + .navbar.is-link .navbar-end .navbar-link.is-active { + background-color: #1c51a6; + color: #fff; + } + + .navbar.is-link .navbar-start .navbar-link::after, + .navbar.is-link .navbar-end .navbar-link::after { + border-color: #fff; + } + + .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #1c51a6; + color: #fff; + } + + .navbar.is-link .navbar-dropdown a.navbar-item.is-active { + background-color: #205bbc; + color: #fff; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-info { + background-color: #0f81cc; + color: #fff; + } + + .navbar.is-info .navbar-brand>.navbar-item, + .navbar.is-info .navbar-brand .navbar-link { + color: #fff; + } + + .navbar.is-info .navbar-brand>a.navbar-item:hover, + .navbar.is-info .navbar-brand>a.navbar-item.is-active, + .navbar.is-info .navbar-brand .navbar-link:hover, + .navbar.is-info .navbar-brand .navbar-link.is-active { + background-color: #0e72b4; + color: #fff; + } + + .navbar.is-info .navbar-brand .navbar-link::after { + border-color: #fff; + } + + .navbar.is-info .navbar-burger { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-info .navbar-start>.navbar-item, + .navbar.is-info .navbar-start .navbar-link, + .navbar.is-info .navbar-end>.navbar-item, + .navbar.is-info .navbar-end .navbar-link { + color: #fff; + } + + .navbar.is-info .navbar-start>a.navbar-item:hover, + .navbar.is-info .navbar-start>a.navbar-item.is-active, + .navbar.is-info .navbar-start .navbar-link:hover, + .navbar.is-info .navbar-start .navbar-link.is-active, + .navbar.is-info .navbar-end>a.navbar-item:hover, + .navbar.is-info .navbar-end>a.navbar-item.is-active, + .navbar.is-info .navbar-end .navbar-link:hover, + .navbar.is-info .navbar-end .navbar-link.is-active { + background-color: #0e72b4; + color: #fff; + } + + .navbar.is-info .navbar-start .navbar-link::after, + .navbar.is-info .navbar-end .navbar-link::after { + border-color: #fff; + } + + .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #0e72b4; + color: #fff; + } + + .navbar.is-info .navbar-dropdown a.navbar-item.is-active { + background-color: #0f81cc; + color: #fff; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-success { + background-color: #1ca64c; + color: #fff; + } + + .navbar.is-success .navbar-brand>.navbar-item, + .navbar.is-success .navbar-brand .navbar-link { + color: #fff; + } + + .navbar.is-success .navbar-brand>a.navbar-item:hover, + .navbar.is-success .navbar-brand>a.navbar-item.is-active, + .navbar.is-success .navbar-brand .navbar-link:hover, + .navbar.is-success .navbar-brand .navbar-link.is-active { + background-color: #189042; + color: #fff; + } + + .navbar.is-success .navbar-brand .navbar-link::after { + border-color: #fff; + } + + .navbar.is-success .navbar-burger { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-success .navbar-start>.navbar-item, + .navbar.is-success .navbar-start .navbar-link, + .navbar.is-success .navbar-end>.navbar-item, + .navbar.is-success .navbar-end .navbar-link { + color: #fff; + } + + .navbar.is-success .navbar-start>a.navbar-item:hover, + .navbar.is-success .navbar-start>a.navbar-item.is-active, + .navbar.is-success .navbar-start .navbar-link:hover, + .navbar.is-success .navbar-start .navbar-link.is-active, + .navbar.is-success .navbar-end>a.navbar-item:hover, + .navbar.is-success .navbar-end>a.navbar-item.is-active, + .navbar.is-success .navbar-end .navbar-link:hover, + .navbar.is-success .navbar-end .navbar-link.is-active { + background-color: #189042; + color: #fff; + } + + .navbar.is-success .navbar-start .navbar-link::after, + .navbar.is-success .navbar-end .navbar-link::after { + border-color: #fff; + } + + .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #189042; + color: #fff; + } + + .navbar.is-success .navbar-dropdown a.navbar-item.is-active { + background-color: #1ca64c; + color: #fff; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-warning { + background-color: #ffd324; + color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning .navbar-brand>.navbar-item, + .navbar.is-warning .navbar-brand .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning .navbar-brand>a.navbar-item:hover, + .navbar.is-warning .navbar-brand>a.navbar-item.is-active, + .navbar.is-warning .navbar-brand .navbar-link:hover, + .navbar.is-warning .navbar-brand .navbar-link.is-active { + background-color: #ffce0a; + color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning .navbar-brand .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning .navbar-burger { + color: rgba(0, 0, 0, 0.7); + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-warning .navbar-start>.navbar-item, + .navbar.is-warning .navbar-start .navbar-link, + .navbar.is-warning .navbar-end>.navbar-item, + .navbar.is-warning .navbar-end .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning .navbar-start>a.navbar-item:hover, + .navbar.is-warning .navbar-start>a.navbar-item.is-active, + .navbar.is-warning .navbar-start .navbar-link:hover, + .navbar.is-warning .navbar-start .navbar-link.is-active, + .navbar.is-warning .navbar-end>a.navbar-item:hover, + .navbar.is-warning .navbar-end>a.navbar-item.is-active, + .navbar.is-warning .navbar-end .navbar-link:hover, + .navbar.is-warning .navbar-end .navbar-link.is-active { + background-color: #ffce0a; + color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning .navbar-start .navbar-link::after, + .navbar.is-warning .navbar-end .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #ffce0a; + color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { + background-color: #ffd324; + color: rgba(0, 0, 0, 0.7); + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-danger { + background-color: #ff0537; + color: #fff; + } + + .navbar.is-danger .navbar-brand>.navbar-item, + .navbar.is-danger .navbar-brand .navbar-link { + color: #fff; + } + + .navbar.is-danger .navbar-brand>a.navbar-item:hover, + .navbar.is-danger .navbar-brand>a.navbar-item.is-active, + .navbar.is-danger .navbar-brand .navbar-link:hover, + .navbar.is-danger .navbar-brand .navbar-link.is-active { + background-color: #eb002f; + color: #fff; + } + + .navbar.is-danger .navbar-brand .navbar-link::after { + border-color: #fff; + } + + .navbar.is-danger .navbar-burger { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-danger .navbar-start>.navbar-item, + .navbar.is-danger .navbar-start .navbar-link, + .navbar.is-danger .navbar-end>.navbar-item, + .navbar.is-danger .navbar-end .navbar-link { + color: #fff; + } + + .navbar.is-danger .navbar-start>a.navbar-item:hover, + .navbar.is-danger .navbar-start>a.navbar-item.is-active, + .navbar.is-danger .navbar-start .navbar-link:hover, + .navbar.is-danger .navbar-start .navbar-link.is-active, + .navbar.is-danger .navbar-end>a.navbar-item:hover, + .navbar.is-danger .navbar-end>a.navbar-item.is-active, + .navbar.is-danger .navbar-end .navbar-link:hover, + .navbar.is-danger .navbar-end .navbar-link.is-active { + background-color: #eb002f; + color: #fff; + } + + .navbar.is-danger .navbar-start .navbar-link::after, + .navbar.is-danger .navbar-end .navbar-link::after { + border-color: #fff; + } + + .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #eb002f; + color: #fff; + } + + .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { + background-color: #ff0537; + color: #fff; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-white-dark { + background-color: white; + color: #0a0a0a; + } + + .navbar.is-white-dark .navbar-brand>.navbar-item, + .navbar.is-white-dark .navbar-brand .navbar-link { + color: #0a0a0a; + } + + .navbar.is-white-dark .navbar-brand>a.navbar-item:hover, + .navbar.is-white-dark .navbar-brand>a.navbar-item.is-active, + .navbar.is-white-dark .navbar-brand .navbar-link:hover, + .navbar.is-white-dark .navbar-brand .navbar-link.is-active { + background-color: #f2f2f2; + color: #0a0a0a; + } + + .navbar.is-white-dark .navbar-brand .navbar-link::after { + border-color: #0a0a0a; + } + + .navbar.is-white-dark .navbar-burger { + color: #0a0a0a; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-white-dark .navbar-start>.navbar-item, + .navbar.is-white-dark .navbar-start .navbar-link, + .navbar.is-white-dark .navbar-end>.navbar-item, + .navbar.is-white-dark .navbar-end .navbar-link { + color: #0a0a0a; + } + + .navbar.is-white-dark .navbar-start>a.navbar-item:hover, + .navbar.is-white-dark .navbar-start>a.navbar-item.is-active, + .navbar.is-white-dark .navbar-start .navbar-link:hover, + .navbar.is-white-dark .navbar-start .navbar-link.is-active, + .navbar.is-white-dark .navbar-end>a.navbar-item:hover, + .navbar.is-white-dark .navbar-end>a.navbar-item.is-active, + .navbar.is-white-dark .navbar-end .navbar-link:hover, + .navbar.is-white-dark .navbar-end .navbar-link.is-active { + background-color: #f2f2f2; + color: #0a0a0a; + } + + .navbar.is-white-dark .navbar-start .navbar-link::after, + .navbar.is-white-dark .navbar-end .navbar-link::after { + border-color: #0a0a0a; + } + + .navbar.is-white-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-white-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #f2f2f2; + color: #0a0a0a; + } + + .navbar.is-white-dark .navbar-dropdown a.navbar-item.is-active { + background-color: white; + color: #0a0a0a; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-black-dark { + background-color: #0a0a0a; + color: white; + } + + .navbar.is-black-dark .navbar-brand>.navbar-item, + .navbar.is-black-dark .navbar-brand .navbar-link { + color: white; + } + + .navbar.is-black-dark .navbar-brand>a.navbar-item:hover, + .navbar.is-black-dark .navbar-brand>a.navbar-item.is-active, + .navbar.is-black-dark .navbar-brand .navbar-link:hover, + .navbar.is-black-dark .navbar-brand .navbar-link.is-active { + background-color: black; + color: white; + } + + .navbar.is-black-dark .navbar-brand .navbar-link::after { + border-color: white; + } + + .navbar.is-black-dark .navbar-burger { + color: white; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-black-dark .navbar-start>.navbar-item, + .navbar.is-black-dark .navbar-start .navbar-link, + .navbar.is-black-dark .navbar-end>.navbar-item, + .navbar.is-black-dark .navbar-end .navbar-link { + color: white; + } + + .navbar.is-black-dark .navbar-start>a.navbar-item:hover, + .navbar.is-black-dark .navbar-start>a.navbar-item.is-active, + .navbar.is-black-dark .navbar-start .navbar-link:hover, + .navbar.is-black-dark .navbar-start .navbar-link.is-active, + .navbar.is-black-dark .navbar-end>a.navbar-item:hover, + .navbar.is-black-dark .navbar-end>a.navbar-item.is-active, + .navbar.is-black-dark .navbar-end .navbar-link:hover, + .navbar.is-black-dark .navbar-end .navbar-link.is-active { + background-color: black; + color: white; + } + + .navbar.is-black-dark .navbar-start .navbar-link::after, + .navbar.is-black-dark .navbar-end .navbar-link::after { + border-color: white; + } + + .navbar.is-black-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-black-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: black; + color: white; + } + + .navbar.is-black-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #0a0a0a; + color: white; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-light-dark { + background-color: whitesmoke; + color: #363636; + } + + .navbar.is-light-dark .navbar-brand>.navbar-item, + .navbar.is-light-dark .navbar-brand .navbar-link { + color: #363636; + } + + .navbar.is-light-dark .navbar-brand>a.navbar-item:hover, + .navbar.is-light-dark .navbar-brand>a.navbar-item.is-active, + .navbar.is-light-dark .navbar-brand .navbar-link:hover, + .navbar.is-light-dark .navbar-brand .navbar-link.is-active { + background-color: #e8e8e8; + color: #363636; + } + + .navbar.is-light-dark .navbar-brand .navbar-link::after { + border-color: #363636; + } + + .navbar.is-light-dark .navbar-burger { + color: #363636; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-light-dark .navbar-start>.navbar-item, + .navbar.is-light-dark .navbar-start .navbar-link, + .navbar.is-light-dark .navbar-end>.navbar-item, + .navbar.is-light-dark .navbar-end .navbar-link { + color: #363636; + } + + .navbar.is-light-dark .navbar-start>a.navbar-item:hover, + .navbar.is-light-dark .navbar-start>a.navbar-item.is-active, + .navbar.is-light-dark .navbar-start .navbar-link:hover, + .navbar.is-light-dark .navbar-start .navbar-link.is-active, + .navbar.is-light-dark .navbar-end>a.navbar-item:hover, + .navbar.is-light-dark .navbar-end>a.navbar-item.is-active, + .navbar.is-light-dark .navbar-end .navbar-link:hover, + .navbar.is-light-dark .navbar-end .navbar-link.is-active { + background-color: #e8e8e8; + color: #363636; + } + + .navbar.is-light-dark .navbar-start .navbar-link::after, + .navbar.is-light-dark .navbar-end .navbar-link::after { + border-color: #363636; + } + + .navbar.is-light-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-light-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #e8e8e8; + color: #363636; + } + + .navbar.is-light-dark .navbar-dropdown a.navbar-item.is-active { + background-color: whitesmoke; + color: #363636; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-dark-dark { + background-color: #363636; + color: whitesmoke; + } + + .navbar.is-dark-dark .navbar-brand>.navbar-item, + .navbar.is-dark-dark .navbar-brand .navbar-link { + color: whitesmoke; + } + + .navbar.is-dark-dark .navbar-brand>a.navbar-item:hover, + .navbar.is-dark-dark .navbar-brand>a.navbar-item.is-active, + .navbar.is-dark-dark .navbar-brand .navbar-link:hover, + .navbar.is-dark-dark .navbar-brand .navbar-link.is-active { + background-color: #292929; + color: whitesmoke; + } + + .navbar.is-dark-dark .navbar-brand .navbar-link::after { + border-color: whitesmoke; + } + + .navbar.is-dark-dark .navbar-burger { + color: whitesmoke; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-dark-dark .navbar-start>.navbar-item, + .navbar.is-dark-dark .navbar-start .navbar-link, + .navbar.is-dark-dark .navbar-end>.navbar-item, + .navbar.is-dark-dark .navbar-end .navbar-link { + color: whitesmoke; + } + + .navbar.is-dark-dark .navbar-start>a.navbar-item:hover, + .navbar.is-dark-dark .navbar-start>a.navbar-item.is-active, + .navbar.is-dark-dark .navbar-start .navbar-link:hover, + .navbar.is-dark-dark .navbar-start .navbar-link.is-active, + .navbar.is-dark-dark .navbar-end>a.navbar-item:hover, + .navbar.is-dark-dark .navbar-end>a.navbar-item.is-active, + .navbar.is-dark-dark .navbar-end .navbar-link:hover, + .navbar.is-dark-dark .navbar-end .navbar-link.is-active { + background-color: #292929; + color: whitesmoke; + } + + .navbar.is-dark-dark .navbar-start .navbar-link::after, + .navbar.is-dark-dark .navbar-end .navbar-link::after { + border-color: whitesmoke; + } + + .navbar.is-dark-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-dark-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #292929; + color: whitesmoke; + } + + .navbar.is-dark-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #363636; + color: whitesmoke; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-primary-dark { + background-color: #00d1b2; + color: #fff; + } + + .navbar.is-primary-dark .navbar-brand>.navbar-item, + .navbar.is-primary-dark .navbar-brand .navbar-link { + color: #fff; + } + + .navbar.is-primary-dark .navbar-brand>a.navbar-item:hover, + .navbar.is-primary-dark .navbar-brand>a.navbar-item.is-active, + .navbar.is-primary-dark .navbar-brand .navbar-link:hover, + .navbar.is-primary-dark .navbar-brand .navbar-link.is-active { + background-color: #00b89c; + color: #fff; + } + + .navbar.is-primary-dark .navbar-brand .navbar-link::after { + border-color: #fff; + } + + .navbar.is-primary-dark .navbar-burger { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-primary-dark .navbar-start>.navbar-item, + .navbar.is-primary-dark .navbar-start .navbar-link, + .navbar.is-primary-dark .navbar-end>.navbar-item, + .navbar.is-primary-dark .navbar-end .navbar-link { + color: #fff; + } + + .navbar.is-primary-dark .navbar-start>a.navbar-item:hover, + .navbar.is-primary-dark .navbar-start>a.navbar-item.is-active, + .navbar.is-primary-dark .navbar-start .navbar-link:hover, + .navbar.is-primary-dark .navbar-start .navbar-link.is-active, + .navbar.is-primary-dark .navbar-end>a.navbar-item:hover, + .navbar.is-primary-dark .navbar-end>a.navbar-item.is-active, + .navbar.is-primary-dark .navbar-end .navbar-link:hover, + .navbar.is-primary-dark .navbar-end .navbar-link.is-active { + background-color: #00b89c; + color: #fff; + } + + .navbar.is-primary-dark .navbar-start .navbar-link::after, + .navbar.is-primary-dark .navbar-end .navbar-link::after { + border-color: #fff; + } + + .navbar.is-primary-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-primary-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #00b89c; + color: #fff; + } + + .navbar.is-primary-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #00d1b2; + color: #fff; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-link-dark { + background-color: #3273dc; + color: #fff; + } + + .navbar.is-link-dark .navbar-brand>.navbar-item, + .navbar.is-link-dark .navbar-brand .navbar-link { + color: #fff; + } + + .navbar.is-link-dark .navbar-brand>a.navbar-item:hover, + .navbar.is-link-dark .navbar-brand>a.navbar-item.is-active, + .navbar.is-link-dark .navbar-brand .navbar-link:hover, + .navbar.is-link-dark .navbar-brand .navbar-link.is-active { + background-color: #2366d1; + color: #fff; + } + + .navbar.is-link-dark .navbar-brand .navbar-link::after { + border-color: #fff; + } + + .navbar.is-link-dark .navbar-burger { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-link-dark .navbar-start>.navbar-item, + .navbar.is-link-dark .navbar-start .navbar-link, + .navbar.is-link-dark .navbar-end>.navbar-item, + .navbar.is-link-dark .navbar-end .navbar-link { + color: #fff; + } + + .navbar.is-link-dark .navbar-start>a.navbar-item:hover, + .navbar.is-link-dark .navbar-start>a.navbar-item.is-active, + .navbar.is-link-dark .navbar-start .navbar-link:hover, + .navbar.is-link-dark .navbar-start .navbar-link.is-active, + .navbar.is-link-dark .navbar-end>a.navbar-item:hover, + .navbar.is-link-dark .navbar-end>a.navbar-item.is-active, + .navbar.is-link-dark .navbar-end .navbar-link:hover, + .navbar.is-link-dark .navbar-end .navbar-link.is-active { + background-color: #2366d1; + color: #fff; + } + + .navbar.is-link-dark .navbar-start .navbar-link::after, + .navbar.is-link-dark .navbar-end .navbar-link::after { + border-color: #fff; + } + + .navbar.is-link-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-link-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #2366d1; + color: #fff; + } + + .navbar.is-link-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #3273dc; + color: #fff; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-info-dark { + background-color: #209cee; + color: #fff; + } + + .navbar.is-info-dark .navbar-brand>.navbar-item, + .navbar.is-info-dark .navbar-brand .navbar-link { + color: #fff; + } + + .navbar.is-info-dark .navbar-brand>a.navbar-item:hover, + .navbar.is-info-dark .navbar-brand>a.navbar-item.is-active, + .navbar.is-info-dark .navbar-brand .navbar-link:hover, + .navbar.is-info-dark .navbar-brand .navbar-link.is-active { + background-color: #118fe4; + color: #fff; + } + + .navbar.is-info-dark .navbar-brand .navbar-link::after { + border-color: #fff; + } + + .navbar.is-info-dark .navbar-burger { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-info-dark .navbar-start>.navbar-item, + .navbar.is-info-dark .navbar-start .navbar-link, + .navbar.is-info-dark .navbar-end>.navbar-item, + .navbar.is-info-dark .navbar-end .navbar-link { + color: #fff; + } + + .navbar.is-info-dark .navbar-start>a.navbar-item:hover, + .navbar.is-info-dark .navbar-start>a.navbar-item.is-active, + .navbar.is-info-dark .navbar-start .navbar-link:hover, + .navbar.is-info-dark .navbar-start .navbar-link.is-active, + .navbar.is-info-dark .navbar-end>a.navbar-item:hover, + .navbar.is-info-dark .navbar-end>a.navbar-item.is-active, + .navbar.is-info-dark .navbar-end .navbar-link:hover, + .navbar.is-info-dark .navbar-end .navbar-link.is-active { + background-color: #118fe4; + color: #fff; + } + + .navbar.is-info-dark .navbar-start .navbar-link::after, + .navbar.is-info-dark .navbar-end .navbar-link::after { + border-color: #fff; + } + + .navbar.is-info-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-info-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #118fe4; + color: #fff; + } + + .navbar.is-info-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #209cee; + color: #fff; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-success-dark { + background-color: #23d160; + color: #fff; + } + + .navbar.is-success-dark .navbar-brand>.navbar-item, + .navbar.is-success-dark .navbar-brand .navbar-link { + color: #fff; + } + + .navbar.is-success-dark .navbar-brand>a.navbar-item:hover, + .navbar.is-success-dark .navbar-brand>a.navbar-item.is-active, + .navbar.is-success-dark .navbar-brand .navbar-link:hover, + .navbar.is-success-dark .navbar-brand .navbar-link.is-active { + background-color: #20bc56; + color: #fff; + } + + .navbar.is-success-dark .navbar-brand .navbar-link::after { + border-color: #fff; + } + + .navbar.is-success-dark .navbar-burger { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-success-dark .navbar-start>.navbar-item, + .navbar.is-success-dark .navbar-start .navbar-link, + .navbar.is-success-dark .navbar-end>.navbar-item, + .navbar.is-success-dark .navbar-end .navbar-link { + color: #fff; + } + + .navbar.is-success-dark .navbar-start>a.navbar-item:hover, + .navbar.is-success-dark .navbar-start>a.navbar-item.is-active, + .navbar.is-success-dark .navbar-start .navbar-link:hover, + .navbar.is-success-dark .navbar-start .navbar-link.is-active, + .navbar.is-success-dark .navbar-end>a.navbar-item:hover, + .navbar.is-success-dark .navbar-end>a.navbar-item.is-active, + .navbar.is-success-dark .navbar-end .navbar-link:hover, + .navbar.is-success-dark .navbar-end .navbar-link.is-active { + background-color: #20bc56; + color: #fff; + } + + .navbar.is-success-dark .navbar-start .navbar-link::after, + .navbar.is-success-dark .navbar-end .navbar-link::after { + border-color: #fff; + } + + .navbar.is-success-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-success-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #20bc56; + color: #fff; + } + + .navbar.is-success-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #23d160; + color: #fff; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-warning-dark { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning-dark .navbar-brand>.navbar-item, + .navbar.is-warning-dark .navbar-brand .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning-dark .navbar-brand>a.navbar-item:hover, + .navbar.is-warning-dark .navbar-brand>a.navbar-item.is-active, + .navbar.is-warning-dark .navbar-brand .navbar-link:hover, + .navbar.is-warning-dark .navbar-brand .navbar-link.is-active { + background-color: #ffd83d; + color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning-dark .navbar-brand .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning-dark .navbar-burger { + color: rgba(0, 0, 0, 0.7); + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-warning-dark .navbar-start>.navbar-item, + .navbar.is-warning-dark .navbar-start .navbar-link, + .navbar.is-warning-dark .navbar-end>.navbar-item, + .navbar.is-warning-dark .navbar-end .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning-dark .navbar-start>a.navbar-item:hover, + .navbar.is-warning-dark .navbar-start>a.navbar-item.is-active, + .navbar.is-warning-dark .navbar-start .navbar-link:hover, + .navbar.is-warning-dark .navbar-start .navbar-link.is-active, + .navbar.is-warning-dark .navbar-end>a.navbar-item:hover, + .navbar.is-warning-dark .navbar-end>a.navbar-item.is-active, + .navbar.is-warning-dark .navbar-end .navbar-link:hover, + .navbar.is-warning-dark .navbar-end .navbar-link.is-active { + background-color: #ffd83d; + color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning-dark .navbar-start .navbar-link::after, + .navbar.is-warning-dark .navbar-end .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-warning-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #ffd83d; + color: rgba(0, 0, 0, 0.7); + } + + .navbar.is-warning-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); + } +} + +@media (prefers-color-scheme: dark) { + .navbar.is-danger-dark { + background-color: #ff3860; + color: #fff; + } + + .navbar.is-danger-dark .navbar-brand>.navbar-item, + .navbar.is-danger-dark .navbar-brand .navbar-link { + color: #fff; + } + + .navbar.is-danger-dark .navbar-brand>a.navbar-item:hover, + .navbar.is-danger-dark .navbar-brand>a.navbar-item.is-active, + .navbar.is-danger-dark .navbar-brand .navbar-link:hover, + .navbar.is-danger-dark .navbar-brand .navbar-link.is-active { + background-color: #ff1f4b; + color: #fff; + } + + .navbar.is-danger-dark .navbar-brand .navbar-link::after { + border-color: #fff; + } + + .navbar.is-danger-dark .navbar-burger { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + + .navbar.is-danger-dark .navbar-start>.navbar-item, + .navbar.is-danger-dark .navbar-start .navbar-link, + .navbar.is-danger-dark .navbar-end>.navbar-item, + .navbar.is-danger-dark .navbar-end .navbar-link { + color: #fff; + } + + .navbar.is-danger-dark .navbar-start>a.navbar-item:hover, + .navbar.is-danger-dark .navbar-start>a.navbar-item.is-active, + .navbar.is-danger-dark .navbar-start .navbar-link:hover, + .navbar.is-danger-dark .navbar-start .navbar-link.is-active, + .navbar.is-danger-dark .navbar-end>a.navbar-item:hover, + .navbar.is-danger-dark .navbar-end>a.navbar-item.is-active, + .navbar.is-danger-dark .navbar-end .navbar-link:hover, + .navbar.is-danger-dark .navbar-end .navbar-link.is-active { + background-color: #ff1f4b; + color: #fff; + } + + .navbar.is-danger-dark .navbar-start .navbar-link::after, + .navbar.is-danger-dark .navbar-end .navbar-link::after { + border-color: #fff; + } + + .navbar.is-danger-dark .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-danger-dark .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #ff1f4b; + color: #fff; + } + + .navbar.is-danger-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #ff3860; + color: #fff; + } +} + +@media (prefers-color-scheme: dark) { + .navbar.has-shadow { + box-shadow: 0 2px 0 0 #242424; + } + + .navbar.is-fixed-bottom.has-shadow { + box-shadow: 0 -2px 0 0 #242424; + } + + .navbar-burger { + color: #b5b5b5; + } + + .navbar-item, + .navbar-link { + color: #b5b5b5; + } + + a.navbar-item:hover, + a.navbar-item.is-active, + .navbar-link:hover, + .navbar-link.is-active { + background-color: #121212; + color: #5ea3e4; + } + + .navbar-item:hover { + border-bottom-color: #5ea3e4; + } + + .navbar-item.is-active { + border-bottom-color: #5ea3e4; + color: #5ea3e4; + } + + .navbar-link:not(.is-arrowless)::after { + border-color: #5ea3e4; + } + + .navbar-divider { + background-color: #242424; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + .navbar-menu { + background-color: #17181c; + box-shadow: 0 8px 16px rgba(255, 255, 255, 0.1); + } + + .navbar.is-fixed-bottom-touch.has-shadow { + box-shadow: 0 -2px 3px rgba(255, 255, 255, 0.1); + } +} + +@media screen and (prefers-color-scheme: dark) and (min-width: 1088px) { + .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + background-color: #242424; + color: white; + } + + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: #242424; + color: #5ea3e4; + } + + .navbar-item.has-dropdown-up .navbar-dropdown { + border-bottom: 2px solid #363636; + box-shadow: 0 -8px 8px rgba(255, 255, 255, 0.1); + } + + .navbar-dropdown { + background-color: #0a0a0a; + border-top: 2px solid #363636; + box-shadow: 0 8px 8px rgba(255, 255, 255, 0.1); + } + + .navbar-dropdown a.navbar-item:hover { + background-color: #242424; + color: white; + } + + .navbar-dropdown a.navbar-item.is-active { + background-color: #242424; + color: #5ea3e4; + } + + .navbar.is-spaced .navbar-dropdown, + .navbar-dropdown.is-boxed { + box-shadow: 0 8px 8px rgba(255, 255, 255, 0.1), 0 0 0 1px rgba(255, 255, 255, 0.1); + } + + .navbar.is-fixed-bottom-desktop.has-shadow { + box-shadow: 0 -2px 3px rgba(255, 255, 255, 0.1); + } + + a.navbar-item.is-active, + .navbar-link.is-active { + color: white; + } + + .navbar-item.has-dropdown:hover .navbar-link, + .navbar-item.has-dropdown.is-active .navbar-link { + background-color: #121212; + } +} + +@media (prefers-color-scheme: dark) { + + .pagination-previous, + .pagination-next, + .pagination-link { + border-color: #363636; + color: #dbdbdb; + } + + .pagination-previous:hover, + .pagination-next:hover, + .pagination-link:hover { + border-color: #4a4a4a; + color: #dbdbdb; + } + + .pagination-previous:focus, + .pagination-next:focus, + .pagination-link:focus { + border-color: #5ea3e4; + } + + .pagination-previous:active, + .pagination-next:active, + .pagination-link:active { + box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.2); + } + + .pagination-previous[disabled], + .pagination-next[disabled], + .pagination-link[disabled] { + background-color: #363636; + border-color: #363636; + color: #7a7a7a; + } + + .pagination-link.is-current { + background-color: #5ea3e4; + border-color: #5ea3e4; + color: #fff; + } + + .pagination-ellipsis { + color: #4a4a4a; + } + + .panel-heading, + .panel-tabs, + .panel-block { + border-bottom: 1px solid #363636; + border-left: 1px solid #363636; + border-right: 1px solid #363636; + } + + .panel-heading:first-child, + .panel-tabs:first-child, + .panel-block:first-child { + border-top: 1px solid #363636; + } + + .panel-heading { + background-color: #242424; + color: #dbdbdb; + } + + .panel-tabs a { + border-bottom: 1px solid #363636; + } + + .panel-tabs a.is-active { + border-bottom-color: #b5b5b5; + color: #dbdbdb; + } + + .panel-list a { + color: #b5b5b5; + } + + .panel-list a:hover { + color: #5ea3e4; + } + + .panel-block { + color: #dbdbdb; + } + + .panel-block.is-active { + border-left-color: #5ea3e4; + color: #dbdbdb; + } + + .panel-block.is-active .panel-icon { + color: #5ea3e4; + } + + a.panel-block:hover, + label.panel-block:hover { + background-color: #242424; + } + + .tabs a { + border-bottom-color: #363636; + color: #b5b5b5; + } + + .tabs a:hover { + border-bottom-color: #dbdbdb; + color: #dbdbdb; + } + + .tabs li.is-active a { + border-bottom-color: #5ea3e4; + color: #5ea3e4; + } + + .tabs ul { + border-bottom-color: #363636; + } + + .tabs.is-boxed a:hover { + background-color: #242424; + border-bottom-color: #363636; + } + + .tabs.is-boxed li.is-active a { + background-color: #0a0a0a; + border-color: #363636; + } + + .tabs.is-toggle a { + border-color: #363636; + } + + .tabs.is-toggle a:hover { + background-color: #242424; + border-color: #4a4a4a; + } + + .tabs.is-toggle li.is-active a { + background-color: #5ea3e4; + border-color: #5ea3e4; + color: #fff; + } + + .hero.is-white, + .hero.is-white-dark { + background-color: #e6e6e6; + color: #0a0a0a; + } + + .hero.is-white a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-white strong, + .hero.is-white-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-white-dark strong { + color: inherit; + } + + .hero.is-white .title, + .hero.is-white-dark .title { + color: #0a0a0a; + } + + .hero.is-white .subtitle, + .hero.is-white-dark .subtitle { + color: rgba(10, 10, 10, 0.9); + } + + .hero.is-white .subtitle a:not(.button), + .hero.is-white .subtitle strong, + .hero.is-white-dark .subtitle a:not(.button), + .hero.is-white-dark .subtitle strong { + color: #0a0a0a; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + + .hero.is-white .navbar-menu, + .hero.is-white-dark .navbar-menu { + background-color: #e6e6e6; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-white .navbar-item, + .hero.is-white .navbar-link, + .hero.is-white-dark .navbar-item, + .hero.is-white-dark .navbar-link { + color: rgba(10, 10, 10, 0.7); + } + + .hero.is-white a.navbar-item:hover, + .hero.is-white a.navbar-item.is-active, + .hero.is-white .navbar-link:hover, + .hero.is-white .navbar-link.is-active, + .hero.is-white-dark a.navbar-item:hover, + .hero.is-white-dark a.navbar-item.is-active, + .hero.is-white-dark .navbar-link:hover, + .hero.is-white-dark .navbar-link.is-active { + background-color: #d9d9d9; + color: #0a0a0a; + } + + .hero.is-white .tabs a, + .hero.is-white-dark .tabs a { + color: #0a0a0a; + opacity: 0.9; + } + + .hero.is-white .tabs a:hover, + .hero.is-white-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-white .tabs li.is-active a, + .hero.is-white-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-white .tabs.is-boxed a, + .hero.is-white .tabs.is-toggle a, + .hero.is-white-dark .tabs.is-boxed a, + .hero.is-white-dark .tabs.is-toggle a { + color: #0a0a0a; + } + + .hero.is-white .tabs.is-boxed a:hover, + .hero.is-white .tabs.is-toggle a:hover, + .hero.is-white-dark .tabs.is-boxed a:hover, + .hero.is-white-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-white .tabs.is-boxed li.is-active a, + .hero.is-white .tabs.is-boxed li.is-active a:hover, + .hero.is-white .tabs.is-toggle li.is-active a, + .hero.is-white .tabs.is-toggle li.is-active a:hover, + .hero.is-white-dark .tabs.is-boxed li.is-active a, + .hero.is-white-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-white-dark .tabs.is-toggle li.is-active a, + .hero.is-white-dark .tabs.is-toggle li.is-active a:hover { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: #e6e6e6; + } + + .hero.is-white.is-bold, + .hero.is-white-dark.is-bold { + background-image: linear-gradient(141deg, #d1c7c9 0%, #e6e6e6 71%, #f3f2f2 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + + .hero.is-white.is-bold .navbar-menu, + .hero.is-white-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #d1c7c9 0%, #e6e6e6 71%, #f3f2f2 100%); + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-black, + .hero.is-black-dark { + background-color: black; + color: white; + } + + .hero.is-black a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-black strong, + .hero.is-black-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-black-dark strong { + color: inherit; + } + + .hero.is-black .title, + .hero.is-black-dark .title { + color: white; + } + + .hero.is-black .subtitle, + .hero.is-black-dark .subtitle { + color: rgba(255, 255, 255, 0.9); + } + + .hero.is-black .subtitle a:not(.button), + .hero.is-black .subtitle strong, + .hero.is-black-dark .subtitle a:not(.button), + .hero.is-black-dark .subtitle strong { + color: white; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + + .hero.is-black .navbar-menu, + .hero.is-black-dark .navbar-menu { + background-color: black; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-black .navbar-item, + .hero.is-black .navbar-link, + .hero.is-black-dark .navbar-item, + .hero.is-black-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); + } + + .hero.is-black a.navbar-item:hover, + .hero.is-black a.navbar-item.is-active, + .hero.is-black .navbar-link:hover, + .hero.is-black .navbar-link.is-active, + .hero.is-black-dark a.navbar-item:hover, + .hero.is-black-dark a.navbar-item.is-active, + .hero.is-black-dark .navbar-link:hover, + .hero.is-black-dark .navbar-link.is-active { + background-color: black; + color: white; + } + + .hero.is-black .tabs a, + .hero.is-black-dark .tabs a { + color: white; + opacity: 0.9; + } + + .hero.is-black .tabs a:hover, + .hero.is-black-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-black .tabs li.is-active a, + .hero.is-black-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-black .tabs.is-boxed a, + .hero.is-black .tabs.is-toggle a, + .hero.is-black-dark .tabs.is-boxed a, + .hero.is-black-dark .tabs.is-toggle a { + color: white; + } + + .hero.is-black .tabs.is-boxed a:hover, + .hero.is-black .tabs.is-toggle a:hover, + .hero.is-black-dark .tabs.is-boxed a:hover, + .hero.is-black-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-black .tabs.is-boxed li.is-active a, + .hero.is-black .tabs.is-boxed li.is-active a:hover, + .hero.is-black .tabs.is-toggle li.is-active a, + .hero.is-black .tabs.is-toggle li.is-active a:hover, + .hero.is-black-dark .tabs.is-boxed li.is-active a, + .hero.is-black-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-black-dark .tabs.is-toggle li.is-active a, + .hero.is-black-dark .tabs.is-toggle li.is-active a:hover { + background-color: white; + border-color: white; + color: black; + } + + .hero.is-black.is-bold, + .hero.is-black-dark.is-bold { + background-image: linear-gradient(141deg, black 0%, black 71%, #0d0d0d 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + + .hero.is-black.is-bold .navbar-menu, + .hero.is-black-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, black 0%, black 71%, #0d0d0d 100%); + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-light, + .hero.is-light-dark { + background-color: #dbdbdb; + color: #363636; + } + + .hero.is-light a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-light strong, + .hero.is-light-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-light-dark strong { + color: inherit; + } + + .hero.is-light .title, + .hero.is-light-dark .title { + color: #363636; + } + + .hero.is-light .subtitle, + .hero.is-light-dark .subtitle { + color: rgba(54, 54, 54, 0.9); + } + + .hero.is-light .subtitle a:not(.button), + .hero.is-light .subtitle strong, + .hero.is-light-dark .subtitle a:not(.button), + .hero.is-light-dark .subtitle strong { + color: #363636; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + + .hero.is-light .navbar-menu, + .hero.is-light-dark .navbar-menu { + background-color: #dbdbdb; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-light .navbar-item, + .hero.is-light .navbar-link, + .hero.is-light-dark .navbar-item, + .hero.is-light-dark .navbar-link { + color: rgba(54, 54, 54, 0.7); + } + + .hero.is-light a.navbar-item:hover, + .hero.is-light a.navbar-item.is-active, + .hero.is-light .navbar-link:hover, + .hero.is-light .navbar-link.is-active, + .hero.is-light-dark a.navbar-item:hover, + .hero.is-light-dark a.navbar-item.is-active, + .hero.is-light-dark .navbar-link:hover, + .hero.is-light-dark .navbar-link.is-active { + background-color: #cfcfcf; + color: #363636; + } + + .hero.is-light .tabs a, + .hero.is-light-dark .tabs a { + color: #363636; + opacity: 0.9; + } + + .hero.is-light .tabs a:hover, + .hero.is-light-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-light .tabs li.is-active a, + .hero.is-light-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-light .tabs.is-boxed a, + .hero.is-light .tabs.is-toggle a, + .hero.is-light-dark .tabs.is-boxed a, + .hero.is-light-dark .tabs.is-toggle a { + color: #363636; + } + + .hero.is-light .tabs.is-boxed a:hover, + .hero.is-light .tabs.is-toggle a:hover, + .hero.is-light-dark .tabs.is-boxed a:hover, + .hero.is-light-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-light .tabs.is-boxed li.is-active a, + .hero.is-light .tabs.is-boxed li.is-active a:hover, + .hero.is-light .tabs.is-toggle li.is-active a, + .hero.is-light .tabs.is-toggle li.is-active a:hover, + .hero.is-light-dark .tabs.is-boxed li.is-active a, + .hero.is-light-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-light-dark .tabs.is-toggle li.is-active a, + .hero.is-light-dark .tabs.is-toggle li.is-active a:hover { + background-color: #363636; + border-color: #363636; + color: #dbdbdb; + } + + .hero.is-light.is-bold, + .hero.is-light-dark.is-bold { + background-image: linear-gradient(141deg, #c8bcbe 0%, #dbdbdb 71%, #e9e7e7 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + + .hero.is-light.is-bold .navbar-menu, + .hero.is-light-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #c8bcbe 0%, #dbdbdb 71%, #e9e7e7 100%); + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-dark, + .hero.is-dark-dark { + background-color: #1c1c1c; + color: whitesmoke; + } + + .hero.is-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-dark strong, + .hero.is-dark-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-dark-dark strong { + color: inherit; + } + + .hero.is-dark .title, + .hero.is-dark-dark .title { + color: whitesmoke; + } + + .hero.is-dark .subtitle, + .hero.is-dark-dark .subtitle { + color: rgba(245, 245, 245, 0.9); + } + + .hero.is-dark .subtitle a:not(.button), + .hero.is-dark .subtitle strong, + .hero.is-dark-dark .subtitle a:not(.button), + .hero.is-dark-dark .subtitle strong { + color: whitesmoke; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + + .hero.is-dark .navbar-menu, + .hero.is-dark-dark .navbar-menu { + background-color: #1c1c1c; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-dark .navbar-item, + .hero.is-dark .navbar-link, + .hero.is-dark-dark .navbar-item, + .hero.is-dark-dark .navbar-link { + color: rgba(245, 245, 245, 0.7); + } + + .hero.is-dark a.navbar-item:hover, + .hero.is-dark a.navbar-item.is-active, + .hero.is-dark .navbar-link:hover, + .hero.is-dark .navbar-link.is-active, + .hero.is-dark-dark a.navbar-item:hover, + .hero.is-dark-dark a.navbar-item.is-active, + .hero.is-dark-dark .navbar-link:hover, + .hero.is-dark-dark .navbar-link.is-active { + background-color: #0f0f0f; + color: whitesmoke; + } + + .hero.is-dark .tabs a, + .hero.is-dark-dark .tabs a { + color: whitesmoke; + opacity: 0.9; + } + + .hero.is-dark .tabs a:hover, + .hero.is-dark-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-dark .tabs li.is-active a, + .hero.is-dark-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-dark .tabs.is-boxed a, + .hero.is-dark .tabs.is-toggle a, + .hero.is-dark-dark .tabs.is-boxed a, + .hero.is-dark-dark .tabs.is-toggle a { + color: whitesmoke; + } + + .hero.is-dark .tabs.is-boxed a:hover, + .hero.is-dark .tabs.is-toggle a:hover, + .hero.is-dark-dark .tabs.is-boxed a:hover, + .hero.is-dark-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-dark .tabs.is-boxed li.is-active a, + .hero.is-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-dark .tabs.is-toggle li.is-active a, + .hero.is-dark .tabs.is-toggle li.is-active a:hover, + .hero.is-dark-dark .tabs.is-boxed li.is-active a, + .hero.is-dark-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-dark-dark .tabs.is-toggle li.is-active a, + .hero.is-dark-dark .tabs.is-toggle li.is-active a:hover { + background-color: whitesmoke; + border-color: whitesmoke; + color: #1c1c1c; + } + + .hero.is-dark.is-bold, + .hero.is-dark-dark.is-bold { + background-image: linear-gradient(141deg, #030202 0%, #1c1c1c 71%, #2b2727 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + + .hero.is-dark.is-bold .navbar-menu, + .hero.is-dark-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #030202 0%, #1c1c1c 71%, #2b2727 100%); + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-primary, + .hero.is-primary-dark { + background-color: #009e86; + color: #fff; + } + + .hero.is-primary a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-primary strong, + .hero.is-primary-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-primary-dark strong { + color: inherit; + } + + .hero.is-primary .title, + .hero.is-primary-dark .title { + color: #fff; + } + + .hero.is-primary .subtitle, + .hero.is-primary-dark .subtitle { + color: rgba(255, 255, 255, 0.9); + } + + .hero.is-primary .subtitle a:not(.button), + .hero.is-primary .subtitle strong, + .hero.is-primary-dark .subtitle a:not(.button), + .hero.is-primary-dark .subtitle strong { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + + .hero.is-primary .navbar-menu, + .hero.is-primary-dark .navbar-menu { + background-color: #009e86; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-primary .navbar-item, + .hero.is-primary .navbar-link, + .hero.is-primary-dark .navbar-item, + .hero.is-primary-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); + } + + .hero.is-primary a.navbar-item:hover, + .hero.is-primary a.navbar-item.is-active, + .hero.is-primary .navbar-link:hover, + .hero.is-primary .navbar-link.is-active, + .hero.is-primary-dark a.navbar-item:hover, + .hero.is-primary-dark a.navbar-item.is-active, + .hero.is-primary-dark .navbar-link:hover, + .hero.is-primary-dark .navbar-link.is-active { + background-color: #008571; + color: #fff; + } + + .hero.is-primary .tabs a, + .hero.is-primary-dark .tabs a { + color: #fff; + opacity: 0.9; + } + + .hero.is-primary .tabs a:hover, + .hero.is-primary-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-primary .tabs li.is-active a, + .hero.is-primary-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-primary .tabs.is-boxed a, + .hero.is-primary .tabs.is-toggle a, + .hero.is-primary-dark .tabs.is-boxed a, + .hero.is-primary-dark .tabs.is-toggle a { + color: #fff; + } + + .hero.is-primary .tabs.is-boxed a:hover, + .hero.is-primary .tabs.is-toggle a:hover, + .hero.is-primary-dark .tabs.is-boxed a:hover, + .hero.is-primary-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-primary .tabs.is-boxed li.is-active a, + .hero.is-primary .tabs.is-boxed li.is-active a:hover, + .hero.is-primary .tabs.is-toggle li.is-active a, + .hero.is-primary .tabs.is-toggle li.is-active a:hover, + .hero.is-primary-dark .tabs.is-boxed li.is-active a, + .hero.is-primary-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-primary-dark .tabs.is-toggle li.is-active a, + .hero.is-primary-dark .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #009e86; + } + + .hero.is-primary.is-bold, + .hero.is-primary-dark.is-bold { + background-image: linear-gradient(141deg, #006b49 0%, #009e86 71%, #00b5b8 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + + .hero.is-primary.is-bold .navbar-menu, + .hero.is-primary-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #006b49 0%, #009e86 71%, #00b5b8 100%); + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-link, + .hero.is-link-dark { + background-color: #205bbc; + color: #fff; + } + + .hero.is-link a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-link strong, + .hero.is-link-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-link-dark strong { + color: inherit; + } + + .hero.is-link .title, + .hero.is-link-dark .title { + color: #fff; + } + + .hero.is-link .subtitle, + .hero.is-link-dark .subtitle { + color: rgba(255, 255, 255, 0.9); + } + + .hero.is-link .subtitle a:not(.button), + .hero.is-link .subtitle strong, + .hero.is-link-dark .subtitle a:not(.button), + .hero.is-link-dark .subtitle strong { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + + .hero.is-link .navbar-menu, + .hero.is-link-dark .navbar-menu { + background-color: #205bbc; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-link .navbar-item, + .hero.is-link .navbar-link, + .hero.is-link-dark .navbar-item, + .hero.is-link-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); + } + + .hero.is-link a.navbar-item:hover, + .hero.is-link a.navbar-item.is-active, + .hero.is-link .navbar-link:hover, + .hero.is-link .navbar-link.is-active, + .hero.is-link-dark a.navbar-item:hover, + .hero.is-link-dark a.navbar-item.is-active, + .hero.is-link-dark .navbar-link:hover, + .hero.is-link-dark .navbar-link.is-active { + background-color: #1c51a6; + color: #fff; + } + + .hero.is-link .tabs a, + .hero.is-link-dark .tabs a { + color: #fff; + opacity: 0.9; + } + + .hero.is-link .tabs a:hover, + .hero.is-link-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-link .tabs li.is-active a, + .hero.is-link-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-link .tabs.is-boxed a, + .hero.is-link .tabs.is-toggle a, + .hero.is-link-dark .tabs.is-boxed a, + .hero.is-link-dark .tabs.is-toggle a { + color: #fff; + } + + .hero.is-link .tabs.is-boxed a:hover, + .hero.is-link .tabs.is-toggle a:hover, + .hero.is-link-dark .tabs.is-boxed a:hover, + .hero.is-link-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-link .tabs.is-boxed li.is-active a, + .hero.is-link .tabs.is-boxed li.is-active a:hover, + .hero.is-link .tabs.is-toggle li.is-active a, + .hero.is-link .tabs.is-toggle li.is-active a:hover, + .hero.is-link-dark .tabs.is-boxed li.is-active a, + .hero.is-link-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-link-dark .tabs.is-toggle li.is-active a, + .hero.is-link-dark .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #205bbc; + } + + .hero.is-link.is-bold, + .hero.is-link-dark.is-bold { + background-image: linear-gradient(141deg, #105b98 0%, #205bbc 71%, #1d46d7 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + + .hero.is-link.is-bold .navbar-menu, + .hero.is-link-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #105b98 0%, #205bbc 71%, #1d46d7 100%); + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-info, + .hero.is-info-dark { + background-color: #0f81cc; + color: #fff; + } + + .hero.is-info a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-info strong, + .hero.is-info-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-info-dark strong { + color: inherit; + } + + .hero.is-info .title, + .hero.is-info-dark .title { + color: #fff; + } + + .hero.is-info .subtitle, + .hero.is-info-dark .subtitle { + color: rgba(255, 255, 255, 0.9); + } + + .hero.is-info .subtitle a:not(.button), + .hero.is-info .subtitle strong, + .hero.is-info-dark .subtitle a:not(.button), + .hero.is-info-dark .subtitle strong { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + + .hero.is-info .navbar-menu, + .hero.is-info-dark .navbar-menu { + background-color: #0f81cc; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-info .navbar-item, + .hero.is-info .navbar-link, + .hero.is-info-dark .navbar-item, + .hero.is-info-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); + } + + .hero.is-info a.navbar-item:hover, + .hero.is-info a.navbar-item.is-active, + .hero.is-info .navbar-link:hover, + .hero.is-info .navbar-link.is-active, + .hero.is-info-dark a.navbar-item:hover, + .hero.is-info-dark a.navbar-item.is-active, + .hero.is-info-dark .navbar-link:hover, + .hero.is-info-dark .navbar-link.is-active { + background-color: #0e72b4; + color: #fff; + } + + .hero.is-info .tabs a, + .hero.is-info-dark .tabs a { + color: #fff; + opacity: 0.9; + } + + .hero.is-info .tabs a:hover, + .hero.is-info-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-info .tabs li.is-active a, + .hero.is-info-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-info .tabs.is-boxed a, + .hero.is-info .tabs.is-toggle a, + .hero.is-info-dark .tabs.is-boxed a, + .hero.is-info-dark .tabs.is-toggle a { + color: #fff; + } + + .hero.is-info .tabs.is-boxed a:hover, + .hero.is-info .tabs.is-toggle a:hover, + .hero.is-info-dark .tabs.is-boxed a:hover, + .hero.is-info-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-info .tabs.is-boxed li.is-active a, + .hero.is-info .tabs.is-boxed li.is-active a:hover, + .hero.is-info .tabs.is-toggle li.is-active a, + .hero.is-info .tabs.is-toggle li.is-active a:hover, + .hero.is-info-dark .tabs.is-boxed li.is-active a, + .hero.is-info-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-info-dark .tabs.is-toggle li.is-active a, + .hero.is-info-dark .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #0f81cc; + } + + .hero.is-info.is-bold, + .hero.is-info-dark.is-bold { + background-image: linear-gradient(141deg, #037fa5 0%, #0f81cc 71%, #0b6cea 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + + .hero.is-info.is-bold .navbar-menu, + .hero.is-info-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #037fa5 0%, #0f81cc 71%, #0b6cea 100%); + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-success, + .hero.is-success-dark { + background-color: #1ca64c; + color: #fff; + } + + .hero.is-success a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-success strong, + .hero.is-success-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-success-dark strong { + color: inherit; + } + + .hero.is-success .title, + .hero.is-success-dark .title { + color: #fff; + } + + .hero.is-success .subtitle, + .hero.is-success-dark .subtitle { + color: rgba(255, 255, 255, 0.9); + } + + .hero.is-success .subtitle a:not(.button), + .hero.is-success .subtitle strong, + .hero.is-success-dark .subtitle a:not(.button), + .hero.is-success-dark .subtitle strong { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + + .hero.is-success .navbar-menu, + .hero.is-success-dark .navbar-menu { + background-color: #1ca64c; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-success .navbar-item, + .hero.is-success .navbar-link, + .hero.is-success-dark .navbar-item, + .hero.is-success-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); + } + + .hero.is-success a.navbar-item:hover, + .hero.is-success a.navbar-item.is-active, + .hero.is-success .navbar-link:hover, + .hero.is-success .navbar-link.is-active, + .hero.is-success-dark a.navbar-item:hover, + .hero.is-success-dark a.navbar-item.is-active, + .hero.is-success-dark .navbar-link:hover, + .hero.is-success-dark .navbar-link.is-active { + background-color: #189042; + color: #fff; + } + + .hero.is-success .tabs a, + .hero.is-success-dark .tabs a { + color: #fff; + opacity: 0.9; + } + + .hero.is-success .tabs a:hover, + .hero.is-success-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-success .tabs li.is-active a, + .hero.is-success-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-success .tabs.is-boxed a, + .hero.is-success .tabs.is-toggle a, + .hero.is-success-dark .tabs.is-boxed a, + .hero.is-success-dark .tabs.is-toggle a { + color: #fff; + } + + .hero.is-success .tabs.is-boxed a:hover, + .hero.is-success .tabs.is-toggle a:hover, + .hero.is-success-dark .tabs.is-boxed a:hover, + .hero.is-success-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-success .tabs.is-boxed li.is-active a, + .hero.is-success .tabs.is-boxed li.is-active a:hover, + .hero.is-success .tabs.is-toggle li.is-active a, + .hero.is-success .tabs.is-toggle li.is-active a:hover, + .hero.is-success-dark .tabs.is-boxed li.is-active a, + .hero.is-success-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-success-dark .tabs.is-toggle li.is-active a, + .hero.is-success-dark .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #1ca64c; + } + + .hero.is-success.is-bold, + .hero.is-success-dark.is-bold { + background-image: linear-gradient(141deg, #0e8123 0%, #1ca64c 71%, #1ac170 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + + .hero.is-success.is-bold .navbar-menu, + .hero.is-success-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #0e8123 0%, #1ca64c 71%, #1ac170 100%); + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-warning, + .hero.is-warning-dark { + background-color: #ffd324; + color: rgba(0, 0, 0, 0.7); + } + + .hero.is-warning a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-warning strong, + .hero.is-warning-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-warning-dark strong { + color: inherit; + } + + .hero.is-warning .title, + .hero.is-warning-dark .title { + color: rgba(0, 0, 0, 0.7); + } + + .hero.is-warning .subtitle, + .hero.is-warning-dark .subtitle { + color: rgba(0, 0, 0, 0.9); + } + + .hero.is-warning .subtitle a:not(.button), + .hero.is-warning .subtitle strong, + .hero.is-warning-dark .subtitle a:not(.button), + .hero.is-warning-dark .subtitle strong { + color: rgba(0, 0, 0, 0.7); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + + .hero.is-warning .navbar-menu, + .hero.is-warning-dark .navbar-menu { + background-color: #ffd324; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-warning .navbar-item, + .hero.is-warning .navbar-link, + .hero.is-warning-dark .navbar-item, + .hero.is-warning-dark .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + + .hero.is-warning a.navbar-item:hover, + .hero.is-warning a.navbar-item.is-active, + .hero.is-warning .navbar-link:hover, + .hero.is-warning .navbar-link.is-active, + .hero.is-warning-dark a.navbar-item:hover, + .hero.is-warning-dark a.navbar-item.is-active, + .hero.is-warning-dark .navbar-link:hover, + .hero.is-warning-dark .navbar-link.is-active { + background-color: #ffce0a; + color: rgba(0, 0, 0, 0.7); + } + + .hero.is-warning .tabs a, + .hero.is-warning-dark .tabs a { + color: rgba(0, 0, 0, 0.7); + opacity: 0.9; + } + + .hero.is-warning .tabs a:hover, + .hero.is-warning-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-warning .tabs li.is-active a, + .hero.is-warning-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-warning .tabs.is-boxed a, + .hero.is-warning .tabs.is-toggle a, + .hero.is-warning-dark .tabs.is-boxed a, + .hero.is-warning-dark .tabs.is-toggle a { + color: rgba(0, 0, 0, 0.7); + } + + .hero.is-warning .tabs.is-boxed a:hover, + .hero.is-warning .tabs.is-toggle a:hover, + .hero.is-warning-dark .tabs.is-boxed a:hover, + .hero.is-warning-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-warning .tabs.is-boxed li.is-active a, + .hero.is-warning .tabs.is-boxed li.is-active a:hover, + .hero.is-warning .tabs.is-toggle li.is-active a, + .hero.is-warning .tabs.is-toggle li.is-active a:hover, + .hero.is-warning-dark .tabs.is-boxed li.is-active a, + .hero.is-warning-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-warning-dark .tabs.is-toggle li.is-active a, + .hero.is-warning-dark .tabs.is-toggle li.is-active a:hover { + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); + color: #ffd324; + } + + .hero.is-warning.is-bold, + .hero.is-warning-dark.is-bold { + background-image: linear-gradient(141deg, #f09800 0%, #ffd324 71%, #fff93d 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + + .hero.is-warning.is-bold .navbar-menu, + .hero.is-warning-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #f09800 0%, #ffd324 71%, #fff93d 100%); + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-danger, + .hero.is-danger-dark { + background-color: #ff0537; + color: #fff; + } + + .hero.is-danger a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-danger strong, + .hero.is-danger-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-danger-dark strong { + color: inherit; + } + + .hero.is-danger .title, + .hero.is-danger-dark .title { + color: #fff; + } + + .hero.is-danger .subtitle, + .hero.is-danger-dark .subtitle { + color: rgba(255, 255, 255, 0.9); + } + + .hero.is-danger .subtitle a:not(.button), + .hero.is-danger .subtitle strong, + .hero.is-danger-dark .subtitle a:not(.button), + .hero.is-danger-dark .subtitle strong { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + + .hero.is-danger .navbar-menu, + .hero.is-danger-dark .navbar-menu { + background-color: #ff0537; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-danger .navbar-item, + .hero.is-danger .navbar-link, + .hero.is-danger-dark .navbar-item, + .hero.is-danger-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); + } + + .hero.is-danger a.navbar-item:hover, + .hero.is-danger a.navbar-item.is-active, + .hero.is-danger .navbar-link:hover, + .hero.is-danger .navbar-link.is-active, + .hero.is-danger-dark a.navbar-item:hover, + .hero.is-danger-dark a.navbar-item.is-active, + .hero.is-danger-dark .navbar-link:hover, + .hero.is-danger-dark .navbar-link.is-active { + background-color: #eb002f; + color: #fff; + } + + .hero.is-danger .tabs a, + .hero.is-danger-dark .tabs a { + color: #fff; + opacity: 0.9; + } + + .hero.is-danger .tabs a:hover, + .hero.is-danger-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-danger .tabs li.is-active a, + .hero.is-danger-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-danger .tabs.is-boxed a, + .hero.is-danger .tabs.is-toggle a, + .hero.is-danger-dark .tabs.is-boxed a, + .hero.is-danger-dark .tabs.is-toggle a { + color: #fff; + } + + .hero.is-danger .tabs.is-boxed a:hover, + .hero.is-danger .tabs.is-toggle a:hover, + .hero.is-danger-dark .tabs.is-boxed a:hover, + .hero.is-danger-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-danger .tabs.is-boxed li.is-active a, + .hero.is-danger .tabs.is-boxed li.is-active a:hover, + .hero.is-danger .tabs.is-toggle li.is-active a, + .hero.is-danger .tabs.is-toggle li.is-active a:hover, + .hero.is-danger-dark .tabs.is-boxed li.is-active a, + .hero.is-danger-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-danger-dark .tabs.is-toggle li.is-active a, + .hero.is-danger-dark .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #ff0537; + } + + .hero.is-danger.is-bold, + .hero.is-danger-dark.is-bold { + background-image: linear-gradient(141deg, #d1004d 0%, #ff0537 71%, #ff1f26 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + + .hero.is-danger.is-bold .navbar-menu, + .hero.is-danger-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #d1004d 0%, #ff0537 71%, #ff1f26 100%); + } +} + +@media (prefers-color-scheme: dark) { + .hero.is-white-dark { + background-color: white; + color: #0a0a0a; + } + + .hero.is-white-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-white-dark strong { + color: inherit; + } + + .hero.is-white-dark .title { + color: #0a0a0a; + } + + .hero.is-white-dark .subtitle { + color: rgba(10, 10, 10, 0.9); + } + + .hero.is-white-dark .subtitle a:not(.button), + .hero.is-white-dark .subtitle strong { + color: #0a0a0a; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + .hero.is-white-dark .navbar-menu { + background-color: white; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-white-dark .navbar-item, + .hero.is-white-dark .navbar-link { + color: rgba(10, 10, 10, 0.7); + } + + .hero.is-white-dark a.navbar-item:hover, + .hero.is-white-dark a.navbar-item.is-active, + .hero.is-white-dark .navbar-link:hover, + .hero.is-white-dark .navbar-link.is-active { + background-color: #f2f2f2; + color: #0a0a0a; + } + + .hero.is-white-dark .tabs a { + color: #0a0a0a; + opacity: 0.9; + } + + .hero.is-white-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-white-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-white-dark .tabs.is-boxed a, + .hero.is-white-dark .tabs.is-toggle a { + color: #0a0a0a; + } + + .hero.is-white-dark .tabs.is-boxed a:hover, + .hero.is-white-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-white-dark .tabs.is-boxed li.is-active a, + .hero.is-white-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-white-dark .tabs.is-toggle li.is-active a, + .hero.is-white-dark .tabs.is-toggle li.is-active a:hover { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: white; + } + + .hero.is-white-dark.is-bold { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + .hero.is-white-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); + } +} + +@media (prefers-color-scheme: dark) { + .hero.is-black-dark { + background-color: #0a0a0a; + color: white; + } + + .hero.is-black-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-black-dark strong { + color: inherit; + } + + .hero.is-black-dark .title { + color: white; + } + + .hero.is-black-dark .subtitle { + color: rgba(255, 255, 255, 0.9); + } + + .hero.is-black-dark .subtitle a:not(.button), + .hero.is-black-dark .subtitle strong { + color: white; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + .hero.is-black-dark .navbar-menu { + background-color: #0a0a0a; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-black-dark .navbar-item, + .hero.is-black-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); + } + + .hero.is-black-dark a.navbar-item:hover, + .hero.is-black-dark a.navbar-item.is-active, + .hero.is-black-dark .navbar-link:hover, + .hero.is-black-dark .navbar-link.is-active { + background-color: black; + color: white; + } + + .hero.is-black-dark .tabs a { + color: white; + opacity: 0.9; + } + + .hero.is-black-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-black-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-black-dark .tabs.is-boxed a, + .hero.is-black-dark .tabs.is-toggle a { + color: white; + } + + .hero.is-black-dark .tabs.is-boxed a:hover, + .hero.is-black-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-black-dark .tabs.is-boxed li.is-active a, + .hero.is-black-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-black-dark .tabs.is-toggle li.is-active a, + .hero.is-black-dark .tabs.is-toggle li.is-active a:hover { + background-color: white; + border-color: white; + color: #0a0a0a; + } + + .hero.is-black-dark.is-bold { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + .hero.is-black-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); + } +} + +@media (prefers-color-scheme: dark) { + .hero.is-light-dark { + background-color: whitesmoke; + color: #363636; + } + + .hero.is-light-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-light-dark strong { + color: inherit; + } + + .hero.is-light-dark .title { + color: #363636; + } + + .hero.is-light-dark .subtitle { + color: rgba(54, 54, 54, 0.9); + } + + .hero.is-light-dark .subtitle a:not(.button), + .hero.is-light-dark .subtitle strong { + color: #363636; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + .hero.is-light-dark .navbar-menu { + background-color: whitesmoke; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-light-dark .navbar-item, + .hero.is-light-dark .navbar-link { + color: rgba(54, 54, 54, 0.7); + } + + .hero.is-light-dark a.navbar-item:hover, + .hero.is-light-dark a.navbar-item.is-active, + .hero.is-light-dark .navbar-link:hover, + .hero.is-light-dark .navbar-link.is-active { + background-color: #e8e8e8; + color: #363636; + } + + .hero.is-light-dark .tabs a { + color: #363636; + opacity: 0.9; + } + + .hero.is-light-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-light-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-light-dark .tabs.is-boxed a, + .hero.is-light-dark .tabs.is-toggle a { + color: #363636; + } + + .hero.is-light-dark .tabs.is-boxed a:hover, + .hero.is-light-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-light-dark .tabs.is-boxed li.is-active a, + .hero.is-light-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-light-dark .tabs.is-toggle li.is-active a, + .hero.is-light-dark .tabs.is-toggle li.is-active a:hover { + background-color: #363636; + border-color: #363636; + color: whitesmoke; + } + + .hero.is-light-dark.is-bold { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + .hero.is-light-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); + } +} + +@media (prefers-color-scheme: dark) { + .hero.is-dark-dark { + background-color: #363636; + color: whitesmoke; + } + + .hero.is-dark-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-dark-dark strong { + color: inherit; + } + + .hero.is-dark-dark .title { + color: whitesmoke; + } + + .hero.is-dark-dark .subtitle { + color: rgba(245, 245, 245, 0.9); + } + + .hero.is-dark-dark .subtitle a:not(.button), + .hero.is-dark-dark .subtitle strong { + color: whitesmoke; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + .hero.is-dark-dark .navbar-menu { + background-color: #363636; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-dark-dark .navbar-item, + .hero.is-dark-dark .navbar-link { + color: rgba(245, 245, 245, 0.7); + } + + .hero.is-dark-dark a.navbar-item:hover, + .hero.is-dark-dark a.navbar-item.is-active, + .hero.is-dark-dark .navbar-link:hover, + .hero.is-dark-dark .navbar-link.is-active { + background-color: #292929; + color: whitesmoke; + } + + .hero.is-dark-dark .tabs a { + color: whitesmoke; + opacity: 0.9; + } + + .hero.is-dark-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-dark-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-dark-dark .tabs.is-boxed a, + .hero.is-dark-dark .tabs.is-toggle a { + color: whitesmoke; + } + + .hero.is-dark-dark .tabs.is-boxed a:hover, + .hero.is-dark-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-dark-dark .tabs.is-boxed li.is-active a, + .hero.is-dark-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-dark-dark .tabs.is-toggle li.is-active a, + .hero.is-dark-dark .tabs.is-toggle li.is-active a:hover { + background-color: whitesmoke; + border-color: whitesmoke; + color: #363636; + } + + .hero.is-dark-dark.is-bold { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + .hero.is-dark-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); + } +} + +@media (prefers-color-scheme: dark) { + .hero.is-primary-dark { + background-color: #00d1b2; + color: #fff; + } + + .hero.is-primary-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-primary-dark strong { + color: inherit; + } + + .hero.is-primary-dark .title { + color: #fff; + } + + .hero.is-primary-dark .subtitle { + color: rgba(255, 255, 255, 0.9); + } + + .hero.is-primary-dark .subtitle a:not(.button), + .hero.is-primary-dark .subtitle strong { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + .hero.is-primary-dark .navbar-menu { + background-color: #00d1b2; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-primary-dark .navbar-item, + .hero.is-primary-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); + } + + .hero.is-primary-dark a.navbar-item:hover, + .hero.is-primary-dark a.navbar-item.is-active, + .hero.is-primary-dark .navbar-link:hover, + .hero.is-primary-dark .navbar-link.is-active { + background-color: #00b89c; + color: #fff; + } + + .hero.is-primary-dark .tabs a { + color: #fff; + opacity: 0.9; + } + + .hero.is-primary-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-primary-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-primary-dark .tabs.is-boxed a, + .hero.is-primary-dark .tabs.is-toggle a { + color: #fff; + } + + .hero.is-primary-dark .tabs.is-boxed a:hover, + .hero.is-primary-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-primary-dark .tabs.is-boxed li.is-active a, + .hero.is-primary-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-primary-dark .tabs.is-toggle li.is-active a, + .hero.is-primary-dark .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #00d1b2; + } + + .hero.is-primary-dark.is-bold { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + .hero.is-primary-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #009e6c 0%, #00d1b2 71%, #00e7eb 100%); + } +} + +@media (prefers-color-scheme: dark) { + .hero.is-link-dark { + background-color: #3273dc; + color: #fff; + } + + .hero.is-link-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-link-dark strong { + color: inherit; + } + + .hero.is-link-dark .title { + color: #fff; + } + + .hero.is-link-dark .subtitle { + color: rgba(255, 255, 255, 0.9); + } + + .hero.is-link-dark .subtitle a:not(.button), + .hero.is-link-dark .subtitle strong { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + .hero.is-link-dark .navbar-menu { + background-color: #3273dc; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-link-dark .navbar-item, + .hero.is-link-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); + } + + .hero.is-link-dark a.navbar-item:hover, + .hero.is-link-dark a.navbar-item.is-active, + .hero.is-link-dark .navbar-link:hover, + .hero.is-link-dark .navbar-link.is-active { + background-color: #2366d1; + color: #fff; + } + + .hero.is-link-dark .tabs a { + color: #fff; + opacity: 0.9; + } + + .hero.is-link-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-link-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-link-dark .tabs.is-boxed a, + .hero.is-link-dark .tabs.is-toggle a { + color: #fff; + } + + .hero.is-link-dark .tabs.is-boxed a:hover, + .hero.is-link-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-link-dark .tabs.is-boxed li.is-active a, + .hero.is-link-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-link-dark .tabs.is-toggle li.is-active a, + .hero.is-link-dark .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #3273dc; + } + + .hero.is-link-dark.is-bold { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + .hero.is-link-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); + } +} + +@media (prefers-color-scheme: dark) { + .hero.is-info-dark { + background-color: #209cee; + color: #fff; + } + + .hero.is-info-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-info-dark strong { + color: inherit; + } + + .hero.is-info-dark .title { + color: #fff; + } + + .hero.is-info-dark .subtitle { + color: rgba(255, 255, 255, 0.9); + } + + .hero.is-info-dark .subtitle a:not(.button), + .hero.is-info-dark .subtitle strong { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + .hero.is-info-dark .navbar-menu { + background-color: #209cee; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-info-dark .navbar-item, + .hero.is-info-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); + } + + .hero.is-info-dark a.navbar-item:hover, + .hero.is-info-dark a.navbar-item.is-active, + .hero.is-info-dark .navbar-link:hover, + .hero.is-info-dark .navbar-link.is-active { + background-color: #118fe4; + color: #fff; + } + + .hero.is-info-dark .tabs a { + color: #fff; + opacity: 0.9; + } + + .hero.is-info-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-info-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-info-dark .tabs.is-boxed a, + .hero.is-info-dark .tabs.is-toggle a { + color: #fff; + } + + .hero.is-info-dark .tabs.is-boxed a:hover, + .hero.is-info-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-info-dark .tabs.is-boxed li.is-active a, + .hero.is-info-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-info-dark .tabs.is-toggle li.is-active a, + .hero.is-info-dark .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #209cee; + } + + .hero.is-info-dark.is-bold { + background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + .hero.is-info-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); + } +} + +@media (prefers-color-scheme: dark) { + .hero.is-success-dark { + background-color: #23d160; + color: #fff; + } + + .hero.is-success-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-success-dark strong { + color: inherit; + } + + .hero.is-success-dark .title { + color: #fff; + } + + .hero.is-success-dark .subtitle { + color: rgba(255, 255, 255, 0.9); + } + + .hero.is-success-dark .subtitle a:not(.button), + .hero.is-success-dark .subtitle strong { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + .hero.is-success-dark .navbar-menu { + background-color: #23d160; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-success-dark .navbar-item, + .hero.is-success-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); + } + + .hero.is-success-dark a.navbar-item:hover, + .hero.is-success-dark a.navbar-item.is-active, + .hero.is-success-dark .navbar-link:hover, + .hero.is-success-dark .navbar-link.is-active { + background-color: #20bc56; + color: #fff; + } + + .hero.is-success-dark .tabs a { + color: #fff; + opacity: 0.9; + } + + .hero.is-success-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-success-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-success-dark .tabs.is-boxed a, + .hero.is-success-dark .tabs.is-toggle a { + color: #fff; + } + + .hero.is-success-dark .tabs.is-boxed a:hover, + .hero.is-success-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-success-dark .tabs.is-boxed li.is-active a, + .hero.is-success-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-success-dark .tabs.is-toggle li.is-active a, + .hero.is-success-dark .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #23d160; + } + + .hero.is-success-dark.is-bold { + background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + .hero.is-success-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); + } +} + +@media (prefers-color-scheme: dark) { + .hero.is-warning-dark { + background-color: #ffdd57; + color: rgba(0, 0, 0, 0.7); + } + + .hero.is-warning-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-warning-dark strong { + color: inherit; + } + + .hero.is-warning-dark .title { + color: rgba(0, 0, 0, 0.7); + } + + .hero.is-warning-dark .subtitle { + color: rgba(0, 0, 0, 0.9); + } + + .hero.is-warning-dark .subtitle a:not(.button), + .hero.is-warning-dark .subtitle strong { + color: rgba(0, 0, 0, 0.7); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + .hero.is-warning-dark .navbar-menu { + background-color: #ffdd57; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-warning-dark .navbar-item, + .hero.is-warning-dark .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + + .hero.is-warning-dark a.navbar-item:hover, + .hero.is-warning-dark a.navbar-item.is-active, + .hero.is-warning-dark .navbar-link:hover, + .hero.is-warning-dark .navbar-link.is-active { + background-color: #ffd83d; + color: rgba(0, 0, 0, 0.7); + } + + .hero.is-warning-dark .tabs a { + color: rgba(0, 0, 0, 0.7); + opacity: 0.9; + } + + .hero.is-warning-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-warning-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-warning-dark .tabs.is-boxed a, + .hero.is-warning-dark .tabs.is-toggle a { + color: rgba(0, 0, 0, 0.7); + } + + .hero.is-warning-dark .tabs.is-boxed a:hover, + .hero.is-warning-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-warning-dark .tabs.is-boxed li.is-active a, + .hero.is-warning-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-warning-dark .tabs.is-toggle li.is-active a, + .hero.is-warning-dark .tabs.is-toggle li.is-active a:hover { + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); + color: #ffdd57; + } + + .hero.is-warning-dark.is-bold { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + .hero.is-warning-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); + } +} + +@media (prefers-color-scheme: dark) { + .hero.is-danger-dark { + background-color: #ff3860; + color: #fff; + } + + .hero.is-danger-dark a:not(.button):not(.dropdown-item):not(.tag), + .hero.is-danger-dark strong { + color: inherit; + } + + .hero.is-danger-dark .title { + color: #fff; + } + + .hero.is-danger-dark .subtitle { + color: rgba(255, 255, 255, 0.9); + } + + .hero.is-danger-dark .subtitle a:not(.button), + .hero.is-danger-dark .subtitle strong { + color: #fff; + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 1087px) { + .hero.is-danger-dark .navbar-menu { + background-color: #ff3860; + } +} + +@media (prefers-color-scheme: dark) { + + .hero.is-danger-dark .navbar-item, + .hero.is-danger-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); + } + + .hero.is-danger-dark a.navbar-item:hover, + .hero.is-danger-dark a.navbar-item.is-active, + .hero.is-danger-dark .navbar-link:hover, + .hero.is-danger-dark .navbar-link.is-active { + background-color: #ff1f4b; + color: #fff; + } + + .hero.is-danger-dark .tabs a { + color: #fff; + opacity: 0.9; + } + + .hero.is-danger-dark .tabs a:hover { + opacity: 1; + } + + .hero.is-danger-dark .tabs li.is-active a { + opacity: 1; + } + + .hero.is-danger-dark .tabs.is-boxed a, + .hero.is-danger-dark .tabs.is-toggle a { + color: #fff; + } + + .hero.is-danger-dark .tabs.is-boxed a:hover, + .hero.is-danger-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, 0.1); + } + + .hero.is-danger-dark .tabs.is-boxed li.is-active a, + .hero.is-danger-dark .tabs.is-boxed li.is-active a:hover, + .hero.is-danger-dark .tabs.is-toggle li.is-active a, + .hero.is-danger-dark .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #ff3860; + } + + .hero.is-danger-dark.is-bold { + background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); + } +} + +@media screen and (prefers-color-scheme: dark) and (max-width: 768px) { + .hero.is-danger-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); + } +} + +@media (prefers-color-scheme: dark) { + .footer { + background-color: #121212; + } +} + +/*# sourceMappingURL=bulma-prefers-dark.css.map */ \ No newline at end of file diff --git a/web/static/css/chat.css b/web/static/css/chat.css index e6da13a..78984e4 100644 --- a/web/static/css/chat.css +++ b/web/static/css/chat.css @@ -28,14 +28,22 @@ body { left: 0; right: 0; bottom: 0; - background-color: rgba(255, 0, 0, 0.2); padding: 10px; + background: rgb(190,190,190); + background: linear-gradient(0deg, rgb(172, 172, 172) 0%, rgb(214, 214, 214) 100%); + display: grid; column-gap: 10px; row-gap: 10px; grid-template-columns: 260px 1fr 280px; - grid-template-rows: 1fr auto; + grid-template-rows: auto 1fr auto; +} + +/* Header row */ +.chat-container > .chat-header { + grid-column: 1 / 4; + grid-row: 1; } /* Left column: DMs and channels */ @@ -47,7 +55,7 @@ body { /* Main column: chat history */ .chat-container > .chat-column { grid-column: 2; - grid-row: 1; + grid-row: 2; background-color: yellow; overflow: hidden; } @@ -55,7 +63,7 @@ body { /* Footer row: message entry box */ .chat-container > .chat-footer { grid-column: 1 / 4; - grid-row: 2 / 2; + grid-row: 3; } /* Right column: Who List */ @@ -118,7 +126,7 @@ body { *******************/ .video-feeds { - background-color: yellow; + background-color: #222; width: 100%; max-width: 100%; overflow-x: scroll; @@ -128,9 +136,38 @@ body { } .video-feeds > .feed { - flex: 10 0 auto; - width: 120px; - height: 80px; + position: relative; + flex: 0 0 144px; + width: 168px; + height: 112px; background-color: black; margin: 5px; +} + +.video-feeds > .feed > video { + width: 100%; + height: 100%; +} + +.video-feeds > .feed > .controls { + position: absolute; + background: rgba(0, 0, 0, 0.75); + right: 4px; + bottom: 4px; +} + +.video-feeds > .feed > .close { + position: absolute; + right: 4px; + top: 0; +} + +.video-feeds > .feed > .caption { + position: absolute; + background: rgba(0, 0, 0, 0.75); + color: #fff; + top: 4px; + left: 4px; + font-size: small; + padding: 2px 4px; } \ No newline at end of file diff --git a/web/static/js/BareRTC.js b/web/static/js/BareRTC.js index efef292..70e5b5f 100644 --- a/web/static/js/BareRTC.js +++ b/web/static/js/BareRTC.js @@ -47,12 +47,17 @@ const app = Vue.createApp({ active: false, elem: null, //