From 9c878efd0a44542e206b6d0a95ad3ec7e4ef057e Mon Sep 17 00:00:00 2001 From: Nico Burns Date: Wed, 16 Oct 2024 03:45:24 +0100 Subject: [PATCH] Add offline version of servo stylesheet --- examples/assets/servo.css | 6693 ++++++++++++++++++++++++++++++++++++ examples/assets/servo.html | 2 +- 2 files changed, 6694 insertions(+), 1 deletion(-) create mode 100644 examples/assets/servo.css diff --git a/examples/assets/servo.css b/examples/assets/servo.css new file mode 100644 index 00000000..5d7f0d5c --- /dev/null +++ b/examples/assets/servo.css @@ -0,0 +1,6693 @@ +@import url("https://fonts.googleapis.com/css?family=Fira+Sans:300,400,600,700|Fira+Mono:300,400,600,700|Fire+Sans:100,200,300,400,500,600,700"); +@import url("https://use.fontawesome.com/releases/v5.12.0/css/all.css"); +h1 { + font-family: "Fira Sans", sans-serif; +} + +h2 { + font-family: "Fira Sans", sans-serif; +} + +h3 { + font-family: "Fira Sans", sans-serif; +} + +h4 { + font-family: "Fira Sans", sans-serif; +} + +h5 { + font-family: "Fira Sans", sans-serif; +} + +h6 { + font-family: "Fira Sans", sans-serif; +} + +/* Bulma Utilities */ +.button { + -moz-appearance: none; + -webkit-appearance: none; + align-items: center; + border: 1px solid transparent; + border-radius: 4px; + box-shadow: none; + display: inline-flex; + font-size: 1rem; + height: 2.5em; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(0.5em - 1px); + padding-left: calc(0.75em - 1px); + padding-right: calc(0.75em - 1px); + padding-top: calc(0.5em - 1px); + position: relative; + vertical-align: top; +} +.button:focus, .is-focused.button, .button:active, .is-active.button { + outline: none; +} +[disabled].button, fieldset[disabled] .button { + cursor: not-allowed; +} + +.button { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.navbar-link:not(.is-arrowless)::after { + border: 3px solid transparent; + border-radius: 2px; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: 0.625em; + margin-top: -0.4375em; + pointer-events: none; + position: absolute; + top: 50%; + transform: rotate(-45deg); + transform-origin: center; + width: 0.625em; +} + +.content:not(:last-child), .title:not(:last-child), +.subtitle:not(:last-child), .box:not(:last-child) { + margin-bottom: 1.5rem; +} + +.button.is-loading::after { + animation: spinAround 500ms infinite linear; + border: 2px solid hsl(0, 0%, 86%); + border-radius: 9999px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em; +} + +.hero-video { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0; +} + +.navbar-burger { + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: none; + border: none; + color: currentColor; + font-family: inherit; + font-size: 1em; + margin: 0; + padding: 0; +} + +/* Bulma Base */ +/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ +html, +body, +p, +ol, +ul, +li, +dl, +dt, +dd, +blockquote, +figure, +fieldset, +legend, +textarea, +pre, +iframe, +hr, +h1, +h2, +h3, +h4, +h5, +h6 { + margin: 0; + padding: 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: 100%; + font-weight: normal; +} + +ul { + list-style: none; +} + +button, +input, +select, +textarea { + margin: 0; +} + +html { + box-sizing: border-box; +} + +*, *::before, *::after { + box-sizing: inherit; +} + +img, +video { + height: auto; + max-width: 100%; +} + +iframe { + border: 0; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +} +td:not([align]), +th:not([align]) { + text-align: inherit; +} + +html { + background-color: #121619; + font-size: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + min-width: 300px; + overflow-x: hidden; + overflow-y: scroll; + text-rendering: optimizeLegibility; + text-size-adjust: 100%; +} + +article, +aside, +figure, +footer, +header, +hgroup, +section { + display: block; +} + +body, +button, +input, +optgroup, +select, +textarea { + font-family: "Fira Sans", BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; +} + +code, +pre { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: auto; + font-family: "Fira Mono", monospace; +} + +body { + color: hsl(0, 0%, 96%); + font-size: 1em; + font-weight: 400; + line-height: 1.5; +} + +a { + color: #1191E8; + cursor: pointer; + text-decoration: none; +} +a strong { + color: currentColor; +} +a:hover { + color: #42BF64; +} + +code { + background-color: #121619; + color: hsl(348, 86%, 46%); + font-size: 0.875em; + font-weight: normal; + padding: 0.25em 0.5em 0.25em; +} + +hr { + background-color: #121619; + border: none; + display: block; + height: 2px; + margin: 1.5rem 0; +} + +img { + height: auto; + max-width: 100%; +} + +input[type=checkbox], +input[type=radio] { + vertical-align: baseline; +} + +small { + font-size: 0.875em; +} + +span { + font-style: inherit; + font-weight: inherit; +} + +strong { + color: hsl(0, 0%, 100%); + font-weight: 700; +} + +fieldset { + border: none; +} + +pre { + -webkit-overflow-scrolling: touch; + background-color: #121619; + color: hsl(0, 0%, 96%); + font-size: 0.875em; + overflow-x: auto; + padding: 1.25rem 1.5rem; + white-space: pre; + word-wrap: normal; +} +pre code { + background-color: transparent; + color: currentColor; + font-size: 1em; + padding: 0; +} + +table td, +table th { + vertical-align: top; +} +table td:not([align]), +table th:not([align]) { + text-align: inherit; +} +table th { + color: hsl(0, 0%, 100%); +} + +@keyframes spinAround { + from { + transform: rotate(0deg); + } + to { + transform: rotate(359deg); + } +} +.container { + flex-grow: 1; + margin: 0 auto; + position: relative; + width: auto; +} +.container.is-fluid { + max-width: none !important; + padding-left: 32px; + padding-right: 32px; + width: 100%; +} +@media screen and (min-width: 1024px) { + .container { + max-width: 960px; + } +} +@media screen and (max-width: 1215px) { + .container.is-widescreen:not(.is-max-desktop) { + max-width: 1152px; + } +} +@media screen and (max-width: 1407px) { + .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) { + max-width: 1344px; + } +} +@media screen and (min-width: 1216px) { + .container:not(.is-max-desktop) { + max-width: 1152px; + } +} +@media screen and (min-width: 1408px) { + .container:not(.is-max-desktop):not(.is-max-widescreen) { + max-width: 1344px; + } +} + +.column { + display: block; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + padding: 0.75rem; +} +.columns.is-mobile > .column.is-narrow { + flex: none; + width: unset; +} +.columns.is-mobile > .column.is-full { + flex: none; + width: 100%; +} +.columns.is-mobile > .column.is-three-quarters { + flex: none; + width: 75%; +} +.columns.is-mobile > .column.is-two-thirds { + flex: none; + width: 66.6666%; +} +.columns.is-mobile > .column.is-half { + flex: none; + width: 50%; +} +.columns.is-mobile > .column.is-one-third { + flex: none; + width: 33.3333%; +} +.columns.is-mobile > .column.is-one-quarter { + flex: none; + width: 25%; +} +.columns.is-mobile > .column.is-one-fifth { + flex: none; + width: 20%; +} +.columns.is-mobile > .column.is-two-fifths { + flex: none; + width: 40%; +} +.columns.is-mobile > .column.is-three-fifths { + flex: none; + width: 60%; +} +.columns.is-mobile > .column.is-four-fifths { + flex: none; + width: 80%; +} +.columns.is-mobile > .column.is-offset-three-quarters { + margin-left: 75%; +} +.columns.is-mobile > .column.is-offset-two-thirds { + margin-left: 66.6666%; +} +.columns.is-mobile > .column.is-offset-half { + margin-left: 50%; +} +.columns.is-mobile > .column.is-offset-one-third { + margin-left: 33.3333%; +} +.columns.is-mobile > .column.is-offset-one-quarter { + margin-left: 25%; +} +.columns.is-mobile > .column.is-offset-one-fifth { + margin-left: 20%; +} +.columns.is-mobile > .column.is-offset-two-fifths { + margin-left: 40%; +} +.columns.is-mobile > .column.is-offset-three-fifths { + margin-left: 60%; +} +.columns.is-mobile > .column.is-offset-four-fifths { + margin-left: 80%; +} +.columns.is-mobile > .column.is-0 { + flex: none; + width: 0%; +} +.columns.is-mobile > .column.is-offset-0 { + margin-left: 0%; +} +.columns.is-mobile > .column.is-1 { + flex: none; + width: 8.33333337%; +} +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.33333337%; +} +.columns.is-mobile > .column.is-2 { + flex: none; + width: 16.66666674%; +} +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.66666674%; +} +.columns.is-mobile > .column.is-3 { + flex: none; + width: 25%; +} +.columns.is-mobile > .column.is-offset-3 { + margin-left: 25%; +} +.columns.is-mobile > .column.is-4 { + flex: none; + width: 33.33333337%; +} +.columns.is-mobile > .column.is-offset-4 { + margin-left: 33.33333337%; +} +.columns.is-mobile > .column.is-5 { + flex: none; + width: 41.66666674%; +} +.columns.is-mobile > .column.is-offset-5 { + margin-left: 41.66666674%; +} +.columns.is-mobile > .column.is-6 { + flex: none; + width: 50%; +} +.columns.is-mobile > .column.is-offset-6 { + margin-left: 50%; +} +.columns.is-mobile > .column.is-7 { + flex: none; + width: 58.33333337%; +} +.columns.is-mobile > .column.is-offset-7 { + margin-left: 58.33333337%; +} +.columns.is-mobile > .column.is-8 { + flex: none; + width: 66.66666674%; +} +.columns.is-mobile > .column.is-offset-8 { + margin-left: 66.66666674%; +} +.columns.is-mobile > .column.is-9 { + flex: none; + width: 75%; +} +.columns.is-mobile > .column.is-offset-9 { + margin-left: 75%; +} +.columns.is-mobile > .column.is-10 { + flex: none; + width: 83.33333337%; +} +.columns.is-mobile > .column.is-offset-10 { + margin-left: 83.33333337%; +} +.columns.is-mobile > .column.is-11 { + flex: none; + width: 91.66666674%; +} +.columns.is-mobile > .column.is-offset-11 { + margin-left: 91.66666674%; +} +.columns.is-mobile > .column.is-12 { + flex: none; + width: 100%; +} +.columns.is-mobile > .column.is-offset-12 { + margin-left: 100%; +} +@media screen and (max-width: 768px) { + .column.is-narrow-mobile { + flex: none; + width: unset; + } + .column.is-full-mobile { + flex: none; + width: 100%; + } + .column.is-three-quarters-mobile { + flex: none; + width: 75%; + } + .column.is-two-thirds-mobile { + flex: none; + width: 66.6666%; + } + .column.is-half-mobile { + flex: none; + width: 50%; + } + .column.is-one-third-mobile { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-mobile { + flex: none; + width: 25%; + } + .column.is-one-fifth-mobile { + flex: none; + width: 20%; + } + .column.is-two-fifths-mobile { + flex: none; + width: 40%; + } + .column.is-three-fifths-mobile { + flex: none; + width: 60%; + } + .column.is-four-fifths-mobile { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-mobile { + margin-left: 75%; + } + .column.is-offset-two-thirds-mobile { + margin-left: 66.6666%; + } + .column.is-offset-half-mobile { + margin-left: 50%; + } + .column.is-offset-one-third-mobile { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-mobile { + margin-left: 25%; + } + .column.is-offset-one-fifth-mobile { + margin-left: 20%; + } + .column.is-offset-two-fifths-mobile { + margin-left: 40%; + } + .column.is-offset-three-fifths-mobile { + margin-left: 60%; + } + .column.is-offset-four-fifths-mobile { + margin-left: 80%; + } + .column.is-0-mobile { + flex: none; + width: 0%; + } + .column.is-offset-0-mobile { + margin-left: 0%; + } + .column.is-1-mobile { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-mobile { + margin-left: 8.33333337%; + } + .column.is-2-mobile { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-mobile { + margin-left: 16.66666674%; + } + .column.is-3-mobile { + flex: none; + width: 25%; + } + .column.is-offset-3-mobile { + margin-left: 25%; + } + .column.is-4-mobile { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-mobile { + margin-left: 33.33333337%; + } + .column.is-5-mobile { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-mobile { + margin-left: 41.66666674%; + } + .column.is-6-mobile { + flex: none; + width: 50%; + } + .column.is-offset-6-mobile { + margin-left: 50%; + } + .column.is-7-mobile { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-mobile { + margin-left: 58.33333337%; + } + .column.is-8-mobile { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-mobile { + margin-left: 66.66666674%; + } + .column.is-9-mobile { + flex: none; + width: 75%; + } + .column.is-offset-9-mobile { + margin-left: 75%; + } + .column.is-10-mobile { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-mobile { + margin-left: 83.33333337%; + } + .column.is-11-mobile { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-mobile { + margin-left: 91.66666674%; + } + .column.is-12-mobile { + flex: none; + width: 100%; + } + .column.is-offset-12-mobile { + margin-left: 100%; + } +} +@media screen and (min-width: 769px), print { + .column.is-narrow, .column.is-narrow-tablet { + flex: none; + width: unset; + } + .column.is-full, .column.is-full-tablet { + flex: none; + width: 100%; + } + .column.is-three-quarters, .column.is-three-quarters-tablet { + flex: none; + width: 75%; + } + .column.is-two-thirds, .column.is-two-thirds-tablet { + flex: none; + width: 66.6666%; + } + .column.is-half, .column.is-half-tablet { + flex: none; + width: 50%; + } + .column.is-one-third, .column.is-one-third-tablet { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter, .column.is-one-quarter-tablet { + flex: none; + width: 25%; + } + .column.is-one-fifth, .column.is-one-fifth-tablet { + flex: none; + width: 20%; + } + .column.is-two-fifths, .column.is-two-fifths-tablet { + flex: none; + width: 40%; + } + .column.is-three-fifths, .column.is-three-fifths-tablet { + flex: none; + width: 60%; + } + .column.is-four-fifths, .column.is-four-fifths-tablet { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { + margin-left: 75%; + } + .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { + margin-left: 66.6666%; + } + .column.is-offset-half, .column.is-offset-half-tablet { + margin-left: 50%; + } + .column.is-offset-one-third, .column.is-offset-one-third-tablet { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { + margin-left: 25%; + } + .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { + margin-left: 20%; + } + .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { + margin-left: 40%; + } + .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { + margin-left: 60%; + } + .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { + margin-left: 80%; + } + .column.is-0, .column.is-0-tablet { + flex: none; + width: 0%; + } + .column.is-offset-0, .column.is-offset-0-tablet { + margin-left: 0%; + } + .column.is-1, .column.is-1-tablet { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.33333337%; + } + .column.is-2, .column.is-2-tablet { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2, .column.is-offset-2-tablet { + margin-left: 16.66666674%; + } + .column.is-3, .column.is-3-tablet { + flex: none; + width: 25%; + } + .column.is-offset-3, .column.is-offset-3-tablet { + margin-left: 25%; + } + .column.is-4, .column.is-4-tablet { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.33333337%; + } + .column.is-5, .column.is-5-tablet { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.66666674%; + } + .column.is-6, .column.is-6-tablet { + flex: none; + width: 50%; + } + .column.is-offset-6, .column.is-offset-6-tablet { + margin-left: 50%; + } + .column.is-7, .column.is-7-tablet { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.33333337%; + } + .column.is-8, .column.is-8-tablet { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.66666674%; + } + .column.is-9, .column.is-9-tablet { + flex: none; + width: 75%; + } + .column.is-offset-9, .column.is-offset-9-tablet { + margin-left: 75%; + } + .column.is-10, .column.is-10-tablet { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.33333337%; + } + .column.is-11, .column.is-11-tablet { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.66666674%; + } + .column.is-12, .column.is-12-tablet { + flex: none; + width: 100%; + } + .column.is-offset-12, .column.is-offset-12-tablet { + margin-left: 100%; + } +} +@media screen and (max-width: 1023px) { + .column.is-narrow-touch { + flex: none; + width: unset; + } + .column.is-full-touch { + flex: none; + width: 100%; + } + .column.is-three-quarters-touch { + flex: none; + width: 75%; + } + .column.is-two-thirds-touch { + flex: none; + width: 66.6666%; + } + .column.is-half-touch { + flex: none; + width: 50%; + } + .column.is-one-third-touch { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-touch { + flex: none; + width: 25%; + } + .column.is-one-fifth-touch { + flex: none; + width: 20%; + } + .column.is-two-fifths-touch { + flex: none; + width: 40%; + } + .column.is-three-fifths-touch { + flex: none; + width: 60%; + } + .column.is-four-fifths-touch { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-touch { + margin-left: 75%; + } + .column.is-offset-two-thirds-touch { + margin-left: 66.6666%; + } + .column.is-offset-half-touch { + margin-left: 50%; + } + .column.is-offset-one-third-touch { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-touch { + margin-left: 25%; + } + .column.is-offset-one-fifth-touch { + margin-left: 20%; + } + .column.is-offset-two-fifths-touch { + margin-left: 40%; + } + .column.is-offset-three-fifths-touch { + margin-left: 60%; + } + .column.is-offset-four-fifths-touch { + margin-left: 80%; + } + .column.is-0-touch { + flex: none; + width: 0%; + } + .column.is-offset-0-touch { + margin-left: 0%; + } + .column.is-1-touch { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-touch { + margin-left: 8.33333337%; + } + .column.is-2-touch { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-touch { + margin-left: 16.66666674%; + } + .column.is-3-touch { + flex: none; + width: 25%; + } + .column.is-offset-3-touch { + margin-left: 25%; + } + .column.is-4-touch { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-touch { + margin-left: 33.33333337%; + } + .column.is-5-touch { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-touch { + margin-left: 41.66666674%; + } + .column.is-6-touch { + flex: none; + width: 50%; + } + .column.is-offset-6-touch { + margin-left: 50%; + } + .column.is-7-touch { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-touch { + margin-left: 58.33333337%; + } + .column.is-8-touch { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-touch { + margin-left: 66.66666674%; + } + .column.is-9-touch { + flex: none; + width: 75%; + } + .column.is-offset-9-touch { + margin-left: 75%; + } + .column.is-10-touch { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-touch { + margin-left: 83.33333337%; + } + .column.is-11-touch { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-touch { + margin-left: 91.66666674%; + } + .column.is-12-touch { + flex: none; + width: 100%; + } + .column.is-offset-12-touch { + margin-left: 100%; + } +} +@media screen and (min-width: 1024px) { + .column.is-narrow-desktop { + flex: none; + width: unset; + } + .column.is-full-desktop { + flex: none; + width: 100%; + } + .column.is-three-quarters-desktop { + flex: none; + width: 75%; + } + .column.is-two-thirds-desktop { + flex: none; + width: 66.6666%; + } + .column.is-half-desktop { + flex: none; + width: 50%; + } + .column.is-one-third-desktop { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-desktop { + flex: none; + width: 25%; + } + .column.is-one-fifth-desktop { + flex: none; + width: 20%; + } + .column.is-two-fifths-desktop { + flex: none; + width: 40%; + } + .column.is-three-fifths-desktop { + flex: none; + width: 60%; + } + .column.is-four-fifths-desktop { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-desktop { + margin-left: 75%; + } + .column.is-offset-two-thirds-desktop { + margin-left: 66.6666%; + } + .column.is-offset-half-desktop { + margin-left: 50%; + } + .column.is-offset-one-third-desktop { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-desktop { + margin-left: 25%; + } + .column.is-offset-one-fifth-desktop { + margin-left: 20%; + } + .column.is-offset-two-fifths-desktop { + margin-left: 40%; + } + .column.is-offset-three-fifths-desktop { + margin-left: 60%; + } + .column.is-offset-four-fifths-desktop { + margin-left: 80%; + } + .column.is-0-desktop { + flex: none; + width: 0%; + } + .column.is-offset-0-desktop { + margin-left: 0%; + } + .column.is-1-desktop { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-desktop { + margin-left: 8.33333337%; + } + .column.is-2-desktop { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-desktop { + margin-left: 16.66666674%; + } + .column.is-3-desktop { + flex: none; + width: 25%; + } + .column.is-offset-3-desktop { + margin-left: 25%; + } + .column.is-4-desktop { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-desktop { + margin-left: 33.33333337%; + } + .column.is-5-desktop { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-desktop { + margin-left: 41.66666674%; + } + .column.is-6-desktop { + flex: none; + width: 50%; + } + .column.is-offset-6-desktop { + margin-left: 50%; + } + .column.is-7-desktop { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-desktop { + margin-left: 58.33333337%; + } + .column.is-8-desktop { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-desktop { + margin-left: 66.66666674%; + } + .column.is-9-desktop { + flex: none; + width: 75%; + } + .column.is-offset-9-desktop { + margin-left: 75%; + } + .column.is-10-desktop { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-desktop { + margin-left: 83.33333337%; + } + .column.is-11-desktop { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-desktop { + margin-left: 91.66666674%; + } + .column.is-12-desktop { + flex: none; + width: 100%; + } + .column.is-offset-12-desktop { + margin-left: 100%; + } +} +@media screen and (min-width: 1216px) { + .column.is-narrow-widescreen { + flex: none; + width: unset; + } + .column.is-full-widescreen { + flex: none; + width: 100%; + } + .column.is-three-quarters-widescreen { + flex: none; + width: 75%; + } + .column.is-two-thirds-widescreen { + flex: none; + width: 66.6666%; + } + .column.is-half-widescreen { + flex: none; + width: 50%; + } + .column.is-one-third-widescreen { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-widescreen { + flex: none; + width: 25%; + } + .column.is-one-fifth-widescreen { + flex: none; + width: 20%; + } + .column.is-two-fifths-widescreen { + flex: none; + width: 40%; + } + .column.is-three-fifths-widescreen { + flex: none; + width: 60%; + } + .column.is-four-fifths-widescreen { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-widescreen { + margin-left: 75%; + } + .column.is-offset-two-thirds-widescreen { + margin-left: 66.6666%; + } + .column.is-offset-half-widescreen { + margin-left: 50%; + } + .column.is-offset-one-third-widescreen { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-widescreen { + margin-left: 25%; + } + .column.is-offset-one-fifth-widescreen { + margin-left: 20%; + } + .column.is-offset-two-fifths-widescreen { + margin-left: 40%; + } + .column.is-offset-three-fifths-widescreen { + margin-left: 60%; + } + .column.is-offset-four-fifths-widescreen { + margin-left: 80%; + } + .column.is-0-widescreen { + flex: none; + width: 0%; + } + .column.is-offset-0-widescreen { + margin-left: 0%; + } + .column.is-1-widescreen { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-widescreen { + margin-left: 8.33333337%; + } + .column.is-2-widescreen { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-widescreen { + margin-left: 16.66666674%; + } + .column.is-3-widescreen { + flex: none; + width: 25%; + } + .column.is-offset-3-widescreen { + margin-left: 25%; + } + .column.is-4-widescreen { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-widescreen { + margin-left: 33.33333337%; + } + .column.is-5-widescreen { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-widescreen { + margin-left: 41.66666674%; + } + .column.is-6-widescreen { + flex: none; + width: 50%; + } + .column.is-offset-6-widescreen { + margin-left: 50%; + } + .column.is-7-widescreen { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-widescreen { + margin-left: 58.33333337%; + } + .column.is-8-widescreen { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-widescreen { + margin-left: 66.66666674%; + } + .column.is-9-widescreen { + flex: none; + width: 75%; + } + .column.is-offset-9-widescreen { + margin-left: 75%; + } + .column.is-10-widescreen { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-widescreen { + margin-left: 83.33333337%; + } + .column.is-11-widescreen { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-widescreen { + margin-left: 91.66666674%; + } + .column.is-12-widescreen { + flex: none; + width: 100%; + } + .column.is-offset-12-widescreen { + margin-left: 100%; + } +} +@media screen and (min-width: 1408px) { + .column.is-narrow-fullhd { + flex: none; + width: unset; + } + .column.is-full-fullhd { + flex: none; + width: 100%; + } + .column.is-three-quarters-fullhd { + flex: none; + width: 75%; + } + .column.is-two-thirds-fullhd { + flex: none; + width: 66.6666%; + } + .column.is-half-fullhd { + flex: none; + width: 50%; + } + .column.is-one-third-fullhd { + flex: none; + width: 33.3333%; + } + .column.is-one-quarter-fullhd { + flex: none; + width: 25%; + } + .column.is-one-fifth-fullhd { + flex: none; + width: 20%; + } + .column.is-two-fifths-fullhd { + flex: none; + width: 40%; + } + .column.is-three-fifths-fullhd { + flex: none; + width: 60%; + } + .column.is-four-fifths-fullhd { + flex: none; + width: 80%; + } + .column.is-offset-three-quarters-fullhd { + margin-left: 75%; + } + .column.is-offset-two-thirds-fullhd { + margin-left: 66.6666%; + } + .column.is-offset-half-fullhd { + margin-left: 50%; + } + .column.is-offset-one-third-fullhd { + margin-left: 33.3333%; + } + .column.is-offset-one-quarter-fullhd { + margin-left: 25%; + } + .column.is-offset-one-fifth-fullhd { + margin-left: 20%; + } + .column.is-offset-two-fifths-fullhd { + margin-left: 40%; + } + .column.is-offset-three-fifths-fullhd { + margin-left: 60%; + } + .column.is-offset-four-fifths-fullhd { + margin-left: 80%; + } + .column.is-0-fullhd { + flex: none; + width: 0%; + } + .column.is-offset-0-fullhd { + margin-left: 0%; + } + .column.is-1-fullhd { + flex: none; + width: 8.33333337%; + } + .column.is-offset-1-fullhd { + margin-left: 8.33333337%; + } + .column.is-2-fullhd { + flex: none; + width: 16.66666674%; + } + .column.is-offset-2-fullhd { + margin-left: 16.66666674%; + } + .column.is-3-fullhd { + flex: none; + width: 25%; + } + .column.is-offset-3-fullhd { + margin-left: 25%; + } + .column.is-4-fullhd { + flex: none; + width: 33.33333337%; + } + .column.is-offset-4-fullhd { + margin-left: 33.33333337%; + } + .column.is-5-fullhd { + flex: none; + width: 41.66666674%; + } + .column.is-offset-5-fullhd { + margin-left: 41.66666674%; + } + .column.is-6-fullhd { + flex: none; + width: 50%; + } + .column.is-offset-6-fullhd { + margin-left: 50%; + } + .column.is-7-fullhd { + flex: none; + width: 58.33333337%; + } + .column.is-offset-7-fullhd { + margin-left: 58.33333337%; + } + .column.is-8-fullhd { + flex: none; + width: 66.66666674%; + } + .column.is-offset-8-fullhd { + margin-left: 66.66666674%; + } + .column.is-9-fullhd { + flex: none; + width: 75%; + } + .column.is-offset-9-fullhd { + margin-left: 75%; + } + .column.is-10-fullhd { + flex: none; + width: 83.33333337%; + } + .column.is-offset-10-fullhd { + margin-left: 83.33333337%; + } + .column.is-11-fullhd { + flex: none; + width: 91.66666674%; + } + .column.is-offset-11-fullhd { + margin-left: 91.66666674%; + } + .column.is-12-fullhd { + flex: none; + width: 100%; + } + .column.is-offset-12-fullhd { + margin-left: 100%; + } +} + +.columns { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} +.columns:last-child { + margin-bottom: -0.75rem; +} +.columns:not(:last-child) { + margin-bottom: calc(1.5rem - 0.75rem); +} +.columns.is-centered { + justify-content: center; +} +.columns.is-gapless { + margin-left: 0; + margin-right: 0; + margin-top: 0; +} +.columns.is-gapless > .column { + margin: 0; + padding: 0 !important; +} +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem; +} +.columns.is-gapless:last-child { + margin-bottom: 0; +} +.columns.is-mobile { + display: flex; +} +.columns.is-multiline { + flex-wrap: wrap; +} +.columns.is-vcentered { + align-items: center; +} +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: flex; + } +} +@media screen and (min-width: 1024px) { + .columns.is-desktop { + display: flex; + } +} + +.columns.is-variable { + --columnGap: 0.75rem; + margin-left: calc(-1 * var(--columnGap)); + margin-right: calc(-1 * var(--columnGap)); +} +.columns.is-variable > .column { + padding-left: var(--columnGap); + padding-right: var(--columnGap); +} +.columns.is-variable.is-0 { + --columnGap: 0rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-0-mobile { + --columnGap: 0rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-0-tablet { + --columnGap: 0rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-0-tablet-only { + --columnGap: 0rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-0-touch { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-0-desktop { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-0-desktop-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-0-widescreen { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-0-widescreen-only { + --columnGap: 0rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-0-fullhd { + --columnGap: 0rem; + } +} +.columns.is-variable.is-1 { + --columnGap: 0.25rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-1-mobile { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-1-tablet { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-1-tablet-only { + --columnGap: 0.25rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-1-touch { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-1-desktop { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-1-desktop-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-1-widescreen { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-1-widescreen-only { + --columnGap: 0.25rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-1-fullhd { + --columnGap: 0.25rem; + } +} +.columns.is-variable.is-2 { + --columnGap: 0.5rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-2-mobile { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-2-tablet { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-2-tablet-only { + --columnGap: 0.5rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-2-touch { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-2-desktop { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-2-desktop-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-2-widescreen { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-2-widescreen-only { + --columnGap: 0.5rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-2-fullhd { + --columnGap: 0.5rem; + } +} +.columns.is-variable.is-3 { + --columnGap: 0.75rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-3-mobile { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-3-tablet { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-3-tablet-only { + --columnGap: 0.75rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-3-touch { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-3-desktop { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-3-desktop-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-3-widescreen { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-3-widescreen-only { + --columnGap: 0.75rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-3-fullhd { + --columnGap: 0.75rem; + } +} +.columns.is-variable.is-4 { + --columnGap: 1rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-4-mobile { + --columnGap: 1rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-4-tablet { + --columnGap: 1rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-4-tablet-only { + --columnGap: 1rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-4-touch { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-4-desktop-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-4-widescreen { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-4-widescreen-only { + --columnGap: 1rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-4-fullhd { + --columnGap: 1rem; + } +} +.columns.is-variable.is-5 { + --columnGap: 1.25rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-5-mobile { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-5-tablet { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-5-tablet-only { + --columnGap: 1.25rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-5-touch { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-5-desktop { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-5-desktop-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-5-widescreen { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-5-widescreen-only { + --columnGap: 1.25rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-5-fullhd { + --columnGap: 1.25rem; + } +} +.columns.is-variable.is-6 { + --columnGap: 1.5rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-6-mobile { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-6-tablet { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-6-tablet-only { + --columnGap: 1.5rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-6-touch { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-6-desktop-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-6-widescreen { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-6-widescreen-only { + --columnGap: 1.5rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-6-fullhd { + --columnGap: 1.5rem; + } +} +.columns.is-variable.is-7 { + --columnGap: 1.75rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-7-mobile { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-7-tablet { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-7-tablet-only { + --columnGap: 1.75rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-7-touch { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-7-desktop { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-7-desktop-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-7-widescreen { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-7-widescreen-only { + --columnGap: 1.75rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-7-fullhd { + --columnGap: 1.75rem; + } +} +.columns.is-variable.is-8 { + --columnGap: 2rem; +} +@media screen and (max-width: 768px) { + .columns.is-variable.is-8-mobile { + --columnGap: 2rem; + } +} +@media screen and (min-width: 769px), print { + .columns.is-variable.is-8-tablet { + --columnGap: 2rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .columns.is-variable.is-8-tablet-only { + --columnGap: 2rem; + } +} +@media screen and (max-width: 1023px) { + .columns.is-variable.is-8-touch { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1024px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1024px) and (max-width: 1215px) { + .columns.is-variable.is-8-desktop-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1216px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1216px) and (max-width: 1407px) { + .columns.is-variable.is-8-widescreen-only { + --columnGap: 2rem; + } +} +@media screen and (min-width: 1408px) { + .columns.is-variable.is-8-fullhd { + --columnGap: 2rem; + } +} + +.tile { + align-items: stretch; + display: block; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + min-height: min-content; +} +.tile.is-ancestor { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} +.tile.is-ancestor:last-child { + margin-bottom: -0.75rem; +} +.tile.is-ancestor:not(:last-child) { + margin-bottom: 0.75rem; +} +.tile.is-child { + margin: 0 !important; +} +.tile.is-parent { + padding: 0.75rem; +} +.tile.is-vertical { + flex-direction: column; +} +.tile.is-vertical > .tile.is-child:not(:last-child) { + margin-bottom: 1.5rem !important; +} +@media screen and (min-width: 769px), print { + .tile:not(.is-child) { + display: flex; + } + .tile.is-1 { + flex: none; + width: 8.33333337%; + } + .tile.is-2 { + flex: none; + width: 16.66666674%; + } + .tile.is-3 { + flex: none; + width: 25%; + } + .tile.is-4 { + flex: none; + width: 33.33333337%; + } + .tile.is-5 { + flex: none; + width: 41.66666674%; + } + .tile.is-6 { + flex: none; + width: 50%; + } + .tile.is-7 { + flex: none; + width: 58.33333337%; + } + .tile.is-8 { + flex: none; + width: 66.66666674%; + } + .tile.is-9 { + flex: none; + width: 75%; + } + .tile.is-10 { + flex: none; + width: 83.33333337%; + } + .tile.is-11 { + flex: none; + width: 91.66666674%; + } + .tile.is-12 { + flex: none; + width: 100%; + } +} + +.hero { + align-items: stretch; + display: flex; + flex-direction: column; + justify-content: space-between; +} +.hero .navbar, .hero .navbar-menu { + background: none; +} +.hero .tabs ul { + border-bottom: none; +} +.hero.is-mastodon-color { + background-color: #6d6eff; + color: hsl(0, 0%, 100%); +} +.hero.is-mastodon-color a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-mastodon-color strong { + color: inherit; +} +.hero.is-mastodon-color .title { + color: hsl(0, 0%, 100%); +} +.hero.is-mastodon-color .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-mastodon-color .subtitle a:not(.button), +.hero.is-mastodon-color .subtitle strong { + color: hsl(0, 0%, 100%); +} +@media screen and (max-width: 1023px) { + .hero.is-mastodon-color .navbar-menu { + background-color: #6d6eff; + } +} +.hero.is-mastodon-color .navbar-item, +.hero.is-mastodon-color .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-mastodon-color a.navbar-item:hover, .hero.is-mastodon-color a.navbar-item.is-active, +.hero.is-mastodon-color .navbar-link:hover, +.hero.is-mastodon-color .navbar-link.is-active { + background-color: rgb(83.5, 84.6746575342, 255); + color: hsl(0, 0%, 100%); +} +.hero.is-mastodon-color .tabs a { + color: hsl(0, 0%, 100%); + opacity: 0.9; +} +.hero.is-mastodon-color .tabs a:hover { + opacity: 1; +} +.hero.is-mastodon-color .tabs li.is-active a { + color: #6d6eff !important; + opacity: 1; +} +.hero.is-mastodon-color .tabs.is-boxed a, .hero.is-mastodon-color .tabs.is-toggle a { + color: hsl(0, 0%, 100%); +} +.hero.is-mastodon-color .tabs.is-boxed a:hover, .hero.is-mastodon-color .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-mastodon-color .tabs.is-boxed li.is-active a, .hero.is-mastodon-color .tabs.is-boxed li.is-active a:hover, .hero.is-mastodon-color .tabs.is-toggle li.is-active a, .hero.is-mastodon-color .tabs.is-toggle li.is-active a:hover { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 100%); + color: #6d6eff; +} +.hero.is-mastodon-color.is-bold { + background-image: linear-gradient(141deg, rgb(58, 92.1826484018, 255) 0%, #6d6eff 71%, rgb(153.7579908676, 134.5, 255) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-mastodon-color.is-bold .navbar-menu { + background-image: linear-gradient(141deg, rgb(58, 92.1826484018, 255) 0%, #6d6eff 71%, rgb(153.7579908676, 134.5, 255) 100%); + } +} +.hero.is-twitter-color { + background-color: #00aced; + color: hsl(0, 0%, 100%); +} +.hero.is-twitter-color a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-twitter-color strong { + color: inherit; +} +.hero.is-twitter-color .title { + color: hsl(0, 0%, 100%); +} +.hero.is-twitter-color .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-twitter-color .subtitle a:not(.button), +.hero.is-twitter-color .subtitle strong { + color: hsl(0, 0%, 100%); +} +@media screen and (max-width: 1023px) { + .hero.is-twitter-color .navbar-menu { + background-color: #00aced; + } +} +.hero.is-twitter-color .navbar-item, +.hero.is-twitter-color .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-twitter-color a.navbar-item:hover, .hero.is-twitter-color a.navbar-item.is-active, +.hero.is-twitter-color .navbar-link:hover, +.hero.is-twitter-color .navbar-link.is-active { + background-color: rgb(0, 153.4936708861, 211.5); + color: hsl(0, 0%, 100%); +} +.hero.is-twitter-color .tabs a { + color: hsl(0, 0%, 100%); + opacity: 0.9; +} +.hero.is-twitter-color .tabs a:hover { + opacity: 1; +} +.hero.is-twitter-color .tabs li.is-active a { + color: #00aced !important; + opacity: 1; +} +.hero.is-twitter-color .tabs.is-boxed a, .hero.is-twitter-color .tabs.is-toggle a { + color: hsl(0, 0%, 100%); +} +.hero.is-twitter-color .tabs.is-boxed a:hover, .hero.is-twitter-color .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-twitter-color .tabs.is-boxed li.is-active a, .hero.is-twitter-color .tabs.is-boxed li.is-active a:hover, .hero.is-twitter-color .tabs.is-toggle li.is-active a, .hero.is-twitter-color .tabs.is-toggle li.is-active a:hover { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 100%); + color: #00aced; +} +.hero.is-twitter-color.is-bold { + background-image: linear-gradient(141deg, rgb(0, 165.9873417722, 186) 0%, #00aced 71%, rgb(7.5, 145.8702531646, 255) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-twitter-color.is-bold .navbar-menu { + background-image: linear-gradient(141deg, rgb(0, 165.9873417722, 186) 0%, #00aced 71%, rgb(7.5, 145.8702531646, 255) 100%); + } +} +.hero.is-github-color { + background-color: #000000; + color: hsl(0, 0%, 100%); +} +.hero.is-github-color a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-github-color strong { + color: inherit; +} +.hero.is-github-color .title { + color: hsl(0, 0%, 100%); +} +.hero.is-github-color .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-github-color .subtitle a:not(.button), +.hero.is-github-color .subtitle strong { + color: hsl(0, 0%, 100%); +} +@media screen and (max-width: 1023px) { + .hero.is-github-color .navbar-menu { + background-color: #000000; + } +} +.hero.is-github-color .navbar-item, +.hero.is-github-color .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-github-color a.navbar-item:hover, .hero.is-github-color a.navbar-item.is-active, +.hero.is-github-color .navbar-link:hover, +.hero.is-github-color .navbar-link.is-active { + background-color: black; + color: hsl(0, 0%, 100%); +} +.hero.is-github-color .tabs a { + color: hsl(0, 0%, 100%); + opacity: 0.9; +} +.hero.is-github-color .tabs a:hover { + opacity: 1; +} +.hero.is-github-color .tabs li.is-active a { + color: #000000 !important; + opacity: 1; +} +.hero.is-github-color .tabs.is-boxed a, .hero.is-github-color .tabs.is-toggle a { + color: hsl(0, 0%, 100%); +} +.hero.is-github-color .tabs.is-boxed a:hover, .hero.is-github-color .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-github-color .tabs.is-boxed li.is-active a, .hero.is-github-color .tabs.is-boxed li.is-active a:hover, .hero.is-github-color .tabs.is-toggle li.is-active a, .hero.is-github-color .tabs.is-toggle li.is-active a:hover { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 100%); + color: #000000; +} +.hero.is-github-color.is-bold { + background-image: linear-gradient(141deg, black 0%, #000000 71%, rgb(12.75, 12.75, 12.75) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-github-color.is-bold .navbar-menu { + background-image: linear-gradient(141deg, black 0%, #000000 71%, rgb(12.75, 12.75, 12.75) 100%); + } +} +.hero.is-white { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-white strong { + color: inherit; +} +.hero.is-white .title { + color: hsl(0, 0%, 4%); +} +.hero.is-white .subtitle { + color: rgba(10.2, 10.2, 10.2, 0.9); +} +.hero.is-white .subtitle a:not(.button), +.hero.is-white .subtitle strong { + color: hsl(0, 0%, 4%); +} +@media screen and (max-width: 1023px) { + .hero.is-white .navbar-menu { + background-color: hsl(0, 0%, 100%); + } +} +.hero.is-white .navbar-item, +.hero.is-white .navbar-link { + color: rgba(10.2, 10.2, 10.2, 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 { + background-color: hsl(0, 0%, 95%); + color: hsl(0, 0%, 4%); +} +.hero.is-white .tabs a { + color: hsl(0, 0%, 4%); + opacity: 0.9; +} +.hero.is-white .tabs a:hover { + opacity: 1; +} +.hero.is-white .tabs li.is-active a { + color: hsl(0, 0%, 100%) !important; + opacity: 1; +} +.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { + color: hsl(0, 0%, 4%); +} +.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { + background-color: hsl(0, 0%, 4%); + border-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, hsl(350, 10%, 90%) 0%, hsl(0, 0%, 100%) 71%, hsl(10, 5%, 100%) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(350, 10%, 90%) 0%, hsl(0, 0%, 100%) 71%, hsl(10, 5%, 100%) 100%); + } +} +.hero.is-black { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-black strong { + color: inherit; +} +.hero.is-black .title { + color: hsl(0, 0%, 100%); +} +.hero.is-black .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-black .subtitle a:not(.button), +.hero.is-black .subtitle strong { + color: hsl(0, 0%, 100%); +} +@media screen and (max-width: 1023px) { + .hero.is-black .navbar-menu { + background-color: hsl(0, 0%, 4%); + } +} +.hero.is-black .navbar-item, +.hero.is-black .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, +.hero.is-black .navbar-link:hover, +.hero.is-black .navbar-link.is-active { + background-color: hsl(0, 0%, 0%); + color: hsl(0, 0%, 100%); +} +.hero.is-black .tabs a { + color: hsl(0, 0%, 100%); + opacity: 0.9; +} +.hero.is-black .tabs a:hover { + opacity: 1; +} +.hero.is-black .tabs li.is-active a { + color: hsl(0, 0%, 4%) !important; + opacity: 1; +} +.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { + color: hsl(0, 0%, 100%); +} +.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, hsl(350, 10%, 0%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(350, 10%, 0%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%); + } +} +.hero.is-light { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); +} +.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-light strong { + color: inherit; +} +.hero.is-light .title { + color: rgba(0, 0, 0, 0.7); +} +.hero.is-light .subtitle { + color: rgba(0, 0, 0, 0.9); +} +.hero.is-light .subtitle a:not(.button), +.hero.is-light .subtitle strong { + color: rgba(0, 0, 0, 0.7); +} +@media screen and (max-width: 1023px) { + .hero.is-light .navbar-menu { + background-color: hsl(0, 0%, 96%); + } +} +.hero.is-light .navbar-item, +.hero.is-light .navbar-link { + color: rgba(0, 0, 0, 0.7); +} +.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, +.hero.is-light .navbar-link:hover, +.hero.is-light .navbar-link.is-active { + background-color: hsl(0, 0%, 91%); + color: rgba(0, 0, 0, 0.7); +} +.hero.is-light .tabs a { + color: rgba(0, 0, 0, 0.7); + opacity: 0.9; +} +.hero.is-light .tabs a:hover { + opacity: 1; +} +.hero.is-light .tabs li.is-active a { + color: hsl(0, 0%, 96%) !important; + opacity: 1; +} +.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { + color: rgba(0, 0, 0, 0.7); +} +.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); + color: hsl(0, 0%, 96%); +} +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, hsl(350, 10%, 86%) 0%, hsl(0, 0%, 96%) 71%, hsl(10, 5%, 100%) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(350, 10%, 86%) 0%, hsl(0, 0%, 96%) 71%, hsl(10, 5%, 100%) 100%); + } +} +.hero.is-dark { + background-color: hsl(0, 0%, 21%); + color: #fff; +} +.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-dark strong { + color: inherit; +} +.hero.is-dark .title { + color: #fff; +} +.hero.is-dark .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-dark .subtitle a:not(.button), +.hero.is-dark .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1023px) { + .hero.is-dark .navbar-menu { + background-color: hsl(0, 0%, 21%); + } +} +.hero.is-dark .navbar-item, +.hero.is-dark .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, +.hero.is-dark .navbar-link:hover, +.hero.is-dark .navbar-link.is-active { + background-color: hsl(0, 0%, 16%); + color: #fff; +} +.hero.is-dark .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-dark .tabs a:hover { + opacity: 1; +} +.hero.is-dark .tabs li.is-active a { + color: hsl(0, 0%, 21%) !important; + opacity: 1; +} +.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { + color: #fff; +} +.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: hsl(0, 0%, 21%); +} +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, hsl(350, 10%, 11%) 0%, hsl(0, 0%, 21%) 71%, hsl(10, 5%, 26%) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(350, 10%, 11%) 0%, hsl(0, 0%, 21%) 71%, hsl(10, 5%, 26%) 100%); + } +} +.hero.is-primary { + background-color: hsl(171, 100%, 41%); + color: #fff; +} +.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-primary strong { + color: inherit; +} +.hero.is-primary .title { + color: #fff; +} +.hero.is-primary .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-primary .subtitle a:not(.button), +.hero.is-primary .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1023px) { + .hero.is-primary .navbar-menu { + background-color: hsl(171, 100%, 41%); + } +} +.hero.is-primary .navbar-item, +.hero.is-primary .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, +.hero.is-primary .navbar-link:hover, +.hero.is-primary .navbar-link.is-active { + background-color: hsl(171, 100%, 36%); + color: #fff; +} +.hero.is-primary .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-primary .tabs a:hover { + opacity: 1; +} +.hero.is-primary .tabs li.is-active a { + color: hsl(171, 100%, 41%) !important; + opacity: 1; +} +.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { + color: #fff; +} +.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: hsl(171, 100%, 41%); +} +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, hsl(161, 100%, 31%) 0%, hsl(171, 100%, 41%) 71%, hsl(181, 100%, 46%) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(161, 100%, 31%) 0%, hsl(171, 100%, 41%) 71%, hsl(181, 100%, 46%) 100%); + } +} +.hero.is-link { + background-color: #1191E8; + color: #fff; +} +.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-link strong { + color: inherit; +} +.hero.is-link .title { + color: #fff; +} +.hero.is-link .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-link .subtitle a:not(.button), +.hero.is-link .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1023px) { + .hero.is-link .navbar-menu { + background-color: #1191E8; + } +} +.hero.is-link .navbar-item, +.hero.is-link .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, +.hero.is-link .navbar-link:hover, +.hero.is-link .navbar-link.is-active { + background-color: rgb(15.2590361446, 130.1506024096, 208.2409638554); + color: #fff; +} +.hero.is-link .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-link .tabs a:hover { + opacity: 1; +} +.hero.is-link .tabs li.is-active a { + color: #1191E8 !important; + opacity: 1; +} +.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { + color: #fff; +} +.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #1191E8; +} +.hero.is-link.is-bold { + background-image: linear-gradient(141deg, rgb(3.6180722892, 148.9830876996, 194.3819277108) 0%, #1191E8 71%, rgb(29.690813253, 121.908224526, 244.809186747) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-link.is-bold .navbar-menu { + background-image: linear-gradient(141deg, rgb(3.6180722892, 148.9830876996, 194.3819277108) 0%, #1191E8 71%, rgb(29.690813253, 121.908224526, 244.809186747) 100%); + } +} +.hero.is-info { + background-color: hsl(207, 61%, 53%); + color: #fff; +} +.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-info strong { + color: inherit; +} +.hero.is-info .title { + color: #fff; +} +.hero.is-info .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-info .subtitle a:not(.button), +.hero.is-info .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1023px) { + .hero.is-info .navbar-menu { + background-color: hsl(207, 61%, 53%); + } +} +.hero.is-info .navbar-item, +.hero.is-info .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, +.hero.is-info .navbar-link:hover, +.hero.is-info .navbar-link.is-active { + background-color: hsl(207, 61%, 48%); + color: #fff; +} +.hero.is-info .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-info .tabs a:hover { + opacity: 1; +} +.hero.is-info .tabs li.is-active a { + color: hsl(207, 61%, 53%) !important; + opacity: 1; +} +.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { + color: #fff; +} +.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: hsl(207, 61%, 53%); +} +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, hsl(197, 71%, 43%) 0%, hsl(207, 61%, 53%) 71%, hsl(217, 66%, 58%) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(197, 71%, 43%) 0%, hsl(207, 61%, 53%) 71%, hsl(217, 66%, 58%) 100%); + } +} +.hero.is-success { + background-color: hsl(153, 53%, 53%); + color: #fff; +} +.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-success strong { + color: inherit; +} +.hero.is-success .title { + color: #fff; +} +.hero.is-success .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-success .subtitle a:not(.button), +.hero.is-success .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1023px) { + .hero.is-success .navbar-menu { + background-color: hsl(153, 53%, 53%); + } +} +.hero.is-success .navbar-item, +.hero.is-success .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, +.hero.is-success .navbar-link:hover, +.hero.is-success .navbar-link.is-active { + background-color: hsl(153, 53%, 48%); + color: #fff; +} +.hero.is-success .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-success .tabs a:hover { + opacity: 1; +} +.hero.is-success .tabs li.is-active a { + color: hsl(153, 53%, 53%) !important; + opacity: 1; +} +.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { + color: #fff; +} +.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: hsl(153, 53%, 53%); +} +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, hsl(143, 63%, 43%) 0%, hsl(153, 53%, 53%) 71%, hsl(163, 58%, 58%) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(143, 63%, 43%) 0%, hsl(153, 53%, 53%) 71%, hsl(163, 58%, 58%) 100%); + } +} +.hero.is-warning { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); +} +.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-warning strong { + color: inherit; +} +.hero.is-warning .title { + color: rgba(0, 0, 0, 0.7); +} +.hero.is-warning .subtitle { + color: rgba(0, 0, 0, 0.9); +} +.hero.is-warning .subtitle a:not(.button), +.hero.is-warning .subtitle strong { + color: rgba(0, 0, 0, 0.7); +} +@media screen and (max-width: 1023px) { + .hero.is-warning .navbar-menu { + background-color: hsl(44, 100%, 77%); + } +} +.hero.is-warning .navbar-item, +.hero.is-warning .navbar-link { + color: rgba(0, 0, 0, 0.7); +} +.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, +.hero.is-warning .navbar-link:hover, +.hero.is-warning .navbar-link.is-active { + background-color: hsl(44, 100%, 72%); + color: rgba(0, 0, 0, 0.7); +} +.hero.is-warning .tabs a { + color: rgba(0, 0, 0, 0.7); + opacity: 0.9; +} +.hero.is-warning .tabs a:hover { + opacity: 1; +} +.hero.is-warning .tabs li.is-active a { + color: hsl(44, 100%, 77%) !important; + opacity: 1; +} +.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { + color: rgba(0, 0, 0, 0.7); +} +.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { + background-color: rgba(0, 0, 0, 0.7); + border-color: rgba(0, 0, 0, 0.7); + color: hsl(44, 100%, 77%); +} +.hero.is-warning.is-bold { + background-image: linear-gradient(141deg, hsl(34, 100%, 67%) 0%, hsl(44, 100%, 77%) 71%, hsl(54, 100%, 82%) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(34, 100%, 67%) 0%, hsl(44, 100%, 77%) 71%, hsl(54, 100%, 82%) 100%); + } +} +.hero.is-danger { + background-color: hsl(348, 86%, 61%); + color: #fff; +} +.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-danger strong { + color: inherit; +} +.hero.is-danger .title { + color: #fff; +} +.hero.is-danger .subtitle { + color: rgba(255, 255, 255, 0.9); +} +.hero.is-danger .subtitle a:not(.button), +.hero.is-danger .subtitle strong { + color: #fff; +} +@media screen and (max-width: 1023px) { + .hero.is-danger .navbar-menu { + background-color: hsl(348, 86%, 61%); + } +} +.hero.is-danger .navbar-item, +.hero.is-danger .navbar-link { + color: rgba(255, 255, 255, 0.7); +} +.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, +.hero.is-danger .navbar-link:hover, +.hero.is-danger .navbar-link.is-active { + background-color: hsl(348, 86%, 56%); + color: #fff; +} +.hero.is-danger .tabs a { + color: #fff; + opacity: 0.9; +} +.hero.is-danger .tabs a:hover { + opacity: 1; +} +.hero.is-danger .tabs li.is-active a { + color: hsl(348, 86%, 61%) !important; + opacity: 1; +} +.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { + color: #fff; +} +.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { + background-color: rgba(10.2, 10.2, 10.2, 0.1); +} +.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: hsl(348, 86%, 61%); +} +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, hsl(338, 96%, 51%) 0%, hsl(348, 86%, 61%) 71%, hsl(358, 91%, 66%) 100%); +} +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .navbar-menu { + background-image: linear-gradient(141deg, hsl(338, 96%, 51%) 0%, hsl(348, 86%, 61%) 71%, hsl(358, 91%, 66%) 100%); + } +} +.hero.is-small .hero-body { + padding: 1.5rem; +} +@media screen and (min-width: 769px), print { + .hero.is-medium .hero-body { + padding: 9rem 4.5rem; + } +} +@media screen and (min-width: 769px), print { + .hero.is-large .hero-body { + padding: 18rem 6rem; + } +} +.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body { + align-items: center; + display: flex; +} +.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container { + flex-grow: 1; + flex-shrink: 1; +} +.hero.is-halfheight { + min-height: 50vh; +} +.hero.is-fullheight { + min-height: 100vh; +} + +.hero-video { + overflow: hidden; +} +.hero-video video { + left: 50%; + min-height: 100%; + min-width: 100%; + position: absolute; + top: 50%; + transform: translate3d(-50%, -50%, 0); +} +.hero-video.is-transparent { + opacity: 0.3; +} +@media screen and (max-width: 768px) { + .hero-video { + display: none; + } +} + +.hero-buttons { + margin-top: 1.5rem; +} +@media screen and (max-width: 768px) { + .hero-buttons .button { + display: flex; + } + .hero-buttons .button:not(:last-child) { + margin-bottom: 0.75rem; + } +} +@media screen and (min-width: 769px), print { + .hero-buttons { + display: flex; + justify-content: center; + } + .hero-buttons .button:not(:last-child) { + margin-right: 1.5rem; + } +} + +.hero-head, +.hero-foot { + flex-grow: 0; + flex-shrink: 0; +} + +.hero-body { + flex-grow: 1; + flex-shrink: 0; + padding: 3rem 1.5rem; +} +@media screen and (min-width: 769px), print { + .hero-body { + padding: 3rem 3rem; + } +} + +.section { + padding: 3rem 1.5rem; +} +@media screen and (min-width: 1024px) { + .section { + padding: 3rem 3rem; + } + .section.is-medium { + padding: 9rem 4.5rem; + } + .section.is-large { + padding: 18rem 6rem; + } +} + +.footer { + background-color: hsl(0, 0%, 21%); + padding: 3rem 1.5rem 6rem; +} + +.box { + background-color: #121619; + border-radius: 6px; + box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02); + color: hsl(0, 0%, 96%); + display: block; + padding: 1.25rem; +} + +a.box:hover, a.box:focus { + box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px #1191E8; +} +a.box:active { + box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2), 0 0 0 1px #1191E8; +} + +.button { + background-color: #121619; + border-color: hsl(0, 0%, 86%); + border-width: 1px; + color: hsl(0, 0%, 100%); + cursor: pointer; + justify-content: center; + padding-bottom: calc(0.5em - 1px); + padding-left: 1em; + padding-right: 1em; + padding-top: calc(0.5em - 1px); + text-align: center; + white-space: nowrap; +} +.button strong { + color: inherit; +} +.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { + height: 1.5em; + width: 1.5em; +} +.button .icon:first-child:not(:last-child) { + margin-left: calc(-0.5em - 1px); + margin-right: 0.25em; +} +.button .icon:last-child:not(:first-child) { + margin-left: 0.25em; + margin-right: calc(-0.5em - 1px); +} +.button .icon:first-child:last-child { + margin-left: calc(-0.5em - 1px); + margin-right: calc(-0.5em - 1px); +} +.button:hover, .button.is-hovered { + border-color: hsl(0, 0%, 71%); + color: #42BF64; +} +.button:focus, .button.is-focused { + border-color: hsl(229, 53%, 53%); + color: hsl(0, 0%, 21%); +} +.button:focus:not(:active), .button.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(17, 145, 232, 0.25); +} +.button:active, .button.is-active { + border-color: hsl(0, 0%, 29%); + color: red; +} +.button.is-text { + background-color: transparent; + border-color: transparent; + color: hsl(0, 0%, 96%); + text-decoration: underline; +} +.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { + background-color: #121619; + color: hsl(0, 0%, 100%); +} +.button.is-text:active, .button.is-text.is-active { + background-color: rgb(7.3255813953, 8.9534883721, 10.1744186047); + color: hsl(0, 0%, 100%); +} +.button.is-text[disabled], fieldset[disabled] .button.is-text { + background-color: transparent; + border-color: transparent; + box-shadow: none; +} +.button.is-ghost { + background: none; + border-color: transparent; + color: #1191E8; + text-decoration: none; +} +.button.is-ghost:hover, .button.is-ghost.is-hovered { + color: #1191E8; + text-decoration: underline; +} +.button.is-mastodon-color { + background-color: #6d6eff; + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-mastodon-color:hover, .button.is-mastodon-color.is-hovered { + background-color: rgb(96.25, 97.3373287671, 255); + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-mastodon-color:focus, .button.is-mastodon-color.is-focused { + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-mastodon-color:focus:not(:active), .button.is-mastodon-color.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(109, 110, 255, 0.25); +} +.button.is-mastodon-color:active, .button.is-mastodon-color.is-active { + background-color: rgb(83.5, 84.6746575342, 255); + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-mastodon-color[disabled], fieldset[disabled] .button.is-mastodon-color { + background-color: #6d6eff; + border-color: #6d6eff; + box-shadow: none; +} +.button.is-mastodon-color.is-inverted { + background-color: hsl(0, 0%, 100%); + color: #6d6eff; +} +.button.is-mastodon-color.is-inverted:hover, .button.is-mastodon-color.is-inverted.is-hovered { + background-color: hsl(0, 0%, 95%); +} +.button.is-mastodon-color.is-inverted[disabled], fieldset[disabled] .button.is-mastodon-color.is-inverted { + background-color: hsl(0, 0%, 100%); + border-color: transparent; + box-shadow: none; + color: #6d6eff; +} +.button.is-mastodon-color.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +} +.button.is-mastodon-color.is-outlined { + background-color: transparent; + border-color: #6d6eff; + color: #6d6eff; +} +.button.is-mastodon-color.is-outlined:hover, .button.is-mastodon-color.is-outlined.is-hovered, .button.is-mastodon-color.is-outlined:focus, .button.is-mastodon-color.is-outlined.is-focused { + background-color: #6d6eff; + border-color: #6d6eff; + color: hsl(0, 0%, 100%); +} +.button.is-mastodon-color.is-outlined.is-loading::after { + border-color: transparent transparent #6d6eff #6d6eff !important; +} +.button.is-mastodon-color.is-outlined.is-loading:hover::after, .button.is-mastodon-color.is-outlined.is-loading.is-hovered::after, .button.is-mastodon-color.is-outlined.is-loading:focus::after, .button.is-mastodon-color.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +} +.button.is-mastodon-color.is-outlined[disabled], fieldset[disabled] .button.is-mastodon-color.is-outlined { + background-color: transparent; + border-color: #6d6eff; + box-shadow: none; + color: #6d6eff; +} +.button.is-mastodon-color.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 100%); +} +.button.is-mastodon-color.is-inverted.is-outlined:hover, .button.is-mastodon-color.is-inverted.is-outlined.is-hovered, .button.is-mastodon-color.is-inverted.is-outlined:focus, .button.is-mastodon-color.is-inverted.is-outlined.is-focused { + background-color: hsl(0, 0%, 100%); + color: #6d6eff; +} +.button.is-mastodon-color.is-inverted.is-outlined.is-loading:hover::after, .button.is-mastodon-color.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-mastodon-color.is-inverted.is-outlined.is-loading:focus::after, .button.is-mastodon-color.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #6d6eff #6d6eff !important; +} +.button.is-mastodon-color.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-mastodon-color.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + box-shadow: none; + color: hsl(0, 0%, 100%); +} +.button.is-twitter-color { + background-color: #00aced; + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-twitter-color:hover, .button.is-twitter-color.is-hovered { + background-color: rgb(0, 162.746835443, 224.25); + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-twitter-color:focus, .button.is-twitter-color.is-focused { + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-twitter-color:focus:not(:active), .button.is-twitter-color.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0, 172, 237, 0.25); +} +.button.is-twitter-color:active, .button.is-twitter-color.is-active { + background-color: rgb(0, 153.4936708861, 211.5); + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-twitter-color[disabled], fieldset[disabled] .button.is-twitter-color { + background-color: #00aced; + border-color: #00aced; + box-shadow: none; +} +.button.is-twitter-color.is-inverted { + background-color: hsl(0, 0%, 100%); + color: #00aced; +} +.button.is-twitter-color.is-inverted:hover, .button.is-twitter-color.is-inverted.is-hovered { + background-color: hsl(0, 0%, 95%); +} +.button.is-twitter-color.is-inverted[disabled], fieldset[disabled] .button.is-twitter-color.is-inverted { + background-color: hsl(0, 0%, 100%); + border-color: transparent; + box-shadow: none; + color: #00aced; +} +.button.is-twitter-color.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +} +.button.is-twitter-color.is-outlined { + background-color: transparent; + border-color: #00aced; + color: #00aced; +} +.button.is-twitter-color.is-outlined:hover, .button.is-twitter-color.is-outlined.is-hovered, .button.is-twitter-color.is-outlined:focus, .button.is-twitter-color.is-outlined.is-focused { + background-color: #00aced; + border-color: #00aced; + color: hsl(0, 0%, 100%); +} +.button.is-twitter-color.is-outlined.is-loading::after { + border-color: transparent transparent #00aced #00aced !important; +} +.button.is-twitter-color.is-outlined.is-loading:hover::after, .button.is-twitter-color.is-outlined.is-loading.is-hovered::after, .button.is-twitter-color.is-outlined.is-loading:focus::after, .button.is-twitter-color.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +} +.button.is-twitter-color.is-outlined[disabled], fieldset[disabled] .button.is-twitter-color.is-outlined { + background-color: transparent; + border-color: #00aced; + box-shadow: none; + color: #00aced; +} +.button.is-twitter-color.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 100%); +} +.button.is-twitter-color.is-inverted.is-outlined:hover, .button.is-twitter-color.is-inverted.is-outlined.is-hovered, .button.is-twitter-color.is-inverted.is-outlined:focus, .button.is-twitter-color.is-inverted.is-outlined.is-focused { + background-color: hsl(0, 0%, 100%); + color: #00aced; +} +.button.is-twitter-color.is-inverted.is-outlined.is-loading:hover::after, .button.is-twitter-color.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-twitter-color.is-inverted.is-outlined.is-loading:focus::after, .button.is-twitter-color.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #00aced #00aced !important; +} +.button.is-twitter-color.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-twitter-color.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + box-shadow: none; + color: hsl(0, 0%, 100%); +} +.button.is-twitter-color.is-light { + background-color: rgb(234.6, 249.4050632911, 255); + color: rgb(0, 133.2455696203, 183.6); +} +.button.is-twitter-color.is-light:hover, .button.is-twitter-color.is-light.is-hovered { + background-color: rgb(221.85, 245.9082278481, 255); + border-color: transparent; + color: rgb(0, 133.2455696203, 183.6); +} +.button.is-twitter-color.is-light:active, .button.is-twitter-color.is-light.is-active { + background-color: rgb(209.1, 242.4113924051, 255); + border-color: transparent; + color: rgb(0, 133.2455696203, 183.6); +} +.button.is-github-color { + background-color: #000000; + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-github-color:hover, .button.is-github-color.is-hovered { + background-color: black; + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-github-color:focus, .button.is-github-color.is-focused { + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-github-color:focus:not(:active), .button.is-github-color.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25); +} +.button.is-github-color:active, .button.is-github-color.is-active { + background-color: black; + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-github-color[disabled], fieldset[disabled] .button.is-github-color { + background-color: #000000; + border-color: #000000; + box-shadow: none; +} +.button.is-github-color.is-inverted { + background-color: hsl(0, 0%, 100%); + color: #000000; +} +.button.is-github-color.is-inverted:hover, .button.is-github-color.is-inverted.is-hovered { + background-color: hsl(0, 0%, 95%); +} +.button.is-github-color.is-inverted[disabled], fieldset[disabled] .button.is-github-color.is-inverted { + background-color: hsl(0, 0%, 100%); + border-color: transparent; + box-shadow: none; + color: #000000; +} +.button.is-github-color.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +} +.button.is-github-color.is-outlined { + background-color: transparent; + border-color: #000000; + color: #000000; +} +.button.is-github-color.is-outlined:hover, .button.is-github-color.is-outlined.is-hovered, .button.is-github-color.is-outlined:focus, .button.is-github-color.is-outlined.is-focused { + background-color: #000000; + border-color: #000000; + color: hsl(0, 0%, 100%); +} +.button.is-github-color.is-outlined.is-loading::after { + border-color: transparent transparent #000000 #000000 !important; +} +.button.is-github-color.is-outlined.is-loading:hover::after, .button.is-github-color.is-outlined.is-loading.is-hovered::after, .button.is-github-color.is-outlined.is-loading:focus::after, .button.is-github-color.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +} +.button.is-github-color.is-outlined[disabled], fieldset[disabled] .button.is-github-color.is-outlined { + background-color: transparent; + border-color: #000000; + box-shadow: none; + color: #000000; +} +.button.is-github-color.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 100%); +} +.button.is-github-color.is-inverted.is-outlined:hover, .button.is-github-color.is-inverted.is-outlined.is-hovered, .button.is-github-color.is-inverted.is-outlined:focus, .button.is-github-color.is-inverted.is-outlined.is-focused { + background-color: hsl(0, 0%, 100%); + color: #000000; +} +.button.is-github-color.is-inverted.is-outlined.is-loading:hover::after, .button.is-github-color.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-github-color.is-inverted.is-outlined.is-loading:focus::after, .button.is-github-color.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #000000 #000000 !important; +} +.button.is-github-color.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-github-color.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + box-shadow: none; + color: hsl(0, 0%, 100%); +} +.button.is-github-color.is-light { + background-color: rgb(244.8, 244.8, 244.8); + color: rgb(145.35, 145.35, 145.35); +} +.button.is-github-color.is-light:hover, .button.is-github-color.is-light.is-hovered { + background-color: rgb(238.425, 238.425, 238.425); + border-color: transparent; + color: rgb(145.35, 145.35, 145.35); +} +.button.is-github-color.is-light:active, .button.is-github-color.is-light.is-active { + background-color: rgb(232.05, 232.05, 232.05); + border-color: transparent; + color: rgb(145.35, 145.35, 145.35); +} +.button.is-white { + background-color: hsl(0, 0%, 100%); + border-color: transparent; + color: hsl(0, 0%, 4%); +} +.button.is-white:hover, .button.is-white.is-hovered { + background-color: hsl(0, 0%, 97.5%); + border-color: transparent; + color: hsl(0, 0%, 4%); +} +.button.is-white:focus, .button.is-white.is-focused { + border-color: transparent; + color: hsl(0, 0%, 4%); +} +.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); +} +.button.is-white:active, .button.is-white.is-active { + background-color: hsl(0, 0%, 95%); + border-color: transparent; + color: hsl(0, 0%, 4%); +} +.button.is-white[disabled], fieldset[disabled] .button.is-white { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 100%); + box-shadow: none; +} +.button.is-white.is-inverted { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { + background-color: hsl(0, 0%, 0%); +} +.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted { + background-color: hsl(0, 0%, 4%); + border-color: transparent; + box-shadow: none; + color: hsl(0, 0%, 100%); +} +.button.is-white.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; +} +.button.is-white.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 100%); +} +.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused { + background-color: hsl(0, 0%, 100%); + border-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.button.is-white.is-outlined.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +} +.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; +} +.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + box-shadow: none; + color: hsl(0, 0%, 100%); +} +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 4%); +} +.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +} +.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 4%); + box-shadow: none; + color: hsl(0, 0%, 4%); +} +.button.is-white.is-light { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 29%); +} +.button.is-white.is-light:hover, .button.is-white.is-light.is-hovered { + background-color: hsl(0, 0%, 97.5%); + border-color: transparent; + color: hsl(0, 0%, 29%); +} +.button.is-white.is-light:active, .button.is-white.is-light.is-active { + background-color: hsl(0, 0%, 95%); + border-color: transparent; + color: hsl(0, 0%, 29%); +} +.button.is-black { + background-color: hsl(0, 0%, 4%); + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-black:hover, .button.is-black.is-hovered { + background-color: hsl(0, 0%, 1.5%); + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-black:focus, .button.is-black.is-focused { + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25); +} +.button.is-black:active, .button.is-black.is-active { + background-color: hsl(0, 0%, 0%); + border-color: transparent; + color: hsl(0, 0%, 100%); +} +.button.is-black[disabled], fieldset[disabled] .button.is-black { + background-color: hsl(0, 0%, 4%); + border-color: hsl(0, 0%, 4%); + box-shadow: none; +} +.button.is-black.is-inverted { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { + background-color: hsl(0, 0%, 95%); +} +.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted { + background-color: hsl(0, 0%, 100%); + border-color: transparent; + box-shadow: none; + color: hsl(0, 0%, 4%); +} +.button.is-black.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +} +.button.is-black.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 4%); +} +.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused { + background-color: hsl(0, 0%, 4%); + border-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.button.is-black.is-outlined.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; +} +.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; +} +.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 4%); + box-shadow: none; + color: hsl(0, 0%, 4%); +} +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 100%); +} +.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; +} +.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 100%); + box-shadow: none; + color: hsl(0, 0%, 100%); +} +.button.is-black.is-light { + background-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 57%); +} +.button.is-black.is-light:hover, .button.is-black.is-light.is-hovered { + background-color: hsl(0, 0%, 93.5%); + border-color: transparent; + color: hsl(0, 0%, 57%); +} +.button.is-black.is-light:active, .button.is-black.is-light.is-active { + background-color: hsl(0, 0%, 91%); + border-color: transparent; + color: hsl(0, 0%, 57%); +} +.button.is-light { + background-color: hsl(0, 0%, 96%); + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-light:hover, .button.is-light.is-hovered { + background-color: hsl(0, 0%, 93.5%); + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-light:focus, .button.is-light.is-focused { + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25); +} +.button.is-light:active, .button.is-light.is-active { + background-color: hsl(0, 0%, 91%); + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-light[disabled], fieldset[disabled] .button.is-light { + background-color: hsl(0, 0%, 96%); + border-color: hsl(0, 0%, 96%); + box-shadow: none; +} +.button.is-light.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: hsl(0, 0%, 96%); +} +.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { + background-color: rgba(0, 0, 0, 0.7); +} +.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + box-shadow: none; + color: hsl(0, 0%, 96%); +} +.button.is-light.is-loading::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} +.button.is-light.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 96%); +} +.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused { + background-color: hsl(0, 0%, 96%); + border-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); +} +.button.is-light.is-outlined.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important; +} +.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} +.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 96%); + box-shadow: none; + color: hsl(0, 0%, 96%); +} +.button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); +} +.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused { + background-color: rgba(0, 0, 0, 0.7); + color: hsl(0, 0%, 96%); +} +.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important; +} +.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} +.button.is-light.is-light { + background-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 29%); +} +.button.is-light.is-light:hover, .button.is-light.is-light.is-hovered { + background-color: hsl(0, 0%, 93.5%); + border-color: transparent; + color: hsl(0, 0%, 29%); +} +.button.is-light.is-light:active, .button.is-light.is-light.is-active { + background-color: hsl(0, 0%, 91%); + border-color: transparent; + color: hsl(0, 0%, 29%); +} +.button.is-dark { + background-color: hsl(0, 0%, 21%); + border-color: transparent; + color: #fff; +} +.button.is-dark:hover, .button.is-dark.is-hovered { + background-color: hsl(0, 0%, 18.5%); + border-color: transparent; + color: #fff; +} +.button.is-dark:focus, .button.is-dark.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(53.55, 53.55, 53.55, 0.25); +} +.button.is-dark:active, .button.is-dark.is-active { + background-color: hsl(0, 0%, 16%); + border-color: transparent; + color: #fff; +} +.button.is-dark[disabled], fieldset[disabled] .button.is-dark { + background-color: hsl(0, 0%, 21%); + border-color: hsl(0, 0%, 21%); + box-shadow: none; +} +.button.is-dark.is-inverted { + background-color: #fff; + color: hsl(0, 0%, 21%); +} +.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { + background-color: rgb(242.25, 242.25, 242.25); +} +.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(0, 0%, 21%); +} +.button.is-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-dark.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 21%); + color: hsl(0, 0%, 21%); +} +.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused { + background-color: hsl(0, 0%, 21%); + border-color: hsl(0, 0%, 21%); + color: #fff; +} +.button.is-dark.is-outlined.is-loading::after { + border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important; +} +.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined { + background-color: transparent; + border-color: hsl(0, 0%, 21%); + box-shadow: none; + color: hsl(0, 0%, 21%); +} +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: hsl(0, 0%, 21%); +} +.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important; +} +.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-dark.is-light { + background-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 54%); +} +.button.is-dark.is-light:hover, .button.is-dark.is-light.is-hovered { + background-color: hsl(0, 0%, 93.5%); + border-color: transparent; + color: hsl(0, 0%, 54%); +} +.button.is-dark.is-light:active, .button.is-dark.is-light.is-active { + background-color: hsl(0, 0%, 91%); + border-color: transparent; + color: hsl(0, 0%, 54%); +} +.button.is-primary { + background-color: hsl(171, 100%, 41%); + border-color: transparent; + color: #fff; +} +.button.is-primary:hover, .button.is-primary.is-hovered { + background-color: hsl(171, 100%, 38.5%); + 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, 209.1, 177.735, 0.25); +} +.button.is-primary:active, .button.is-primary.is-active { + background-color: hsl(171, 100%, 36%); + border-color: transparent; + color: #fff; +} +.button.is-primary[disabled], fieldset[disabled] .button.is-primary { + background-color: hsl(171, 100%, 41%); + border-color: hsl(171, 100%, 41%); + box-shadow: none; +} +.button.is-primary.is-inverted { + background-color: #fff; + color: hsl(171, 100%, 41%); +} +.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { + background-color: rgb(242.25, 242.25, 242.25); +} +.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(171, 100%, 41%); +} +.button.is-primary.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-primary.is-outlined { + background-color: transparent; + border-color: hsl(171, 100%, 41%); + color: hsl(171, 100%, 41%); +} +.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused { + background-color: hsl(171, 100%, 41%); + border-color: hsl(171, 100%, 41%); + color: #fff; +} +.button.is-primary.is-outlined.is-loading::after { + border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important; +} +.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined { + background-color: transparent; + border-color: hsl(171, 100%, 41%); + box-shadow: none; + color: hsl(171, 100%, 41%); +} +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: hsl(171, 100%, 41%); +} +.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important; +} +.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-primary.is-light { + background-color: hsl(171, 100%, 96%); + color: hsl(171, 100%, 29%); +} +.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered { + background-color: hsl(171, 100%, 93.5%); + border-color: transparent; + color: hsl(171, 100%, 29%); +} +.button.is-primary.is-light:active, .button.is-primary.is-light.is-active { + background-color: hsl(171, 100%, 91%); + border-color: transparent; + color: hsl(171, 100%, 29%); +} +.button.is-link { + background-color: #1191E8; + border-color: transparent; + color: #fff; +} +.button.is-link:hover, .button.is-link.is-hovered { + background-color: rgb(16.1295180723, 137.5753012048, 220.1204819277); + 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(17, 145, 232, 0.25); +} +.button.is-link:active, .button.is-link.is-active { + background-color: rgb(15.2590361446, 130.1506024096, 208.2409638554); + border-color: transparent; + color: #fff; +} +.button.is-link[disabled], fieldset[disabled] .button.is-link { + background-color: #1191E8; + border-color: #1191E8; + box-shadow: none; +} +.button.is-link.is-inverted { + background-color: #fff; + color: #1191E8; +} +.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { + background-color: rgb(242.25, 242.25, 242.25); +} +.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #1191E8; +} +.button.is-link.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-link.is-outlined { + background-color: transparent; + border-color: #1191E8; + color: #1191E8; +} +.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused { + background-color: #1191E8; + border-color: #1191E8; + color: #fff; +} +.button.is-link.is-outlined.is-loading::after { + border-color: transparent transparent #1191E8 #1191E8 !important; +} +.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined { + background-color: transparent; + border-color: #1191E8; + box-shadow: none; + color: #1191E8; +} +.button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: #1191E8; +} +.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #1191E8 #1191E8 !important; +} +.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-link.is-light { + background-color: rgb(235.9927710843, 246.4795180723, 253.6072289157); + color: rgb(13.9277108434, 118.7951807229, 190.0722891566); +} +.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered { + background-color: rgb(224.113253012, 241.1542168675, 252.736746988); + border-color: transparent; + color: rgb(13.9277108434, 118.7951807229, 190.0722891566); +} +.button.is-link.is-light:active, .button.is-link.is-light.is-active { + background-color: rgb(212.2337349398, 235.8289156627, 251.8662650602); + border-color: transparent; + color: rgb(13.9277108434, 118.7951807229, 190.0722891566); +} +.button.is-info { + background-color: hsl(207, 61%, 53%); + border-color: transparent; + color: #fff; +} +.button.is-info:hover, .button.is-info.is-hovered { + background-color: hsl(207, 61%, 50.5%); + 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(62.0415, 142.46085, 208.2585, 0.25); +} +.button.is-info:active, .button.is-info.is-active { + background-color: hsl(207, 61%, 48%); + border-color: transparent; + color: #fff; +} +.button.is-info[disabled], fieldset[disabled] .button.is-info { + background-color: hsl(207, 61%, 53%); + border-color: hsl(207, 61%, 53%); + box-shadow: none; +} +.button.is-info.is-inverted { + background-color: #fff; + color: hsl(207, 61%, 53%); +} +.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { + background-color: rgb(242.25, 242.25, 242.25); +} +.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(207, 61%, 53%); +} +.button.is-info.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-info.is-outlined { + background-color: transparent; + border-color: hsl(207, 61%, 53%); + color: hsl(207, 61%, 53%); +} +.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused { + background-color: hsl(207, 61%, 53%); + border-color: hsl(207, 61%, 53%); + color: #fff; +} +.button.is-info.is-outlined.is-loading::after { + border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important; +} +.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined { + background-color: transparent; + border-color: hsl(207, 61%, 53%); + box-shadow: none; + color: hsl(207, 61%, 53%); +} +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: hsl(207, 61%, 53%); +} +.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important; +} +.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-info.is-light { + background-color: hsl(207, 61%, 96%); + color: hsl(207, 61%, 41%); +} +.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered { + background-color: hsl(207, 61%, 93.5%); + border-color: transparent; + color: hsl(207, 61%, 41%); +} +.button.is-info.is-light:active, .button.is-info.is-light.is-active { + background-color: hsl(207, 61%, 91%); + border-color: transparent; + color: hsl(207, 61%, 41%); +} +.button.is-success { + background-color: hsl(153, 53%, 53%); + border-color: transparent; + color: #fff; +} +.button.is-success:hover, .button.is-success.is-hovered { + background-color: hsl(153, 53%, 50.5%); + 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(71.6295, 198.6705, 141.50205, 0.25); +} +.button.is-success:active, .button.is-success.is-active { + background-color: hsl(153, 53%, 48%); + border-color: transparent; + color: #fff; +} +.button.is-success[disabled], fieldset[disabled] .button.is-success { + background-color: hsl(153, 53%, 53%); + border-color: hsl(153, 53%, 53%); + box-shadow: none; +} +.button.is-success.is-inverted { + background-color: #fff; + color: hsl(153, 53%, 53%); +} +.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { + background-color: rgb(242.25, 242.25, 242.25); +} +.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(153, 53%, 53%); +} +.button.is-success.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-success.is-outlined { + background-color: transparent; + border-color: hsl(153, 53%, 53%); + color: hsl(153, 53%, 53%); +} +.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused { + background-color: hsl(153, 53%, 53%); + border-color: hsl(153, 53%, 53%); + color: #fff; +} +.button.is-success.is-outlined.is-loading::after { + border-color: transparent transparent hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important; +} +.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined { + background-color: transparent; + border-color: hsl(153, 53%, 53%); + box-shadow: none; + color: hsl(153, 53%, 53%); +} +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: hsl(153, 53%, 53%); +} +.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important; +} +.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-success.is-light { + background-color: hsl(153, 53%, 96%); + color: hsl(153, 53%, 31%); +} +.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered { + background-color: hsl(153, 53%, 93.5%); + border-color: transparent; + color: hsl(153, 53%, 31%); +} +.button.is-success.is-light:active, .button.is-success.is-light.is-active { + background-color: hsl(153, 53%, 91%); + border-color: transparent; + color: hsl(153, 53%, 31%); +} +.button.is-warning { + background-color: hsl(44, 100%, 77%); + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-warning:hover, .button.is-warning.is-hovered { + background-color: hsl(44, 100%, 74.5%); + 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, 223.72, 137.7, 0.25); +} +.button.is-warning:active, .button.is-warning.is-active { + background-color: hsl(44, 100%, 72%); + border-color: transparent; + color: rgba(0, 0, 0, 0.7); +} +.button.is-warning[disabled], fieldset[disabled] .button.is-warning { + background-color: hsl(44, 100%, 77%); + border-color: hsl(44, 100%, 77%); + box-shadow: none; +} +.button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + color: hsl(44, 100%, 77%); +} +.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { + background-color: rgba(0, 0, 0, 0.7); +} +.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, 0.7); + border-color: transparent; + box-shadow: none; + color: hsl(44, 100%, 77%); +} +.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: hsl(44, 100%, 77%); + color: hsl(44, 100%, 77%); +} +.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused { + background-color: hsl(44, 100%, 77%); + border-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); +} +.button.is-warning.is-outlined.is-loading::after { + border-color: transparent transparent hsl(44, 100%, 77%) hsl(44, 100%, 77%) !important; +} +.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; +} +.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined { + background-color: transparent; + border-color: hsl(44, 100%, 77%); + box-shadow: none; + color: hsl(44, 100%, 77%); +} +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + color: rgba(0, 0, 0, 0.7); +} +.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused { + background-color: rgba(0, 0, 0, 0.7); + color: hsl(44, 100%, 77%); +} +.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(44, 100%, 77%) hsl(44, 100%, 77%) !important; +} +.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, 0.7); + box-shadow: none; + color: rgba(0, 0, 0, 0.7); +} +.button.is-warning.is-light { + background-color: hsl(44, 100%, 96%); + color: hsl(44, 100%, 29%); +} +.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered { + background-color: hsl(44, 100%, 93.5%); + border-color: transparent; + color: hsl(44, 100%, 29%); +} +.button.is-warning.is-light:active, .button.is-warning.is-light.is-active { + background-color: hsl(44, 100%, 91%); + border-color: transparent; + color: hsl(44, 100%, 29%); +} +.button.is-danger { + background-color: hsl(348, 86%, 61%); + border-color: transparent; + color: #fff; +} +.button.is-danger:hover, .button.is-danger.is-hovered { + background-color: hsl(348, 86%, 58.5%); + border-color: transparent; + color: #fff; +} +.button.is-danger:focus, .button.is-danger.is-focused { + border-color: transparent; + color: #fff; +} +.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { + box-shadow: 0 0 0 0.125em rgba(241.077, 70.023, 104.2338, 0.25); +} +.button.is-danger:active, .button.is-danger.is-active { + background-color: hsl(348, 86%, 56%); + border-color: transparent; + color: #fff; +} +.button.is-danger[disabled], fieldset[disabled] .button.is-danger { + background-color: hsl(348, 86%, 61%); + border-color: hsl(348, 86%, 61%); + box-shadow: none; +} +.button.is-danger.is-inverted { + background-color: #fff; + color: hsl(348, 86%, 61%); +} +.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { + background-color: rgb(242.25, 242.25, 242.25); +} +.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: hsl(348, 86%, 61%); +} +.button.is-danger.is-loading::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-danger.is-outlined { + background-color: transparent; + border-color: hsl(348, 86%, 61%); + color: hsl(348, 86%, 61%); +} +.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused { + background-color: hsl(348, 86%, 61%); + border-color: hsl(348, 86%, 61%); + color: #fff; +} +.button.is-danger.is-outlined.is-loading::after { + border-color: transparent transparent hsl(348, 86%, 61%) hsl(348, 86%, 61%) !important; +} +.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent #fff #fff !important; +} +.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined { + background-color: transparent; + border-color: hsl(348, 86%, 61%); + box-shadow: none; + color: hsl(348, 86%, 61%); +} +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff; +} +.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused { + background-color: #fff; + color: hsl(348, 86%, 61%); +} +.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after { + border-color: transparent transparent hsl(348, 86%, 61%) hsl(348, 86%, 61%) !important; +} +.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff; +} +.button.is-danger.is-light { + background-color: hsl(348, 86%, 96%); + color: hsl(348, 86%, 43%); +} +.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered { + background-color: hsl(348, 86%, 93.5%); + border-color: transparent; + color: hsl(348, 86%, 43%); +} +.button.is-danger.is-light:active, .button.is-danger.is-light.is-active { + background-color: hsl(348, 86%, 91%); + border-color: transparent; + color: hsl(348, 86%, 43%); +} +.button.is-small { + font-size: 0.75rem; +} +.button.is-small:not(.is-rounded) { + border-radius: 2px; +} +.button.is-normal { + font-size: 1rem; +} +.button.is-medium { + font-size: 1.25rem; +} +.button.is-large { + font-size: 1.5rem; +} +.button[disabled], fieldset[disabled] .button { + background-color: #121619; + border-color: hsl(0, 0%, 86%); + box-shadow: none; + opacity: 0.5; +} +.button.is-fullwidth { + display: flex; + width: 100%; +} +.button.is-loading { + color: transparent !important; + pointer-events: none; +} +.button.is-loading::after { + position: absolute; + left: calc(50% - 1em * 0.5); + top: calc(50% - 1em * 0.5); + position: absolute !important; +} +.button.is-static { + background-color: hsl(0, 0%, 96%); + border-color: hsl(0, 0%, 86%); + color: hsl(0, 0%, 48%); + box-shadow: none; + pointer-events: none; +} +.button.is-rounded { + border-radius: 9999px; + padding-left: calc(1em + 0.25em); + padding-right: calc(1em + 0.25em); +} + +.buttons { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.buttons .button { + margin-bottom: 0.5rem; +} +.buttons .button:not(:last-child):not(.is-fullwidth) { + margin-right: 0.5rem; +} +.buttons:last-child { + margin-bottom: -0.5rem; +} +.buttons:not(:last-child) { + margin-bottom: 1rem; +} +.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { + font-size: 0.75rem; +} +.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) { + border-radius: 2px; +} +.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { + font-size: 1.25rem; +} +.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { + font-size: 1.5rem; +} +.buttons.has-addons .button:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0; +} +.buttons.has-addons .button:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + margin-right: -1px; +} +.buttons.has-addons .button:last-child { + margin-right: 0; +} +.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { + z-index: 2; +} +.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { + z-index: 3; +} +.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { + z-index: 4; +} +.buttons.has-addons .button.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} +.buttons.is-centered { + justify-content: center; +} +.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; +} +.buttons.is-right { + justify-content: flex-end; +} +.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: 0.25rem; + margin-right: 0.25rem; +} + +@media screen and (max-width: 768px) { + .button.is-responsive.is-small { + font-size: 0.5625rem; + } + .button.is-responsive, + .button.is-responsive.is-normal { + font-size: 0.65625rem; + } + .button.is-responsive.is-medium { + font-size: 0.75rem; + } + .button.is-responsive.is-large { + font-size: 1rem; + } +} +@media screen and (min-width: 769px) and (max-width: 1023px) { + .button.is-responsive.is-small { + font-size: 0.65625rem; + } + .button.is-responsive, + .button.is-responsive.is-normal { + font-size: 0.75rem; + } + .button.is-responsive.is-medium { + font-size: 1rem; + } + .button.is-responsive.is-large { + font-size: 1.25rem; + } +} +.icon { + align-items: center; + display: inline-flex; + justify-content: center; + height: 1.5rem; + width: 1.5rem; +} +.icon.is-small { + height: 1rem; + width: 1rem; +} +.icon.is-medium { + height: 2rem; + width: 2rem; +} +.icon.is-large { + height: 3rem; + width: 3rem; +} + +.icon-text { + align-items: flex-start; + color: inherit; + display: inline-flex; + flex-wrap: wrap; + line-height: 1.5rem; + vertical-align: top; +} +.icon-text .icon { + flex-grow: 0; + flex-shrink: 0; +} +.icon-text .icon:not(:last-child) { + margin-right: 0.25em; +} +.icon-text .icon:not(:first-child) { + margin-left: 0.25em; +} + +div.icon-text { + display: flex; +} + +.tags { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.tags .tag { + margin-bottom: 0.5rem; +} +.tags .tag:not(:last-child) { + margin-right: 0.5rem; +} +.tags:last-child { + margin-bottom: -0.5rem; +} +.tags:not(:last-child) { + margin-bottom: 1rem; +} +.tags.are-medium .tag:not(.is-normal):not(.is-large) { + font-size: 1rem; +} +.tags.are-large .tag:not(.is-normal):not(.is-medium) { + font-size: 1.25rem; +} +.tags.is-centered { + justify-content: center; +} +.tags.is-centered .tag { + margin-right: 0.25rem; + margin-left: 0.25rem; +} +.tags.is-right { + justify-content: flex-end; +} +.tags.is-right .tag:not(:first-child) { + margin-left: 0.5rem; +} +.tags.is-right .tag:not(:last-child) { + margin-right: 0; +} +.tags.has-addons .tag { + margin-right: 0; +} +.tags.has-addons .tag:not(:first-child) { + margin-left: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.tags.has-addons .tag:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} + +.tag:not(body) { + align-items: center; + background-color: #121619; + border-radius: 4px; + color: hsl(0, 0%, 96%); + display: inline-flex; + font-size: 0.75rem; + height: 2em; + justify-content: center; + line-height: 1.5; + padding-left: 0.75em; + padding-right: 0.75em; + white-space: nowrap; +} +.tag:not(body) .delete { + margin-left: 0.25rem; + margin-right: -0.375rem; +} +.tag:not(body).is-mastodon-color { + background-color: #6d6eff; + color: hsl(0, 0%, 100%); +} +.tag:not(body).is-twitter-color { + background-color: #00aced; + color: hsl(0, 0%, 100%); +} +.tag:not(body).is-twitter-color.is-light { + background-color: rgb(234.6, 249.4050632911, 255); + color: rgb(0, 133.2455696203, 183.6); +} +.tag:not(body).is-github-color { + background-color: #000000; + color: hsl(0, 0%, 100%); +} +.tag:not(body).is-github-color.is-light { + background-color: rgb(244.8, 244.8, 244.8); + color: rgb(145.35, 145.35, 145.35); +} +.tag:not(body).is-white { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.tag:not(body).is-white.is-light { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 29%); +} +.tag:not(body).is-black { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.tag:not(body).is-black.is-light { + background-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 57%); +} +.tag:not(body).is-light { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); +} +.tag:not(body).is-light.is-light { + background-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 29%); +} +.tag:not(body).is-dark { + background-color: hsl(0, 0%, 21%); + color: #fff; +} +.tag:not(body).is-dark.is-light { + background-color: hsl(0, 0%, 96%); + color: hsl(0, 0%, 54%); +} +.tag:not(body).is-primary { + background-color: hsl(171, 100%, 41%); + color: #fff; +} +.tag:not(body).is-primary.is-light { + background-color: hsl(171, 100%, 96%); + color: hsl(171, 100%, 29%); +} +.tag:not(body).is-link { + background-color: #1191E8; + color: #fff; +} +.tag:not(body).is-link.is-light { + background-color: rgb(235.9927710843, 246.4795180723, 253.6072289157); + color: rgb(13.9277108434, 118.7951807229, 190.0722891566); +} +.tag:not(body).is-info { + background-color: hsl(207, 61%, 53%); + color: #fff; +} +.tag:not(body).is-info.is-light { + background-color: hsl(207, 61%, 96%); + color: hsl(207, 61%, 41%); +} +.tag:not(body).is-success { + background-color: hsl(153, 53%, 53%); + color: #fff; +} +.tag:not(body).is-success.is-light { + background-color: hsl(153, 53%, 96%); + color: hsl(153, 53%, 31%); +} +.tag:not(body).is-warning { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); +} +.tag:not(body).is-warning.is-light { + background-color: hsl(44, 100%, 96%); + color: hsl(44, 100%, 29%); +} +.tag:not(body).is-danger { + background-color: hsl(348, 86%, 61%); + color: #fff; +} +.tag:not(body).is-danger.is-light { + background-color: hsl(348, 86%, 96%); + color: hsl(348, 86%, 43%); +} +.tag:not(body).is-normal { + font-size: 0.75rem; +} +.tag:not(body).is-medium { + font-size: 1rem; +} +.tag:not(body).is-large { + font-size: 1.25rem; +} +.tag:not(body) .icon:first-child:not(:last-child) { + margin-left: -0.375em; + margin-right: 0.1875em; +} +.tag:not(body) .icon:last-child:not(:first-child) { + margin-left: 0.1875em; + margin-right: -0.375em; +} +.tag:not(body) .icon:first-child:last-child { + margin-left: -0.375em; + margin-right: -0.375em; +} +.tag:not(body).is-delete { + margin-left: 1px; + padding: 0; + position: relative; + width: 2em; +} +.tag:not(body).is-delete::before, .tag:not(body).is-delete::after { + background-color: currentColor; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center; +} +.tag:not(body).is-delete::before { + height: 1px; + width: 50%; +} +.tag:not(body).is-delete::after { + height: 50%; + width: 1px; +} +.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { + background-color: rgb(7.3255813953, 8.9534883721, 10.1744186047); +} +.tag:not(body).is-delete:active { + background-color: black; +} +.tag:not(body).is-rounded { + border-radius: 9999px; +} + +a.tag:hover { + text-decoration: underline; +} + +.title, +.subtitle { + word-break: break-word; +} +.title em, +.title span, +.subtitle em, +.subtitle span { + font-weight: inherit; +} +.title sub, +.subtitle sub { + font-size: 0.75em; +} +.title sup, +.subtitle sup { + font-size: 0.75em; +} +.title .tag, +.subtitle .tag { + vertical-align: middle; +} + +.title { + color: hsl(0, 0%, 100%); + font-size: 2rem; + font-weight: 600; + line-height: 1.125; +} +.title strong { + color: inherit; + font-weight: inherit; +} +.title:not(.is-spaced) + .subtitle { + margin-top: -1.25rem; +} +.title.is-1 { + font-size: 3rem; +} +.title.is-2 { + font-size: 2.5rem; +} +.title.is-3 { + font-size: 2rem; +} +.title.is-4 { + font-size: 1.5rem; +} +.title.is-5 { + font-size: 1.25rem; +} +.title.is-6 { + font-size: 1rem; +} +.title.is-7 { + font-size: 0.75rem; +} + +.subtitle { + color: hsl(0, 0%, 96%); + font-size: 1.25rem; + font-weight: 400; + line-height: 1.25; +} +.subtitle strong { + color: hsl(0, 0%, 100%); + font-weight: 600; +} +.subtitle:not(.is-spaced) + .title { + margin-top: -1.25rem; +} +.subtitle.is-1 { + font-size: 3rem; +} +.subtitle.is-2 { + font-size: 2.5rem; +} +.subtitle.is-3 { + font-size: 2rem; +} +.subtitle.is-4 { + font-size: 1.5rem; +} +.subtitle.is-5 { + font-size: 1.25rem; +} +.subtitle.is-6 { + font-size: 1rem; +} +.subtitle.is-7 { + font-size: 0.75rem; +} + +.card { + background-color: #121619; + border-radius: 0.25rem; + box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0px 0 1px rgba(10.2, 10.2, 10.2, 0.02); + color: hsl(0, 0%, 96%); + max-width: 100%; + position: relative; +} + +.card-footer:first-child, .card-content:first-child, .card-header:first-child { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card-footer:last-child, .card-content:last-child, .card-header:last-child { + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.card-header { + background-color: transparent; + align-items: stretch; + box-shadow: 0 0.125em 0.25em rgba(10.2, 10.2, 10.2, 0.1); + display: flex; +} + +.card-header-title { + align-items: center; + color: hsl(0, 0%, 100%); + display: flex; + flex-grow: 1; + font-weight: 700; + padding: 0.75rem 1rem; +} +.card-header-title.is-centered { + justify-content: center; +} + +.card-header-icon { + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: none; + border: none; + color: currentColor; + font-family: inherit; + font-size: 1em; + margin: 0; + padding: 0; + align-items: center; + cursor: pointer; + display: flex; + justify-content: center; + padding: 0.75rem 1rem; +} + +.card-image { + display: block; + position: relative; +} +.card-image:first-child img { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; +} +.card-image:last-child img { + border-bottom-left-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; +} + +.card-content { + background-color: transparent; + padding: 1.5rem; +} + +.card-footer { + background-color: transparent; + border-top: 1px solid hsl(0, 0%, 93%); + align-items: stretch; + display: flex; +} + +.card-footer-item { + align-items: center; + display: flex; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; + padding: 0.75rem; +} +.card-footer-item:not(:last-child) { + border-right: 1px solid hsl(0, 0%, 93%); +} + +.card .media:not(:last-child) { + margin-bottom: 1.5rem; +} + +.menu { + font-size: 1rem; +} +.menu.is-small { + font-size: 0.75rem; +} +.menu.is-medium { + font-size: 1.25rem; +} +.menu.is-large { + font-size: 1.5rem; +} + +.menu-list { + line-height: 1.25; +} +.menu-list a { + border-radius: 2px; + color: #1191E8; + display: block; + padding: 0.5em 0.75em; +} +.menu-list a:hover { + background-color: hsl(0, 0%, 21%); + color: hsl(0, 0%, 100%); +} +.menu-list a.is-active { + background-color: #1191E8; + color: #fff; +} +.menu-list li ul { + border-left: 1px solid hsl(0, 0%, 86%); + margin: 0.75em; + padding-left: 0.75em; +} + +.menu-label { + color: hsl(0, 0%, 48%); + font-size: 0.75em; + letter-spacing: 0.1em; + text-transform: uppercase; +} +.menu-label:not(:first-child) { + margin-top: 1em; +} +.menu-label:not(:last-child) { + margin-bottom: 1em; +} + +.navbar, .navbar-menu { + background-color: #121619; + min-height: 3.25rem; + position: relative; + z-index: 30; +} +.navbar.is-mastodon-color, .is-mastodon-color.navbar-menu { + background-color: #6d6eff; + color: hsl(0, 0%, 100%); +} +.navbar.is-mastodon-color .navbar-brand > .navbar-item, .is-mastodon-color.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-mastodon-color .navbar-brand .navbar-link, +.is-mastodon-color.navbar-menu .navbar-brand .navbar-link { + color: hsl(0, 0%, 100%); +} +.navbar.is-mastodon-color .navbar-brand > a.navbar-item:focus, .is-mastodon-color.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-mastodon-color .navbar-brand > a.navbar-item:hover, .is-mastodon-color.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-mastodon-color .navbar-brand > a.navbar-item.is-active, .is-mastodon-color.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-mastodon-color .navbar-brand .navbar-link:focus, +.is-mastodon-color.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-mastodon-color .navbar-brand .navbar-link:hover, +.is-mastodon-color.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-mastodon-color .navbar-brand .navbar-link.is-active, +.is-mastodon-color.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: rgb(83.5, 84.6746575342, 255); + color: hsl(0, 0%, 100%); +} +.navbar.is-mastodon-color .navbar-brand .navbar-link::after, .is-mastodon-color.navbar-menu .navbar-brand .navbar-link::after { + border-color: hsl(0, 0%, 100%); +} +.navbar.is-mastodon-color .navbar-burger, .is-mastodon-color.navbar-menu .navbar-burger { + color: hsl(0, 0%, 100%); +} +@media screen and (min-width: 600px) { + .navbar.is-mastodon-color .navbar-start > .navbar-item, .is-mastodon-color.navbar-menu .navbar-start > .navbar-item, + .navbar.is-mastodon-color .navbar-start .navbar-link, + .is-mastodon-color.navbar-menu .navbar-start .navbar-link, + .navbar.is-mastodon-color .navbar-end > .navbar-item, + .is-mastodon-color.navbar-menu .navbar-end > .navbar-item, + .navbar.is-mastodon-color .navbar-end .navbar-link, + .is-mastodon-color.navbar-menu .navbar-end .navbar-link { + color: hsl(0, 0%, 100%); + } + .navbar.is-mastodon-color .navbar-start > a.navbar-item:focus, .is-mastodon-color.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-mastodon-color .navbar-start > a.navbar-item:hover, .is-mastodon-color.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-mastodon-color .navbar-start > a.navbar-item.is-active, .is-mastodon-color.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-mastodon-color .navbar-start .navbar-link:focus, + .is-mastodon-color.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-mastodon-color .navbar-start .navbar-link:hover, + .is-mastodon-color.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-mastodon-color .navbar-start .navbar-link.is-active, + .is-mastodon-color.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-mastodon-color .navbar-end > a.navbar-item:focus, + .is-mastodon-color.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-mastodon-color .navbar-end > a.navbar-item:hover, + .is-mastodon-color.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-mastodon-color .navbar-end > a.navbar-item.is-active, + .is-mastodon-color.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-mastodon-color .navbar-end .navbar-link:focus, + .is-mastodon-color.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-mastodon-color .navbar-end .navbar-link:hover, + .is-mastodon-color.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-mastodon-color .navbar-end .navbar-link.is-active, + .is-mastodon-color.navbar-menu .navbar-end .navbar-link.is-active { + background-color: rgb(83.5, 84.6746575342, 255); + color: hsl(0, 0%, 100%); + } + .navbar.is-mastodon-color .navbar-start .navbar-link::after, .is-mastodon-color.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-mastodon-color .navbar-end .navbar-link::after, + .is-mastodon-color.navbar-menu .navbar-end .navbar-link::after { + border-color: hsl(0, 0%, 100%); + } + .navbar.is-mastodon-color .navbar-item.has-dropdown:focus .navbar-link, .is-mastodon-color.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-mastodon-color .navbar-item.has-dropdown:hover .navbar-link, + .is-mastodon-color.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-mastodon-color .navbar-item.has-dropdown.is-active .navbar-link, + .is-mastodon-color.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: rgb(83.5, 84.6746575342, 255); + color: hsl(0, 0%, 100%); + } + .navbar.is-mastodon-color .navbar-dropdown a.navbar-item.is-active, .is-mastodon-color.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: #6d6eff; + color: hsl(0, 0%, 100%); + } +} +.navbar.is-twitter-color, .is-twitter-color.navbar-menu { + background-color: #00aced; + color: hsl(0, 0%, 100%); +} +.navbar.is-twitter-color .navbar-brand > .navbar-item, .is-twitter-color.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-twitter-color .navbar-brand .navbar-link, +.is-twitter-color.navbar-menu .navbar-brand .navbar-link { + color: hsl(0, 0%, 100%); +} +.navbar.is-twitter-color .navbar-brand > a.navbar-item:focus, .is-twitter-color.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-twitter-color .navbar-brand > a.navbar-item:hover, .is-twitter-color.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-twitter-color .navbar-brand > a.navbar-item.is-active, .is-twitter-color.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-twitter-color .navbar-brand .navbar-link:focus, +.is-twitter-color.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-twitter-color .navbar-brand .navbar-link:hover, +.is-twitter-color.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-twitter-color .navbar-brand .navbar-link.is-active, +.is-twitter-color.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: rgb(0, 153.4936708861, 211.5); + color: hsl(0, 0%, 100%); +} +.navbar.is-twitter-color .navbar-brand .navbar-link::after, .is-twitter-color.navbar-menu .navbar-brand .navbar-link::after { + border-color: hsl(0, 0%, 100%); +} +.navbar.is-twitter-color .navbar-burger, .is-twitter-color.navbar-menu .navbar-burger { + color: hsl(0, 0%, 100%); +} +@media screen and (min-width: 600px) { + .navbar.is-twitter-color .navbar-start > .navbar-item, .is-twitter-color.navbar-menu .navbar-start > .navbar-item, + .navbar.is-twitter-color .navbar-start .navbar-link, + .is-twitter-color.navbar-menu .navbar-start .navbar-link, + .navbar.is-twitter-color .navbar-end > .navbar-item, + .is-twitter-color.navbar-menu .navbar-end > .navbar-item, + .navbar.is-twitter-color .navbar-end .navbar-link, + .is-twitter-color.navbar-menu .navbar-end .navbar-link { + color: hsl(0, 0%, 100%); + } + .navbar.is-twitter-color .navbar-start > a.navbar-item:focus, .is-twitter-color.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-twitter-color .navbar-start > a.navbar-item:hover, .is-twitter-color.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-twitter-color .navbar-start > a.navbar-item.is-active, .is-twitter-color.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-twitter-color .navbar-start .navbar-link:focus, + .is-twitter-color.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-twitter-color .navbar-start .navbar-link:hover, + .is-twitter-color.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-twitter-color .navbar-start .navbar-link.is-active, + .is-twitter-color.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-twitter-color .navbar-end > a.navbar-item:focus, + .is-twitter-color.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-twitter-color .navbar-end > a.navbar-item:hover, + .is-twitter-color.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-twitter-color .navbar-end > a.navbar-item.is-active, + .is-twitter-color.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-twitter-color .navbar-end .navbar-link:focus, + .is-twitter-color.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-twitter-color .navbar-end .navbar-link:hover, + .is-twitter-color.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-twitter-color .navbar-end .navbar-link.is-active, + .is-twitter-color.navbar-menu .navbar-end .navbar-link.is-active { + background-color: rgb(0, 153.4936708861, 211.5); + color: hsl(0, 0%, 100%); + } + .navbar.is-twitter-color .navbar-start .navbar-link::after, .is-twitter-color.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-twitter-color .navbar-end .navbar-link::after, + .is-twitter-color.navbar-menu .navbar-end .navbar-link::after { + border-color: hsl(0, 0%, 100%); + } + .navbar.is-twitter-color .navbar-item.has-dropdown:focus .navbar-link, .is-twitter-color.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-twitter-color .navbar-item.has-dropdown:hover .navbar-link, + .is-twitter-color.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-twitter-color .navbar-item.has-dropdown.is-active .navbar-link, + .is-twitter-color.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: rgb(0, 153.4936708861, 211.5); + color: hsl(0, 0%, 100%); + } + .navbar.is-twitter-color .navbar-dropdown a.navbar-item.is-active, .is-twitter-color.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: #00aced; + color: hsl(0, 0%, 100%); + } +} +.navbar.is-github-color, .is-github-color.navbar-menu { + background-color: #000000; + color: hsl(0, 0%, 100%); +} +.navbar.is-github-color .navbar-brand > .navbar-item, .is-github-color.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-github-color .navbar-brand .navbar-link, +.is-github-color.navbar-menu .navbar-brand .navbar-link { + color: hsl(0, 0%, 100%); +} +.navbar.is-github-color .navbar-brand > a.navbar-item:focus, .is-github-color.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-github-color .navbar-brand > a.navbar-item:hover, .is-github-color.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-github-color .navbar-brand > a.navbar-item.is-active, .is-github-color.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-github-color .navbar-brand .navbar-link:focus, +.is-github-color.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-github-color .navbar-brand .navbar-link:hover, +.is-github-color.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-github-color .navbar-brand .navbar-link.is-active, +.is-github-color.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: black; + color: hsl(0, 0%, 100%); +} +.navbar.is-github-color .navbar-brand .navbar-link::after, .is-github-color.navbar-menu .navbar-brand .navbar-link::after { + border-color: hsl(0, 0%, 100%); +} +.navbar.is-github-color .navbar-burger, .is-github-color.navbar-menu .navbar-burger { + color: hsl(0, 0%, 100%); +} +@media screen and (min-width: 600px) { + .navbar.is-github-color .navbar-start > .navbar-item, .is-github-color.navbar-menu .navbar-start > .navbar-item, + .navbar.is-github-color .navbar-start .navbar-link, + .is-github-color.navbar-menu .navbar-start .navbar-link, + .navbar.is-github-color .navbar-end > .navbar-item, + .is-github-color.navbar-menu .navbar-end > .navbar-item, + .navbar.is-github-color .navbar-end .navbar-link, + .is-github-color.navbar-menu .navbar-end .navbar-link { + color: hsl(0, 0%, 100%); + } + .navbar.is-github-color .navbar-start > a.navbar-item:focus, .is-github-color.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-github-color .navbar-start > a.navbar-item:hover, .is-github-color.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-github-color .navbar-start > a.navbar-item.is-active, .is-github-color.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-github-color .navbar-start .navbar-link:focus, + .is-github-color.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-github-color .navbar-start .navbar-link:hover, + .is-github-color.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-github-color .navbar-start .navbar-link.is-active, + .is-github-color.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-github-color .navbar-end > a.navbar-item:focus, + .is-github-color.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-github-color .navbar-end > a.navbar-item:hover, + .is-github-color.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-github-color .navbar-end > a.navbar-item.is-active, + .is-github-color.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-github-color .navbar-end .navbar-link:focus, + .is-github-color.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-github-color .navbar-end .navbar-link:hover, + .is-github-color.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-github-color .navbar-end .navbar-link.is-active, + .is-github-color.navbar-menu .navbar-end .navbar-link.is-active { + background-color: black; + color: hsl(0, 0%, 100%); + } + .navbar.is-github-color .navbar-start .navbar-link::after, .is-github-color.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-github-color .navbar-end .navbar-link::after, + .is-github-color.navbar-menu .navbar-end .navbar-link::after { + border-color: hsl(0, 0%, 100%); + } + .navbar.is-github-color .navbar-item.has-dropdown:focus .navbar-link, .is-github-color.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-github-color .navbar-item.has-dropdown:hover .navbar-link, + .is-github-color.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-github-color .navbar-item.has-dropdown.is-active .navbar-link, + .is-github-color.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: black; + color: hsl(0, 0%, 100%); + } + .navbar.is-github-color .navbar-dropdown a.navbar-item.is-active, .is-github-color.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: #000000; + color: hsl(0, 0%, 100%); + } +} +.navbar.is-white, .is-white.navbar-menu { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); +} +.navbar.is-white .navbar-brand > .navbar-item, .is-white.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-white .navbar-brand .navbar-link, +.is-white.navbar-menu .navbar-brand .navbar-link { + color: hsl(0, 0%, 4%); +} +.navbar.is-white .navbar-brand > a.navbar-item:focus, .is-white.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .is-white.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, .is-white.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-white .navbar-brand .navbar-link:focus, +.is-white.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-white .navbar-brand .navbar-link:hover, +.is-white.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-white .navbar-brand .navbar-link.is-active, +.is-white.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: hsl(0, 0%, 95%); + color: hsl(0, 0%, 4%); +} +.navbar.is-white .navbar-brand .navbar-link::after, .is-white.navbar-menu .navbar-brand .navbar-link::after { + border-color: hsl(0, 0%, 4%); +} +.navbar.is-white .navbar-burger, .is-white.navbar-menu .navbar-burger { + color: hsl(0, 0%, 4%); +} +@media screen and (min-width: 600px) { + .navbar.is-white .navbar-start > .navbar-item, .is-white.navbar-menu .navbar-start > .navbar-item, + .navbar.is-white .navbar-start .navbar-link, + .is-white.navbar-menu .navbar-start .navbar-link, + .navbar.is-white .navbar-end > .navbar-item, + .is-white.navbar-menu .navbar-end > .navbar-item, + .navbar.is-white .navbar-end .navbar-link, + .is-white.navbar-menu .navbar-end .navbar-link { + color: hsl(0, 0%, 4%); + } + .navbar.is-white .navbar-start > a.navbar-item:focus, .is-white.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .is-white.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, .is-white.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-white .navbar-start .navbar-link:focus, + .is-white.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-white .navbar-start .navbar-link:hover, + .is-white.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-white .navbar-start .navbar-link.is-active, + .is-white.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-white .navbar-end > a.navbar-item:focus, + .is-white.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-white .navbar-end > a.navbar-item:hover, + .is-white.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-white .navbar-end > a.navbar-item.is-active, + .is-white.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-white .navbar-end .navbar-link:focus, + .is-white.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-white .navbar-end .navbar-link:hover, + .is-white.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-white .navbar-end .navbar-link.is-active, + .is-white.navbar-menu .navbar-end .navbar-link.is-active { + background-color: hsl(0, 0%, 95%); + color: hsl(0, 0%, 4%); + } + .navbar.is-white .navbar-start .navbar-link::after, .is-white.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-white .navbar-end .navbar-link::after, + .is-white.navbar-menu .navbar-end .navbar-link::after { + border-color: hsl(0, 0%, 4%); + } + .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, .is-white.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, + .is-white.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link, + .is-white.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: hsl(0, 0%, 95%); + color: hsl(0, 0%, 4%); + } + .navbar.is-white .navbar-dropdown a.navbar-item.is-active, .is-white.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0, 0%, 100%); + color: hsl(0, 0%, 4%); + } +} +.navbar.is-black, .is-black.navbar-menu { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); +} +.navbar.is-black .navbar-brand > .navbar-item, .is-black.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-black .navbar-brand .navbar-link, +.is-black.navbar-menu .navbar-brand .navbar-link { + color: hsl(0, 0%, 100%); +} +.navbar.is-black .navbar-brand > a.navbar-item:focus, .is-black.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .is-black.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, .is-black.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-black .navbar-brand .navbar-link:focus, +.is-black.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-black .navbar-brand .navbar-link:hover, +.is-black.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-black .navbar-brand .navbar-link.is-active, +.is-black.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: hsl(0, 0%, 0%); + color: hsl(0, 0%, 100%); +} +.navbar.is-black .navbar-brand .navbar-link::after, .is-black.navbar-menu .navbar-brand .navbar-link::after { + border-color: hsl(0, 0%, 100%); +} +.navbar.is-black .navbar-burger, .is-black.navbar-menu .navbar-burger { + color: hsl(0, 0%, 100%); +} +@media screen and (min-width: 600px) { + .navbar.is-black .navbar-start > .navbar-item, .is-black.navbar-menu .navbar-start > .navbar-item, + .navbar.is-black .navbar-start .navbar-link, + .is-black.navbar-menu .navbar-start .navbar-link, + .navbar.is-black .navbar-end > .navbar-item, + .is-black.navbar-menu .navbar-end > .navbar-item, + .navbar.is-black .navbar-end .navbar-link, + .is-black.navbar-menu .navbar-end .navbar-link { + color: hsl(0, 0%, 100%); + } + .navbar.is-black .navbar-start > a.navbar-item:focus, .is-black.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .is-black.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, .is-black.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-black .navbar-start .navbar-link:focus, + .is-black.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-black .navbar-start .navbar-link:hover, + .is-black.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-black .navbar-start .navbar-link.is-active, + .is-black.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-black .navbar-end > a.navbar-item:focus, + .is-black.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-black .navbar-end > a.navbar-item:hover, + .is-black.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-black .navbar-end > a.navbar-item.is-active, + .is-black.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-black .navbar-end .navbar-link:focus, + .is-black.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-black .navbar-end .navbar-link:hover, + .is-black.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-black .navbar-end .navbar-link.is-active, + .is-black.navbar-menu .navbar-end .navbar-link.is-active { + background-color: hsl(0, 0%, 0%); + color: hsl(0, 0%, 100%); + } + .navbar.is-black .navbar-start .navbar-link::after, .is-black.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-black .navbar-end .navbar-link::after, + .is-black.navbar-menu .navbar-end .navbar-link::after { + border-color: hsl(0, 0%, 100%); + } + .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, .is-black.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, + .is-black.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link, + .is-black.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: hsl(0, 0%, 0%); + color: hsl(0, 0%, 100%); + } + .navbar.is-black .navbar-dropdown a.navbar-item.is-active, .is-black.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0, 0%, 4%); + color: hsl(0, 0%, 100%); + } +} +.navbar.is-light, .is-light.navbar-menu { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-light .navbar-brand > .navbar-item, .is-light.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-light .navbar-brand .navbar-link, +.is-light.navbar-menu .navbar-brand .navbar-link { + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-light .navbar-brand > a.navbar-item:focus, .is-light.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .is-light.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .is-light.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-light .navbar-brand .navbar-link:focus, +.is-light.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-light .navbar-brand .navbar-link:hover, +.is-light.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-light .navbar-brand .navbar-link.is-active, +.is-light.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: hsl(0, 0%, 91%); + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-light .navbar-brand .navbar-link::after, .is-light.navbar-menu .navbar-brand .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); +} +.navbar.is-light .navbar-burger, .is-light.navbar-menu .navbar-burger { + color: rgba(0, 0, 0, 0.7); +} +@media screen and (min-width: 600px) { + .navbar.is-light .navbar-start > .navbar-item, .is-light.navbar-menu .navbar-start > .navbar-item, + .navbar.is-light .navbar-start .navbar-link, + .is-light.navbar-menu .navbar-start .navbar-link, + .navbar.is-light .navbar-end > .navbar-item, + .is-light.navbar-menu .navbar-end > .navbar-item, + .navbar.is-light .navbar-end .navbar-link, + .is-light.navbar-menu .navbar-end .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-light .navbar-start > a.navbar-item:focus, .is-light.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .is-light.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .is-light.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-light .navbar-start .navbar-link:focus, + .is-light.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-light .navbar-start .navbar-link:hover, + .is-light.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-light .navbar-start .navbar-link.is-active, + .is-light.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-light .navbar-end > a.navbar-item:focus, + .is-light.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-light .navbar-end > a.navbar-item:hover, + .is-light.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-light .navbar-end > a.navbar-item.is-active, + .is-light.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-light .navbar-end .navbar-link:focus, + .is-light.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-light .navbar-end .navbar-link:hover, + .is-light.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-light .navbar-end .navbar-link.is-active, + .is-light.navbar-menu .navbar-end .navbar-link.is-active { + background-color: hsl(0, 0%, 91%); + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-light .navbar-start .navbar-link::after, .is-light.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-light .navbar-end .navbar-link::after, + .is-light.navbar-menu .navbar-end .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); + } + .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, .is-light.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, + .is-light.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link, + .is-light.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: hsl(0, 0%, 91%); + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-light .navbar-dropdown a.navbar-item.is-active, .is-light.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0, 0%, 96%); + color: rgba(0, 0, 0, 0.7); + } +} +.navbar.is-dark, .is-dark.navbar-menu { + background-color: hsl(0, 0%, 21%); + color: #fff; +} +.navbar.is-dark .navbar-brand > .navbar-item, .is-dark.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-dark .navbar-brand .navbar-link, +.is-dark.navbar-menu .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-dark .navbar-brand > a.navbar-item:focus, .is-dark.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .is-dark.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .is-dark.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-dark .navbar-brand .navbar-link:focus, +.is-dark.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-dark .navbar-brand .navbar-link:hover, +.is-dark.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-dark .navbar-brand .navbar-link.is-active, +.is-dark.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: hsl(0, 0%, 16%); + color: #fff; +} +.navbar.is-dark .navbar-brand .navbar-link::after, .is-dark.navbar-menu .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-dark .navbar-burger, .is-dark.navbar-menu .navbar-burger { + color: #fff; +} +@media screen and (min-width: 600px) { + .navbar.is-dark .navbar-start > .navbar-item, .is-dark.navbar-menu .navbar-start > .navbar-item, + .navbar.is-dark .navbar-start .navbar-link, + .is-dark.navbar-menu .navbar-start .navbar-link, + .navbar.is-dark .navbar-end > .navbar-item, + .is-dark.navbar-menu .navbar-end > .navbar-item, + .navbar.is-dark .navbar-end .navbar-link, + .is-dark.navbar-menu .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-dark .navbar-start > a.navbar-item:focus, .is-dark.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .is-dark.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .is-dark.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-dark .navbar-start .navbar-link:focus, + .is-dark.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-dark .navbar-start .navbar-link:hover, + .is-dark.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-dark .navbar-start .navbar-link.is-active, + .is-dark.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-dark .navbar-end > a.navbar-item:focus, + .is-dark.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-dark .navbar-end > a.navbar-item:hover, + .is-dark.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-dark .navbar-end > a.navbar-item.is-active, + .is-dark.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-dark .navbar-end .navbar-link:focus, + .is-dark.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-dark .navbar-end .navbar-link:hover, + .is-dark.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-dark .navbar-end .navbar-link.is-active, + .is-dark.navbar-menu .navbar-end .navbar-link.is-active { + background-color: hsl(0, 0%, 16%); + color: #fff; + } + .navbar.is-dark .navbar-start .navbar-link::after, .is-dark.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-dark .navbar-end .navbar-link::after, + .is-dark.navbar-menu .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, .is-dark.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, + .is-dark.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link, + .is-dark.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: hsl(0, 0%, 16%); + color: #fff; + } + .navbar.is-dark .navbar-dropdown a.navbar-item.is-active, .is-dark.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(0, 0%, 21%); + color: #fff; + } +} +.navbar.is-primary, .is-primary.navbar-menu { + background-color: hsl(171, 100%, 41%); + color: #fff; +} +.navbar.is-primary .navbar-brand > .navbar-item, .is-primary.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-primary .navbar-brand .navbar-link, +.is-primary.navbar-menu .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-primary .navbar-brand > a.navbar-item:focus, .is-primary.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .is-primary.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .is-primary.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-primary .navbar-brand .navbar-link:focus, +.is-primary.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-primary .navbar-brand .navbar-link:hover, +.is-primary.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-primary .navbar-brand .navbar-link.is-active, +.is-primary.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: hsl(171, 100%, 36%); + color: #fff; +} +.navbar.is-primary .navbar-brand .navbar-link::after, .is-primary.navbar-menu .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-primary .navbar-burger, .is-primary.navbar-menu .navbar-burger { + color: #fff; +} +@media screen and (min-width: 600px) { + .navbar.is-primary .navbar-start > .navbar-item, .is-primary.navbar-menu .navbar-start > .navbar-item, + .navbar.is-primary .navbar-start .navbar-link, + .is-primary.navbar-menu .navbar-start .navbar-link, + .navbar.is-primary .navbar-end > .navbar-item, + .is-primary.navbar-menu .navbar-end > .navbar-item, + .navbar.is-primary .navbar-end .navbar-link, + .is-primary.navbar-menu .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-primary .navbar-start > a.navbar-item:focus, .is-primary.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .is-primary.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .is-primary.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-primary .navbar-start .navbar-link:focus, + .is-primary.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-primary .navbar-start .navbar-link:hover, + .is-primary.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-primary .navbar-start .navbar-link.is-active, + .is-primary.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-primary .navbar-end > a.navbar-item:focus, + .is-primary.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-primary .navbar-end > a.navbar-item:hover, + .is-primary.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-primary .navbar-end > a.navbar-item.is-active, + .is-primary.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-primary .navbar-end .navbar-link:focus, + .is-primary.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-primary .navbar-end .navbar-link:hover, + .is-primary.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-primary .navbar-end .navbar-link.is-active, + .is-primary.navbar-menu .navbar-end .navbar-link.is-active { + background-color: hsl(171, 100%, 36%); + color: #fff; + } + .navbar.is-primary .navbar-start .navbar-link::after, .is-primary.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-primary .navbar-end .navbar-link::after, + .is-primary.navbar-menu .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, .is-primary.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, + .is-primary.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link, + .is-primary.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: hsl(171, 100%, 36%); + color: #fff; + } + .navbar.is-primary .navbar-dropdown a.navbar-item.is-active, .is-primary.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(171, 100%, 41%); + color: #fff; + } +} +.navbar.is-link, .is-link.navbar-menu { + background-color: #1191E8; + color: #fff; +} +.navbar.is-link .navbar-brand > .navbar-item, .is-link.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-link .navbar-brand .navbar-link, +.is-link.navbar-menu .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-link .navbar-brand > a.navbar-item:focus, .is-link.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .is-link.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .is-link.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-link .navbar-brand .navbar-link:focus, +.is-link.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-link .navbar-brand .navbar-link:hover, +.is-link.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-link .navbar-brand .navbar-link.is-active, +.is-link.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: rgb(15.2590361446, 130.1506024096, 208.2409638554); + color: #fff; +} +.navbar.is-link .navbar-brand .navbar-link::after, .is-link.navbar-menu .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-link .navbar-burger, .is-link.navbar-menu .navbar-burger { + color: #fff; +} +@media screen and (min-width: 600px) { + .navbar.is-link .navbar-start > .navbar-item, .is-link.navbar-menu .navbar-start > .navbar-item, + .navbar.is-link .navbar-start .navbar-link, + .is-link.navbar-menu .navbar-start .navbar-link, + .navbar.is-link .navbar-end > .navbar-item, + .is-link.navbar-menu .navbar-end > .navbar-item, + .navbar.is-link .navbar-end .navbar-link, + .is-link.navbar-menu .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-link .navbar-start > a.navbar-item:focus, .is-link.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .is-link.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .is-link.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-link .navbar-start .navbar-link:focus, + .is-link.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-link .navbar-start .navbar-link:hover, + .is-link.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-link .navbar-start .navbar-link.is-active, + .is-link.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-link .navbar-end > a.navbar-item:focus, + .is-link.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-link .navbar-end > a.navbar-item:hover, + .is-link.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-link .navbar-end > a.navbar-item.is-active, + .is-link.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-link .navbar-end .navbar-link:focus, + .is-link.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-link .navbar-end .navbar-link:hover, + .is-link.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-link .navbar-end .navbar-link.is-active, + .is-link.navbar-menu .navbar-end .navbar-link.is-active { + background-color: rgb(15.2590361446, 130.1506024096, 208.2409638554); + color: #fff; + } + .navbar.is-link .navbar-start .navbar-link::after, .is-link.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-link .navbar-end .navbar-link::after, + .is-link.navbar-menu .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, .is-link.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, + .is-link.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link, + .is-link.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: rgb(15.2590361446, 130.1506024096, 208.2409638554); + color: #fff; + } + .navbar.is-link .navbar-dropdown a.navbar-item.is-active, .is-link.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: #1191E8; + color: #fff; + } +} +.navbar.is-info, .is-info.navbar-menu { + background-color: hsl(207, 61%, 53%); + color: #fff; +} +.navbar.is-info .navbar-brand > .navbar-item, .is-info.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-info .navbar-brand .navbar-link, +.is-info.navbar-menu .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-info .navbar-brand > a.navbar-item:focus, .is-info.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .is-info.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, .is-info.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-info .navbar-brand .navbar-link:focus, +.is-info.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-info .navbar-brand .navbar-link:hover, +.is-info.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-info .navbar-brand .navbar-link.is-active, +.is-info.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: hsl(207, 61%, 48%); + color: #fff; +} +.navbar.is-info .navbar-brand .navbar-link::after, .is-info.navbar-menu .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-info .navbar-burger, .is-info.navbar-menu .navbar-burger { + color: #fff; +} +@media screen and (min-width: 600px) { + .navbar.is-info .navbar-start > .navbar-item, .is-info.navbar-menu .navbar-start > .navbar-item, + .navbar.is-info .navbar-start .navbar-link, + .is-info.navbar-menu .navbar-start .navbar-link, + .navbar.is-info .navbar-end > .navbar-item, + .is-info.navbar-menu .navbar-end > .navbar-item, + .navbar.is-info .navbar-end .navbar-link, + .is-info.navbar-menu .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-info .navbar-start > a.navbar-item:focus, .is-info.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .is-info.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .is-info.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-info .navbar-start .navbar-link:focus, + .is-info.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-info .navbar-start .navbar-link:hover, + .is-info.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-info .navbar-start .navbar-link.is-active, + .is-info.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-info .navbar-end > a.navbar-item:focus, + .is-info.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-info .navbar-end > a.navbar-item:hover, + .is-info.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-info .navbar-end > a.navbar-item.is-active, + .is-info.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-info .navbar-end .navbar-link:focus, + .is-info.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-info .navbar-end .navbar-link:hover, + .is-info.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-info .navbar-end .navbar-link.is-active, + .is-info.navbar-menu .navbar-end .navbar-link.is-active { + background-color: hsl(207, 61%, 48%); + color: #fff; + } + .navbar.is-info .navbar-start .navbar-link::after, .is-info.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-info .navbar-end .navbar-link::after, + .is-info.navbar-menu .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, .is-info.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, + .is-info.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link, + .is-info.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: hsl(207, 61%, 48%); + color: #fff; + } + .navbar.is-info .navbar-dropdown a.navbar-item.is-active, .is-info.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(207, 61%, 53%); + color: #fff; + } +} +.navbar.is-success, .is-success.navbar-menu { + background-color: hsl(153, 53%, 53%); + color: #fff; +} +.navbar.is-success .navbar-brand > .navbar-item, .is-success.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-success .navbar-brand .navbar-link, +.is-success.navbar-menu .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-success .navbar-brand > a.navbar-item:focus, .is-success.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .is-success.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, .is-success.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-success .navbar-brand .navbar-link:focus, +.is-success.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-success .navbar-brand .navbar-link:hover, +.is-success.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-success .navbar-brand .navbar-link.is-active, +.is-success.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: hsl(153, 53%, 48%); + color: #fff; +} +.navbar.is-success .navbar-brand .navbar-link::after, .is-success.navbar-menu .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-success .navbar-burger, .is-success.navbar-menu .navbar-burger { + color: #fff; +} +@media screen and (min-width: 600px) { + .navbar.is-success .navbar-start > .navbar-item, .is-success.navbar-menu .navbar-start > .navbar-item, + .navbar.is-success .navbar-start .navbar-link, + .is-success.navbar-menu .navbar-start .navbar-link, + .navbar.is-success .navbar-end > .navbar-item, + .is-success.navbar-menu .navbar-end > .navbar-item, + .navbar.is-success .navbar-end .navbar-link, + .is-success.navbar-menu .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-success .navbar-start > a.navbar-item:focus, .is-success.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .is-success.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .is-success.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-success .navbar-start .navbar-link:focus, + .is-success.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-success .navbar-start .navbar-link:hover, + .is-success.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-success .navbar-start .navbar-link.is-active, + .is-success.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-success .navbar-end > a.navbar-item:focus, + .is-success.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-success .navbar-end > a.navbar-item:hover, + .is-success.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-success .navbar-end > a.navbar-item.is-active, + .is-success.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-success .navbar-end .navbar-link:focus, + .is-success.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-success .navbar-end .navbar-link:hover, + .is-success.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-success .navbar-end .navbar-link.is-active, + .is-success.navbar-menu .navbar-end .navbar-link.is-active { + background-color: hsl(153, 53%, 48%); + color: #fff; + } + .navbar.is-success .navbar-start .navbar-link::after, .is-success.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-success .navbar-end .navbar-link::after, + .is-success.navbar-menu .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, .is-success.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, + .is-success.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link, + .is-success.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: hsl(153, 53%, 48%); + color: #fff; + } + .navbar.is-success .navbar-dropdown a.navbar-item.is-active, .is-success.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(153, 53%, 53%); + color: #fff; + } +} +.navbar.is-warning, .is-warning.navbar-menu { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-warning .navbar-brand > .navbar-item, .is-warning.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-warning .navbar-brand .navbar-link, +.is-warning.navbar-menu .navbar-brand .navbar-link { + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-warning .navbar-brand > a.navbar-item:focus, .is-warning.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .is-warning.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .is-warning.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-warning .navbar-brand .navbar-link:focus, +.is-warning.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-warning .navbar-brand .navbar-link:hover, +.is-warning.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-warning .navbar-brand .navbar-link.is-active, +.is-warning.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: hsl(44, 100%, 72%); + color: rgba(0, 0, 0, 0.7); +} +.navbar.is-warning .navbar-brand .navbar-link::after, .is-warning.navbar-menu .navbar-brand .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); +} +.navbar.is-warning .navbar-burger, .is-warning.navbar-menu .navbar-burger { + color: rgba(0, 0, 0, 0.7); +} +@media screen and (min-width: 600px) { + .navbar.is-warning .navbar-start > .navbar-item, .is-warning.navbar-menu .navbar-start > .navbar-item, + .navbar.is-warning .navbar-start .navbar-link, + .is-warning.navbar-menu .navbar-start .navbar-link, + .navbar.is-warning .navbar-end > .navbar-item, + .is-warning.navbar-menu .navbar-end > .navbar-item, + .navbar.is-warning .navbar-end .navbar-link, + .is-warning.navbar-menu .navbar-end .navbar-link { + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-start > a.navbar-item:focus, .is-warning.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .is-warning.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .is-warning.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-warning .navbar-start .navbar-link:focus, + .is-warning.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-warning .navbar-start .navbar-link:hover, + .is-warning.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-warning .navbar-start .navbar-link.is-active, + .is-warning.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-warning .navbar-end > a.navbar-item:focus, + .is-warning.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-warning .navbar-end > a.navbar-item:hover, + .is-warning.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-warning .navbar-end > a.navbar-item.is-active, + .is-warning.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-warning .navbar-end .navbar-link:focus, + .is-warning.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-warning .navbar-end .navbar-link:hover, + .is-warning.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-warning .navbar-end .navbar-link.is-active, + .is-warning.navbar-menu .navbar-end .navbar-link.is-active { + background-color: hsl(44, 100%, 72%); + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-start .navbar-link::after, .is-warning.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-warning .navbar-end .navbar-link::after, + .is-warning.navbar-menu .navbar-end .navbar-link::after { + border-color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, .is-warning.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, + .is-warning.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link, + .is-warning.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: hsl(44, 100%, 72%); + color: rgba(0, 0, 0, 0.7); + } + .navbar.is-warning .navbar-dropdown a.navbar-item.is-active, .is-warning.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(44, 100%, 77%); + color: rgba(0, 0, 0, 0.7); + } +} +.navbar.is-danger, .is-danger.navbar-menu { + background-color: hsl(348, 86%, 61%); + color: #fff; +} +.navbar.is-danger .navbar-brand > .navbar-item, .is-danger.navbar-menu .navbar-brand > .navbar-item, +.navbar.is-danger .navbar-brand .navbar-link, +.is-danger.navbar-menu .navbar-brand .navbar-link { + color: #fff; +} +.navbar.is-danger .navbar-brand > a.navbar-item:focus, .is-danger.navbar-menu .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .is-danger.navbar-menu .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .is-danger.navbar-menu .navbar-brand > a.navbar-item.is-active, +.navbar.is-danger .navbar-brand .navbar-link:focus, +.is-danger.navbar-menu .navbar-brand .navbar-link:focus, +.navbar.is-danger .navbar-brand .navbar-link:hover, +.is-danger.navbar-menu .navbar-brand .navbar-link:hover, +.navbar.is-danger .navbar-brand .navbar-link.is-active, +.is-danger.navbar-menu .navbar-brand .navbar-link.is-active { + background-color: hsl(348, 86%, 56%); + color: #fff; +} +.navbar.is-danger .navbar-brand .navbar-link::after, .is-danger.navbar-menu .navbar-brand .navbar-link::after { + border-color: #fff; +} +.navbar.is-danger .navbar-burger, .is-danger.navbar-menu .navbar-burger { + color: #fff; +} +@media screen and (min-width: 600px) { + .navbar.is-danger .navbar-start > .navbar-item, .is-danger.navbar-menu .navbar-start > .navbar-item, + .navbar.is-danger .navbar-start .navbar-link, + .is-danger.navbar-menu .navbar-start .navbar-link, + .navbar.is-danger .navbar-end > .navbar-item, + .is-danger.navbar-menu .navbar-end > .navbar-item, + .navbar.is-danger .navbar-end .navbar-link, + .is-danger.navbar-menu .navbar-end .navbar-link { + color: #fff; + } + .navbar.is-danger .navbar-start > a.navbar-item:focus, .is-danger.navbar-menu .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .is-danger.navbar-menu .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .is-danger.navbar-menu .navbar-start > a.navbar-item.is-active, + .navbar.is-danger .navbar-start .navbar-link:focus, + .is-danger.navbar-menu .navbar-start .navbar-link:focus, + .navbar.is-danger .navbar-start .navbar-link:hover, + .is-danger.navbar-menu .navbar-start .navbar-link:hover, + .navbar.is-danger .navbar-start .navbar-link.is-active, + .is-danger.navbar-menu .navbar-start .navbar-link.is-active, + .navbar.is-danger .navbar-end > a.navbar-item:focus, + .is-danger.navbar-menu .navbar-end > a.navbar-item:focus, + .navbar.is-danger .navbar-end > a.navbar-item:hover, + .is-danger.navbar-menu .navbar-end > a.navbar-item:hover, + .navbar.is-danger .navbar-end > a.navbar-item.is-active, + .is-danger.navbar-menu .navbar-end > a.navbar-item.is-active, + .navbar.is-danger .navbar-end .navbar-link:focus, + .is-danger.navbar-menu .navbar-end .navbar-link:focus, + .navbar.is-danger .navbar-end .navbar-link:hover, + .is-danger.navbar-menu .navbar-end .navbar-link:hover, + .navbar.is-danger .navbar-end .navbar-link.is-active, + .is-danger.navbar-menu .navbar-end .navbar-link.is-active { + background-color: hsl(348, 86%, 56%); + color: #fff; + } + .navbar.is-danger .navbar-start .navbar-link::after, .is-danger.navbar-menu .navbar-start .navbar-link::after, + .navbar.is-danger .navbar-end .navbar-link::after, + .is-danger.navbar-menu .navbar-end .navbar-link::after { + border-color: #fff; + } + .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, .is-danger.navbar-menu .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, + .is-danger.navbar-menu .navbar-item.has-dropdown:hover .navbar-link, + .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link, + .is-danger.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link { + background-color: hsl(348, 86%, 56%); + color: #fff; + } + .navbar.is-danger .navbar-dropdown a.navbar-item.is-active, .is-danger.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: hsl(348, 86%, 61%); + color: #fff; + } +} +.navbar > .container, .navbar-menu > .container { + align-items: stretch; + display: flex; + min-height: 3.25rem; + width: 100%; +} +.navbar.has-shadow, .has-shadow.navbar-menu { + box-shadow: 0 2px 0 0 #121619; +} +.navbar.is-fixed-bottom, .is-fixed-bottom.navbar-menu, .navbar.is-fixed-top, .is-fixed-top.navbar-menu { + left: 0; + position: fixed; + right: 0; + z-index: 30; +} +.navbar.is-fixed-bottom, .is-fixed-bottom.navbar-menu { + bottom: 0; +} +.navbar.is-fixed-bottom.has-shadow, .is-fixed-bottom.has-shadow.navbar-menu { + box-shadow: 0 -2px 0 0 #121619; +} +.navbar.is-fixed-top, .is-fixed-top.navbar-menu { + top: 0; +} + +html.has-navbar-fixed-top, +body.has-navbar-fixed-top { + padding-top: 3.25rem; +} +html.has-navbar-fixed-bottom, +body.has-navbar-fixed-bottom { + padding-bottom: 3.25rem; +} + +.navbar-brand, +.navbar-tabs { + align-items: stretch; + display: flex; + flex-shrink: 0; + min-height: 3.25rem; +} + +.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { + background-color: transparent; +} + +.navbar-tabs { + -webkit-overflow-scrolling: touch; + max-width: 100vw; + overflow-x: auto; + overflow-y: hidden; +} + +.navbar-burger { + color: hsl(0, 0%, 71%); + -moz-appearance: none; + -webkit-appearance: none; + appearance: none; + background: none; + border: none; + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; + margin-left: auto; +} +.navbar-burger span { + background-color: currentColor; + display: block; + height: 1px; + left: calc(50% - 8px); + position: absolute; + transform-origin: center; + transition-duration: 86ms; + transition-property: background-color, opacity, transform; + transition-timing-function: ease-out; + width: 16px; +} +.navbar-burger span:nth-child(1) { + top: calc(50% - 6px); +} +.navbar-burger span:nth-child(2) { + top: calc(50% - 1px); +} +.navbar-burger span:nth-child(3) { + top: calc(50% + 4px); +} +.navbar-burger:hover { + background-color: rgba(0, 0, 0, 0.05); +} +.navbar-burger.is-active span:nth-child(1) { + transform: translateY(5px) rotate(45deg); +} +.navbar-burger.is-active span:nth-child(2) { + opacity: 0; +} +.navbar-burger.is-active span:nth-child(3) { + transform: translateY(-5px) rotate(-45deg); +} + +.navbar-menu { + display: none; +} + +.navbar-item, +.navbar-link { + color: hsl(0, 0%, 71%); + display: block; + line-height: 1.5; + padding: 0.5rem 0.75rem; + position: relative; +} +.navbar-item .icon:only-child, +.navbar-link .icon:only-child { + margin-left: -0.25rem; + margin-right: -0.25rem; +} + +a.navbar-item, +.navbar-link { + cursor: pointer; +} +a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, +.navbar-link:focus, +.navbar-link:focus-within, +.navbar-link:hover, +.navbar-link.is-active { + background-color: black; + color: #1191E8; +} + +.navbar-item { + flex-grow: 0; + flex-shrink: 0; +} +.navbar-item img { + max-height: 1.75rem; +} +.navbar-item.has-dropdown { + padding: 0; +} +.navbar-item.is-expanded { + flex-grow: 1; + flex-shrink: 1; +} +.navbar-item.is-tab { + border-bottom: 1px solid transparent; + min-height: 3.25rem; + padding-bottom: calc(0.5rem - 1px); +} +.navbar-item.is-tab:focus, .navbar-item.is-tab:hover { + background-color: transparent; + border-bottom-color: #1191E8; +} +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom-color: #1191E8; + border-bottom-style: solid; + border-bottom-width: 3px; + color: #1191E8; + padding-bottom: calc(0.5rem - 3px); +} + +.navbar-content { + flex-grow: 1; + flex-shrink: 1; +} + +.navbar-link:not(.is-arrowless) { + padding-right: 2.5em; +} +.navbar-link:not(.is-arrowless)::after { + border-color: #1191E8; + margin-top: -0.375em; + right: 1.125em; +} + +.navbar-dropdown { + font-size: 0.875rem; + padding-bottom: 0.5rem; + padding-top: 0.5rem; +} +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.navbar-divider { + background-color: #121619; + border: none; + display: none; + height: 2px; + margin: 0.5rem 0; +} + +@media screen and (max-width: 599px) { + .navbar > .container, .navbar-menu > .container { + display: block; + } + .navbar-brand .navbar-item, + .navbar-tabs .navbar-item { + align-items: center; + display: flex; + } + .navbar-link::after { + display: none; + } + .navbar-menu { + background-color: #121619; + box-shadow: 0 8px 16px rgba(10.2, 10.2, 10.2, 0.1); + padding: 0.5rem 0; + } + .navbar-menu.is-active { + display: block; + } + .navbar.is-fixed-bottom-touch, .is-fixed-bottom-touch.navbar-menu, .navbar.is-fixed-top-touch, .is-fixed-top-touch.navbar-menu { + left: 0; + position: fixed; + right: 0; + z-index: 30; + } + .navbar.is-fixed-bottom-touch, .is-fixed-bottom-touch.navbar-menu { + bottom: 0; + } + .navbar.is-fixed-bottom-touch.has-shadow, .is-fixed-bottom-touch.has-shadow.navbar-menu { + box-shadow: 0 -2px 3px rgba(10.2, 10.2, 10.2, 0.1); + } + .navbar.is-fixed-top-touch, .is-fixed-top-touch.navbar-menu { + top: 0; + } + .navbar.is-fixed-top .navbar-menu, .is-fixed-top.navbar-menu .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu, .is-fixed-top-touch.navbar-menu .navbar-menu { + -webkit-overflow-scrolling: touch; + max-height: calc(100vh - 3.25rem); + overflow: auto; + } + html.has-navbar-fixed-top-touch, + body.has-navbar-fixed-top-touch { + padding-top: 3.25rem; + } + html.has-navbar-fixed-bottom-touch, + body.has-navbar-fixed-bottom-touch { + padding-bottom: 3.25rem; + } +} +@media screen and (min-width: 600px) { + .navbar, + .navbar-menu, + .navbar-start, + .navbar-end { + align-items: stretch; + display: flex; + } + .navbar, .navbar-menu { + min-height: 3.25rem; + } + .navbar.is-spaced, .is-spaced.navbar-menu { + padding: 1rem 2rem; + } + .navbar.is-spaced .navbar-start, .is-spaced.navbar-menu .navbar-start, + .navbar.is-spaced .navbar-end, + .is-spaced.navbar-menu .navbar-end { + align-items: center; + } + .navbar.is-spaced a.navbar-item, .is-spaced.navbar-menu a.navbar-item, + .navbar.is-spaced .navbar-link, + .is-spaced.navbar-menu .navbar-link { + border-radius: 4px; + } + .navbar.is-transparent a.navbar-item:focus, .is-transparent.navbar-menu a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .is-transparent.navbar-menu a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, .is-transparent.navbar-menu a.navbar-item.is-active, + .navbar.is-transparent .navbar-link:focus, + .is-transparent.navbar-menu .navbar-link:focus, + .navbar.is-transparent .navbar-link:hover, + .is-transparent.navbar-menu .navbar-link:hover, + .navbar.is-transparent .navbar-link.is-active, + .is-transparent.navbar-menu .navbar-link.is-active { + background-color: transparent !important; + } + .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .is-transparent.navbar-menu .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .is-transparent.navbar-menu .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .is-transparent.navbar-menu .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link, .is-transparent.navbar-menu .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { + background-color: transparent !important; + } + .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .is-transparent.navbar-menu .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover, .is-transparent.navbar-menu .navbar-dropdown a.navbar-item:hover { + background-color: #121619; + color: hsl(0, 0%, 4%); + } + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active, .is-transparent.navbar-menu .navbar-dropdown a.navbar-item.is-active { + background-color: #121619; + color: #1191E8; + } + .navbar-burger { + display: none; + } + .navbar-item, + .navbar-link { + align-items: center; + display: flex; + } + .navbar-item.has-dropdown { + align-items: stretch; + } + .navbar-item.has-dropdown-up .navbar-link::after { + transform: rotate(135deg) translate(0.25em, -0.25em); + } + .navbar-item.has-dropdown-up .navbar-dropdown { + border-bottom: 2px solid hsl(0, 0%, 86%); + border-radius: 6px 6px 0 0; + border-top: none; + bottom: 100%; + box-shadow: 0 -8px 8px rgba(10.2, 10.2, 10.2, 0.1); + top: auto; + } + .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { + display: block; + } + .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .is-spaced.navbar-menu .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .is-spaced.navbar-menu .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .is-spaced.navbar-menu .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .is-spaced.navbar-menu .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { + opacity: 1; + pointer-events: auto; + transform: translateY(0); + } + .navbar-menu { + flex-grow: 1; + flex-shrink: 0; + } + .navbar-start { + justify-content: flex-start; + margin-right: auto; + } + .navbar-end { + justify-content: flex-end; + margin-left: auto; + } + .navbar-dropdown { + background-color: hsl(0, 0%, 21%); + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 2px solid hsl(0, 0%, 86%); + box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1); + display: none; + font-size: 0.875rem; + left: 0; + min-width: 100%; + position: absolute; + top: 100%; + z-index: 20; + } + .navbar-dropdown .navbar-item { + padding: 0.375rem 1rem; + white-space: nowrap; + } + .navbar-dropdown a.navbar-item { + padding-right: 3rem; + } + .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { + background-color: #121619; + color: hsl(0, 0%, 4%); + } + .navbar-dropdown a.navbar-item.is-active { + background-color: #121619; + color: #1191E8; + } + .navbar.is-spaced .navbar-dropdown, .is-spaced.navbar-menu .navbar-dropdown, .navbar-dropdown.is-boxed { + border-radius: 6px; + border-top: none; + box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px rgba(10.2, 10.2, 10.2, 0.1); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + (-4px)); + transform: translateY(-5px); + transition-duration: 86ms; + transition-property: opacity, transform; + } + .navbar-dropdown.is-right { + left: auto; + right: 0; + } + .navbar-divider { + display: block; + } + .navbar > .container .navbar-brand, .navbar-menu > .container .navbar-brand, + .container > .navbar .navbar-brand, + .container > .navbar-menu .navbar-brand { + margin-left: -0.75rem; + } + .navbar > .container .navbar-menu, .navbar-menu > .container .navbar-menu, + .container > .navbar .navbar-menu, + .container > .navbar-menu .navbar-menu { + margin-right: -0.75rem; + } + .navbar.is-fixed-bottom-desktop, .is-fixed-bottom-desktop.navbar-menu, .navbar.is-fixed-top-desktop, .is-fixed-top-desktop.navbar-menu { + left: 0; + position: fixed; + right: 0; + z-index: 30; + } + .navbar.is-fixed-bottom-desktop, .is-fixed-bottom-desktop.navbar-menu { + bottom: 0; + } + .navbar.is-fixed-bottom-desktop.has-shadow, .is-fixed-bottom-desktop.has-shadow.navbar-menu { + box-shadow: 0 -2px 3px rgba(10.2, 10.2, 10.2, 0.1); + } + .navbar.is-fixed-top-desktop, .is-fixed-top-desktop.navbar-menu { + top: 0; + } + html.has-navbar-fixed-top-desktop, + body.has-navbar-fixed-top-desktop { + padding-top: 3.25rem; + } + html.has-navbar-fixed-bottom-desktop, + body.has-navbar-fixed-bottom-desktop { + padding-bottom: 3.25rem; + } + html.has-spaced-navbar-fixed-top, + body.has-spaced-navbar-fixed-top { + padding-top: 5.25rem; + } + html.has-spaced-navbar-fixed-bottom, + body.has-spaced-navbar-fixed-bottom { + padding-bottom: 5.25rem; + } + a.navbar-item.is-active, + .navbar-link.is-active { + color: hsl(0, 0%, 100%); + } + a.navbar-item.is-active:not(:focus):not(:hover), + .navbar-link.is-active:not(:focus):not(:hover) { + background-color: transparent; + } + .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { + background-color: black; + } +} +.hero.is-fullheight-with-navbar { + min-height: calc(100vh - 3.25rem); +} + +.hero.is-primary a { + color: #173d4f !important; +} +.hero.is-primary a:hover { + color: #000 !important; +} + +.hero.is-info a { + color: #173d4f !important; +} +.hero.is-info a:hover { + color: #000 !important; +} + +.content li + li { + margin-top: 0.25em; +} +.content p:not(:last-child), +.content dl:not(:last-child), +.content ol:not(:last-child), +.content ul:not(:last-child), +.content blockquote:not(:last-child), +.content pre:not(:last-child), +.content table:not(:last-child) { + margin-bottom: 1em; +} +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + color: hsl(0, 0%, 100%); + font-weight: 600; + line-height: 1.125; +} +.content h1 { + font-size: 2em; + margin-bottom: 0.5em; +} +.content h1:not(:first-child) { + margin-top: 1em; +} +.content h2 { + font-size: 1.75em; + margin-bottom: 0.5714em; +} +.content h2:not(:first-child) { + margin-top: 1.1428em; +} +.content h3 { + font-size: 1.5em; + margin-bottom: 0.6666em; +} +.content h3:not(:first-child) { + margin-top: 1.3333em; +} +.content h4 { + font-size: 1.25em; + margin-bottom: 0.8em; +} +.content h5 { + font-size: 1.125em; + margin-bottom: 0.8888em; +} +.content h6 { + font-size: 1em; + margin-bottom: 1em; +} +.content blockquote { + background-color: #121619; + border-left: 5px solid hsl(0, 0%, 86%); + padding: 1.25em 1.5em; +} +.content ol { + list-style-position: outside; + margin-left: 2em; + margin-top: 1em; +} +.content ol:not([type]) { + list-style-type: decimal; +} +.content ol:not([type]).is-lower-alpha { + list-style-type: lower-alpha; +} +.content ol:not([type]).is-lower-roman { + list-style-type: lower-roman; +} +.content ol:not([type]).is-upper-alpha { + list-style-type: upper-alpha; +} +.content ol:not([type]).is-upper-roman { + list-style-type: upper-roman; +} +.content ul { + list-style: disc outside; + margin-left: 2em; + margin-top: 1em; +} +.content ul ul { + list-style-type: circle; + margin-top: 0.5em; +} +.content ul ul ul { + list-style-type: square; +} +.content dd { + margin-left: 2em; +} +.content figure { + margin-left: 2em; + margin-right: 2em; + text-align: center; +} +.content figure:not(:first-child) { + margin-top: 2em; +} +.content figure:not(:last-child) { + margin-bottom: 2em; +} +.content figure img { + display: inline-block; +} +.content figure figcaption { + font-style: italic; +} +.content pre { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal; +} +.content sup, +.content sub { + font-size: 75%; +} +.content table { + width: 100%; +} +.content table td, +.content table th { + border: 1px solid hsl(0, 0%, 86%); + border-width: 0 0 1px; + padding: 0.5em 0.75em; + vertical-align: top; +} +.content table th { + color: hsl(0, 0%, 100%); +} +.content table th:not([align]) { + text-align: left; +} +.content table thead td, +.content table thead th { + border-width: 0 0 2px; + color: hsl(0, 0%, 100%); +} +.content table tfoot td, +.content table tfoot th { + border-width: 2px 0 0; + color: hsl(0, 0%, 100%); +} +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: 0; +} +.content .tabs li + li { + margin-top: 0; +} +.content.is-small { + font-size: 0.75rem; +} +.content.is-medium { + font-size: 1.25rem; +} +.content.is-large { + font-size: 1.5rem; +} +.content .grey-light { + color: hsl(0, 0%, 71%); +} +.content code { + color: #42BF64; +} + +.navbar-dropdown a.navbar-item:hover { + color: #1191E8; +} + +.navbar-dropdown a.navbar-item:focus { + color: hsl(0, 0%, 71%); +} + +.menu-list { + font-size: 0.75em; + letter-spacing: 0.1em; + text-transform: uppercase; +} + +.downloads > .buttons > .button { + font-size: smaller; +} + +.is-page { + display: flex; + flex-direction: column; + min-height: 100vh; +} +.is-page .is-main { + flex: 1; +} + +.has-bottom-border { + border-bottom: 1px solid red; +} + +.has-bottom-margin, .is-page .is-main { + margin-bottom: 3rem; +} + +.has-bottom-margin-sm { + margin-bottom: 1.5rem; +} + +.has-top-margin { + margin-top: 3rem; +} + +.navbar, .navbar-menu { + padding: 0.7rem 0; +} + +/*# sourceMappingURL=style.css.map */ diff --git a/examples/assets/servo.html b/examples/assets/servo.html index a69165c9..89990ffb 100644 --- a/examples/assets/servo.html +++ b/examples/assets/servo.html @@ -22,7 +22,7 @@ - +