From c74526121a4497b09b8838703d1821590e3cbda7 Mon Sep 17 00:00:00 2001 From: Alena Kharytonchyk Date: Sat, 7 Aug 2021 09:32:55 +0300 Subject: [PATCH 01/10] fix color contrast --- css/bulma.min.css | 10215 ++++++++++++++++++++++++++++++++++++++++++++ css/styles.css | 12 +- index.html | 5 +- 3 files changed, 10229 insertions(+), 3 deletions(-) create mode 100644 css/bulma.min.css diff --git a/css/bulma.min.css b/css/bulma.min.css new file mode 100644 index 0000000..bfe2056 --- /dev/null +++ b/css/bulma.min.css @@ -0,0 +1,10215 @@ +/*! bulma.io v0.7.2 | MIT License | github.com/jgthms/bulma */ +@-webkit-keyframes spinAround { + from { + -webkit-transform: rotate(0); + transform: rotate(0) + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg) + } +} + +@keyframes spinAround { + from { + -webkit-transform: rotate(0); + transform: rotate(0) + } + to { + -webkit-transform: rotate(359deg); + transform: rotate(359deg) + } +} + +.breadcrumb, .button, .delete, .file, .is-unselectable, .modal-close, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .tabs { + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} + +.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after { + border: 3px solid transparent; + border-radius: 2px; + border-right: 0; + border-top: 0; + content: " "; + display: block; + height: .625em; + margin-top: -.4375em; + pointer-events: none; + position: absolute; + top: 50%; + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); + -webkit-transform-origin: center; + transform-origin: center; + width: .625em +} + +.block:not(:last-child), .box:not(:last-child), .breadcrumb:not(:last-child), .content:not(:last-child), .highlight:not(:last-child), .level:not(:last-child), .list:not(:last-child), .message:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .tabs:not(:last-child), .title:not(:last-child) { + margin-bottom: 1.5rem +} + +.delete, .modal-close { + -moz-appearance: none; + -webkit-appearance: none; + background-color: rgba(10, 10, 10, .2); + border: none; + border-radius: 290486px; + cursor: pointer; + pointer-events: auto; + display: inline-block; + flex-grow: 0; + flex-shrink: 0; + font-size: 0; + height: 20px; + max-height: 20px; + max-width: 20px; + min-height: 20px; + min-width: 20px; + outline: 0; + position: relative; + vertical-align: top; + width: 20px +} + +.delete::after, .delete::before, .modal-close::after, .modal-close::before { + background-color: #fff; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center +} + +.delete::before, .modal-close::before { + height: 2px; + width: 50% +} + +.delete::after, .modal-close::after { + height: 50%; + width: 2px +} + +.delete:focus, .delete:hover, .modal-close:focus, .modal-close:hover { + background-color: rgba(10, 10, 10, .3) +} + +.delete:active, .modal-close:active { + background-color: rgba(10, 10, 10, .4) +} + +.is-small.delete, .is-small.modal-close { + height: 16px; + max-height: 16px; + max-width: 16px; + min-height: 16px; + min-width: 16px; + width: 16px +} + +.is-medium.delete, .is-medium.modal-close { + height: 24px; + max-height: 24px; + max-width: 24px; + min-height: 24px; + min-width: 24px; + width: 24px +} + +.is-large.delete, .is-large.modal-close { + height: 32px; + max-height: 32px; + max-width: 32px; + min-height: 32px; + min-width: 32px; + width: 32px +} + +.button.is-loading::after, .control.is-loading::after, .loader, .select.is-loading::after { + -webkit-animation: spinAround .5s infinite linear; + animation: spinAround .5s infinite linear; + border: 2px solid #dbdbdb; + border-radius: 290486px; + border-right-color: transparent; + border-top-color: transparent; + content: ""; + display: block; + height: 1em; + position: relative; + width: 1em +} + +.hero-video, .image.is-16by9 img, .image.is-1by1 img, .image.is-1by2 img, .image.is-1by3 img, .image.is-2by1 img, .image.is-2by3 img, .image.is-3by1 img, .image.is-3by2 img, .image.is-3by4 img, .image.is-3by5 img, .image.is-4by3 img, .image.is-4by5 img, .image.is-5by3 img, .image.is-5by4 img, .image.is-9by16 img, .image.is-square img, .is-overlay, .modal, .modal-background { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0 +} + +.button, .file-cta, .file-name, .input, .pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous, .select select, .textarea { + -moz-appearance: none; + -webkit-appearance: none; + align-items: center; + border: 1px solid transparent; + border-radius: 4px; + box-shadow: none; + display: inline-flex; + font-size: 1rem; + height: 2.25em; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(.375em - 1px); + padding-left: calc(.625em - 1px); + padding-right: calc(.625em - 1px); + padding-top: calc(.375em - 1px); + position: relative; + vertical-align: top +} + +.button:active, .button:focus, .file-cta:active, .file-cta:focus, .file-name:active, .file-name:focus, .input:active, .input:focus, .is-active.button, .is-active.file-cta, .is-active.file-name, .is-active.input, .is-active.pagination-ellipsis, .is-active.pagination-link, .is-active.pagination-next, .is-active.pagination-previous, .is-active.textarea, .is-focused.button, .is-focused.file-cta, .is-focused.file-name, .is-focused.input, .is-focused.pagination-ellipsis, .is-focused.pagination-link, .is-focused.pagination-next, .is-focused.pagination-previous, .is-focused.textarea, .pagination-ellipsis:active, .pagination-ellipsis:focus, .pagination-link:active, .pagination-link:focus, .pagination-next:active, .pagination-next:focus, .pagination-previous:active, .pagination-previous:focus, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus { + outline: 0 +} + +.button[disabled], .file-cta[disabled], .file-name[disabled], .input[disabled], .pagination-ellipsis[disabled], .pagination-link[disabled], .pagination-next[disabled], .pagination-previous[disabled], .select select[disabled], .textarea[disabled] { + cursor: not-allowed +} + +/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */ +blockquote, body, dd, dl, dt, fieldset, figure, h1, h2, h3, h4, h5, h6, hr, html, iframe, legend, li, ol, p, pre, textarea, ul { + margin: 0; + padding: 0 +} + +h1, h2, h3, h4, h5, h6 { + font-size: 100%; + font-weight: 400 +} + +ul { + list-style: none +} + +button, input, select, textarea { + margin: 0 +} + +html { + box-sizing: border-box +} + +*, ::after, ::before { + box-sizing: inherit +} + +audio, img, video { + height: auto; + max-width: 100% +} + +iframe { + border: 0 +} + +table { + border-collapse: collapse; + border-spacing: 0 +} + +td, th { + padding: 0; + text-align: left +} + +html { + background-color: #fff; + font-size: 16px; + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + min-width: 300px; + overflow-x: hidden; + overflow-y: scroll; + text-rendering: optimizeLegibility; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; + text-size-adjust: 100% +} + +article, aside, figure, footer, header, hgroup, section { + display: block +} + +body, button, input, select, textarea { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif +} + +code, pre { + -moz-osx-font-smoothing: auto; + -webkit-font-smoothing: auto; + font-family: monospace +} + +body { + color: black; + font-size: 1rem; + font-weight: 400; + line-height: 1.5 +} + +a { + color: #316EE3; + cursor: pointer; + text-decoration: none +} + +a strong { + color: currentColor +} + +a:hover { + color: #150101 +} + +code { + background-color: #f5f5f5; + color: #EE0125; + font-size: .875em; + font-weight: 400; + padding: .25em .5em .25em +} + +hr { + background-color: #f5f5f5; + border: none; + display: block; + height: 2px; + margin: 1.5rem 0 +} + +img { + height: auto; + max-width: 100% +} + +input[type=checkbox], input[type=radio] { + vertical-align: baseline +} + +small { + font-size: .875em +} + +span { + font-style: inherit; + font-weight: inherit +} + +strong { + color: #150101; + font-weight: 700 +} + +pre { + -webkit-overflow-scrolling: touch; + background-color: #f5f5f5; + color: black; + font-size: .875em; + overflow-x: auto; + padding: 1.25rem 1.5rem; + white-space: pre; + word-wrap: normal +} + +pre code { + background-color: transparent; + color: currentColor; + font-size: 1em; + padding: 0 +} + +table td, table th { + text-align: left; + vertical-align: top +} + +table th { + color: #150101 +} + +.is-clearfix::after { + clear: both; + content: " "; + display: table +} + +.is-pulled-left { + float: left !important +} + +.is-pulled-right { + float: right !important +} + +.is-clipped { + overflow: hidden !important +} + +.is-size-1 { + font-size: 3rem !important +} + +.is-size-2 { + font-size: 2.5rem !important +} + +.is-size-3 { + font-size: 2rem !important +} + +.is-size-4 { + font-size: 1.5rem !important +} + +.is-size-5 { + font-size: 1.25rem !important +} + +.is-size-6 { + font-size: 1rem !important +} + +.is-size-7 { + font-size: .75rem !important +} + +@media screen and (max-width: 768px) { + .is-size-1-mobile { + font-size: 3rem !important + } + + .is-size-2-mobile { + font-size: 2.5rem !important + } + + .is-size-3-mobile { + font-size: 2rem !important + } + + .is-size-4-mobile { + font-size: 1.5rem !important + } + + .is-size-5-mobile { + font-size: 1.25rem !important + } + + .is-size-6-mobile { + font-size: 1rem !important + } + + .is-size-7-mobile { + font-size: .75rem !important + } +} + +@media screen and (min-width: 769px), print { + .is-size-1-tablet { + font-size: 3rem !important + } + + .is-size-2-tablet { + font-size: 2.5rem !important + } + + .is-size-3-tablet { + font-size: 2rem !important + } + + .is-size-4-tablet { + font-size: 1.5rem !important + } + + .is-size-5-tablet { + font-size: 1.25rem !important + } + + .is-size-6-tablet { + font-size: 1rem !important + } + + .is-size-7-tablet { + font-size: .75rem !important + } +} + +@media screen and (max-width: 1087px) { + .is-size-1-touch { + font-size: 3rem !important + } + + .is-size-2-touch { + font-size: 2.5rem !important + } + + .is-size-3-touch { + font-size: 2rem !important + } + + .is-size-4-touch { + font-size: 1.5rem !important + } + + .is-size-5-touch { + font-size: 1.25rem !important + } + + .is-size-6-touch { + font-size: 1rem !important + } + + .is-size-7-touch { + font-size: .75rem !important + } +} + +@media screen and (min-width: 1088px) { + .is-size-1-desktop { + font-size: 3rem !important + } + + .is-size-2-desktop { + font-size: 2.5rem !important + } + + .is-size-3-desktop { + font-size: 2rem !important + } + + .is-size-4-desktop { + font-size: 1.5rem !important + } + + .is-size-5-desktop { + font-size: 1.25rem !important + } + + .is-size-6-desktop { + font-size: 1rem !important + } + + .is-size-7-desktop { + font-size: .75rem !important + } +} + +@media screen and (min-width: 1280px) { + .is-size-1-widescreen { + font-size: 3rem !important + } + + .is-size-2-widescreen { + font-size: 2.5rem !important + } + + .is-size-3-widescreen { + font-size: 2rem !important + } + + .is-size-4-widescreen { + font-size: 1.5rem !important + } + + .is-size-5-widescreen { + font-size: 1.25rem !important + } + + .is-size-6-widescreen { + font-size: 1rem !important + } + + .is-size-7-widescreen { + font-size: .75rem !important + } +} + +@media screen and (min-width: 1472px) { + .is-size-1-fullhd { + font-size: 3rem !important + } + + .is-size-2-fullhd { + font-size: 2.5rem !important + } + + .is-size-3-fullhd { + font-size: 2rem !important + } + + .is-size-4-fullhd { + font-size: 1.5rem !important + } + + .is-size-5-fullhd { + font-size: 1.25rem !important + } + + .is-size-6-fullhd { + font-size: 1rem !important + } + + .is-size-7-fullhd { + font-size: .75rem !important + } +} + +.has-text-centered { + text-align: center !important +} + +.has-text-justified { + text-align: justify !important +} + +.has-text-left { + text-align: left !important +} + +.has-text-right { + text-align: right !important +} + +@media screen and (max-width: 768px) { + .has-text-centered-mobile { + text-align: center !important + } +} + +@media screen and (min-width: 769px), print { + .has-text-centered-tablet { + text-align: center !important + } +} + +@media screen and (min-width: 769px) and (max-width: 1087px) { + .has-text-centered-tablet-only { + text-align: center !important + } +} + +@media screen and (max-width: 1087px) { + .has-text-centered-touch { + text-align: center !important + } +} + +@media screen and (min-width: 1088px) { + .has-text-centered-desktop { + text-align: center !important + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-centered-desktop-only { + text-align: center !important + } +} + +@media screen and (min-width: 1280px) { + .has-text-centered-widescreen { + text-align: center !important + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-centered-widescreen-only { + text-align: center !important + } +} + +@media screen and (min-width: 1472px) { + .has-text-centered-fullhd { + text-align: center !important + } +} + +@media screen and (max-width: 768px) { + .has-text-justified-mobile { + text-align: justify !important + } +} + +@media screen and (min-width: 769px), print { + .has-text-justified-tablet { + text-align: justify !important + } +} + +@media screen and (min-width: 769px) and (max-width: 1087px) { + .has-text-justified-tablet-only { + text-align: justify !important + } +} + +@media screen and (max-width: 1087px) { + .has-text-justified-touch { + text-align: justify !important + } +} + +@media screen and (min-width: 1088px) { + .has-text-justified-desktop { + text-align: justify !important + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-justified-desktop-only { + text-align: justify !important + } +} + +@media screen and (min-width: 1280px) { + .has-text-justified-widescreen { + text-align: justify !important + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-justified-widescreen-only { + text-align: justify !important + } +} + +@media screen and (min-width: 1472px) { + .has-text-justified-fullhd { + text-align: justify !important + } +} + +@media screen and (max-width: 768px) { + .has-text-left-mobile { + text-align: left !important + } +} + +@media screen and (min-width: 769px), print { + .has-text-left-tablet { + text-align: left !important + } +} + +@media screen and (min-width: 769px) and (max-width: 1087px) { + .has-text-left-tablet-only { + text-align: left !important + } +} + +@media screen and (max-width: 1087px) { + .has-text-left-touch { + text-align: left !important + } +} + +@media screen and (min-width: 1088px) { + .has-text-left-desktop { + text-align: left !important + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-left-desktop-only { + text-align: left !important + } +} + +@media screen and (min-width: 1280px) { + .has-text-left-widescreen { + text-align: left !important + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-left-widescreen-only { + text-align: left !important + } +} + +@media screen and (min-width: 1472px) { + .has-text-left-fullhd { + text-align: left !important + } +} + +@media screen and (max-width: 768px) { + .has-text-right-mobile { + text-align: right !important + } +} + +@media screen and (min-width: 769px), print { + .has-text-right-tablet { + text-align: right !important + } +} + +@media screen and (min-width: 769px) and (max-width: 1087px) { + .has-text-right-tablet-only { + text-align: right !important + } +} + +@media screen and (max-width: 1087px) { + .has-text-right-touch { + text-align: right !important + } +} + +@media screen and (min-width: 1088px) { + .has-text-right-desktop { + text-align: right !important + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .has-text-right-desktop-only { + text-align: right !important + } +} + +@media screen and (min-width: 1280px) { + .has-text-right-widescreen { + text-align: right !important + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .has-text-right-widescreen-only { + text-align: right !important + } +} + +@media screen and (min-width: 1472px) { + .has-text-right-fullhd { + text-align: right !important + } +} + +.is-capitalized { + text-transform: capitalize !important +} + +.is-lowercase { + text-transform: lowercase !important +} + +.is-uppercase { + text-transform: uppercase !important +} + +.is-italic { + font-style: italic !important +} + +.has-text-white { + color: #fff !important +} + +a.has-text-white:focus, a.has-text-white:hover { + color: #e6e6e6 !important +} + +.has-background-white { + background-color: #fff !important +} + +.has-text-black { + color: #0a0a0a !important +} + +a.has-text-black:focus, a.has-text-black:hover { + color: #000 !important +} + +.has-background-black { + background-color: #0a0a0a !important +} + +.has-text-light { + color: #f5f5f5 !important +} + +a.has-text-light:focus, a.has-text-light:hover { + color: #dbdbdb !important +} + +.has-background-light { + background-color: #f5f5f5 !important +} + +.has-text-dark { + color: #150101 !important +} + +a.has-text-dark:focus, a.has-text-dark:hover { + color: #1c1c1c !important +} + +.has-background-dark { + background-color: #150101 !important +} + +.has-text-primary { + color: #038674 !important +} + +a.has-text-primary:focus, a.has-text-primary:hover { + color: #009e86 !important +} + +.has-background-primary { + background-color: #038674 !important +} + +.has-text-link { + color: #316EE3 !important +} + +a.has-text-link:focus, a.has-text-link:hover { + color: #205bbc !important +} + +.has-background-link { + background-color: #316EE3 !important +} + +.has-text-info { + color: #206cee !important +} + +a.has-text-info:focus, a.has-text-info:hover { + color: #0f81cc !important +} + +.has-background-info { + background-color: #206cee !important +} + +.has-text-success { + color: #228841 !important +} + +a.has-text-success:focus, a.has-text-success:hover { + color: #1ca64c !important +} + +.has-background-success { + background-color: #228841 !important +} + +.has-text-warning { + color: #ffdd57 !important +} + +a.has-text-warning:focus, a.has-text-warning:hover { + color: #ffd324 !important +} + +.has-background-warning { + background-color: #ffdd57 !important +} + +.has-text-danger { + color: #EE0125 !important +} + +a.has-text-danger:focus, a.has-text-danger:hover { + color: #ff0537 !important +} + +.has-background-danger { + background-color: #EE0125 !important +} + +.has-text-black-bis { + color: #121212 !important +} + +.has-background-black-bis { + background-color: #121212 !important +} + +.has-text-black-ter { + color: #242424 !important +} + +.has-background-black-ter { + background-color: #242424 !important +} + +.has-text-grey-darker { + color: #150101 !important +} + +.has-background-grey-darker { + background-color: #150101 !important +} + +.has-text-grey-dark { + color: black !important +} + +.has-background-grey-dark { + background-color: black !important +} + +.has-text-grey { + color: #7a7a7a !important +} + +.has-background-grey { + background-color: #7a7a7a !important +} + +.has-text-grey-light { + color: #797676 !important +} + +.has-background-grey-light { + background-color: #797676 !important +} + +.has-text-grey-lighter { + color: #dbdbdb !important +} + +.has-background-grey-lighter { + background-color: #dbdbdb !important +} + +.has-text-white-ter { + color: #f5f5f5 !important +} + +.has-background-white-ter { + background-color: #f5f5f5 !important +} + +.has-text-white-bis { + color: #fafafa !important +} + +.has-background-white-bis { + background-color: #fafafa !important +} + +.has-text-weight-light { + font-weight: 300 !important +} + +.has-text-weight-normal { + font-weight: 400 !important +} + +.has-text-weight-semibold { + font-weight: 600 !important +} + +.has-text-weight-bold { + font-weight: 700 !important +} + +.is-block { + display: block !important +} + +@media screen and (max-width: 768px) { + .is-block-mobile { + display: block !important + } +} + +@media screen and (min-width: 769px), print { + .is-block-tablet { + display: block !important + } +} + +@media screen and (min-width: 769px) and (max-width: 1087px) { + .is-block-tablet-only { + display: block !important + } +} + +@media screen and (max-width: 1087px) { + .is-block-touch { + display: block !important + } +} + +@media screen and (min-width: 1088px) { + .is-block-desktop { + display: block !important + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-block-desktop-only { + display: block !important + } +} + +@media screen and (min-width: 1280px) { + .is-block-widescreen { + display: block !important + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-block-widescreen-only { + display: block !important + } +} + +@media screen and (min-width: 1472px) { + .is-block-fullhd { + display: block !important + } +} + +.is-flex { + display: flex !important +} + +@media screen and (max-width: 768px) { + .is-flex-mobile { + display: flex !important + } +} + +@media screen and (min-width: 769px), print { + .is-flex-tablet { + display: flex !important + } +} + +@media screen and (min-width: 769px) and (max-width: 1087px) { + .is-flex-tablet-only { + display: flex !important + } +} + +@media screen and (max-width: 1087px) { + .is-flex-touch { + display: flex !important + } +} + +@media screen and (min-width: 1088px) { + .is-flex-desktop { + display: flex !important + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-flex-desktop-only { + display: flex !important + } +} + +@media screen and (min-width: 1280px) { + .is-flex-widescreen { + display: flex !important + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-flex-widescreen-only { + display: flex !important + } +} + +@media screen and (min-width: 1472px) { + .is-flex-fullhd { + display: flex !important + } +} + +.is-inline { + display: inline !important +} + +@media screen and (max-width: 768px) { + .is-inline-mobile { + display: inline !important + } +} + +@media screen and (min-width: 769px), print { + .is-inline-tablet { + display: inline !important + } +} + +@media screen and (min-width: 769px) and (max-width: 1087px) { + .is-inline-tablet-only { + display: inline !important + } +} + +@media screen and (max-width: 1087px) { + .is-inline-touch { + display: inline !important + } +} + +@media screen and (min-width: 1088px) { + .is-inline-desktop { + display: inline !important + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-inline-desktop-only { + display: inline !important + } +} + +@media screen and (min-width: 1280px) { + .is-inline-widescreen { + display: inline !important + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-inline-widescreen-only { + display: inline !important + } +} + +@media screen and (min-width: 1472px) { + .is-inline-fullhd { + display: inline !important + } +} + +.is-inline-block { + display: inline-block !important +} + +@media screen and (max-width: 768px) { + .is-inline-block-mobile { + display: inline-block !important + } +} + +@media screen and (min-width: 769px), print { + .is-inline-block-tablet { + display: inline-block !important + } +} + +@media screen and (min-width: 769px) and (max-width: 1087px) { + .is-inline-block-tablet-only { + display: inline-block !important + } +} + +@media screen and (max-width: 1087px) { + .is-inline-block-touch { + display: inline-block !important + } +} + +@media screen and (min-width: 1088px) { + .is-inline-block-desktop { + display: inline-block !important + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-inline-block-desktop-only { + display: inline-block !important + } +} + +@media screen and (min-width: 1280px) { + .is-inline-block-widescreen { + display: inline-block !important + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-inline-block-widescreen-only { + display: inline-block !important + } +} + +@media screen and (min-width: 1472px) { + .is-inline-block-fullhd { + display: inline-block !important + } +} + +.is-inline-flex { + display: inline-flex !important +} + +@media screen and (max-width: 768px) { + .is-inline-flex-mobile { + display: inline-flex !important + } +} + +@media screen and (min-width: 769px), print { + .is-inline-flex-tablet { + display: inline-flex !important + } +} + +@media screen and (min-width: 769px) and (max-width: 1087px) { + .is-inline-flex-tablet-only { + display: inline-flex !important + } +} + +@media screen and (max-width: 1087px) { + .is-inline-flex-touch { + display: inline-flex !important + } +} + +@media screen and (min-width: 1088px) { + .is-inline-flex-desktop { + display: inline-flex !important + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-inline-flex-desktop-only { + display: inline-flex !important + } +} + +@media screen and (min-width: 1280px) { + .is-inline-flex-widescreen { + display: inline-flex !important + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-inline-flex-widescreen-only { + display: inline-flex !important + } +} + +@media screen and (min-width: 1472px) { + .is-inline-flex-fullhd { + display: inline-flex !important + } +} + +.is-hidden { + display: none !important +} + +.is-sr-only { + border: none !important; + clip: rect(0, 0, 0, 0) !important; + height: .01em !important; + overflow: hidden !important; + padding: 0 !important; + position: absolute !important; + white-space: nowrap !important; + width: .01em !important +} + +@media screen and (max-width: 768px) { + .is-hidden-mobile { + display: none !important + } +} + +@media screen and (min-width: 769px), print { + .is-hidden-tablet { + display: none !important + } +} + +@media screen and (min-width: 769px) and (max-width: 1087px) { + .is-hidden-tablet-only { + display: none !important + } +} + +@media screen and (max-width: 1087px) { + .is-hidden-touch { + display: none !important + } +} + +@media screen and (min-width: 1088px) { + .is-hidden-desktop { + display: none !important + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-hidden-desktop-only { + display: none !important + } +} + +@media screen and (min-width: 1280px) { + .is-hidden-widescreen { + display: none !important + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-hidden-widescreen-only { + display: none !important + } +} + +@media screen and (min-width: 1472px) { + .is-hidden-fullhd { + display: none !important + } +} + +.is-invisible { + visibility: hidden !important +} + +@media screen and (max-width: 768px) { + .is-invisible-mobile { + visibility: hidden !important + } +} + +@media screen and (min-width: 769px), print { + .is-invisible-tablet { + visibility: hidden !important + } +} + +@media screen and (min-width: 769px) and (max-width: 1087px) { + .is-invisible-tablet-only { + visibility: hidden !important + } +} + +@media screen and (max-width: 1087px) { + .is-invisible-touch { + visibility: hidden !important + } +} + +@media screen and (min-width: 1088px) { + .is-invisible-desktop { + visibility: hidden !important + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .is-invisible-desktop-only { + visibility: hidden !important + } +} + +@media screen and (min-width: 1280px) { + .is-invisible-widescreen { + visibility: hidden !important + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .is-invisible-widescreen-only { + visibility: hidden !important + } +} + +@media screen and (min-width: 1472px) { + .is-invisible-fullhd { + visibility: hidden !important + } +} + +.is-marginless { + margin: 0 !important +} + +.is-paddingless { + padding: 0 !important +} + +.is-radiusless { + border-radius: 0 !important +} + +.is-shadowless { + box-shadow: none !important +} + +.box { + background-color: #fff; + border-radius: 6px; + box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1); + color: black; + display: block; + padding: 1.25rem +} + +a.box:focus, a.box:hover { + box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px #316EE3 +} + +a.box:active { + box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2), 0 0 0 1px #316EE3 +} + +.button { + background-color: #fff; + border-color: #dbdbdb; + border-width: 1px; + color: #150101; + cursor: pointer; + justify-content: center; + padding-bottom: calc(.375em - 1px); + padding-left: .75em; + padding-right: .75em; + padding-top: calc(.375em - 1px); + text-align: center; + white-space: nowrap +} + +.button strong { + color: inherit +} + +.button .icon, .button .icon.is-large, .button .icon.is-medium, .button .icon.is-small { + height: 1.5em; + width: 1.5em +} + +.button .icon:first-child:not(:last-child) { + margin-left: calc(-.375em - 1px); + margin-right: .1875em +} + +.button .icon:last-child:not(:first-child) { + margin-left: .1875em; + margin-right: calc(-.375em - 1px) +} + +.button .icon:first-child:last-child { + margin-left: calc(-.375em - 1px); + margin-right: calc(-.375em - 1px) +} + +.button.is-hovered, .button:hover { + border-color: #797676; + color: #150101 +} + +.button.is-focused, .button:focus { + border-color: #316EE3; + color: #150101 +} + +.button.is-focused:not(:active), .button:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25) +} + +.button.is-active, .button:active { + border-color: black; + color: #150101 +} + +.button.is-text { + background-color: transparent; + border-color: transparent; + color: black; + text-decoration: underline +} + +.button.is-text.is-focused, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text:hover { + background-color: #f5f5f5; + color: #150101 +} + +.button.is-text.is-active, .button.is-text:active { + background-color: #e8e8e8; + color: #150101 +} + +.button.is-text[disabled] { + background-color: transparent; + border-color: transparent; + box-shadow: none +} + +.button.is-white { + background-color: #fff; + border-color: transparent; + color: #0a0a0a +} + +.button.is-white.is-hovered, .button.is-white:hover { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a +} + +.button.is-white.is-focused, .button.is-white:focus { + border-color: transparent; + color: #0a0a0a +} + +.button.is-white.is-focused:not(:active), .button.is-white:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25) +} + +.button.is-white.is-active, .button.is-white:active { + background-color: #f2f2f2; + border-color: transparent; + color: #0a0a0a +} + +.button.is-white[disabled] { + background-color: #fff; + border-color: transparent; + box-shadow: none +} + +.button.is-white.is-inverted { + background-color: #0a0a0a; + color: #fff +} + +.button.is-white.is-inverted:hover { + background-color: #000 +} + +.button.is-white.is-inverted[disabled] { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none; + color: #fff +} + +.button.is-white.is-loading::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important +} + +.button.is-white.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-white.is-outlined:focus, .button.is-white.is-outlined:hover { + background-color: #fff; + border-color: #fff; + color: #0a0a0a +} + +.button.is-white.is-outlined.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-white.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a +} + +.button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined:hover { + background-color: #0a0a0a; + color: #fff +} + +.button.is-white.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + box-shadow: none; + color: #0a0a0a +} + +.button.is-black { + background-color: #0a0a0a; + border-color: transparent; + color: #fff +} + +.button.is-black.is-hovered, .button.is-black:hover { + background-color: #040404; + border-color: transparent; + color: #fff +} + +.button.is-black.is-focused, .button.is-black:focus { + border-color: transparent; + color: #fff +} + +.button.is-black.is-focused:not(:active), .button.is-black:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25) +} + +.button.is-black.is-active, .button.is-black:active { + background-color: #000; + border-color: transparent; + color: #fff +} + +.button.is-black[disabled] { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none +} + +.button.is-black.is-inverted { + background-color: #fff; + color: #0a0a0a +} + +.button.is-black.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-black.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #0a0a0a +} + +.button.is-black.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-black.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a +} + +.button.is-black.is-outlined:focus, .button.is-black.is-outlined:hover { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: #fff +} + +.button.is-black.is-outlined.is-loading::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important +} + +.button.is-black.is-outlined[disabled] { + background-color: transparent; + border-color: #0a0a0a; + box-shadow: none; + color: #0a0a0a +} + +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined:hover { + background-color: #fff; + color: #0a0a0a +} + +.button.is-black.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-light { + background-color: #f5f5f5; + border-color: transparent; + color: #150101 +} + +.button.is-light.is-hovered, .button.is-light:hover { + background-color: #eee; + border-color: transparent; + color: #150101 +} + +.button.is-light.is-focused, .button.is-light:focus { + border-color: transparent; + color: #150101 +} + +.button.is-light.is-focused:not(:active), .button.is-light:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25) +} + +.button.is-light.is-active, .button.is-light:active { + background-color: #e8e8e8; + border-color: transparent; + color: #150101 +} + +.button.is-light[disabled] { + background-color: #f5f5f5; + border-color: transparent; + box-shadow: none +} + +.button.is-light.is-inverted { + background-color: #150101; + color: #f5f5f5 +} + +.button.is-light.is-inverted:hover { + background-color: #292929 +} + +.button.is-light.is-inverted[disabled] { + background-color: #150101; + border-color: transparent; + box-shadow: none; + color: #f5f5f5 +} + +.button.is-light.is-loading::after { + border-color: transparent transparent #150101 #150101 !important +} + +.button.is-light.is-outlined { + background-color: transparent; + border-color: #f5f5f5; + color: #f5f5f5 +} + +.button.is-light.is-outlined:focus, .button.is-light.is-outlined:hover { + background-color: #f5f5f5; + border-color: #f5f5f5; + color: #150101 +} + +.button.is-light.is-outlined.is-loading::after { + border-color: transparent transparent #f5f5f5 #f5f5f5 !important +} + +.button.is-light.is-outlined[disabled] { + background-color: transparent; + border-color: #f5f5f5; + box-shadow: none; + color: #f5f5f5 +} + +.button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: #150101; + color: #150101 +} + +.button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined:hover { + background-color: #150101; + color: #f5f5f5 +} + +.button.is-light.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #150101; + box-shadow: none; + color: #150101 +} + +.button.is-dark { + background-color: #150101; + border-color: transparent; + color: #f5f5f5 +} + +.button.is-dark.is-hovered, .button.is-dark:hover { + background-color: #2f2f2f; + border-color: transparent; + color: #f5f5f5 +} + +.button.is-dark.is-focused, .button.is-dark:focus { + border-color: transparent; + color: #f5f5f5 +} + +.button.is-dark.is-focused:not(:active), .button.is-dark:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25) +} + +.button.is-dark.is-active, .button.is-dark:active { + background-color: #292929; + border-color: transparent; + color: #f5f5f5 +} + +.button.is-dark[disabled] { + background-color: #150101; + border-color: transparent; + box-shadow: none +} + +.button.is-dark.is-inverted { + background-color: #f5f5f5; + color: #150101 +} + +.button.is-dark.is-inverted:hover { + background-color: #e8e8e8 +} + +.button.is-dark.is-inverted[disabled] { + background-color: #f5f5f5; + border-color: transparent; + box-shadow: none; + color: #150101 +} + +.button.is-dark.is-loading::after { + border-color: transparent transparent #f5f5f5 #f5f5f5 !important +} + +.button.is-dark.is-outlined { + background-color: transparent; + border-color: #150101; + color: #150101 +} + +.button.is-dark.is-outlined:focus, .button.is-dark.is-outlined:hover { + background-color: #150101; + border-color: #150101; + color: #f5f5f5 +} + +.button.is-dark.is-outlined.is-loading::after { + border-color: transparent transparent #150101 #150101 !important +} + +.button.is-dark.is-outlined[disabled] { + background-color: transparent; + border-color: #150101; + box-shadow: none; + color: #150101 +} + +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #f5f5f5; + color: #f5f5f5 +} + +.button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined:hover { + background-color: #f5f5f5; + color: #150101 +} + +.button.is-dark.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #f5f5f5; + box-shadow: none; + color: #f5f5f5 +} + +.button.is-primary { + background-color: #038674; + border-color: transparent; + color: #fff +} + +.button.is-primary.is-hovered, .button.is-primary:hover { + background-color: #00c4a7; + border-color: transparent; + color: #fff +} + +.button.is-primary.is-focused, .button.is-primary:focus { + border-color: transparent; + color: #fff +} + +.button.is-primary.is-focused:not(:active), .button.is-primary:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25) +} + +.button.is-primary.is-active, .button.is-primary:active { + background-color: #00b89c; + border-color: transparent; + color: #fff +} + +.button.is-primary[disabled] { + background-color: #038674; + border-color: transparent; + box-shadow: none +} + +.button.is-primary.is-inverted { + background-color: #fff; + color: #038674 +} + +.button.is-primary.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-primary.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #038674 +} + +.button.is-primary.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-primary.is-outlined { + background-color: transparent; + border-color: #038674; + color: #038674 +} + +.button.is-primary.is-outlined:focus, .button.is-primary.is-outlined:hover { + background-color: #038674; + border-color: #038674; + color: #fff +} + +.button.is-primary.is-outlined.is-loading::after { + border-color: transparent transparent #038674 #038674 !important +} + +.button.is-primary.is-outlined[disabled] { + background-color: transparent; + border-color: #038674; + box-shadow: none; + color: #038674 +} + +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined:hover { + background-color: #fff; + color: #038674 +} + +.button.is-primary.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-link { + background-color: #316EE3; + border-color: transparent; + color: #fff +} + +.button.is-link.is-hovered, .button.is-link:hover { + background-color: #276cda; + border-color: transparent; + color: #fff +} + +.button.is-link.is-focused, .button.is-link:focus { + border-color: transparent; + color: #fff +} + +.button.is-link.is-focused:not(:active), .button.is-link:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25) +} + +.button.is-link.is-active, .button.is-link:active { + background-color: #2366d1; + border-color: transparent; + color: #fff +} + +.button.is-link[disabled] { + background-color: #316EE3; + border-color: transparent; + box-shadow: none +} + +.button.is-link.is-inverted { + background-color: #fff; + color: #316EE3 +} + +.button.is-link.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-link.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #316EE3 +} + +.button.is-link.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-link.is-outlined { + background-color: transparent; + border-color: #316EE3; + color: #316EE3 +} + +.button.is-link.is-outlined:focus, .button.is-link.is-outlined:hover { + background-color: #316EE3; + border-color: #316EE3; + color: #fff +} + +.button.is-link.is-outlined.is-loading::after { + border-color: transparent transparent #316EE3 #316EE3 !important +} + +.button.is-link.is-outlined[disabled] { + background-color: transparent; + border-color: #316EE3; + box-shadow: none; + color: #316EE3 +} + +.button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined:hover { + background-color: #fff; + color: #316EE3 +} + +.button.is-link.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-info { + background-color: #206cee; + border-color: transparent; + color: #fff +} + +.button.is-info.is-hovered, .button.is-info:hover { + background-color: #1496ed; + border-color: transparent; + color: #fff +} + +.button.is-info.is-focused, .button.is-info:focus { + border-color: transparent; + color: #fff +} + +.button.is-info.is-focused:not(:active), .button.is-info:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(32, 156, 238, .25) +} + +.button.is-info.is-active, .button.is-info:active { + background-color: #118fe4; + border-color: transparent; + color: #fff +} + +.button.is-info[disabled] { + background-color: #206cee; + border-color: transparent; + box-shadow: none +} + +.button.is-info.is-inverted { + background-color: #fff; + color: #206cee +} + +.button.is-info.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-info.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #206cee +} + +.button.is-info.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-info.is-outlined { + background-color: transparent; + border-color: #206cee; + color: #206cee +} + +.button.is-info.is-outlined:focus, .button.is-info.is-outlined:hover { + background-color: #206cee; + border-color: #206cee; + color: #fff +} + +.button.is-info.is-outlined.is-loading::after { + border-color: transparent transparent #206cee #206cee !important +} + +.button.is-info.is-outlined[disabled] { + background-color: transparent; + border-color: #206cee; + box-shadow: none; + color: #206cee +} + +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined:hover { + background-color: #fff; + color: #206cee +} + +.button.is-info.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-success { + background-color: #228841; + border-color: transparent; + color: #fff +} + +.button.is-success.is-hovered, .button.is-success:hover { + background-color: #22c65b; + border-color: transparent; + color: #fff +} + +.button.is-success.is-focused, .button.is-success:focus { + border-color: transparent; + color: #fff +} + +.button.is-success.is-focused:not(:active), .button.is-success:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(35, 209, 96, .25) +} + +.button.is-success.is-active, .button.is-success:active { + background-color: #20bc56; + border-color: transparent; + color: #fff +} + +.button.is-success[disabled] { + background-color: #228841; + border-color: transparent; + box-shadow: none +} + +.button.is-success.is-inverted { + background-color: #fff; + color: #228841 +} + +.button.is-success.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-success.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #228841 +} + +.button.is-success.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-success.is-outlined { + background-color: transparent; + border-color: #228841; + color: #228841 +} + +.button.is-success.is-outlined:focus, .button.is-success.is-outlined:hover { + background-color: #228841; + border-color: #228841; + color: #fff +} + +.button.is-success.is-outlined.is-loading::after { + border-color: transparent transparent #228841 #228841 !important +} + +.button.is-success.is-outlined[disabled] { + background-color: transparent; + border-color: #228841; + box-shadow: none; + color: #228841 +} + +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined:hover { + background-color: #fff; + color: #228841 +} + +.button.is-success.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-warning { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.button.is-warning.is-hovered, .button.is-warning:hover { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.button.is-warning.is-focused, .button.is-warning:focus { + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.button.is-warning.is-focused:not(:active), .button.is-warning:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(255, 221, 87, .25) +} + +.button.is-warning.is-active, .button.is-warning:active { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.button.is-warning[disabled] { + background-color: #ffdd57; + border-color: transparent; + box-shadow: none +} + +.button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, .7); + color: #ffdd57 +} + +.button.is-warning.is-inverted:hover { + background-color: rgba(0, 0, 0, .7) +} + +.button.is-warning.is-inverted[disabled] { + background-color: rgba(0, 0, 0, .7); + border-color: transparent; + box-shadow: none; + color: #ffdd57 +} + +.button.is-warning.is-loading::after { + border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important +} + +.button.is-warning.is-outlined { + background-color: transparent; + border-color: #ffdd57; + color: #ffdd57 +} + +.button.is-warning.is-outlined:focus, .button.is-warning.is-outlined:hover { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, .7) +} + +.button.is-warning.is-outlined.is-loading::after { + border-color: transparent transparent #ffdd57 #ffdd57 !important +} + +.button.is-warning.is-outlined[disabled] { + background-color: transparent; + border-color: #ffdd57; + box-shadow: none; + color: #ffdd57 +} + +.button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, .7); + color: rgba(0, 0, 0, .7) +} + +.button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined:hover { + background-color: rgba(0, 0, 0, .7); + color: #ffdd57 +} + +.button.is-warning.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: rgba(0, 0, 0, .7); + box-shadow: none; + color: rgba(0, 0, 0, .7) +} + +.button.is-danger { + background-color: #EE0125; + border-color: transparent; + color: #fff +} + +.button.is-danger.is-hovered, .button.is-danger:hover { + background-color: #ff2b56; + border-color: transparent; + color: #fff +} + +.button.is-danger.is-focused, .button.is-danger:focus { + border-color: transparent; + color: #fff +} + +.button.is-danger.is-focused:not(:active), .button.is-danger:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(255, 56, 96, .25) +} + +.button.is-danger.is-active, .button.is-danger:active { + background-color: #ff1f4b; + border-color: transparent; + color: #fff +} + +.button.is-danger[disabled] { + background-color: #EE0125; + border-color: transparent; + box-shadow: none +} + +.button.is-danger.is-inverted { + background-color: #fff; + color: #EE0125 +} + +.button.is-danger.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-danger.is-inverted[disabled] { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #EE0125 +} + +.button.is-danger.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-danger.is-outlined { + background-color: transparent; + border-color: #EE0125; + color: #EE0125 +} + +.button.is-danger.is-outlined:focus, .button.is-danger.is-outlined:hover { + background-color: #EE0125; + border-color: #EE0125; + color: #fff +} + +.button.is-danger.is-outlined.is-loading::after { + border-color: transparent transparent #EE0125 #EE0125 !important +} + +.button.is-danger.is-outlined[disabled] { + background-color: transparent; + border-color: #EE0125; + box-shadow: none; + color: #EE0125 +} + +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined:hover { + background-color: #fff; + color: #EE0125 +} + +.button.is-danger.is-inverted.is-outlined[disabled] { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-small { + border-radius: 2px; + font-size: .75rem +} + +.button.is-medium { + font-size: 1.25rem +} + +.button.is-large { + font-size: 1.5rem +} + +.button[disabled] { + background-color: #fff; + border-color: #dbdbdb; + box-shadow: none; + opacity: .5 +} + +.button.is-fullwidth { + display: flex; + width: 100% +} + +.button.is-loading { + color: transparent !important; + pointer-events: none +} + +.button.is-loading::after { + position: absolute; + left: calc(50% - (1em / 2)); + top: calc(50% - (1em / 2)); + position: absolute !important +} + +.button.is-static { + background-color: #f5f5f5; + border-color: #dbdbdb; + color: #7a7a7a; + box-shadow: none; + pointer-events: none +} + +.button.is-rounded { + border-radius: 290486px; + padding-left: 1em; + padding-right: 1em +} + +.buttons { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start +} + +.buttons .button { + margin-bottom: .5rem +} + +.buttons .button:not(:last-child):not(.is-fullwidth) { + margin-right: .5rem +} + +.buttons:last-child { + margin-bottom: -.5rem +} + +.buttons:not(:last-child) { + margin-bottom: 1rem +} + +.buttons.has-addons .button:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} + +.buttons.has-addons .button:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + margin-right: -1px +} + +.buttons.has-addons .button:last-child { + margin-right: 0 +} + +.buttons.has-addons .button.is-hovered, .buttons.has-addons .button:hover { + z-index: 2 +} + +.buttons.has-addons .button.is-active, .buttons.has-addons .button.is-focused, .buttons.has-addons .button.is-selected, .buttons.has-addons .button:active, .buttons.has-addons .button:focus { + z-index: 3 +} + +.buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button.is-selected:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button:focus:hover { + z-index: 4 +} + +.buttons.has-addons .button.is-expanded { + flex-grow: 1 +} + +.buttons.is-centered { + justify-content: center +} + +.buttons.is-right { + justify-content: flex-end +} + +.container { + margin: 0 auto; + position: relative +} + +@media screen and (min-width: 1088px) { + .container { + max-width: 960px; + width: 960px + } + + .container.is-fluid { + margin-left: 64px; + margin-right: 64px; + max-width: none; + width: auto + } +} + +@media screen and (max-width: 1279px) { + .container.is-widescreen { + max-width: 1152px; + width: auto + } +} + +@media screen and (max-width: 1471px) { + .container.is-fullhd { + max-width: 1344px; + width: auto + } +} + +@media screen and (min-width: 1280px) { + .container { + max-width: 1152px; + width: 1152px + } +} + +@media screen and (min-width: 1472px) { + .container { + max-width: 1344px; + width: 1344px + } +} + +.content li + li { + margin-top: .25em +} + +.content blockquote:not(:last-child), .content dl:not(:last-child), .content ol:not(:last-child), .content p:not(:last-child), .content pre:not(:last-child), .content table:not(:last-child), .content ul:not(:last-child) { + margin-bottom: 1em +} + +.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { + color: #150101; + font-weight: 600; + line-height: 1.125 +} + +.content h1 { + font-size: 2em; + margin-bottom: .5em +} + +.content h1:not(:first-child) { + margin-top: 1em +} + +.content h2 { + font-size: 1.75em; + margin-bottom: .5714em +} + +.content h2:not(:first-child) { + margin-top: 1.1428em +} + +.content h3 { + font-size: 1.5em; + margin-bottom: .6666em +} + +.content h3:not(:first-child) { + margin-top: 1.3333em +} + +.content h4 { + font-size: 1.25em; + margin-bottom: .8em +} + +.content h5 { + font-size: 1.125em; + margin-bottom: .8888em +} + +.content h6 { + font-size: 1em; + margin-bottom: 1em +} + +.content blockquote { + background-color: #f5f5f5; + border-left: 5px solid #dbdbdb; + padding: 1.25em 1.5em +} + +.content ol { + list-style-position: outside; + margin-left: 2em; + margin-top: 1em +} + +.content ol:not([type]) { + list-style-type: decimal +} + +.content ol:not([type]).is-lower-alpha { + list-style-type: lower-alpha +} + +.content ol:not([type]).is-lower-roman { + list-style-type: lower-roman +} + +.content ol:not([type]).is-upper-alpha { + list-style-type: upper-alpha +} + +.content ol:not([type]).is-upper-roman { + list-style-type: upper-roman +} + +.content ul { + list-style: disc outside; + margin-left: 2em; + margin-top: 1em +} + +.content ul ul { + list-style-type: circle; + margin-top: .5em +} + +.content ul ul ul { + list-style-type: square +} + +.content dd { + margin-left: 2em +} + +.content figure { + margin-left: 2em; + margin-right: 2em; + text-align: center +} + +.content figure:not(:first-child) { + margin-top: 2em +} + +.content figure:not(:last-child) { + margin-bottom: 2em +} + +.content figure img { + display: inline-block +} + +.content figure figcaption { + font-style: italic +} + +.content pre { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal +} + +.content sub, .content sup { + font-size: 75% +} + +.content table { + width: 100% +} + +.content table td, .content table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: .5em .75em; + vertical-align: top +} + +.content table th { + color: #150101; + text-align: left +} + +.content table thead td, .content table thead th { + border-width: 0 0 2px; + color: #150101 +} + +.content table tfoot td, .content table tfoot th { + border-width: 2px 0 0; + color: #150101 +} + +.content table tbody tr:last-child td, .content table tbody tr:last-child th { + border-bottom-width: 0 +} + +.content.is-small { + font-size: .75rem +} + +.content.is-medium { + font-size: 1.25rem +} + +.content.is-large { + font-size: 1.5rem +} + +.input, .textarea { + background-color: #fff; + border-color: #dbdbdb; + color: #150101; + box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1); + max-width: 100%; + width: 100% +} + +.input::-moz-placeholder, .textarea::-moz-placeholder { + color: rgba(54, 54, 54, .3) +} + +.input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder { + color: rgba(54, 54, 54, .3) +} + +.input:-moz-placeholder, .textarea:-moz-placeholder { + color: rgba(54, 54, 54, .3) +} + +.input:-ms-input-placeholder, .textarea:-ms-input-placeholder { + color: rgba(54, 54, 54, .3) +} + +.input.is-hovered, .input:hover, .textarea.is-hovered, .textarea:hover { + border-color: #797676 +} + +.input.is-active, .input.is-focused, .input:active, .input:focus, .textarea.is-active, .textarea.is-focused, .textarea:active, .textarea:focus { + border-color: #316EE3; + box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25) +} + +.input[disabled], .textarea[disabled] { + background-color: #f5f5f5; + border-color: #f5f5f5; + box-shadow: none; + color: #7a7a7a +} + +.input[disabled]::-moz-placeholder, .textarea[disabled]::-moz-placeholder { + color: rgba(122, 122, 122, .3) +} + +.input[disabled]::-webkit-input-placeholder, .textarea[disabled]::-webkit-input-placeholder { + color: rgba(122, 122, 122, .3) +} + +.input[disabled]:-moz-placeholder, .textarea[disabled]:-moz-placeholder { + color: rgba(122, 122, 122, .3) +} + +.input[disabled]:-ms-input-placeholder, .textarea[disabled]:-ms-input-placeholder { + color: rgba(122, 122, 122, .3) +} + +.input[readonly], .textarea[readonly] { + box-shadow: none +} + +.input.is-white, .textarea.is-white { + border-color: #fff +} + +.input.is-white.is-active, .input.is-white.is-focused, .input.is-white:active, .input.is-white:focus, .textarea.is-white.is-active, .textarea.is-white.is-focused, .textarea.is-white:active, .textarea.is-white:focus { + box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25) +} + +.input.is-black, .textarea.is-black { + border-color: #0a0a0a +} + +.input.is-black.is-active, .input.is-black.is-focused, .input.is-black:active, .input.is-black:focus, .textarea.is-black.is-active, .textarea.is-black.is-focused, .textarea.is-black:active, .textarea.is-black:focus { + box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25) +} + +.input.is-light, .textarea.is-light { + border-color: #f5f5f5 +} + +.input.is-light.is-active, .input.is-light.is-focused, .input.is-light:active, .input.is-light:focus, .textarea.is-light.is-active, .textarea.is-light.is-focused, .textarea.is-light:active, .textarea.is-light:focus { + box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25) +} + +.input.is-dark, .textarea.is-dark { + border-color: #150101 +} + +.input.is-dark.is-active, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark:focus, .textarea.is-dark.is-active, .textarea.is-dark.is-focused, .textarea.is-dark:active, .textarea.is-dark:focus { + box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25) +} + +.input.is-primary, .textarea.is-primary { + border-color: #038674 +} + +.input.is-primary.is-active, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary:focus, .textarea.is-primary.is-active, .textarea.is-primary.is-focused, .textarea.is-primary:active, .textarea.is-primary:focus { + box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25) +} + +.input.is-link, .textarea.is-link { + border-color: #316EE3 +} + +.input.is-link.is-active, .input.is-link.is-focused, .input.is-link:active, .input.is-link:focus, .textarea.is-link.is-active, .textarea.is-link.is-focused, .textarea.is-link:active, .textarea.is-link:focus { + box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25) +} + +.input.is-info, .textarea.is-info { + border-color: #206cee +} + +.input.is-info.is-active, .input.is-info.is-focused, .input.is-info:active, .input.is-info:focus, .textarea.is-info.is-active, .textarea.is-info.is-focused, .textarea.is-info:active, .textarea.is-info:focus { + box-shadow: 0 0 0 .125em rgba(32, 156, 238, .25) +} + +.input.is-success, .textarea.is-success { + border-color: #228841 +} + +.input.is-success.is-active, .input.is-success.is-focused, .input.is-success:active, .input.is-success:focus, .textarea.is-success.is-active, .textarea.is-success.is-focused, .textarea.is-success:active, .textarea.is-success:focus { + box-shadow: 0 0 0 .125em rgba(35, 209, 96, .25) +} + +.input.is-warning, .textarea.is-warning { + border-color: #ffdd57 +} + +.input.is-warning.is-active, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning:focus, .textarea.is-warning.is-active, .textarea.is-warning.is-focused, .textarea.is-warning:active, .textarea.is-warning:focus { + box-shadow: 0 0 0 .125em rgba(255, 221, 87, .25) +} + +.input.is-danger, .textarea.is-danger { + border-color: #EE0125 +} + +.input.is-danger.is-active, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger:focus, .textarea.is-danger.is-active, .textarea.is-danger.is-focused, .textarea.is-danger:active, .textarea.is-danger:focus { + box-shadow: 0 0 0 .125em rgba(255, 56, 96, .25) +} + +.input.is-small, .textarea.is-small { + border-radius: 2px; + font-size: .75rem +} + +.input.is-medium, .textarea.is-medium { + font-size: 1.25rem +} + +.input.is-large, .textarea.is-large { + font-size: 1.5rem +} + +.input.is-fullwidth, .textarea.is-fullwidth { + display: block; + width: 100% +} + +.input.is-inline, .textarea.is-inline { + display: inline; + width: auto +} + +.input.is-rounded { + border-radius: 290486px; + padding-left: 1em; + padding-right: 1em +} + +.input.is-static { + background-color: transparent; + border-color: transparent; + box-shadow: none; + padding-left: 0; + padding-right: 0 +} + +.textarea { + display: block; + max-width: 100%; + min-width: 100%; + padding: .625em; + resize: vertical +} + +.textarea:not([rows]) { + max-height: 600px; + min-height: 120px +} + +.textarea[rows] { + height: initial +} + +.textarea.has-fixed-size { + resize: none +} + +.checkbox, .radio { + cursor: pointer; + display: inline-block; + line-height: 1.25; + position: relative +} + +.checkbox input, .radio input { + cursor: pointer +} + +.checkbox:hover, .radio:hover { + color: #150101 +} + +.checkbox[disabled], .radio[disabled] { + color: #7a7a7a; + cursor: not-allowed +} + +.radio + .radio { + margin-left: .5em +} + +.select { + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top +} + +.select:not(.is-multiple) { + height: 2.25em +} + +.select:not(.is-multiple):not(.is-loading)::after { + border-color: #316EE3; + right: 1.125em; + z-index: 4 +} + +.select.is-rounded select { + border-radius: 290486px; + padding-left: 1em +} + +.select select { + background-color: #fff; + border-color: #dbdbdb; + color: #150101; + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: 0 +} + +.select select::-moz-placeholder { + color: rgba(54, 54, 54, .3) +} + +.select select::-webkit-input-placeholder { + color: rgba(54, 54, 54, .3) +} + +.select select:-moz-placeholder { + color: rgba(54, 54, 54, .3) +} + +.select select:-ms-input-placeholder { + color: rgba(54, 54, 54, .3) +} + +.select select.is-hovered, .select select:hover { + border-color: #797676 +} + +.select select.is-active, .select select.is-focused, .select select:active, .select select:focus { + border-color: #316EE3; + box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25) +} + +.select select[disabled] { + background-color: #f5f5f5; + border-color: #f5f5f5; + box-shadow: none; + color: #7a7a7a +} + +.select select[disabled]::-moz-placeholder { + color: rgba(122, 122, 122, .3) +} + +.select select[disabled]::-webkit-input-placeholder { + color: rgba(122, 122, 122, .3) +} + +.select select[disabled]:-moz-placeholder { + color: rgba(122, 122, 122, .3) +} + +.select select[disabled]:-ms-input-placeholder { + color: rgba(122, 122, 122, .3) +} + +.select select::-ms-expand { + display: none +} + +.select select[disabled]:hover { + border-color: #f5f5f5 +} + +.select select:not([multiple]) { + padding-right: 2.5em +} + +.select select[multiple] { + height: auto; + padding: 0 +} + +.select select[multiple] option { + padding: .5em 1em +} + +.select:not(.is-multiple):not(.is-loading):hover::after { + border-color: #150101 +} + +.select.is-white:not(:hover)::after { + border-color: #fff +} + +.select.is-white select { + border-color: #fff +} + +.select.is-white select.is-hovered, .select.is-white select:hover { + border-color: #f2f2f2 +} + +.select.is-white select.is-active, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select:focus { + box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25) +} + +.select.is-black:not(:hover)::after { + border-color: #0a0a0a +} + +.select.is-black select { + border-color: #0a0a0a +} + +.select.is-black select.is-hovered, .select.is-black select:hover { + border-color: #000 +} + +.select.is-black select.is-active, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select:focus { + box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25) +} + +.select.is-light:not(:hover)::after { + border-color: #f5f5f5 +} + +.select.is-light select { + border-color: #f5f5f5 +} + +.select.is-light select.is-hovered, .select.is-light select:hover { + border-color: #e8e8e8 +} + +.select.is-light select.is-active, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select:focus { + box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25) +} + +.select.is-dark:not(:hover)::after { + border-color: #150101 +} + +.select.is-dark select { + border-color: #150101 +} + +.select.is-dark select.is-hovered, .select.is-dark select:hover { + border-color: #292929 +} + +.select.is-dark select.is-active, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select:focus { + box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25) +} + +.select.is-primary:not(:hover)::after { + border-color: #038674 +} + +.select.is-primary select { + border-color: #038674 +} + +.select.is-primary select.is-hovered, .select.is-primary select:hover { + border-color: #00b89c +} + +.select.is-primary select.is-active, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select:focus { + box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25) +} + +.select.is-link:not(:hover)::after { + border-color: #316EE3 +} + +.select.is-link select { + border-color: #316EE3 +} + +.select.is-link select.is-hovered, .select.is-link select:hover { + border-color: #2366d1 +} + +.select.is-link select.is-active, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select:focus { + box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25) +} + +.select.is-info:not(:hover)::after { + border-color: #206cee +} + +.select.is-info select { + border-color: #206cee +} + +.select.is-info select.is-hovered, .select.is-info select:hover { + border-color: #118fe4 +} + +.select.is-info select.is-active, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select:focus { + box-shadow: 0 0 0 .125em rgba(32, 156, 238, .25) +} + +.select.is-success:not(:hover)::after { + border-color: #228841 +} + +.select.is-success select { + border-color: #228841 +} + +.select.is-success select.is-hovered, .select.is-success select:hover { + border-color: #20bc56 +} + +.select.is-success select.is-active, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select:focus { + box-shadow: 0 0 0 .125em rgba(35, 209, 96, .25) +} + +.select.is-warning:not(:hover)::after { + border-color: #ffdd57 +} + +.select.is-warning select { + border-color: #ffdd57 +} + +.select.is-warning select.is-hovered, .select.is-warning select:hover { + border-color: #ffd83d +} + +.select.is-warning select.is-active, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select:focus { + box-shadow: 0 0 0 .125em rgba(255, 221, 87, .25) +} + +.select.is-danger:not(:hover)::after { + border-color: #EE0125 +} + +.select.is-danger select { + border-color: #EE0125 +} + +.select.is-danger select.is-hovered, .select.is-danger select:hover { + border-color: #ff1f4b +} + +.select.is-danger select.is-active, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select:focus { + box-shadow: 0 0 0 .125em rgba(255, 56, 96, .25) +} + +.select.is-small { + border-radius: 2px; + font-size: .75rem +} + +.select.is-medium { + font-size: 1.25rem +} + +.select.is-large { + font-size: 1.5rem +} + +.select.is-disabled::after { + border-color: #7a7a7a +} + +.select.is-fullwidth { + width: 100% +} + +.select.is-fullwidth select { + width: 100% +} + +.select.is-loading::after { + margin-top: 0; + position: absolute; + right: .625em; + top: .625em; + -webkit-transform: none; + transform: none +} + +.select.is-loading.is-small:after { + font-size: .75rem +} + +.select.is-loading.is-medium:after { + font-size: 1.25rem +} + +.select.is-loading.is-large:after { + font-size: 1.5rem +} + +.file { + align-items: stretch; + display: flex; + justify-content: flex-start; + position: relative +} + +.file.is-white .file-cta { + background-color: #fff; + border-color: transparent; + color: #0a0a0a +} + +.file.is-white.is-hovered .file-cta, .file.is-white:hover .file-cta { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a +} + +.file.is-white.is-focused .file-cta, .file.is-white:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(255, 255, 255, .25); + color: #0a0a0a +} + +.file.is-white.is-active .file-cta, .file.is-white:active .file-cta { + background-color: #f2f2f2; + border-color: transparent; + color: #0a0a0a +} + +.file.is-black .file-cta { + background-color: #0a0a0a; + border-color: transparent; + color: #fff +} + +.file.is-black.is-hovered .file-cta, .file.is-black:hover .file-cta { + background-color: #040404; + border-color: transparent; + color: #fff +} + +.file.is-black.is-focused .file-cta, .file.is-black:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(10, 10, 10, .25); + color: #fff +} + +.file.is-black.is-active .file-cta, .file.is-black:active .file-cta { + background-color: #000; + border-color: transparent; + color: #fff +} + +.file.is-light .file-cta { + background-color: #f5f5f5; + border-color: transparent; + color: #150101 +} + +.file.is-light.is-hovered .file-cta, .file.is-light:hover .file-cta { + background-color: #eee; + border-color: transparent; + color: #150101 +} + +.file.is-light.is-focused .file-cta, .file.is-light:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(245, 245, 245, .25); + color: #150101 +} + +.file.is-light.is-active .file-cta, .file.is-light:active .file-cta { + background-color: #e8e8e8; + border-color: transparent; + color: #150101 +} + +.file.is-dark .file-cta { + background-color: #150101; + border-color: transparent; + color: #f5f5f5 +} + +.file.is-dark.is-hovered .file-cta, .file.is-dark:hover .file-cta { + background-color: #2f2f2f; + border-color: transparent; + color: #f5f5f5 +} + +.file.is-dark.is-focused .file-cta, .file.is-dark:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(54, 54, 54, .25); + color: #f5f5f5 +} + +.file.is-dark.is-active .file-cta, .file.is-dark:active .file-cta { + background-color: #292929; + border-color: transparent; + color: #f5f5f5 +} + +.file.is-primary .file-cta { + background-color: #038674; + border-color: transparent; + color: #fff +} + +.file.is-primary.is-hovered .file-cta, .file.is-primary:hover .file-cta { + background-color: #00c4a7; + border-color: transparent; + color: #fff +} + +.file.is-primary.is-focused .file-cta, .file.is-primary:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(0, 209, 178, .25); + color: #fff +} + +.file.is-primary.is-active .file-cta, .file.is-primary:active .file-cta { + background-color: #00b89c; + border-color: transparent; + color: #fff +} + +.file.is-link .file-cta { + background-color: #316EE3; + border-color: transparent; + color: #fff +} + +.file.is-link.is-hovered .file-cta, .file.is-link:hover .file-cta { + background-color: #276cda; + border-color: transparent; + color: #fff +} + +.file.is-link.is-focused .file-cta, .file.is-link:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(50, 115, 220, .25); + color: #fff +} + +.file.is-link.is-active .file-cta, .file.is-link:active .file-cta { + background-color: #2366d1; + border-color: transparent; + color: #fff +} + +.file.is-info .file-cta { + background-color: #206cee; + border-color: transparent; + color: #fff +} + +.file.is-info.is-hovered .file-cta, .file.is-info:hover .file-cta { + background-color: #1496ed; + border-color: transparent; + color: #fff +} + +.file.is-info.is-focused .file-cta, .file.is-info:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(32, 156, 238, .25); + color: #fff +} + +.file.is-info.is-active .file-cta, .file.is-info:active .file-cta { + background-color: #118fe4; + border-color: transparent; + color: #fff +} + +.file.is-success .file-cta { + background-color: #228841; + border-color: transparent; + color: #fff +} + +.file.is-success.is-hovered .file-cta, .file.is-success:hover .file-cta { + background-color: #22c65b; + border-color: transparent; + color: #fff +} + +.file.is-success.is-focused .file-cta, .file.is-success:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(35, 209, 96, .25); + color: #fff +} + +.file.is-success.is-active .file-cta, .file.is-success:active .file-cta { + background-color: #20bc56; + border-color: transparent; + color: #fff +} + +.file.is-warning .file-cta { + background-color: #ffdd57; + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.file.is-warning.is-hovered .file-cta, .file.is-warning:hover .file-cta { + background-color: #ffdb4a; + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.file.is-warning.is-focused .file-cta, .file.is-warning:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(255, 221, 87, .25); + color: rgba(0, 0, 0, .7) +} + +.file.is-warning.is-active .file-cta, .file.is-warning:active .file-cta { + background-color: #ffd83d; + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.file.is-danger .file-cta { + background-color: #EE0125; + border-color: transparent; + color: #fff +} + +.file.is-danger.is-hovered .file-cta, .file.is-danger:hover .file-cta { + background-color: #ff2b56; + border-color: transparent; + color: #fff +} + +.file.is-danger.is-focused .file-cta, .file.is-danger:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(255, 56, 96, .25); + color: #fff +} + +.file.is-danger.is-active .file-cta, .file.is-danger:active .file-cta { + background-color: #ff1f4b; + border-color: transparent; + color: #fff +} + +.file.is-small { + font-size: .75rem +} + +.file.is-medium { + font-size: 1.25rem +} + +.file.is-medium .file-icon .fa { + font-size: 21px +} + +.file.is-large { + font-size: 1.5rem +} + +.file.is-large .file-icon .fa { + font-size: 28px +} + +.file.has-name .file-cta { + border-bottom-right-radius: 0; + border-top-right-radius: 0 +} + +.file.has-name .file-name { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} + +.file.has-name.is-empty .file-cta { + border-radius: 4px +} + +.file.has-name.is-empty .file-name { + display: none +} + +.file.is-boxed .file-label { + flex-direction: column +} + +.file.is-boxed .file-cta { + flex-direction: column; + height: auto; + padding: 1em 3em +} + +.file.is-boxed .file-name { + border-width: 0 1px 1px +} + +.file.is-boxed .file-icon { + height: 1.5em; + width: 1.5em +} + +.file.is-boxed .file-icon .fa { + font-size: 21px +} + +.file.is-boxed.is-small .file-icon .fa { + font-size: 14px +} + +.file.is-boxed.is-medium .file-icon .fa { + font-size: 28px +} + +.file.is-boxed.is-large .file-icon .fa { + font-size: 35px +} + +.file.is-boxed.has-name .file-cta { + border-radius: 4px 4px 0 0 +} + +.file.is-boxed.has-name .file-name { + border-radius: 0 0 4px 4px; + border-width: 0 1px 1px +} + +.file.is-centered { + justify-content: center +} + +.file.is-fullwidth .file-label { + width: 100% +} + +.file.is-fullwidth .file-name { + flex-grow: 1; + max-width: none +} + +.file.is-right { + justify-content: flex-end +} + +.file.is-right .file-cta { + border-radius: 0 4px 4px 0 +} + +.file.is-right .file-name { + border-radius: 4px 0 0 4px; + border-width: 1px 0 1px 1px; + order: -1 +} + +.file-label { + align-items: stretch; + display: flex; + cursor: pointer; + justify-content: flex-start; + overflow: hidden; + position: relative +} + +.file-label:hover .file-cta { + background-color: #eee; + color: #150101 +} + +.file-label:hover .file-name { + border-color: #d5d5d5 +} + +.file-label:active .file-cta { + background-color: #e8e8e8; + color: #150101 +} + +.file-label:active .file-name { + border-color: #cfcfcf +} + +.file-input { + height: 100%; + left: 0; + opacity: 0; + outline: 0; + position: absolute; + top: 0; + width: 100% +} + +.file-cta, .file-name { + border-color: #dbdbdb; + border-radius: 4px; + font-size: 1em; + padding-left: 1em; + padding-right: 1em; + white-space: nowrap +} + +.file-cta { + background-color: #f5f5f5; + color: black +} + +.file-name { + border-color: #dbdbdb; + border-style: solid; + border-width: 1px 1px 1px 0; + display: block; + max-width: 16em; + overflow: hidden; + text-align: left; + text-overflow: ellipsis +} + +.file-icon { + align-items: center; + display: flex; + height: 1em; + justify-content: center; + margin-right: .5em; + width: 1em +} + +.file-icon .fa { + font-size: 14px +} + +.label { + color: #150101; + display: block; + font-size: 1rem; + font-weight: 700 +} + +.label:not(:last-child) { + margin-bottom: .5em +} + +.label.is-small { + font-size: .75rem +} + +.label.is-medium { + font-size: 1.25rem +} + +.label.is-large { + font-size: 1.5rem +} + +.help { + display: block; + font-size: .75rem; + margin-top: .25rem +} + +.help.is-white { + color: #fff +} + +.help.is-black { + color: #0a0a0a +} + +.help.is-light { + color: #f5f5f5 +} + +.help.is-dark { + color: #150101 +} + +.help.is-primary { + color: #038674 +} + +.help.is-link { + color: #316EE3 +} + +.help.is-info { + color: #206cee +} + +.help.is-success { + color: #228841 +} + +.help.is-warning { + color: #ffdd57 +} + +.help.is-danger { + color: #EE0125 +} + +.field:not(:last-child) { + margin-bottom: .75rem +} + +.field.has-addons { + display: flex; + justify-content: flex-start +} + +.field.has-addons .control:not(:last-child) { + margin-right: -1px +} + +.field.has-addons .control:not(:first-child):not(:last-child) .button, .field.has-addons .control:not(:first-child):not(:last-child) .input, .field.has-addons .control:not(:first-child):not(:last-child) .select select { + border-radius: 0 +} + +.field.has-addons .control:first-child .button, .field.has-addons .control:first-child .input, .field.has-addons .control:first-child .select select { + border-bottom-right-radius: 0; + border-top-right-radius: 0 +} + +.field.has-addons .control:last-child .button, .field.has-addons .control:last-child .input, .field.has-addons .control:last-child .select select { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} + +.field.has-addons .control .button:not([disabled]).is-hovered, .field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .input:not([disabled]).is-hovered, .field.has-addons .control .input:not([disabled]):hover, .field.has-addons .control .select select:not([disabled]).is-hovered, .field.has-addons .control .select select:not([disabled]):hover { + z-index: 2 +} + +.field.has-addons .control .button:not([disabled]).is-active, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .input:not([disabled]).is-active, .field.has-addons .control .input:not([disabled]).is-focused, .field.has-addons .control .input:not([disabled]):active, .field.has-addons .control .input:not([disabled]):focus, .field.has-addons .control .select select:not([disabled]).is-active, .field.has-addons .control .select select:not([disabled]).is-focused, .field.has-addons .control .select select:not([disabled]):active, .field.has-addons .control .select select:not([disabled]):focus { + z-index: 3 +} + +.field.has-addons .control .button:not([disabled]).is-active:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .input:not([disabled]).is-active:hover, .field.has-addons .control .input:not([disabled]).is-focused:hover, .field.has-addons .control .input:not([disabled]):active:hover, .field.has-addons .control .input:not([disabled]):focus:hover, .field.has-addons .control .select select:not([disabled]).is-active:hover, .field.has-addons .control .select select:not([disabled]).is-focused:hover, .field.has-addons .control .select select:not([disabled]):active:hover, .field.has-addons .control .select select:not([disabled]):focus:hover { + z-index: 4 +} + +.field.has-addons .control.is-expanded { + flex-grow: 1 +} + +.field.has-addons.has-addons-centered { + justify-content: center +} + +.field.has-addons.has-addons-right { + justify-content: flex-end +} + +.field.has-addons.has-addons-fullwidth .control { + flex-grow: 1; + flex-shrink: 0 +} + +.field.is-grouped { + display: flex; + justify-content: flex-start +} + +.field.is-grouped > .control { + flex-shrink: 0 +} + +.field.is-grouped > .control:not(:last-child) { + margin-bottom: 0; + margin-right: .75rem +} + +.field.is-grouped > .control.is-expanded { + flex-grow: 1; + flex-shrink: 1 +} + +.field.is-grouped.is-grouped-centered { + justify-content: center +} + +.field.is-grouped.is-grouped-right { + justify-content: flex-end +} + +.field.is-grouped.is-grouped-multiline { + flex-wrap: wrap +} + +.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { + margin-bottom: .75rem +} + +.field.is-grouped.is-grouped-multiline:last-child { + margin-bottom: -.75rem +} + +.field.is-grouped.is-grouped-multiline:not(:last-child) { + margin-bottom: 0 +} + +@media screen and (min-width: 769px), print { + .field.is-horizontal { + display: flex + } +} + +.field-label .label { + font-size: inherit +} + +@media screen and (max-width: 768px) { + .field-label { + margin-bottom: .5rem + } +} + +@media screen and (min-width: 769px), print { + .field-label { + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + margin-right: 1.5rem; + text-align: right + } + + .field-label.is-small { + font-size: .75rem; + padding-top: .375em + } + + .field-label.is-normal { + padding-top: .375em + } + + .field-label.is-medium { + font-size: 1.25rem; + padding-top: .375em + } + + .field-label.is-large { + font-size: 1.5rem; + padding-top: .375em + } +} + +.field-body .field .field { + margin-bottom: 0 +} + +@media screen and (min-width: 769px), print { + .field-body { + display: flex; + flex-basis: 0; + flex-grow: 5; + flex-shrink: 1 + } + + .field-body .field { + margin-bottom: 0 + } + + .field-body > .field { + flex-shrink: 1 + } + + .field-body > .field:not(.is-narrow) { + flex-grow: 1 + } + + .field-body > .field:not(:last-child) { + margin-right: .75rem + } +} + +.control { + clear: both; + font-size: 1rem; + position: relative; + text-align: left +} + +.control.has-icon .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4 +} + +.control.has-icon .input:focus + .icon { + color: #7a7a7a +} + +.control.has-icon .input.is-small + .icon { + font-size: .75rem +} + +.control.has-icon .input.is-medium + .icon { + font-size: 1.25rem +} + +.control.has-icon .input.is-large + .icon { + font-size: 1.5rem +} + +.control.has-icon:not(.has-icon-right) .icon { + left: 0 +} + +.control.has-icon:not(.has-icon-right) .input { + padding-left: 2.25em +} + +.control.has-icon.has-icon-right .icon { + right: 0 +} + +.control.has-icon.has-icon-right .input { + padding-right: 2.25em +} + +.control.has-icons-left .input:focus ~ .icon, .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, .control.has-icons-right .select:focus ~ .icon { + color: #7a7a7a +} + +.control.has-icons-left .input.is-small ~ .icon, .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, .control.has-icons-right .select.is-small ~ .icon { + font-size: .75rem +} + +.control.has-icons-left .input.is-medium ~ .icon, .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, .control.has-icons-right .select.is-medium ~ .icon { + font-size: 1.25rem +} + +.control.has-icons-left .input.is-large ~ .icon, .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, .control.has-icons-right .select.is-large ~ .icon { + font-size: 1.5rem +} + +.control.has-icons-left .icon, .control.has-icons-right .icon { + color: #dbdbdb; + height: 2.25em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.25em; + z-index: 4 +} + +.control.has-icons-left .input, .control.has-icons-left .select select { + padding-left: 2.25em +} + +.control.has-icons-left .icon.is-left { + left: 0 +} + +.control.has-icons-right .input, .control.has-icons-right .select select { + padding-right: 2.25em +} + +.control.has-icons-right .icon.is-right { + right: 0 +} + +.control.is-loading::after { + position: absolute !important; + right: .625em; + top: .625em; + z-index: 4 +} + +.control.is-loading.is-small:after { + font-size: .75rem +} + +.control.is-loading.is-medium:after { + font-size: 1.25rem +} + +.control.is-loading.is-large:after { + font-size: 1.5rem +} + +.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 +} + +.image { + display: block; + position: relative +} + +.image img { + display: block; + height: auto; + width: 100% +} + +.image img.is-rounded { + border-radius: 290486px +} + +.image.is-16by9 img, .image.is-1by1 img, .image.is-1by2 img, .image.is-1by3 img, .image.is-2by1 img, .image.is-2by3 img, .image.is-3by1 img, .image.is-3by2 img, .image.is-3by4 img, .image.is-3by5 img, .image.is-4by3 img, .image.is-4by5 img, .image.is-5by3 img, .image.is-5by4 img, .image.is-9by16 img, .image.is-square img { + height: 100%; + width: 100% +} + +.image.is-1by1, .image.is-square { + padding-top: 100% +} + +.image.is-5by4 { + padding-top: 80% +} + +.image.is-4by3 { + padding-top: 75% +} + +.image.is-3by2 { + padding-top: 66.6666% +} + +.image.is-5by3 { + padding-top: 60% +} + +.image.is-16by9 { + padding-top: 56.25% +} + +.image.is-2by1 { + padding-top: 50% +} + +.image.is-3by1 { + padding-top: 33.3333% +} + +.image.is-4by5 { + padding-top: 125% +} + +.image.is-3by4 { + padding-top: 133.3333% +} + +.image.is-2by3 { + padding-top: 150% +} + +.image.is-3by5 { + padding-top: 166.6666% +} + +.image.is-9by16 { + padding-top: 177.7777% +} + +.image.is-1by2 { + padding-top: 200% +} + +.image.is-1by3 { + padding-top: 300% +} + +.image.is-16x16 { + height: 16px; + width: 16px +} + +.image.is-24x24 { + height: 24px; + width: 24px +} + +.image.is-32x32 { + height: 32px; + width: 32px +} + +.image.is-48x48 { + height: 48px; + width: 48px +} + +.image.is-64x64 { + height: 64px; + width: 64px +} + +.image.is-96x96 { + height: 96px; + width: 96px +} + +.image.is-128x128 { + height: 128px; + width: 128px +} + +.notification { + background-color: #f5f5f5; + border-radius: 4px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative +} + +.notification a:not(.button):not(.dropdown-item) { + color: currentColor; + text-decoration: underline +} + +.notification strong { + color: currentColor +} + +.notification code, .notification pre { + background: #fff +} + +.notification pre code { + background: 0 0 +} + +.notification > .delete { + position: absolute; + right: .5rem; + top: .5rem +} + +.notification .content, .notification .subtitle, .notification .title { + color: currentColor +} + +.notification.is-white { + background-color: #fff; + color: #0a0a0a +} + +.notification.is-black { + background-color: #0a0a0a; + color: #fff +} + +.notification.is-light { + background-color: #f5f5f5; + color: #150101 +} + +.notification.is-dark { + background-color: #150101; + color: #f5f5f5 +} + +.notification.is-primary { + background-color: #038674; + color: #fff +} + +.notification.is-link { + background-color: #316EE3; + color: #fff +} + +.notification.is-info { + background-color: #206cee; + color: #fff +} + +.notification.is-success { + background-color: #228841; + color: #fff +} + +.notification.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, .7) +} + +.notification.is-danger { + background-color: #EE0125; + color: #fff +} + +.progress { + -moz-appearance: none; + -webkit-appearance: none; + border: none; + border-radius: 290486px; + display: block; + height: 1rem; + overflow: hidden; + padding: 0; + width: 100% +} + +.progress::-webkit-progress-bar { + background-color: #dbdbdb +} + +.progress::-webkit-progress-value { + background-color: black +} + +.progress::-moz-progress-bar { + background-color: black +} + +.progress::-ms-fill { + background-color: black; + border: none +} + +.progress.is-white::-webkit-progress-value { + background-color: #fff +} + +.progress.is-white::-moz-progress-bar { + background-color: #fff +} + +.progress.is-white::-ms-fill { + background-color: #fff +} + +.progress.is-black::-webkit-progress-value { + background-color: #0a0a0a +} + +.progress.is-black::-moz-progress-bar { + background-color: #0a0a0a +} + +.progress.is-black::-ms-fill { + background-color: #0a0a0a +} + +.progress.is-light::-webkit-progress-value { + background-color: #f5f5f5 +} + +.progress.is-light::-moz-progress-bar { + background-color: #f5f5f5 +} + +.progress.is-light::-ms-fill { + background-color: #f5f5f5 +} + +.progress.is-dark::-webkit-progress-value { + background-color: #150101 +} + +.progress.is-dark::-moz-progress-bar { + background-color: #150101 +} + +.progress.is-dark::-ms-fill { + background-color: #150101 +} + +.progress.is-primary::-webkit-progress-value { + background-color: #038674 +} + +.progress.is-primary::-moz-progress-bar { + background-color: #038674 +} + +.progress.is-primary::-ms-fill { + background-color: #038674 +} + +.progress.is-link::-webkit-progress-value { + background-color: #316EE3 +} + +.progress.is-link::-moz-progress-bar { + background-color: #316EE3 +} + +.progress.is-link::-ms-fill { + background-color: #316EE3 +} + +.progress.is-info::-webkit-progress-value { + background-color: #206cee +} + +.progress.is-info::-moz-progress-bar { + background-color: #206cee +} + +.progress.is-info::-ms-fill { + background-color: #206cee +} + +.progress.is-success::-webkit-progress-value { + background-color: #228841 +} + +.progress.is-success::-moz-progress-bar { + background-color: #228841 +} + +.progress.is-success::-ms-fill { + background-color: #228841 +} + +.progress.is-warning::-webkit-progress-value { + background-color: #ffdd57 +} + +.progress.is-warning::-moz-progress-bar { + background-color: #ffdd57 +} + +.progress.is-warning::-ms-fill { + background-color: #ffdd57 +} + +.progress.is-danger::-webkit-progress-value { + background-color: #EE0125 +} + +.progress.is-danger::-moz-progress-bar { + background-color: #EE0125 +} + +.progress.is-danger::-ms-fill { + background-color: #EE0125 +} + +.progress.is-small { + height: .75rem +} + +.progress.is-medium { + height: 1.25rem +} + +.progress.is-large { + height: 1.5rem +} + +.table { + background-color: #fff; + color: #150101 +} + +.table td, .table th { + border: 1px solid #dbdbdb; + border-width: 0 0 1px; + padding: .5em .75em; + vertical-align: top +} + +.table td.is-white, .table th.is-white { + background-color: #fff; + border-color: #fff; + color: #0a0a0a +} + +.table td.is-black, .table th.is-black { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: #fff +} + +.table td.is-light, .table th.is-light { + background-color: #f5f5f5; + border-color: #f5f5f5; + color: #150101 +} + +.table td.is-dark, .table th.is-dark { + background-color: #150101; + border-color: #150101; + color: #f5f5f5 +} + +.table td.is-primary, .table th.is-primary { + background-color: #038674; + border-color: #038674; + color: #fff +} + +.table td.is-link, .table th.is-link { + background-color: #316EE3; + border-color: #316EE3; + color: #fff +} + +.table td.is-info, .table th.is-info { + background-color: #206cee; + border-color: #206cee; + color: #fff +} + +.table td.is-success, .table th.is-success { + background-color: #228841; + border-color: #228841; + color: #fff +} + +.table td.is-warning, .table th.is-warning { + background-color: #ffdd57; + border-color: #ffdd57; + color: rgba(0, 0, 0, .7) +} + +.table td.is-danger, .table th.is-danger { + background-color: #EE0125; + border-color: #EE0125; + color: #fff +} + +.table td.is-narrow, .table th.is-narrow { + white-space: nowrap; + width: 1% +} + +.table td.is-selected, .table th.is-selected { + background-color: #038674; + color: #fff +} + +.table td.is-selected a, .table td.is-selected strong, .table th.is-selected a, .table th.is-selected strong { + color: currentColor +} + +.table th { + color: #150101; + text-align: left +} + +.table tr.is-selected { + background-color: #038674; + color: #fff +} + +.table tr.is-selected a, .table tr.is-selected strong { + color: currentColor +} + +.table tr.is-selected td, .table tr.is-selected th { + border-color: #fff; + color: currentColor +} + +.table thead td, .table thead th { + border-width: 0 0 2px; + color: #150101 +} + +.table tfoot td, .table tfoot th { + border-width: 2px 0 0; + color: #150101 +} + +.table tbody tr:last-child td, .table tbody tr:last-child th { + border-bottom-width: 0 +} + +.table.is-bordered td, .table.is-bordered th { + border-width: 1px +} + +.table.is-bordered tr:last-child td, .table.is-bordered tr:last-child th { + border-bottom-width: 1px +} + +.table.is-fullwidth { + width: 100% +} + +.table.is-hoverable tbody tr:not(.is-selected):hover { + background-color: #fafafa +} + +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { + background-color: #fafafa +} + +.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { + background-color: #f5f5f5 +} + +.table.is-narrow td, .table.is-narrow th { + padding: .25em .5em +} + +.table.is-striped tbody tr:not(.is-selected):nth-child(even) { + background-color: #fafafa +} + +.table-container { + -webkit-overflow-scrolling: touch; + overflow: auto; + overflow-y: hidden; + max-width: 100% +} + +.tags { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start +} + +.tags .tag { + margin-bottom: .5rem +} + +.tags .tag:not(:last-child) { + margin-right: .5rem +} + +.tags:last-child { + margin-bottom: -.5rem +} + +.tags:not(:last-child) { + margin-bottom: 1rem +} + +.tags.has-addons .tag { + margin-right: 0 +} + +.tags.has-addons .tag:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} + +.tags.has-addons .tag:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0 +} + +.tags.is-centered { + justify-content: center +} + +.tags.is-centered .tag { + margin-right: .25rem; + margin-left: .25rem +} + +.tags.is-right { + justify-content: flex-end +} + +.tags.is-right .tag:not(:first-child) { + margin-left: .5rem +} + +.tags.is-right .tag:not(:last-child) { + margin-right: 0 +} + +.tag:not(body) { + align-items: center; + background-color: #f5f5f5; + border-radius: 4px; + color: black; + display: inline-flex; + font-size: .75rem; + height: 2em; + justify-content: center; + line-height: 1.5; + padding-left: .75em; + padding-right: .75em; + white-space: nowrap +} + +.tag:not(body) .delete { + margin-left: .25rem; + margin-right: -.375rem +} + +.tag:not(body).is-white { + background-color: #fff; + color: #0a0a0a +} + +.tag:not(body).is-black { + background-color: #0a0a0a; + color: #fff +} + +.tag:not(body).is-light { + background-color: #f5f5f5; + color: #150101 +} + +.tag:not(body).is-dark { + background-color: #150101; + color: #f5f5f5 +} + +.tag:not(body).is-primary { + background-color: #038674; + color: #fff +} + +.tag:not(body).is-link { + background-color: #316EE3; + color: #fff +} + +.tag:not(body).is-info { + background-color: #206cee; + color: #fff +} + +.tag:not(body).is-success { + background-color: #228841; + color: #fff +} + +.tag:not(body).is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, .7) +} + +.tag:not(body).is-danger { + background-color: #EE0125; + color: #fff +} + +.tag:not(body).is-medium { + font-size: 1rem +} + +.tag:not(body).is-large { + font-size: 1.25rem +} + +.tag:not(body) .icon:first-child:not(:last-child) { + margin-left: -.375em; + margin-right: .1875em +} + +.tag:not(body) .icon:last-child:not(:first-child) { + margin-left: .1875em; + margin-right: -.375em +} + +.tag:not(body) .icon:first-child:last-child { + margin-left: -.375em; + margin-right: -.375em +} + +.tag:not(body).is-delete { + margin-left: 1px; + padding: 0; + position: relative; + width: 2em +} + +.tag:not(body).is-delete::after, .tag:not(body).is-delete::before { + background-color: currentColor; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform: translateX(-50%) translateY(-50%) rotate(45deg); + -webkit-transform-origin: center center; + transform-origin: center center +} + +.tag:not(body).is-delete::before { + height: 1px; + width: 50% +} + +.tag:not(body).is-delete::after { + height: 50%; + width: 1px +} + +.tag:not(body).is-delete:focus, .tag:not(body).is-delete:hover { + background-color: #e8e8e8 +} + +.tag:not(body).is-delete:active { + background-color: #dbdbdb +} + +.tag:not(body).is-rounded { + border-radius: 290486px +} + +a.tag:hover { + text-decoration: underline +} + +.subtitle, .title { + word-break: break-word +} + +.subtitle em, .subtitle span, .title em, .title span { + font-weight: inherit +} + +.subtitle sub, .title sub { + font-size: .75em +} + +.subtitle sup, .title sup { + font-size: .75em +} + +.subtitle .tag, .title .tag { + vertical-align: middle +} + +.title { + color: #150101; + font-size: 2rem; + font-weight: 600; + line-height: 1.125 +} + +.title strong { + color: inherit; + font-weight: inherit +} + +.title + .highlight { + margin-top: -.75rem +} + +.title:not(.is-spaced) + .subtitle { + margin-top: -1.25rem +} + +.title.is-1 { + font-size: 3rem +} + +.title.is-2 { + font-size: 2.5rem +} + +.title.is-3 { + font-size: 2rem +} + +.title.is-4 { + font-size: 1.5rem +} + +.title.is-5 { + font-size: 1.25rem +} + +.title.is-6 { + font-size: 1rem +} + +.title.is-7 { + font-size: .75rem +} + +.subtitle { + color: black; + font-size: 1.25rem; + font-weight: 400; + line-height: 1.25 +} + +.subtitle strong { + color: #150101; + font-weight: 600 +} + +.subtitle:not(.is-spaced) + .title { + margin-top: -1.25rem +} + +.subtitle.is-1 { + font-size: 3rem +} + +.subtitle.is-2 { + font-size: 2.5rem +} + +.subtitle.is-3 { + font-size: 2rem +} + +.subtitle.is-4 { + font-size: 1.5rem +} + +.subtitle.is-5 { + font-size: 1.25rem +} + +.subtitle.is-6 { + font-size: 1rem +} + +.subtitle.is-7 { + font-size: .75rem +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase +} + +.highlight { + font-weight: 400; + max-width: 100%; + overflow: hidden; + padding: 0 +} + +.highlight pre { + overflow: auto; + max-width: 100% +} + +.number { + align-items: center; + background-color: #f5f5f5; + border-radius: 290486px; + display: inline-flex; + font-size: 1.25rem; + height: 2em; + justify-content: center; + margin-right: 1.5rem; + min-width: 2.5em; + padding: .25rem .5rem; + text-align: center; + vertical-align: top +} + +.breadcrumb { + font-size: 1rem; + white-space: nowrap +} + +.breadcrumb a { + align-items: center; + color: #316EE3; + display: flex; + justify-content: center; + padding: 0 .75em +} + +.breadcrumb a:hover { + color: #150101 +} + +.breadcrumb li { + align-items: center; + display: flex +} + +.breadcrumb li:first-child a { + padding-left: 0 +} + +.breadcrumb li.is-active a { + color: #150101; + cursor: default; + pointer-events: none +} + +.breadcrumb li + li::before { + color: #797676; + content: "\0002f" +} + +.breadcrumb ol, .breadcrumb ul { + align-items: flex-start; + display: flex; + flex-wrap: wrap; + justify-content: flex-start +} + +.breadcrumb .icon:first-child { + margin-right: .5em +} + +.breadcrumb .icon:last-child { + margin-left: .5em +} + +.breadcrumb.is-centered ol, .breadcrumb.is-centered ul { + justify-content: center +} + +.breadcrumb.is-right ol, .breadcrumb.is-right ul { + justify-content: flex-end +} + +.breadcrumb.is-small { + font-size: .75rem +} + +.breadcrumb.is-medium { + font-size: 1.25rem +} + +.breadcrumb.is-large { + font-size: 1.5rem +} + +.breadcrumb.has-arrow-separator li + li::before { + content: "\02192" +} + +.breadcrumb.has-bullet-separator li + li::before { + content: "\02022" +} + +.breadcrumb.has-dot-separator li + li::before { + content: "\000b7" +} + +.breadcrumb.has-succeeds-separator li + li::before { + content: "\0227B" +} + +.card { + background-color: #fff; + box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1); + color: black; + max-width: 100%; + position: relative +} + +.card-header { + background-color: transparent; + align-items: stretch; + box-shadow: 0 1px 2px rgba(10, 10, 10, .1); + display: flex +} + +.card-header-title { + align-items: center; + color: #150101; + display: flex; + flex-grow: 1; + font-weight: 700; + padding: .75rem +} + +.card-header-title.is-centered { + justify-content: center +} + +.card-header-icon { + align-items: center; + cursor: pointer; + display: flex; + justify-content: center; + padding: .75rem +} + +.card-image { + display: block; + position: relative +} + +.card-content { + background-color: transparent; + padding: 1.5rem +} + +.card-footer { + background-color: transparent; + border-top: 1px solid #dbdbdb; + align-items: stretch; + display: flex +} + +.card-footer-item { + background: white; + font-weight: bold; + align-items: center; + display: flex; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; + padding: .75rem +} + +.card-footer-item:not(:last-child) { + border-right: 1px solid #dbdbdb +} + +.card .media:not(:last-child) { + margin-bottom: .75rem +} + +.dropdown { + display: inline-flex; + position: relative; + vertical-align: top +} + +.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { + display: block +} + +.dropdown.is-right .dropdown-menu { + left: auto; + right: 0 +} + +.dropdown.is-up .dropdown-menu { + bottom: 100%; + padding-bottom: 4px; + padding-top: initial; + top: auto +} + +.dropdown-menu { + display: none; + left: 0; + min-width: 12rem; + padding-top: 4px; + position: absolute; + top: 100%; + z-index: 20 +} + +.dropdown-content { + background-color: #fff; + border-radius: 4px; + box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1); + padding-bottom: .5rem; + padding-top: .5rem +} + +.dropdown-item { + color: black; + display: block; + font-size: .875rem; + line-height: 1.5; + padding: .375rem 1rem; + position: relative +} + +a.dropdown-item, button.dropdown-item { + padding-right: 3rem; + text-align: left; + white-space: nowrap; + width: 100% +} + +a.dropdown-item:hover, button.dropdown-item:hover { + background-color: #f5f5f5; + color: #0a0a0a +} + +a.dropdown-item.is-active, button.dropdown-item.is-active { + background-color: #316EE3; + color: #fff +} + +.dropdown-divider { + background-color: #dbdbdb; + border: none; + display: block; + height: 1px; + margin: .5rem 0 +} + +.level { + align-items: center; + justify-content: space-between +} + +.level code { + border-radius: 4px +} + +.level img { + display: inline-block; + vertical-align: top +} + +.level.is-mobile { + display: flex +} + +.level.is-mobile .level-left, .level.is-mobile .level-right { + display: flex +} + +.level.is-mobile .level-left + .level-right { + margin-top: 0 +} + +.level.is-mobile .level-item:not(:last-child) { + margin-bottom: 0; + margin-right: .75rem +} + +.level.is-mobile .level-item:not(.is-narrow) { + flex-grow: 1 +} + +@media screen and (min-width: 769px), print { + .level { + display: flex + } + + .level > .level-item:not(.is-narrow) { + flex-grow: 1 + } +} + +.level-item { + align-items: center; + display: flex; + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0; + justify-content: center +} + +.level-item .subtitle, .level-item .title { + margin-bottom: 0 +} + +@media screen and (max-width: 768px) { + .level-item:not(:last-child) { + margin-bottom: .75rem + } +} + +.level-left, .level-right { + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0 +} + +.level-left .level-item.is-flexible, .level-right .level-item.is-flexible { + flex-grow: 1 +} + +@media screen and (min-width: 769px), print { + .level-left .level-item:not(:last-child), .level-right .level-item:not(:last-child) { + margin-right: .75rem + } +} + +.level-left { + align-items: center; + justify-content: flex-start +} + +@media screen and (max-width: 768px) { + .level-left + .level-right { + margin-top: 1.5rem + } +} + +@media screen and (min-width: 769px), print { + .level-left { + display: flex + } +} + +.level-right { + align-items: center; + justify-content: flex-end +} + +@media screen and (min-width: 769px), print { + .level-right { + display: flex + } +} + +.list { + background-color: #fff; + border-radius: 4px; + box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1) +} + +.list-item { + display: block; + padding: .5em 1em +} + +.list-item:not(a) { + color: black +} + +.list-item:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px +} + +.list-item:last-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px +} + +.list-item:not(:last-child) { + border-bottom: 1px solid #dbdbdb +} + +.list-item.is-active { + background-color: #316EE3; + color: #fff +} + +a.list-item { + background-color: #f5f5f5; + cursor: pointer +} + +.media { + align-items: flex-start; + display: flex; + text-align: left +} + +.media .content:not(:last-child) { + margin-bottom: .75rem +} + +.media .media { + border-top: 1px solid rgba(219, 219, 219, .5); + display: flex; + padding-top: .75rem +} + +.media .media .content:not(:last-child), .media .media .control:not(:last-child) { + margin-bottom: .5rem +} + +.media .media .media { + padding-top: .5rem +} + +.media .media .media + .media { + margin-top: .5rem +} + +.media + .media { + border-top: 1px solid rgba(219, 219, 219, .5); + margin-top: 1rem; + padding-top: 1rem +} + +.media.is-large + .media { + margin-top: 1.5rem; + padding-top: 1.5rem +} + +.media-left, .media-right { + flex-basis: auto; + flex-grow: 0; + flex-shrink: 0 +} + +.media-left { + margin-right: 1rem +} + +.media-right { + margin-left: 1rem +} + +.media-content { + flex-basis: auto; + flex-grow: 1; + flex-shrink: 1; + text-align: left +} + +@media screen and (max-width: 768px) { + .media-content { + overflow-x: auto + } +} + +.menu { + font-size: 1rem +} + +.menu.is-small { + font-size: .75rem +} + +.menu.is-medium { + font-size: 1.25rem +} + +.menu.is-large { + font-size: 1.5rem +} + +.menu-list { + line-height: 1.25 +} + +.menu-list a { + border-radius: 2px; + color: black; + display: block; + padding: .5em .75em +} + +.menu-list a:hover { + background-color: #f5f5f5; + color: #150101 +} + +.menu-list a.is-active { + background-color: #316EE3; + color: #fff +} + +.menu-list li ul { + border-left: 1px solid #dbdbdb; + margin: .75em; + padding-left: .75em +} + +.menu-label { + color: #7a7a7a; + font-size: .75em; + letter-spacing: .1em; + text-transform: uppercase +} + +.menu-label:not(:first-child) { + margin-top: 1em +} + +.menu-label:not(:last-child) { + margin-bottom: 1em +} + +.message { + background-color: #f5f5f5; + border-radius: 4px; + font-size: 1rem +} + +.message strong { + color: currentColor +} + +.message a:not(.button):not(.tag) { + color: currentColor; + text-decoration: underline +} + +.message.is-small { + font-size: .75rem +} + +.message.is-medium { + font-size: 1.25rem +} + +.message.is-large { + font-size: 1.5rem +} + +.message.is-white { + background-color: #fff +} + +.message.is-white .message-header { + background-color: #fff; + color: #0a0a0a +} + +.message.is-white .message-body { + border-color: #fff; + color: #4d4d4d +} + +.message.is-black { + background-color: #fafafa +} + +.message.is-black .message-header { + background-color: #0a0a0a; + color: #fff +} + +.message.is-black .message-body { + border-color: #0a0a0a; + color: #090909 +} + +.message.is-light { + background-color: #fafafa +} + +.message.is-light .message-header { + background-color: #f5f5f5; + color: #150101 +} + +.message.is-light .message-body { + border-color: #f5f5f5; + color: #505050 +} + +.message.is-dark { + background-color: #fafafa +} + +.message.is-dark .message-header { + background-color: #150101; + color: #f5f5f5 +} + +.message.is-dark .message-body { + border-color: #150101; + color: #2a2a2a +} + +.message.is-primary { + background-color: #f5fffd +} + +.message.is-primary .message-header { + background-color: #038674; + color: #fff +} + +.message.is-primary .message-body { + border-color: #038674; + color: #021310 +} + +.message.is-link { + background-color: #f6f9fe +} + +.message.is-link .message-header { + background-color: #316EE3; + color: #fff +} + +.message.is-link .message-body { + border-color: #316EE3; + color: #22509a +} + +.message.is-info { + background-color: #f6fbfe +} + +.message.is-info .message-header { + background-color: #206cee; + color: #fff +} + +.message.is-info .message-body { + border-color: #206cee; + color: #12537e +} + +.message.is-success { + background-color: #f6fef9 +} + +.message.is-success .message-header { + background-color: #228841; + color: #fff +} + +.message.is-success .message-body { + border-color: #228841; + color: #0e301a +} + +.message.is-warning { + background-color: #fffdf5 +} + +.message.is-warning .message-header { + background-color: #ffdd57; + color: rgba(0, 0, 0, .7) +} + +.message.is-warning .message-body { + border-color: #ffdd57; + color: #3b3108 +} + +.message.is-danger { + background-color: #fff5f7 +} + +.message.is-danger .message-header { + background-color: #EE0125; + color: #fff +} + +.message.is-danger .message-body { + border-color: #EE0125; + color: #cd0930 +} + +.message-header { + align-items: center; + background-color: black; + border-radius: 4px 4px 0 0; + color: #fff; + display: flex; + font-weight: 700; + justify-content: space-between; + line-height: 1.25; + padding: .75em 1em; + position: relative +} + +.message-header .delete { + flex-grow: 0; + flex-shrink: 0; + margin-left: .75em +} + +.message-header + .message-body { + border-width: 0; + border-top-left-radius: 0; + border-top-right-radius: 0 +} + +.message-body { + border-color: #dbdbdb; + border-radius: 4px; + border-style: solid; + border-width: 0 0 0 4px; + color: black; + padding: 1.25em 1.5em +} + +.message-body code, .message-body pre { + background-color: #fff +} + +.message-body pre code { + background-color: transparent +} + +.modal { + align-items: center; + display: none; + flex-direction: column; + justify-content: center; + overflow: hidden; + position: fixed; + z-index: 40 +} + +.modal.is-active { + display: flex +} + +.modal-background { + background-color: rgba(10, 10, 10, .86) +} + +.modal-card, .modal-content { + margin: 0 20px; + max-height: calc(100vh - 160px); + overflow: auto; + position: relative; + width: 100% +} + +@media screen and (min-width: 769px), print { + .modal-card, .modal-content { + margin: 0 auto; + max-height: calc(100vh - 40px); + width: 640px + } +} + +.modal-close { + background: 0 0; + height: 40px; + position: fixed; + right: 20px; + top: 20px; + width: 40px +} + +.modal-card { + display: flex; + flex-direction: column; + max-height: calc(100vh - 40px); + overflow: hidden; + -ms-overflow-y: visible +} + +.modal-card-foot, .modal-card-head { + align-items: center; + background-color: #f5f5f5; + display: flex; + flex-shrink: 0; + justify-content: flex-start; + padding: 20px; + position: relative +} + +.modal-card-head { + border-bottom: 1px solid #dbdbdb; + border-top-left-radius: 6px; + border-top-right-radius: 6px +} + +.modal-card-title { + color: #150101; + flex-grow: 1; + flex-shrink: 0; + font-size: 1.5rem; + line-height: 1 +} + +.modal-card-foot { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 1px solid #dbdbdb +} + +.modal-card-foot .button:not(:last-child) { + margin-right: 10px +} + +.modal-card-body { + -webkit-overflow-scrolling: touch; + background-color: #fff; + flex-grow: 1; + flex-shrink: 1; + overflow: auto; + padding: 20px +} + +.navbar { + background-color: #fff; + min-height: 3.25rem; + position: relative; + z-index: 30 +} + +.navbar.is-white { + background-color: #fff; + color: #0a0a0a +} + +.navbar.is-white .navbar-brand .navbar-link, .navbar.is-white .navbar-brand > .navbar-item { + color: #0a0a0a +} + +.navbar.is-white .navbar-brand .navbar-link.is-active, .navbar.is-white .navbar-brand .navbar-link:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, .navbar.is-white .navbar-brand > a.navbar-item:hover { + background-color: #f2f2f2; + color: #0a0a0a +} + +.navbar.is-white .navbar-brand .navbar-link::after { + border-color: #0a0a0a +} + +.navbar.is-white .navbar-burger { + color: #0a0a0a +} + +@media screen and (min-width: 1088px) { + .navbar.is-white .navbar-end .navbar-link, .navbar.is-white .navbar-end > .navbar-item, .navbar.is-white .navbar-start .navbar-link, .navbar.is-white .navbar-start > .navbar-item { + color: #0a0a0a + } + + .navbar.is-white .navbar-end .navbar-link.is-active, .navbar.is-white .navbar-end .navbar-link:hover, .navbar.is-white .navbar-end > a.navbar-item.is-active, .navbar.is-white .navbar-end > a.navbar-item:hover, .navbar.is-white .navbar-start .navbar-link.is-active, .navbar.is-white .navbar-start .navbar-link:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, .navbar.is-white .navbar-start > a.navbar-item:hover { + background-color: #f2f2f2; + color: #0a0a0a + } + + .navbar.is-white .navbar-end .navbar-link::after, .navbar.is-white .navbar-start .navbar-link::after { + border-color: #0a0a0a + } + + .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link { + background-color: #f2f2f2; + color: #0a0a0a + } + + .navbar.is-white .navbar-dropdown a.navbar-item.is-active { + background-color: #fff; + color: #0a0a0a + } +} + +.navbar.is-black { + background-color: #0a0a0a; + color: #fff +} + +.navbar.is-black .navbar-brand .navbar-link, .navbar.is-black .navbar-brand > .navbar-item { + color: #fff +} + +.navbar.is-black .navbar-brand .navbar-link.is-active, .navbar.is-black .navbar-brand .navbar-link:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, .navbar.is-black .navbar-brand > a.navbar-item:hover { + background-color: #000; + color: #fff +} + +.navbar.is-black .navbar-brand .navbar-link::after { + border-color: #fff +} + +.navbar.is-black .navbar-burger { + color: #fff +} + +@media screen and (min-width: 1088px) { + .navbar.is-black .navbar-end .navbar-link, .navbar.is-black .navbar-end > .navbar-item, .navbar.is-black .navbar-start .navbar-link, .navbar.is-black .navbar-start > .navbar-item { + color: #fff + } + + .navbar.is-black .navbar-end .navbar-link.is-active, .navbar.is-black .navbar-end .navbar-link:hover, .navbar.is-black .navbar-end > a.navbar-item.is-active, .navbar.is-black .navbar-end > a.navbar-item:hover, .navbar.is-black .navbar-start .navbar-link.is-active, .navbar.is-black .navbar-start .navbar-link:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, .navbar.is-black .navbar-start > a.navbar-item:hover { + background-color: #000; + color: #fff + } + + .navbar.is-black .navbar-end .navbar-link::after, .navbar.is-black .navbar-start .navbar-link::after { + border-color: #fff + } + + .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link { + background-color: #000; + color: #fff + } + + .navbar.is-black .navbar-dropdown a.navbar-item.is-active { + background-color: #0a0a0a; + color: #fff + } +} + +.navbar.is-light { + background-color: #f5f5f5; + color: #150101 +} + +.navbar.is-light .navbar-brand .navbar-link, .navbar.is-light .navbar-brand > .navbar-item { + color: #150101 +} + +.navbar.is-light .navbar-brand .navbar-link.is-active, .navbar.is-light .navbar-brand .navbar-link:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, .navbar.is-light .navbar-brand > a.navbar-item:hover { + background-color: #e8e8e8; + color: #150101 +} + +.navbar.is-light .navbar-brand .navbar-link::after { + border-color: #150101 +} + +.navbar.is-light .navbar-burger { + color: #150101 +} + +@media screen and (min-width: 1088px) { + .navbar.is-light .navbar-end .navbar-link, .navbar.is-light .navbar-end > .navbar-item, .navbar.is-light .navbar-start .navbar-link, .navbar.is-light .navbar-start > .navbar-item { + color: #150101 + } + + .navbar.is-light .navbar-end .navbar-link.is-active, .navbar.is-light .navbar-end .navbar-link:hover, .navbar.is-light .navbar-end > a.navbar-item.is-active, .navbar.is-light .navbar-end > a.navbar-item:hover, .navbar.is-light .navbar-start .navbar-link.is-active, .navbar.is-light .navbar-start .navbar-link:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, .navbar.is-light .navbar-start > a.navbar-item:hover { + background-color: #e8e8e8; + color: #150101 + } + + .navbar.is-light .navbar-end .navbar-link::after, .navbar.is-light .navbar-start .navbar-link::after { + border-color: #150101 + } + + .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link { + background-color: #e8e8e8; + color: #150101 + } + + .navbar.is-light .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: #150101 + } +} + +.navbar.is-dark { + background-color: #150101; + color: #f5f5f5 +} + +.navbar.is-dark .navbar-brand .navbar-link, .navbar.is-dark .navbar-brand > .navbar-item { + color: #f5f5f5 +} + +.navbar.is-dark .navbar-brand .navbar-link.is-active, .navbar.is-dark .navbar-brand .navbar-link:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, .navbar.is-dark .navbar-brand > a.navbar-item:hover { + background-color: #292929; + color: #f5f5f5 +} + +.navbar.is-dark .navbar-brand .navbar-link::after { + border-color: #f5f5f5 +} + +.navbar.is-dark .navbar-burger { + color: #f5f5f5 +} + +@media screen and (min-width: 1088px) { + .navbar.is-dark .navbar-end .navbar-link, .navbar.is-dark .navbar-end > .navbar-item, .navbar.is-dark .navbar-start .navbar-link, .navbar.is-dark .navbar-start > .navbar-item { + color: #f5f5f5 + } + + .navbar.is-dark .navbar-end .navbar-link.is-active, .navbar.is-dark .navbar-end .navbar-link:hover, .navbar.is-dark .navbar-end > a.navbar-item.is-active, .navbar.is-dark .navbar-end > a.navbar-item:hover, .navbar.is-dark .navbar-start .navbar-link.is-active, .navbar.is-dark .navbar-start .navbar-link:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, .navbar.is-dark .navbar-start > a.navbar-item:hover { + background-color: #292929; + color: #f5f5f5 + } + + .navbar.is-dark .navbar-end .navbar-link::after, .navbar.is-dark .navbar-start .navbar-link::after { + border-color: #f5f5f5 + } + + .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link { + background-color: #292929; + color: #f5f5f5 + } + + .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #150101; + color: #f5f5f5 + } +} + +.navbar.is-primary { + background-color: #038674; + color: #fff +} + +.navbar.is-primary .navbar-brand .navbar-link, .navbar.is-primary .navbar-brand > .navbar-item { + color: #fff +} + +.navbar.is-primary .navbar-brand .navbar-link.is-active, .navbar.is-primary .navbar-brand .navbar-link:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, .navbar.is-primary .navbar-brand > a.navbar-item:hover { + background-color: #00b89c; + color: #fff +} + +.navbar.is-primary .navbar-brand .navbar-link::after { + border-color: #fff +} + +.navbar.is-primary .navbar-burger { + color: #fff +} + +@media screen and (min-width: 1088px) { + .navbar.is-primary .navbar-end .navbar-link, .navbar.is-primary .navbar-end > .navbar-item, .navbar.is-primary .navbar-start .navbar-link, .navbar.is-primary .navbar-start > .navbar-item { + color: #fff + } + + .navbar.is-primary .navbar-end .navbar-link.is-active, .navbar.is-primary .navbar-end .navbar-link:hover, .navbar.is-primary .navbar-end > a.navbar-item.is-active, .navbar.is-primary .navbar-end > a.navbar-item:hover, .navbar.is-primary .navbar-start .navbar-link.is-active, .navbar.is-primary .navbar-start .navbar-link:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, .navbar.is-primary .navbar-start > a.navbar-item:hover { + background-color: #00b89c; + color: #fff + } + + .navbar.is-primary .navbar-end .navbar-link::after, .navbar.is-primary .navbar-start .navbar-link::after { + border-color: #fff + } + + .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link { + background-color: #00b89c; + color: #fff + } + + .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { + background-color: #038674; + color: #fff + } +} + +.navbar.is-link { + background-color: #316EE3; + color: #fff +} + +.navbar.is-link .navbar-brand .navbar-link, .navbar.is-link .navbar-brand > .navbar-item { + color: #fff +} + +.navbar.is-link .navbar-brand .navbar-link.is-active, .navbar.is-link .navbar-brand .navbar-link:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, .navbar.is-link .navbar-brand > a.navbar-item:hover { + background-color: #2366d1; + color: #fff +} + +.navbar.is-link .navbar-brand .navbar-link::after { + border-color: #fff +} + +.navbar.is-link .navbar-burger { + color: #fff +} + +@media screen and (min-width: 1088px) { + .navbar.is-link .navbar-end .navbar-link, .navbar.is-link .navbar-end > .navbar-item, .navbar.is-link .navbar-start .navbar-link, .navbar.is-link .navbar-start > .navbar-item { + color: #fff + } + + .navbar.is-link .navbar-end .navbar-link.is-active, .navbar.is-link .navbar-end .navbar-link:hover, .navbar.is-link .navbar-end > a.navbar-item.is-active, .navbar.is-link .navbar-end > a.navbar-item:hover, .navbar.is-link .navbar-start .navbar-link.is-active, .navbar.is-link .navbar-start .navbar-link:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, .navbar.is-link .navbar-start > a.navbar-item:hover { + background-color: #2366d1; + color: #fff + } + + .navbar.is-link .navbar-end .navbar-link::after, .navbar.is-link .navbar-start .navbar-link::after { + border-color: #fff + } + + .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link { + background-color: #2366d1; + color: #fff + } + + .navbar.is-link .navbar-dropdown a.navbar-item.is-active { + background-color: #316EE3; + color: #fff + } +} + +.navbar.is-info { + background-color: #206cee; + color: #fff +} + +.navbar.is-info .navbar-brand .navbar-link, .navbar.is-info .navbar-brand > .navbar-item { + color: #fff +} + +.navbar.is-info .navbar-brand .navbar-link.is-active, .navbar.is-info .navbar-brand .navbar-link:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, .navbar.is-info .navbar-brand > a.navbar-item:hover { + background-color: #118fe4; + color: #fff +} + +.navbar.is-info .navbar-brand .navbar-link::after { + border-color: #fff +} + +.navbar.is-info .navbar-burger { + color: #fff +} + +@media screen and (min-width: 1088px) { + .navbar.is-info .navbar-end .navbar-link, .navbar.is-info .navbar-end > .navbar-item, .navbar.is-info .navbar-start .navbar-link, .navbar.is-info .navbar-start > .navbar-item { + color: #fff + } + + .navbar.is-info .navbar-end .navbar-link.is-active, .navbar.is-info .navbar-end .navbar-link:hover, .navbar.is-info .navbar-end > a.navbar-item.is-active, .navbar.is-info .navbar-end > a.navbar-item:hover, .navbar.is-info .navbar-start .navbar-link.is-active, .navbar.is-info .navbar-start .navbar-link:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, .navbar.is-info .navbar-start > a.navbar-item:hover { + background-color: #118fe4; + color: #fff + } + + .navbar.is-info .navbar-end .navbar-link::after, .navbar.is-info .navbar-start .navbar-link::after { + border-color: #fff + } + + .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link { + background-color: #118fe4; + color: #fff + } + + .navbar.is-info .navbar-dropdown a.navbar-item.is-active { + background-color: #206cee; + color: #fff + } +} + +.navbar.is-success { + background-color: #228841; + color: #fff +} + +.navbar.is-success .navbar-brand .navbar-link, .navbar.is-success .navbar-brand > .navbar-item { + color: #fff +} + +.navbar.is-success .navbar-brand .navbar-link.is-active, .navbar.is-success .navbar-brand .navbar-link:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, .navbar.is-success .navbar-brand > a.navbar-item:hover { + background-color: #20bc56; + color: #fff +} + +.navbar.is-success .navbar-brand .navbar-link::after { + border-color: #fff +} + +.navbar.is-success .navbar-burger { + color: #fff +} + +@media screen and (min-width: 1088px) { + .navbar.is-success .navbar-end .navbar-link, .navbar.is-success .navbar-end > .navbar-item, .navbar.is-success .navbar-start .navbar-link, .navbar.is-success .navbar-start > .navbar-item { + color: #fff + } + + .navbar.is-success .navbar-end .navbar-link.is-active, .navbar.is-success .navbar-end .navbar-link:hover, .navbar.is-success .navbar-end > a.navbar-item.is-active, .navbar.is-success .navbar-end > a.navbar-item:hover, .navbar.is-success .navbar-start .navbar-link.is-active, .navbar.is-success .navbar-start .navbar-link:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, .navbar.is-success .navbar-start > a.navbar-item:hover { + background-color: #20bc56; + color: #fff + } + + .navbar.is-success .navbar-end .navbar-link::after, .navbar.is-success .navbar-start .navbar-link::after { + border-color: #fff + } + + .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link { + background-color: #20bc56; + color: #fff + } + + .navbar.is-success .navbar-dropdown a.navbar-item.is-active { + background-color: #228841; + color: #fff + } +} + +.navbar.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, .7) +} + +.navbar.is-warning .navbar-brand .navbar-link, .navbar.is-warning .navbar-brand > .navbar-item { + color: rgba(0, 0, 0, .7) +} + +.navbar.is-warning .navbar-brand .navbar-link.is-active, .navbar.is-warning .navbar-brand .navbar-link:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, .navbar.is-warning .navbar-brand > a.navbar-item:hover { + background-color: #ffd83d; + color: rgba(0, 0, 0, .7) +} + +.navbar.is-warning .navbar-brand .navbar-link::after { + border-color: rgba(0, 0, 0, .7) +} + +.navbar.is-warning .navbar-burger { + color: rgba(0, 0, 0, .7) +} + +@media screen and (min-width: 1088px) { + .navbar.is-warning .navbar-end .navbar-link, .navbar.is-warning .navbar-end > .navbar-item, .navbar.is-warning .navbar-start .navbar-link, .navbar.is-warning .navbar-start > .navbar-item { + color: rgba(0, 0, 0, .7) + } + + .navbar.is-warning .navbar-end .navbar-link.is-active, .navbar.is-warning .navbar-end .navbar-link:hover, .navbar.is-warning .navbar-end > a.navbar-item.is-active, .navbar.is-warning .navbar-end > a.navbar-item:hover, .navbar.is-warning .navbar-start .navbar-link.is-active, .navbar.is-warning .navbar-start .navbar-link:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, .navbar.is-warning .navbar-start > a.navbar-item:hover { + background-color: #ffd83d; + color: rgba(0, 0, 0, .7) + } + + .navbar.is-warning .navbar-end .navbar-link::after, .navbar.is-warning .navbar-start .navbar-link::after { + border-color: rgba(0, 0, 0, .7) + } + + .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link { + background-color: #ffd83d; + color: rgba(0, 0, 0, .7) + } + + .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { + background-color: #ffdd57; + color: rgba(0, 0, 0, .7) + } +} + +.navbar.is-danger { + background-color: #EE0125; + color: #fff +} + +.navbar.is-danger .navbar-brand .navbar-link, .navbar.is-danger .navbar-brand > .navbar-item { + color: #fff +} + +.navbar.is-danger .navbar-brand .navbar-link.is-active, .navbar.is-danger .navbar-brand .navbar-link:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, .navbar.is-danger .navbar-brand > a.navbar-item:hover { + background-color: #ff1f4b; + color: #fff +} + +.navbar.is-danger .navbar-brand .navbar-link::after { + border-color: #fff +} + +.navbar.is-danger .navbar-burger { + color: #fff +} + +@media screen and (min-width: 1088px) { + .navbar.is-danger .navbar-end .navbar-link, .navbar.is-danger .navbar-end > .navbar-item, .navbar.is-danger .navbar-start .navbar-link, .navbar.is-danger .navbar-start > .navbar-item { + color: #fff + } + + .navbar.is-danger .navbar-end .navbar-link.is-active, .navbar.is-danger .navbar-end .navbar-link:hover, .navbar.is-danger .navbar-end > a.navbar-item.is-active, .navbar.is-danger .navbar-end > a.navbar-item:hover, .navbar.is-danger .navbar-start .navbar-link.is-active, .navbar.is-danger .navbar-start .navbar-link:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, .navbar.is-danger .navbar-start > a.navbar-item:hover { + background-color: #ff1f4b; + color: #fff + } + + .navbar.is-danger .navbar-end .navbar-link::after, .navbar.is-danger .navbar-start .navbar-link::after { + border-color: #fff + } + + .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link { + background-color: #ff1f4b; + color: #fff + } + + .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { + background-color: #EE0125; + color: #fff + } +} + +.navbar > .container { + align-items: stretch; + display: flex; + min-height: 3.25rem; + width: 100% +} + +.navbar.has-shadow { + box-shadow: 0 2px 0 0 #f5f5f5 +} + +.navbar.is-fixed-bottom, .navbar.is-fixed-top { + left: 0; + position: fixed; + right: 0; + z-index: 30 +} + +.navbar.is-fixed-bottom { + bottom: 0 +} + +.navbar.is-fixed-bottom.has-shadow { + box-shadow: 0 -2px 0 0 #f5f5f5 +} + +.navbar.is-fixed-top { + top: 0 +} + +body.has-navbar-fixed-top, html.has-navbar-fixed-top { + padding-top: 3.25rem +} + +body.has-navbar-fixed-bottom, html.has-navbar-fixed-bottom { + padding-bottom: 3.25rem +} + +.navbar-brand, .navbar-tabs { + align-items: stretch; + display: flex; + flex-shrink: 0; + min-height: 3.25rem +} + +.navbar-brand a.navbar-item:hover { + background-color: transparent +} + +.navbar-tabs { + -webkit-overflow-scrolling: touch; + max-width: 100vw; + overflow-x: auto; + overflow-y: hidden +} + +.navbar-burger { + color: black; + 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; + -webkit-transform-origin: center; + transform-origin: center; + transition-duration: 86ms; + transition-property: background-color, opacity, -webkit-transform; + transition-property: background-color, opacity, transform; + transition-property: background-color, opacity, transform, -webkit-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, .05) +} + +.navbar-burger.is-active span:nth-child(1) { + -webkit-transform: translateY(5px) rotate(45deg); + transform: translateY(5px) rotate(45deg) +} + +.navbar-burger.is-active span:nth-child(2) { + opacity: 0 +} + +.navbar-burger.is-active span:nth-child(3) { + -webkit-transform: translateY(-5px) rotate(-45deg); + transform: translateY(-5px) rotate(-45deg) +} + +.navbar-menu { + display: none +} + +.navbar-item, .navbar-link { + color: black; + display: block; + line-height: 1.5; + padding: .5rem .75rem; + position: relative +} + +.navbar-item .icon:only-child, .navbar-link .icon:only-child { + margin-left: -.25rem; + margin-right: -.25rem +} + +.navbar-link, a.navbar-item { + cursor: pointer +} + +.navbar-link.is-active, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:hover { + background-color: #fafafa; + color: #316EE3 +} + +.navbar-item { + display: block; + flex-grow: 0; + flex-shrink: 0 +} + +.navbar-item img { + max-height: 1.75rem +} + +.navbar-item.has-dropdown { + padding: 0 +} + +.navbar-item.is-expanded { + flex-grow: 1; + flex-shrink: 1 +} + +.navbar-item.is-tab { + border-bottom: 1px solid transparent; + min-height: 3.25rem; + padding-bottom: calc(.5rem - 1px) +} + +.navbar-item.is-tab:hover { + background-color: transparent; + border-bottom-color: #316EE3 +} + +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom-color: #316EE3; + border-bottom-style: solid; + border-bottom-width: 3px; + color: #316EE3; + padding-bottom: calc(.5rem - 3px) +} + +.navbar-content { + flex-grow: 1; + flex-shrink: 1 +} + +.navbar-link:not(.is-arrowless) { + padding-right: 2.5em +} + +.navbar-link:not(.is-arrowless)::after { + border-color: #316EE3; + margin-top: -.375em; + right: 1.125em +} + +.navbar-dropdown { + font-size: .875rem; + padding-bottom: .5rem; + padding-top: .5rem +} + +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem +} + +.navbar-divider { + background-color: #f5f5f5; + border: none; + display: none; + height: 2px; + margin: .5rem 0 +} + +@media screen and (max-width: 1087px) { + .navbar > .container { + display: block + } + + .navbar-brand .navbar-item, .navbar-tabs .navbar-item { + align-items: center; + display: flex + } + + .navbar-link::after { + display: none + } + + .navbar-menu { + background-color: #fff; + box-shadow: 0 8px 16px rgba(10, 10, 10, .1); + padding: .5rem 0 + } + + .navbar-menu.is-active { + display: block + } + + .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { + left: 0; + position: fixed; + right: 0; + z-index: 30 + } + + .navbar.is-fixed-bottom-touch { + bottom: 0 + } + + .navbar.is-fixed-bottom-touch.has-shadow { + box-shadow: 0 -2px 3px rgba(10, 10, 10, .1) + } + + .navbar.is-fixed-top-touch { + top: 0 + } + + .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { + -webkit-overflow-scrolling: touch; + max-height: calc(100vh - 3.25rem); + overflow: auto + } + + body.has-navbar-fixed-top-touch, html.has-navbar-fixed-top-touch { + padding-top: 3.25rem + } + + body.has-navbar-fixed-bottom-touch, html.has-navbar-fixed-bottom-touch { + padding-bottom: 3.25rem + } +} + +@media screen and (min-width: 1088px) { + .navbar, .navbar-end, .navbar-menu, .navbar-start { + align-items: stretch; + display: flex + } + + .navbar { + min-height: 3.25rem + } + + .navbar.is-spaced { + padding: 1rem 2rem + } + + .navbar.is-spaced .navbar-end, .navbar.is-spaced .navbar-start { + align-items: center + } + + .navbar.is-spaced .navbar-link, .navbar.is-spaced a.navbar-item { + border-radius: 4px + } + + .navbar.is-transparent .navbar-link.is-active, .navbar.is-transparent .navbar-link:hover, .navbar.is-transparent a.navbar-item.is-active, .navbar.is-transparent a.navbar-item:hover { + background-color: transparent !important + } + + .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { + background-color: transparent !important + } + + .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + background-color: #f5f5f5; + color: #0a0a0a + } + + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: #316EE3 + } + + .navbar-burger { + display: none + } + + .navbar-item, .navbar-link { + align-items: center; + display: flex + } + + .navbar-item { + display: flex + } + + .navbar-item.has-dropdown { + align-items: stretch + } + + .navbar-item.has-dropdown-up .navbar-link::after { + -webkit-transform: rotate(135deg) translate(.25em, -.25em); + transform: rotate(135deg) translate(.25em, -.25em) + } + + .navbar-item.has-dropdown-up .navbar-dropdown { + border-bottom: 2px solid #dbdbdb; + border-radius: 6px 6px 0 0; + border-top: none; + bottom: 100%; + box-shadow: 0 -8px 8px rgba(10, 10, 10, .1); + top: auto + } + + .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { + display: block + } + + .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown { + opacity: 1; + pointer-events: auto; + -webkit-transform: translateY(0); + transform: translateY(0) + } + + .navbar-menu { + flex-grow: 1; + flex-shrink: 0 + } + + .navbar-start { + justify-content: flex-start; + margin-right: auto + } + + .navbar-end { + justify-content: flex-end; + margin-left: auto + } + + .navbar-dropdown { + background-color: #fff; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 2px solid #dbdbdb; + box-shadow: 0 8px 8px rgba(10, 10, 10, .1); + display: none; + font-size: .875rem; + left: 0; + min-width: 100%; + position: absolute; + top: 100%; + z-index: 20 + } + + .navbar-dropdown .navbar-item { + padding: .375rem 1rem; + white-space: nowrap + } + + .navbar-dropdown a.navbar-item { + padding-right: 3rem + } + + .navbar-dropdown a.navbar-item:hover { + background-color: #f5f5f5; + color: #0a0a0a + } + + .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: #316EE3 + } + + .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-dropdown { + border-radius: 6px; + border-top: none; + box-shadow: 0 8px 8px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1); + display: block; + opacity: 0; + pointer-events: none; + top: calc(100% + (-4px)); + -webkit-transform: translateY(-5px); + transform: translateY(-5px); + transition-duration: 86ms; + transition-property: opacity, -webkit-transform; + transition-property: opacity, transform; + transition-property: opacity, transform, -webkit-transform + } + + .navbar-dropdown.is-right { + left: auto; + right: 0 + } + + .navbar-divider { + display: block + } + + .container > .navbar .navbar-brand, .navbar > .container .navbar-brand { + margin-left: -.75rem + } + + .container > .navbar .navbar-menu, .navbar > .container .navbar-menu { + margin-right: -.75rem + } + + .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { + left: 0; + position: fixed; + right: 0; + z-index: 30 + } + + .navbar.is-fixed-bottom-desktop { + bottom: 0 + } + + .navbar.is-fixed-bottom-desktop.has-shadow { + box-shadow: 0 -2px 3px rgba(10, 10, 10, .1) + } + + .navbar.is-fixed-top-desktop { + top: 0 + } + + body.has-navbar-fixed-top-desktop, html.has-navbar-fixed-top-desktop { + padding-top: 3.25rem + } + + body.has-navbar-fixed-bottom-desktop, html.has-navbar-fixed-bottom-desktop { + padding-bottom: 3.25rem + } + + body.has-spaced-navbar-fixed-top, html.has-spaced-navbar-fixed-top { + padding-top: 5.25rem + } + + body.has-spaced-navbar-fixed-bottom, html.has-spaced-navbar-fixed-bottom { + padding-bottom: 5.25rem + } + + .navbar-link.is-active, a.navbar-item.is-active { + color: #0a0a0a + } + + .navbar-link.is-active:not(:hover), a.navbar-item.is-active:not(:hover) { + background-color: transparent + } + + .navbar-item.has-dropdown.is-active .navbar-link, .navbar-item.has-dropdown:hover .navbar-link { + background-color: #fafafa + } +} + +.pagination { + font-size: 1rem; + margin: -.25rem +} + +.pagination.is-small { + font-size: .75rem +} + +.pagination.is-medium { + font-size: 1.25rem +} + +.pagination.is-large { + font-size: 1.5rem +} + +.pagination.is-rounded .pagination-next, .pagination.is-rounded .pagination-previous { + padding-left: 1em; + padding-right: 1em; + border-radius: 290486px +} + +.pagination.is-rounded .pagination-link { + border-radius: 290486px +} + +.pagination, .pagination-list { + align-items: center; + display: flex; + justify-content: center; + text-align: center +} + +.pagination-ellipsis, .pagination-link, .pagination-next, .pagination-previous { + font-size: 1em; + padding-left: .5em; + padding-right: .5em; + justify-content: center; + margin: .25rem; + text-align: center +} + +.pagination-link, .pagination-next, .pagination-previous { + border-color: #dbdbdb; + color: #150101; + min-width: 2.25em +} + +.pagination-link:hover, .pagination-next:hover, .pagination-previous:hover { + border-color: #797676; + color: #150101 +} + +.pagination-link:focus, .pagination-next:focus, .pagination-previous:focus { + border-color: #316EE3 +} + +.pagination-link:active, .pagination-next:active, .pagination-previous:active { + box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2) +} + +.pagination-link[disabled], .pagination-next[disabled], .pagination-previous[disabled] { + background-color: #dbdbdb; + border-color: #dbdbdb; + box-shadow: none; + color: #7a7a7a; + opacity: .5 +} + +.pagination-next, .pagination-previous { + padding-left: .75em; + padding-right: .75em; + white-space: nowrap +} + +.pagination-link.is-current { + background-color: #316EE3; + border-color: #316EE3; + color: #fff +} + +.pagination-ellipsis { + color: #797676; + pointer-events: none +} + +.pagination-list { + flex-wrap: wrap +} + +@media screen and (max-width: 768px) { + .pagination { + flex-wrap: wrap + } + + .pagination-next, .pagination-previous { + flex-grow: 1; + flex-shrink: 1 + } + + .pagination-list li { + flex-grow: 1; + flex-shrink: 1 + } +} + +@media screen and (min-width: 769px), print { + .pagination-list { + flex-grow: 1; + flex-shrink: 1; + justify-content: flex-start; + order: 1 + } + + .pagination-previous { + order: 2 + } + + .pagination-next { + order: 3 + } + + .pagination { + justify-content: space-between + } + + .pagination.is-centered .pagination-previous { + order: 1 + } + + .pagination.is-centered .pagination-list { + justify-content: center; + order: 2 + } + + .pagination.is-centered .pagination-next { + order: 3 + } + + .pagination.is-right .pagination-previous { + order: 1 + } + + .pagination.is-right .pagination-next { + order: 2 + } + + .pagination.is-right .pagination-list { + justify-content: flex-end; + order: 3 + } +} + +.panel { + font-size: 1rem +} + +.panel:not(:last-child) { + margin-bottom: 1.5rem +} + +.panel-block, .panel-heading, .panel-tabs { + border-bottom: 1px solid #dbdbdb; + border-left: 1px solid #dbdbdb; + border-right: 1px solid #dbdbdb +} + +.panel-block:first-child, .panel-heading:first-child, .panel-tabs:first-child { + border-top: 1px solid #dbdbdb +} + +.panel-heading { + background-color: #f5f5f5; + border-radius: 4px 4px 0 0; + color: #150101; + font-size: 1.25em; + font-weight: 300; + line-height: 1.25; + padding: .5em .75em +} + +.panel-tabs { + align-items: flex-end; + display: flex; + font-size: .875em; + justify-content: center +} + +.panel-tabs a { + border-bottom: 1px solid #dbdbdb; + margin-bottom: -1px; + padding: .5em +} + +.panel-tabs a.is-active { + border-bottom-color: black; + color: #150101 +} + +.panel-list a { + color: black +} + +.panel-list a:hover { + color: #316EE3 +} + +.panel-block { + align-items: center; + color: #150101; + display: flex; + justify-content: flex-start; + padding: .5em .75em +} + +.panel-block input[type=checkbox] { + margin-right: .75em +} + +.panel-block > .control { + flex-grow: 1; + flex-shrink: 1; + width: 100% +} + +.panel-block.is-wrapped { + flex-wrap: wrap +} + +.panel-block.is-active { + border-left-color: #316EE3; + color: #150101 +} + +.panel-block.is-active .panel-icon { + color: #316EE3 +} + +a.panel-block, label.panel-block { + cursor: pointer +} + +a.panel-block:hover, label.panel-block:hover { + background-color: #f5f5f5 +} + +.panel-icon { + display: inline-block; + font-size: 14px; + height: 1em; + line-height: 1em; + text-align: center; + vertical-align: top; + width: 1em; + color: #7a7a7a; + margin-right: .75em +} + +.panel-icon .fa { + font-size: inherit; + line-height: inherit +} + +.tabs { + -webkit-overflow-scrolling: touch; + align-items: stretch; + display: flex; + font-size: 1rem; + justify-content: space-between; + overflow: hidden; + overflow-x: auto; + white-space: nowrap +} + +.tabs a { + align-items: center; + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + color: black; + display: flex; + justify-content: center; + margin-bottom: -1px; + padding: .5em 1em; + vertical-align: top +} + +.tabs a:hover { + border-bottom-color: #150101; + color: #150101 +} + +.tabs li { + display: block +} + +.tabs li.is-active a { + border-bottom-color: #316EE3; + color: #316EE3 +} + +.tabs ul { + align-items: center; + border-bottom-color: #dbdbdb; + border-bottom-style: solid; + border-bottom-width: 1px; + display: flex; + flex-grow: 1; + flex-shrink: 0; + justify-content: flex-start +} + +.tabs ul.is-left { + padding-right: .75em +} + +.tabs ul.is-center { + flex: none; + justify-content: center; + padding-left: .75em; + padding-right: .75em +} + +.tabs ul.is-right { + justify-content: flex-end; + padding-left: .75em +} + +.tabs .icon:first-child { + margin-right: .5em +} + +.tabs .icon:last-child { + margin-left: .5em +} + +.tabs.is-centered ul { + justify-content: center +} + +.tabs.is-right ul { + justify-content: flex-end +} + +.tabs.is-boxed a { + border: 1px solid transparent; + border-radius: 4px 4px 0 0 +} + +.tabs.is-boxed a:hover { + background-color: #f5f5f5; + border-bottom-color: #dbdbdb +} + +.tabs.is-boxed li.is-active a { + background-color: #fff; + border-color: #dbdbdb; + border-bottom-color: transparent !important +} + +.tabs.is-fullwidth li { + flex-grow: 1; + flex-shrink: 0 +} + +.tabs.is-toggle a { + border-color: #dbdbdb; + border-style: solid; + border-width: 1px; + margin-bottom: 0; + position: relative +} + +.tabs.is-toggle a:hover { + background-color: #f5f5f5; + border-color: #797676; + z-index: 2 +} + +.tabs.is-toggle li + li { + margin-left: -1px +} + +.tabs.is-toggle li:first-child a { + border-radius: 4px 0 0 4px +} + +.tabs.is-toggle li:last-child a { + border-radius: 0 4px 4px 0 +} + +.tabs.is-toggle li.is-active a { + background-color: #316EE3; + border-color: #316EE3; + color: #fff; + z-index: 1 +} + +.tabs.is-toggle ul { + border-bottom: none +} + +.tabs.is-toggle.is-toggle-rounded li:first-child a { + border-bottom-left-radius: 290486px; + border-top-left-radius: 290486px; + padding-left: 1.25em +} + +.tabs.is-toggle.is-toggle-rounded li:last-child a { + border-bottom-right-radius: 290486px; + border-top-right-radius: 290486px; + padding-right: 1.25em +} + +.tabs.is-small { + font-size: .75rem +} + +.tabs.is-medium { + font-size: 1.25rem +} + +.tabs.is-large { + font-size: 1.5rem +} + +.column { + display: block; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + padding: .75rem +} + +.columns.is-mobile > .column.is-narrow { + flex: none +} + +.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-1 { + flex: none; + width: 8.33333% +} + +.columns.is-mobile > .column.is-offset-1 { + margin-left: 8.33333% +} + +.columns.is-mobile > .column.is-2 { + flex: none; + width: 16.66667% +} + +.columns.is-mobile > .column.is-offset-2 { + margin-left: 16.66667% +} + +.columns.is-mobile > .column.is-3 { + flex: none; + width: 25% +} + +.column.is-6.is-offset-3 { + background-color: black; +} + +.columns.is-mobile > .column.is-offset-3 { + margin-left: 25% +} + +.columns.is-mobile > .column.is-4 { + flex: none; + width: 33.33333% +} + +.columns.is-mobile > .column.is-offset-4 { + margin-left: 33.33333% +} + +.columns.is-mobile > .column.is-5 { + flex: none; + width: 41.66667% +} + +.columns.is-mobile > .column.is-offset-5 { + margin-left: 41.66667% +} + +.columns.is-mobile > .column.is-6 { + flex: none; + width: 50% +} + +.columns.is-mobile > .column.is-offset-6 { + margin-left: 50% +} + +.columns.is-mobile > .column.is-7 { + flex: none; + width: 58.33333% +} + +.columns.is-mobile > .column.is-offset-7 { + margin-left: 58.33333% +} + +.columns.is-mobile > .column.is-8 { + flex: none; + width: 66.66667% +} + +.columns.is-mobile > .column.is-offset-8 { + margin-left: 66.66667% +} + +.columns.is-mobile > .column.is-9 { + flex: none; + width: 75% +} + +.columns.is-mobile > .column.is-offset-9 { + margin-left: 75% +} + +.columns.is-mobile > .column.is-10 { + flex: none; + width: 83.33333% +} + +.columns.is-mobile > .column.is-offset-10 { + margin-left: 83.33333% +} + +.columns.is-mobile > .column.is-11 { + flex: none; + width: 91.66667% +} + +.columns.is-mobile > .column.is-offset-11 { + margin-left: 91.66667% +} + +.columns.is-mobile > .column.is-12 { + flex: none; + width: 100% +} + +.columns.is-mobile > .column.is-offset-12 { + margin-left: 100% +} + +@media screen and (max-width: 768px) { + .column.is-narrow-mobile { + flex: none + } + + .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-1-mobile { + flex: none; + width: 8.33333% + } + + .column.is-offset-1-mobile { + margin-left: 8.33333% + } + + .column.is-2-mobile { + flex: none; + width: 16.66667% + } + + .column.is-offset-2-mobile { + margin-left: 16.66667% + } + + .column.is-3-mobile { + flex: none; + width: 25% + } + + .column.is-offset-3-mobile { + margin-left: 25% + } + + .column.is-4-mobile { + flex: none; + width: 33.33333% + } + + .column.is-offset-4-mobile { + margin-left: 33.33333% + } + + .column.is-5-mobile { + flex: none; + width: 41.66667% + } + + .column.is-offset-5-mobile { + margin-left: 41.66667% + } + + .column.is-6-mobile { + flex: none; + width: 50% + } + + .column.is-offset-6-mobile { + margin-left: 50% + } + + .column.is-7-mobile { + flex: none; + width: 58.33333% + } + + .column.is-offset-7-mobile { + margin-left: 58.33333% + } + + .column.is-8-mobile { + flex: none; + width: 66.66667% + } + + .column.is-offset-8-mobile { + margin-left: 66.66667% + } + + .column.is-9-mobile { + flex: none; + width: 75% + } + + .column.is-offset-9-mobile { + margin-left: 75% + } + + .column.is-10-mobile { + flex: none; + width: 83.33333% + } + + .column.is-offset-10-mobile { + margin-left: 83.33333% + } + + .column.is-11-mobile { + flex: none; + width: 91.66667% + } + + .column.is-offset-11-mobile { + margin-left: 91.66667% + } + + .column.is-12-mobile { + flex: none; + width: 100% + } + + .column.is-offset-12-mobile { + margin-left: 100% + } +} + +@media screen and (min-width: 769px), print { + .column.is-narrow, .column.is-narrow-tablet { + flex: none + } + + .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-1, .column.is-1-tablet { + flex: none; + width: 8.33333% + } + + .column.is-offset-1, .column.is-offset-1-tablet { + margin-left: 8.33333% + } + + .column.is-2, .column.is-2-tablet { + flex: none; + width: 16.66667% + } + + .column.is-offset-2, .column.is-offset-2-tablet { + margin-left: 16.66667% + } + + .column.is-3, .column.is-3-tablet { + flex: none; + width: 25% + } + + .column.is-offset-3, .column.is-offset-3-tablet { + margin-left: 25% + } + + .column.is-4, .column.is-4-tablet { + flex: none; + width: 33.33333% + } + + .column.is-offset-4, .column.is-offset-4-tablet { + margin-left: 33.33333% + } + + .column.is-5, .column.is-5-tablet { + flex: none; + width: 41.66667% + } + + .column.is-offset-5, .column.is-offset-5-tablet { + margin-left: 41.66667% + } + + .column.is-6, .column.is-6-tablet { + flex: none; + width: 50% + } + + .column.is-offset-6, .column.is-offset-6-tablet { + margin-left: 50% + } + + .column.is-7, .column.is-7-tablet { + flex: none; + width: 58.33333% + } + + .column.is-offset-7, .column.is-offset-7-tablet { + margin-left: 58.33333% + } + + .column.is-8, .column.is-8-tablet { + flex: none; + width: 66.66667% + } + + .column.is-offset-8, .column.is-offset-8-tablet { + margin-left: 66.66667% + } + + .column.is-9, .column.is-9-tablet { + flex: none; + width: 75% + } + + .column.is-offset-9, .column.is-offset-9-tablet { + margin-left: 75% + } + + .column.is-10, .column.is-10-tablet { + flex: none; + width: 83.33333% + } + + .column.is-offset-10, .column.is-offset-10-tablet { + margin-left: 83.33333% + } + + .column.is-11, .column.is-11-tablet { + flex: none; + width: 91.66667% + } + + .column.is-offset-11, .column.is-offset-11-tablet { + margin-left: 91.66667% + } + + .column.is-12, .column.is-12-tablet { + flex: none; + width: 100% + } + + .column.is-offset-12, .column.is-offset-12-tablet { + margin-left: 100% + } +} + +@media screen and (max-width: 1087px) { + .column.is-narrow-touch { + flex: none + } + + .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-1-touch { + flex: none; + width: 8.33333% + } + + .column.is-offset-1-touch { + margin-left: 8.33333% + } + + .column.is-2-touch { + flex: none; + width: 16.66667% + } + + .column.is-offset-2-touch { + margin-left: 16.66667% + } + + .column.is-3-touch { + flex: none; + width: 25% + } + + .column.is-offset-3-touch { + margin-left: 25% + } + + .column.is-4-touch { + flex: none; + width: 33.33333% + } + + .column.is-offset-4-touch { + margin-left: 33.33333% + } + + .column.is-5-touch { + flex: none; + width: 41.66667% + } + + .column.is-offset-5-touch { + margin-left: 41.66667% + } + + .column.is-6-touch { + flex: none; + width: 50% + } + + .column.is-offset-6-touch { + margin-left: 50% + } + + .column.is-7-touch { + flex: none; + width: 58.33333% + } + + .column.is-offset-7-touch { + margin-left: 58.33333% + } + + .column.is-8-touch { + flex: none; + width: 66.66667% + } + + .column.is-offset-8-touch { + margin-left: 66.66667% + } + + .column.is-9-touch { + flex: none; + width: 75% + } + + .column.is-offset-9-touch { + margin-left: 75% + } + + .column.is-10-touch { + flex: none; + width: 83.33333% + } + + .column.is-offset-10-touch { + margin-left: 83.33333% + } + + .column.is-11-touch { + flex: none; + width: 91.66667% + } + + .column.is-offset-11-touch { + margin-left: 91.66667% + } + + .column.is-12-touch { + flex: none; + width: 100% + } + + .column.is-offset-12-touch { + margin-left: 100% + } +} + +@media screen and (min-width: 1088px) { + .column.is-narrow-desktop { + flex: none + } + + .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-1-desktop { + flex: none; + width: 8.33333% + } + + .column.is-offset-1-desktop { + margin-left: 8.33333% + } + + .column.is-2-desktop { + flex: none; + width: 16.66667% + } + + .column.is-offset-2-desktop { + margin-left: 16.66667% + } + + .column.is-3-desktop { + flex: none; + width: 25% + } + + .column.is-offset-3-desktop { + margin-left: 25% + } + + .column.is-4-desktop { + flex: none; + width: 33.33333% + } + + .column.is-offset-4-desktop { + margin-left: 33.33333% + } + + .column.is-5-desktop { + flex: none; + width: 41.66667% + } + + .column.is-offset-5-desktop { + margin-left: 41.66667% + } + + .column.is-6-desktop { + flex: none; + width: 50% + } + + .column.is-offset-6-desktop { + margin-left: 50% + } + + .column.is-7-desktop { + flex: none; + width: 58.33333% + } + + .column.is-offset-7-desktop { + margin-left: 58.33333% + } + + .column.is-8-desktop { + flex: none; + width: 66.66667% + } + + .column.is-offset-8-desktop { + margin-left: 66.66667% + } + + .column.is-9-desktop { + flex: none; + width: 75% + } + + .column.is-offset-9-desktop { + margin-left: 75% + } + + .column.is-10-desktop { + flex: none; + width: 83.33333% + } + + .column.is-offset-10-desktop { + margin-left: 83.33333% + } + + .column.is-11-desktop { + flex: none; + width: 91.66667% + } + + .column.is-offset-11-desktop { + margin-left: 91.66667% + } + + .column.is-12-desktop { + flex: none; + width: 100% + } + + .column.is-offset-12-desktop { + margin-left: 100% + } +} + +@media screen and (min-width: 1280px) { + .column.is-narrow-widescreen { + flex: none + } + + .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-1-widescreen { + flex: none; + width: 8.33333% + } + + .column.is-offset-1-widescreen { + margin-left: 8.33333% + } + + .column.is-2-widescreen { + flex: none; + width: 16.66667% + } + + .column.is-offset-2-widescreen { + margin-left: 16.66667% + } + + .column.is-3-widescreen { + flex: none; + width: 25% + } + + .column.is-offset-3-widescreen { + margin-left: 25% + } + + .column.is-4-widescreen { + flex: none; + width: 33.33333% + } + + .column.is-offset-4-widescreen { + margin-left: 33.33333% + } + + .column.is-5-widescreen { + flex: none; + width: 41.66667% + } + + .column.is-offset-5-widescreen { + margin-left: 41.66667% + } + + .column.is-6-widescreen { + flex: none; + width: 50% + } + + .column.is-offset-6-widescreen { + margin-left: 50% + } + + .column.is-7-widescreen { + flex: none; + width: 58.33333% + } + + .column.is-offset-7-widescreen { + margin-left: 58.33333% + } + + .column.is-8-widescreen { + flex: none; + width: 66.66667% + } + + .column.is-offset-8-widescreen { + margin-left: 66.66667% + } + + .column.is-9-widescreen { + flex: none; + width: 75% + } + + .column.is-offset-9-widescreen { + margin-left: 75% + } + + .column.is-10-widescreen { + flex: none; + width: 83.33333% + } + + .column.is-offset-10-widescreen { + margin-left: 83.33333% + } + + .column.is-11-widescreen { + flex: none; + width: 91.66667% + } + + .column.is-offset-11-widescreen { + margin-left: 91.66667% + } + + .column.is-12-widescreen { + flex: none; + width: 100% + } + + .column.is-offset-12-widescreen { + margin-left: 100% + } +} + +@media screen and (min-width: 1472px) { + .column.is-narrow-fullhd { + flex: none + } + + .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-1-fullhd { + flex: none; + width: 8.33333% + } + + .column.is-offset-1-fullhd { + margin-left: 8.33333% + } + + .column.is-2-fullhd { + flex: none; + width: 16.66667% + } + + .column.is-offset-2-fullhd { + margin-left: 16.66667% + } + + .column.is-3-fullhd { + flex: none; + width: 25% + } + + .column.is-offset-3-fullhd { + margin-left: 25% + } + + .column.is-4-fullhd { + flex: none; + width: 33.33333% + } + + .column.is-offset-4-fullhd { + margin-left: 33.33333% + } + + .column.is-5-fullhd { + flex: none; + width: 41.66667% + } + + .column.is-offset-5-fullhd { + margin-left: 41.66667% + } + + .column.is-6-fullhd { + flex: none; + width: 50% + } + + .column.is-offset-6-fullhd { + margin-left: 50% + } + + .column.is-7-fullhd { + flex: none; + width: 58.33333% + } + + .column.is-offset-7-fullhd { + margin-left: 58.33333% + } + + .column.is-8-fullhd { + flex: none; + width: 66.66667% + } + + .column.is-offset-8-fullhd { + margin-left: 66.66667% + } + + .column.is-9-fullhd { + flex: none; + width: 75% + } + + .column.is-offset-9-fullhd { + margin-left: 75% + } + + .column.is-10-fullhd { + flex: none; + width: 83.33333% + } + + .column.is-offset-10-fullhd { + margin-left: 83.33333% + } + + .column.is-11-fullhd { + flex: none; + width: 91.66667% + } + + .column.is-offset-11-fullhd { + margin-left: 91.66667% + } + + .column.is-12-fullhd { + flex: none; + width: 100% + } + + .column.is-offset-12-fullhd { + margin-left: 100% + } +} + +.columns { + margin-left: -.75rem; + margin-right: -.75rem; + margin-top: -.75rem +} + +.columns:last-child { + margin-bottom: -.75rem +} + +.columns:not(:last-child) { + margin-bottom: calc(1.5rem - .75rem) +} + +.columns.is-centered { + justify-content: center +} + +.columns.is-gapless { + margin-left: 0; + margin-right: 0; + margin-top: 0 +} + +.columns.is-gapless > .column { + margin: 0; + padding: 0 !important +} + +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem +} + +.columns.is-gapless:last-child { + margin-bottom: 0 +} + +.columns.is-mobile { + display: flex +} + +.columns.is-multiline { + flex-wrap: wrap +} + +.columns.is-vcentered { + align-items: center +} + +@media screen and (min-width: 769px), print { + .columns:not(.is-desktop) { + display: flex + } +} + +@media screen and (min-width: 1088px) { + .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: 1087px) { + .columns.is-variable.is-0-tablet-only { + --columnGap: 0rem + } +} + +@media screen and (max-width: 1087px) { + .columns.is-variable.is-0-touch { + --columnGap: 0rem + } +} + +@media screen and (min-width: 1088px) { + .columns.is-variable.is-0-desktop { + --columnGap: 0rem + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-0-desktop-only { + --columnGap: 0rem + } +} + +@media screen and (min-width: 1280px) { + .columns.is-variable.is-0-widescreen { + --columnGap: 0rem + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-0-widescreen-only { + --columnGap: 0rem + } +} + +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-1-tablet-only { + --columnGap: 0.25rem + } +} + +@media screen and (max-width: 1087px) { + .columns.is-variable.is-1-touch { + --columnGap: 0.25rem + } +} + +@media screen and (min-width: 1088px) { + .columns.is-variable.is-1-desktop { + --columnGap: 0.25rem + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-1-desktop-only { + --columnGap: 0.25rem + } +} + +@media screen and (min-width: 1280px) { + .columns.is-variable.is-1-widescreen { + --columnGap: 0.25rem + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-1-widescreen-only { + --columnGap: 0.25rem + } +} + +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-2-tablet-only { + --columnGap: 0.5rem + } +} + +@media screen and (max-width: 1087px) { + .columns.is-variable.is-2-touch { + --columnGap: 0.5rem + } +} + +@media screen and (min-width: 1088px) { + .columns.is-variable.is-2-desktop { + --columnGap: 0.5rem + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-2-desktop-only { + --columnGap: 0.5rem + } +} + +@media screen and (min-width: 1280px) { + .columns.is-variable.is-2-widescreen { + --columnGap: 0.5rem + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-2-widescreen-only { + --columnGap: 0.5rem + } +} + +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-3-tablet-only { + --columnGap: 0.75rem + } +} + +@media screen and (max-width: 1087px) { + .columns.is-variable.is-3-touch { + --columnGap: 0.75rem + } +} + +@media screen and (min-width: 1088px) { + .columns.is-variable.is-3-desktop { + --columnGap: 0.75rem + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-3-desktop-only { + --columnGap: 0.75rem + } +} + +@media screen and (min-width: 1280px) { + .columns.is-variable.is-3-widescreen { + --columnGap: 0.75rem + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-3-widescreen-only { + --columnGap: 0.75rem + } +} + +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-4-tablet-only { + --columnGap: 1rem + } +} + +@media screen and (max-width: 1087px) { + .columns.is-variable.is-4-touch { + --columnGap: 1rem + } +} + +@media screen and (min-width: 1088px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-4-desktop-only { + --columnGap: 1rem + } +} + +@media screen and (min-width: 1280px) { + .columns.is-variable.is-4-widescreen { + --columnGap: 1rem + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-4-widescreen-only { + --columnGap: 1rem + } +} + +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-5-tablet-only { + --columnGap: 1.25rem + } +} + +@media screen and (max-width: 1087px) { + .columns.is-variable.is-5-touch { + --columnGap: 1.25rem + } +} + +@media screen and (min-width: 1088px) { + .columns.is-variable.is-5-desktop { + --columnGap: 1.25rem + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-5-desktop-only { + --columnGap: 1.25rem + } +} + +@media screen and (min-width: 1280px) { + .columns.is-variable.is-5-widescreen { + --columnGap: 1.25rem + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-5-widescreen-only { + --columnGap: 1.25rem + } +} + +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-6-tablet-only { + --columnGap: 1.5rem + } +} + +@media screen and (max-width: 1087px) { + .columns.is-variable.is-6-touch { + --columnGap: 1.5rem + } +} + +@media screen and (min-width: 1088px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-6-desktop-only { + --columnGap: 1.5rem + } +} + +@media screen and (min-width: 1280px) { + .columns.is-variable.is-6-widescreen { + --columnGap: 1.5rem + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-6-widescreen-only { + --columnGap: 1.5rem + } +} + +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-7-tablet-only { + --columnGap: 1.75rem + } +} + +@media screen and (max-width: 1087px) { + .columns.is-variable.is-7-touch { + --columnGap: 1.75rem + } +} + +@media screen and (min-width: 1088px) { + .columns.is-variable.is-7-desktop { + --columnGap: 1.75rem + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-7-desktop-only { + --columnGap: 1.75rem + } +} + +@media screen and (min-width: 1280px) { + .columns.is-variable.is-7-widescreen { + --columnGap: 1.75rem + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-7-widescreen-only { + --columnGap: 1.75rem + } +} + +@media screen and (min-width: 1472px) { + .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: 1087px) { + .columns.is-variable.is-8-tablet-only { + --columnGap: 2rem + } +} + +@media screen and (max-width: 1087px) { + .columns.is-variable.is-8-touch { + --columnGap: 2rem + } +} + +@media screen and (min-width: 1088px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem + } +} + +@media screen and (min-width: 1088px) and (max-width: 1279px) { + .columns.is-variable.is-8-desktop-only { + --columnGap: 2rem + } +} + +@media screen and (min-width: 1280px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem + } +} + +@media screen and (min-width: 1280px) and (max-width: 1471px) { + .columns.is-variable.is-8-widescreen-only { + --columnGap: 2rem + } +} + +@media screen and (min-width: 1472px) { + .columns.is-variable.is-8-fullhd { + --columnGap: 2rem + } +} + +.tile { + align-items: stretch; + display: block; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + min-height: -webkit-min-content; + min-height: -moz-min-content; + min-height: min-content +} + +.tile.is-ancestor { + margin-left: -.75rem; + margin-right: -.75rem; + margin-top: -.75rem +} + +.tile.is-ancestor:last-child { + margin-bottom: -.75rem +} + +.tile.is-ancestor:not(:last-child) { + margin-bottom: .75rem +} + +.tile.is-child { + margin: 0 !important +} + +.tile.is-parent { + padding: .75rem +} + +.tile.is-vertical { + flex-direction: column +} + +.tile.is-vertical > .tile.is-child:not(:last-child) { + margin-bottom: 1.5rem !important +} + +@media screen and (min-width: 769px), print { + .tile:not(.is-child) { + display: flex + } + + .tile.is-1 { + flex: none; + width: 8.33333% + } + + .tile.is-2 { + flex: none; + width: 16.66667% + } + + .tile.is-3 { + flex: none; + width: 25% + } + + .tile.is-4 { + flex: none; + width: 33.33333% + } + + .tile.is-5 { + flex: none; + width: 41.66667% + } + + .tile.is-6 { + flex: none; + width: 50% + } + + .tile.is-7 { + flex: none; + width: 58.33333% + } + + .tile.is-8 { + flex: none; + width: 66.66667% + } + + .tile.is-9 { + flex: none; + width: 75% + } + + .tile.is-10 { + flex: none; + width: 83.33333% + } + + .tile.is-11 { + flex: none; + width: 91.66667% + } + + .tile.is-12 { + flex: none; + width: 100% + } +} + +.hero { + align-items: stretch; + display: flex; + flex-direction: column; + justify-content: space-between +} + +.hero .navbar { + background: 0 0 +} + +.hero .tabs ul { + border-bottom: none +} + +.hero.is-white { + background-color: #fff; + color: #0a0a0a +} + +.hero.is-white a:not(.button):not(.dropdown-item):not(.tag), .hero.is-white strong { + color: inherit +} + +.hero.is-white .title { + color: #0a0a0a +} + +.hero.is-white .subtitle { + color: rgba(10, 10, 10, 1) +} + +.hero.is-white .subtitle a:not(.button), .hero.is-white .subtitle strong { + color: #0a0a0a +} + +@media screen and (max-width: 1087px) { + .hero.is-white .navbar-menu { + background-color: #fff + } +} + +.hero.is-white .navbar-item, .hero.is-white .navbar-link { + color: rgba(10, 10, 10, .7) +} + +.hero.is-white .navbar-link.is-active, .hero.is-white .navbar-link:hover, .hero.is-white a.navbar-item.is-active, .hero.is-white a.navbar-item:hover { + background-color: #f2f2f2; + color: #0a0a0a +} + +.hero.is-white .tabs a { + color: #0a0a0a; + opacity: 1 +} + +.hero.is-white .tabs a:hover { + opacity: 1 +} + +.hero.is-white .tabs li.is-active a { + opacity: 1 +} + +.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { + color: #0a0a0a +} + +.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, .1) +} + +.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: #fff +} + +.hero.is-white.is-bold { + background-image: linear-gradient(141deg, #e6e6e6 0, #fff 71%, #fff 100%) +} + +@media screen and (max-width: 768px) { + .hero.is-white.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #e6e6e6 0, #fff 71%, #fff 100%) + } +} + +.hero.is-black { + background-color: #0a0a0a; + color: #fff +} + +.hero.is-black a:not(.button):not(.dropdown-item):not(.tag), .hero.is-black strong { + color: inherit +} + +.hero.is-black .title { + color: #fff +} + +.hero.is-black .subtitle { + color: rgb(255, 255, 255) +} + +.hero.is-black .subtitle a:not(.button), .hero.is-black .subtitle strong { + color: #fff +} + +@media screen and (max-width: 1087px) { + .hero.is-black .navbar-menu { + background-color: #0a0a0a + } +} + +.hero.is-black .navbar-item, .hero.is-black .navbar-link { + color: rgba(255, 255, 255, .7) +} + +.hero.is-black .navbar-link.is-active, .hero.is-black .navbar-link:hover, .hero.is-black a.navbar-item.is-active, .hero.is-black a.navbar-item:hover { + background-color: #000; + color: #fff +} + +.hero.is-black .tabs a { + color: #fff; + opacity: 1 +} + +.hero.is-black .tabs a:hover { + opacity: 1 +} + +.hero.is-black .tabs li.is-active a { + opacity: 1 +} + +.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { + color: #fff +} + +.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, .1) +} + +.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #0a0a0a +} + +.hero.is-black.is-bold { + background-image: linear-gradient(141deg, #000 0, #0a0a0a 71%, #181616 100%) +} + +@media screen and (max-width: 768px) { + .hero.is-black.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #000 0, #0a0a0a 71%, #181616 100%) + } +} + +.hero.is-light { + background-color: #f5f5f5; + color: #150101 +} + +.hero.is-light a:not(.button):not(.dropdown-item):not(.tag), .hero.is-light strong { + color: inherit +} + +.hero.is-light .title { + color: #150101 +} + +.hero.is-light .subtitle { + color: rgba(54, 54, 54, 1) +} + +.hero.is-light .subtitle a:not(.button), .hero.is-light .subtitle strong { + color: #150101 +} + +@media screen and (max-width: 1087px) { + .hero.is-light .navbar-menu { + background-color: #f5f5f5 + } +} + +.hero.is-light .navbar-item, .hero.is-light .navbar-link { + color: rgba(54, 54, 54, .7) +} + +.hero.is-light .navbar-link.is-active, .hero.is-light .navbar-link:hover, .hero.is-light a.navbar-item.is-active, .hero.is-light a.navbar-item:hover { + background-color: #e8e8e8; + color: #150101 +} + +.hero.is-light .tabs a { + color: #150101; + opacity: 1 +} + +.hero.is-light .tabs a:hover { + opacity: 1 +} + +.hero.is-light .tabs li.is-active a { + opacity: 1 +} + +.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { + color: #150101 +} + +.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, .1) +} + +.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { + background-color: #150101; + border-color: #150101; + color: #f5f5f5 +} + +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, #dfd8d9 0, #f5f5f5 71%, #fff 100%) +} + +@media screen and (max-width: 768px) { + .hero.is-light.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #dfd8d9 0, #f5f5f5 71%, #fff 100%) + } +} + +.hero.is-dark { + background-color: #150101; + color: #f5f5f5 +} + +.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag), .hero.is-dark strong { + color: inherit +} + +.hero.is-dark .title { + color: #f5f5f5 +} + +.hero.is-dark .subtitle { + color: rgba(245, 245, 245, 1) +} + +.hero.is-dark .subtitle a:not(.button), .hero.is-dark .subtitle strong { + color: #f5f5f5 +} + +@media screen and (max-width: 1087px) { + .hero.is-dark .navbar-menu { + background-color: #150101 + } +} + +.hero.is-dark .navbar-item, .hero.is-dark .navbar-link { + color: rgba(245, 245, 245, .7) +} + +.hero.is-dark .navbar-link.is-active, .hero.is-dark .navbar-link:hover, .hero.is-dark a.navbar-item.is-active, .hero.is-dark a.navbar-item:hover { + background-color: #292929; + color: #f5f5f5 +} + +.hero.is-dark .tabs a { + color: #f5f5f5; + opacity: 1 +} + +.hero.is-dark .tabs a:hover { + opacity: 1 +} + +.hero.is-dark .tabs li.is-active a { + opacity: 1 +} + +.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { + color: #f5f5f5 +} + +.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, .1) +} + +.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { + background-color: #f5f5f5; + border-color: #f5f5f5; + color: #150101 +} + +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, #1f191a 0, #150101 71%, #46403f 100%) +} + +@media screen and (max-width: 768px) { + .hero.is-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1f191a 0, #150101 71%, #46403f 100%) + } +} + +.hero.is-primary { + background-color: #038674; + color: #fff +} + +.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag), .hero.is-primary strong { + color: inherit +} + +.hero.is-primary .title { + color: #fff +} + +.hero.is-primary .subtitle { + color: rgb(255, 255, 255) +} + +.hero.is-primary .subtitle a:not(.button), .hero.is-primary .subtitle strong { + color: #fff +} + +@media screen and (max-width: 1087px) { + .hero.is-primary .navbar-menu { + background-color: #038674 + } +} + +.hero.is-primary .navbar-item, .hero.is-primary .navbar-link { + color: rgba(255, 255, 255, .7) +} + +.hero.is-primary .navbar-link.is-active, .hero.is-primary .navbar-link:hover, .hero.is-primary a.navbar-item.is-active, .hero.is-primary a.navbar-item:hover { + background-color: #00b89c; + color: #fff +} + +.hero.is-primary .tabs a { + color: #fff; + opacity: 1 +} + +.hero.is-primary .tabs a:hover { + opacity: 1 +} + +.hero.is-primary .tabs li.is-active a { + opacity: 1 +} + +.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { + color: #fff +} + +.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, .1) +} + +.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #038674 +} + +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, #009e6c 0, #038674 71%, #00e7eb 100%) +} + +@media screen and (max-width: 768px) { + .hero.is-primary.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #009e6c 0, #038674 71%, #00e7eb 100%) + } +} + +.hero.is-link { + background-color: #316EE3; + color: #fff +} + +.hero.is-link a:not(.button):not(.dropdown-item):not(.tag), .hero.is-link strong { + color: inherit +} + +.hero.is-link .title { + color: #fff +} + +.hero.is-link .subtitle { + color: rgb(255, 255, 255) +} + +.hero.is-link .subtitle a:not(.button), .hero.is-link .subtitle strong { + color: #fff +} + +@media screen and (max-width: 1087px) { + .hero.is-link .navbar-menu { + background-color: #316EE3 + } +} + +.hero.is-link .navbar-item, .hero.is-link .navbar-link { + color: rgba(255, 255, 255, .7) +} + +.hero.is-link .navbar-link.is-active, .hero.is-link .navbar-link:hover, .hero.is-link a.navbar-item.is-active, .hero.is-link a.navbar-item:hover { + background-color: #2366d1; + color: #fff +} + +.hero.is-link .tabs a { + color: #fff; + opacity: 1 +} + +.hero.is-link .tabs a:hover { + opacity: 1 +} + +.hero.is-link .tabs li.is-active a { + opacity: 1 +} + +.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { + color: #fff +} + +.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, .1) +} + +.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #316EE3 +} + +.hero.is-link.is-bold { + background-image: linear-gradient(141deg, #1577c6 0, #316EE3 71%, #4366e5 100%) +} + +@media screen and (max-width: 768px) { + .hero.is-link.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1577c6 0, #316EE3 71%, #4366e5 100%) + } +} + +.hero.is-info { + background-color: #206cee; + color: #fff +} + +.hero.is-info a:not(.button):not(.dropdown-item):not(.tag), .hero.is-info strong { + color: inherit +} + +.hero.is-info .title { + color: #fff +} + +.hero.is-info .subtitle { + color: rgb(255, 255, 255) +} + +.hero.is-info .subtitle a:not(.button), .hero.is-info .subtitle strong { + color: #fff +} + +@media screen and (max-width: 1087px) { + .hero.is-info .navbar-menu { + background-color: #206cee + } +} + +.hero.is-info .navbar-item, .hero.is-info .navbar-link { + color: rgba(255, 255, 255, .7) +} + +.hero.is-info .navbar-link.is-active, .hero.is-info .navbar-link:hover, .hero.is-info a.navbar-item.is-active, .hero.is-info a.navbar-item:hover { + background-color: #118fe4; + color: #fff +} + +.hero.is-info .tabs a { + color: #fff; + opacity: 1 +} + +.hero.is-info .tabs a:hover { + opacity: 1 +} + +.hero.is-info .tabs li.is-active a { + opacity: 1 +} + +.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { + color: #fff +} + +.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, .1) +} + +.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #206cee +} + +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, #04a6d7 0, #206cee 71%, #3287f5 100%) +} + +@media screen and (max-width: 768px) { + .hero.is-info.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #04a6d7 0, #206cee 71%, #3287f5 100%) + } +} + +.hero.is-success { + background-color: #228841; + color: #fff +} + +.hero.is-success a:not(.button):not(.dropdown-item):not(.tag), .hero.is-success strong { + color: inherit +} + +.hero.is-success .title { + color: #fff +} + +.hero.is-success .subtitle { + color: rgb(255, 255, 255) +} + +.hero.is-success .subtitle a:not(.button), .hero.is-success .subtitle strong { + color: #fff +} + +@media screen and (max-width: 1087px) { + .hero.is-success .navbar-menu { + background-color: #228841 + } +} + +.hero.is-success .navbar-item, .hero.is-success .navbar-link { + color: rgba(255, 255, 255, .7) +} + +.hero.is-success .navbar-link.is-active, .hero.is-success .navbar-link:hover, .hero.is-success a.navbar-item.is-active, .hero.is-success a.navbar-item:hover { + background-color: #20bc56; + color: #fff +} + +.hero.is-success .tabs a { + color: #fff; + opacity: 1 +} + +.hero.is-success .tabs a:hover { + opacity: 1 +} + +.hero.is-success .tabs li.is-active a { + opacity: 1 +} + +.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { + color: #fff +} + +.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, .1) +} + +.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #228841 +} + +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, #12af2f 0, #228841 71%, #2ce28a 100%) +} + +@media screen and (max-width: 768px) { + .hero.is-success.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #12af2f 0, #228841 71%, #2ce28a 100%) + } +} + +.hero.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, .7) +} + +.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag), .hero.is-warning strong { + color: inherit +} + +.hero.is-warning .title { + color: rgba(0, 0, 0, .7) +} + +.hero.is-warning .subtitle { + color: rgba(0, 0, 0, 1) +} + +.hero.is-warning .subtitle a:not(.button), .hero.is-warning .subtitle strong { + color: rgba(0, 0, 0, .7) +} + +@media screen and (max-width: 1087px) { + .hero.is-warning .navbar-menu { + background-color: #ffdd57 + } +} + +.hero.is-warning .navbar-item, .hero.is-warning .navbar-link { + color: rgba(0, 0, 0, .7) +} + +.hero.is-warning .navbar-link.is-active, .hero.is-warning .navbar-link:hover, .hero.is-warning a.navbar-item.is-active, .hero.is-warning a.navbar-item:hover { + background-color: #ffd83d; + color: rgba(0, 0, 0, .7) +} + +.hero.is-warning .tabs a { + color: rgba(0, 0, 0, .7); + opacity: 1 +} + +.hero.is-warning .tabs a:hover { + opacity: 1 +} + +.hero.is-warning .tabs li.is-active a { + opacity: 1 +} + +.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { + color: rgba(0, 0, 0, .7) +} + +.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, .1) +} + +.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { + background-color: rgba(0, 0, 0, .7); + border-color: rgba(0, 0, 0, .7); + color: #ffdd57 +} + +.hero.is-warning.is-bold { + background-image: linear-gradient(141deg, #ffaf24 0, #ffdd57 71%, #fffa70 100%) +} + +@media screen and (max-width: 768px) { + .hero.is-warning.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #ffaf24 0, #ffdd57 71%, #fffa70 100%) + } +} + +.hero.is-danger { + background-color: #EE0125; + color: #fff +} + +.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag), .hero.is-danger strong { + color: inherit +} + +.hero.is-danger .title { + color: #fff +} + +.hero.is-danger .subtitle { + color: rgb(255, 255, 255) +} + +.hero.is-danger .subtitle a:not(.button), .hero.is-danger .subtitle strong { + color: #fff +} + +@media screen and (max-width: 1087px) { + .hero.is-danger .navbar-menu { + background-color: #EE0125 + } +} + +.hero.is-danger .navbar-item, .hero.is-danger .navbar-link { + color: rgba(255, 255, 255, .7) +} + +.hero.is-danger .navbar-link.is-active, .hero.is-danger .navbar-link:hover, .hero.is-danger a.navbar-item.is-active, .hero.is-danger a.navbar-item:hover { + background-color: #ff1f4b; + color: #fff +} + +.hero.is-danger .tabs a { + color: #fff; + opacity: 1 +} + +.hero.is-danger .tabs a:hover { + opacity: 1 +} + +.hero.is-danger .tabs li.is-active a { + opacity: 1 +} + +.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { + color: #fff +} + +.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { + background-color: rgba(10, 10, 10, .1) +} + +.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { + background-color: #fff; + border-color: #fff; + color: #EE0125 +} + +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, #ff0561 0, #EE0125 71%, #ff5257 100%) +} + +@media screen and (max-width: 768px) { + .hero.is-danger.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #ff0561 0, #EE0125 71%, #ff5257 100%) + } +} + +.hero.is-small .hero-body { + padding-bottom: 1.5rem; + padding-top: 1.5rem +} + +@media screen and (min-width: 769px), print { + .hero.is-medium .hero-body { + padding-bottom: 9rem; + padding-top: 9rem + } +} + +@media screen and (min-width: 769px), print { + .hero.is-large .hero-body { + padding-bottom: 18rem; + padding-top: 18rem + } +} + +.hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body, .hero.is-halfheight .hero-body { + align-items: center; + display: flex +} + +.hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container, .hero.is-halfheight .hero-body > .container { + flex-grow: 1; + flex-shrink: 1 +} + +.hero.is-halfheight { + min-height: 50vh +} + +.hero.is-fullheight { + min-height: 100vh +} + +.hero.is-fullheight-with-navbar { + min-height: calc(100vh - 3.25rem) +} + +.hero-video { + overflow: hidden +} + +.hero-video video { + left: 50%; + min-height: 100%; + min-width: 100%; + position: absolute; + top: 50%; + -webkit-transform: translate3d(-50%, -50%, 0); + transform: translate3d(-50%, -50%, 0) +} + +.hero-video.is-transparent { + opacity: .3 +} + +@media screen and (max-width: 768px) { + .hero-video { + display: none + } +} + +.hero-buttons { + margin-top: 1.5rem +} + +@media screen and (max-width: 768px) { + .hero-buttons .button { + display: flex + } + + .hero-buttons .button:not(:last-child) { + margin-bottom: .75rem + } +} + +@media screen and (min-width: 769px), print { + .hero-buttons { + display: flex; + justify-content: center + } + + .hero-buttons .button:not(:last-child) { + margin-right: 1.5rem + } +} + +.hero-foot, .hero-head { + flex-grow: 0; + flex-shrink: 0 +} + +.hero-body { + flex-grow: 1; + flex-shrink: 0; + padding: 3rem 1.5rem +} + +.section { + padding: 3rem 1.5rem +} + +@media screen and (min-width: 1088px) { + .section.is-medium { + padding: 9rem 1.5rem + } + + .section.is-large { + padding: 18rem 1.5rem + } +} + +.footer { + background-color: #fafafa; + padding: 3rem 1.5rem 6rem +} \ No newline at end of file diff --git a/css/styles.css b/css/styles.css index 2c89671..62c97bb 100644 --- a/css/styles.css +++ b/css/styles.css @@ -1,3 +1,13 @@ +*:focus { + border-color: unset !important; + box-shadow: unset !important; + outline: black solid 2px !important; +} + +.button.is-info { + background-color: #116fe4 !important; +} + .hero-bg { background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../img/accessibility-hero-banner.jpg") no-repeat center center fixed; @@ -108,7 +118,7 @@ } .button.is-primary.is-alt { - background: linear-gradient(to bottom, #0072ff, #00c6ff); + background: #0175E4; font-weight: 700; font-size: 14px; height: 3rem; diff --git a/index.html b/index.html index fa627dd..867d4a9 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,11 @@ - + + Web Accessibility 2019 Q1 BY - + From 5b548b28156926d6937243987034a5fbaf1a2f28 Mon Sep 17 00:00:00 2001 From: Alena Kharytonchyk Date: Sat, 7 Aug 2021 09:49:08 +0300 Subject: [PATCH 02/10] add git ignore --- .gitignore | 2 ++ 1 file changed, 2 insertions(+) create mode 100644 .gitignore diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3b28318 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.idea +package-lock.json \ No newline at end of file From 205c5691743ba7d2066cf0c88f5861c5954fe2e8 Mon Sep 17 00:00:00 2001 From: Alena Kharytonchyk Date: Sat, 7 Aug 2021 15:48:12 +0300 Subject: [PATCH 03/10] add headings and landmarks --- index.html | 792 ++++++++++++++++++++++++++--------------------------- 1 file changed, 396 insertions(+), 396 deletions(-) diff --git a/index.html b/index.html index 867d4a9..092e3bd 100644 --- a/index.html +++ b/index.html @@ -11,13 +11,13 @@ -
-
+
+
+ -
+
-
We have web accessibility in mind
+

We have web accessibility in mind

Would you like to get the latest news?
@@ -85,459 +85,459 @@
-
- - -
-
-
About Us
-
We of all trades, master of "some"
-
-

Web developers with more than 4 years of well-rounded experience with a degree in the - field of - Computer Science, extensive knowledge of modern Web techniques and love for Coffee. - Looking for an opportunity to work and upgrade, as well as being involved in an organization that - believes - in gaining a competitive edge and giving back to the community.

-
-
- -
-
Hello World
-

Lorem ipsum[1] dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Subscript works as well!

-
Second level
-

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

-
    -
  • - In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • -
  • - Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • -
  • - Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • -
  • - Ut non enim metus.
    • -
-
Third level
-

Quisque ante lacus, malesuada ac auctor vitae, congue non ante. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.

-
    -
  1. Donec blandit a lorem id convallis.
    2. -
  2. Cras gravida arcu at diam gravida gravida.
    3. -
  3. Integer in volutpat libero.
    4. -
  4. Donec a diam tellus.
    5. -
  5. Aenean nec tortor orci.
    6. -
  6. Quisque aliquam cursus urna, non bibendum massa viverra eget.
    7. -
  7. Vivamus maximus ultricies pulvinar.
    8. -
-
Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.
-

Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et justo sodales elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.

-

Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.

-
-
Web
-
The part of the Internet that contains websites and web pages
-
HTML
-
A markup language for creating web pages
-
CSS
-
A technology to make HTML look better
-
-

Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.

-
Fourth level
-

Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.

- 
-          <!DOCTYPE html>
-          <html>
-              <head>
-              <title>Hello World</title>
-              </head>
-              <body>
-              <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
-              Donec viverra nec nulla vitae mollis.</p>
-              </body>
-          </html>
-
-

Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.

- - - - - - - - - - - - - - - - - - - - - - - - - -
HeaderHeader
cellcell
cellcell
cellcell
cellcell
cellcell
-

Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.

-
Fifth level
-

Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.

-
- - - -
- Figure 1: Some beautiful placeholders -
-
-
Sixth level
-

Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.

-
-
- -
-
+ + +
+
-
Three key features
-
We don't hide what we do
+

About Us

+
We of all trades, master of "some"
+
+

Web developers with more than 4 years of well-rounded experience with a degree in the + field of + Computer Science, extensive knowledge of modern Web techniques and love for Coffee. + Looking for an opportunity to work and upgrade, as well as being involved in an organization that + believes + in gaining a competitive edge and giving back to the community.

+
-
-
-
-
- -
-
-
-
Tristique senectus et netus et.
-

Purus semper eget duis at tellus at urna condimentum mattis. Non blandit massa enim nec. Integer enim neque volutpat ac tincidunt vitae semper quis. Accumsan tortor posuere ac ut consequat semper viverra nam.

-

Learn more

-
-
-
-
+
+
Hello World
+

Lorem ipsum[1] dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Subscript works as well!

+

Second level

+

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

+
    +
  • - In fermentum leo eu lectus mollis, quis dictum mi aliquet.
    • +
  • - Morbi eu nulla lobortis, lobortis est in, fringilla felis.
    • +
  • - Aliquam nec felis in sapien venenatis viverra fermentum nec lectus.
    • +
  • - Ut non enim metus.
    • +
+

Third level

+

Quisque ante lacus, malesuada ac auctor vitae, congue non ante. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.

+
    +
  1. Donec blandit a lorem id convallis.
    2. +
  2. Cras gravida arcu at diam gravida gravida.
    3. +
  3. Integer in volutpat libero.
    4. +
  4. Donec a diam tellus.
    5. +
  5. Aenean nec tortor orci.
    6. +
  6. Quisque aliquam cursus urna, non bibendum massa viverra eget.
    7. +
  7. Vivamus maximus ultricies pulvinar.
    8. +
+
Ut venenatis, nisl scelerisque sollicitudin fermentum, quam libero hendrerit ipsum, ut blandit est tellus sit amet turpis.
+

Quisque at semper enim, eu hendrerit odio. Etiam auctor nisl et justo sodales elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.

+

Sed sagittis enim ac tortor maximus rutrum. Nulla facilisi. Donec mattis vulputate risus in luctus. Maecenas vestibulum interdum commodo.

+
+
Web
+
The part of the Internet that contains websites and web pages
+
HTML
+
A markup language for creating web pages
+
CSS
+
A technology to make HTML look better
+
+

Suspendisse egestas sapien non felis placerat elementum. Morbi tortor nisl, suscipit sed mi sit amet, mollis malesuada nulla. Nulla facilisi. Nullam ac erat ante.

+

Fourth level

+

Nulla efficitur eleifend nisi, sit amet bibendum sapien fringilla ac. Mauris euismod metus a tellus laoreet, at elementum ex efficitur.

+ 
+            <!DOCTYPE html>
+            <html>
+                <head>
+                <title>Hello World</title>
+                </head>
+                <body>
+                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                Donec viverra nec nulla vitae mollis.</p>
+                </body>
+            </html>
+
+

Maecenas eleifend sollicitudin dui, faucibus sollicitudin augue cursus non. Ut finibus eleifend arcu ut vehicula. Mauris eu est maximus est porta condimentum in eu justo. Nulla id iaculis sapien.

+ + + + + + + + + + + + + + + + + + + + + + + + + +
HeaderHeader
cellcell
cellcell
cellcell
cellcell
cellcell
+

Phasellus porttitor enim id metus volutpat ultricies. Ut nisi nunc, blandit sed dapibus at, vestibulum in felis. Etiam iaculis lorem ac nibh bibendum rhoncus. Nam interdum efficitur ligula sit amet ullamcorper. Etiam tristique, leo vitae porta faucibus, mi lacus laoreet metus, at cursus leo est vel tellus. Sed ac posuere est. Nunc ultricies nunc neque, vitae ultricies ex sodales quis. Aliquam eu nibh in libero accumsan pulvinar. Nullam nec nisl placerat, pretium metus vel, euismod ipsum. Proin tempor cursus nisl vel condimentum. Nam pharetra varius metus non pellentesque.

+
Fifth level
+

Aliquam sagittis rhoncus vulputate. Cras non luctus sem, sed tincidunt ligula. Vestibulum at nunc elit. Praesent aliquet ligula mi, in luctus elit volutpat porta. Phasellus molestie diam vel nisi sodales, a eleifend augue laoreet. Sed nec eleifend justo. Nam et sollicitudin odio.

+
+ forest + hands + christmas toys +
+ Figure 1: Some beautiful placeholders +
+
+
Sixth level
+

Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.

+
+
-
-
-
- -
-
-
-
Tempor orci dapibus ultrices in.
-

Ut venenatis tellus in metus vulputate. Amet consectetur adipiscing elit pellentesque. Sed arcu non odio euismod lacinia at quis risus. Faucibus turpis in eu mi bibendum neque egestas cmonsu songue. Phasellus vestibulum lorem - sed risus.

-

Learn more

-
-
-
+
+
+
+

Three key features

+
We don't hide what we do
-
-
-
- -
-
-
-
Leo integer malesuada nunc vel risus.
-

Imperdiet dui accumsan sit amet nulla facilisi morbi. Fusce ut placerat orci nulla pellentesque dignissim enim. Libero id faucibus nisl tincidunt eget nullam. Commodo viverra maecenas accumsan lacus vel facilisis.

-

Learn more

-
-
-
-
-
-
-
- -
-
-
-
List of topics
-
We are always in touch we the outside world
-
-
- -
- -
-
-
-
+
-
-
-
- -
+
+
+
-
Click on image above
+
Tristique senectus et netus et.

Purus semper eget duis at tellus at urna condimentum mattis. Non blandit massa enim nec. Integer enim neque volutpat ac tincidunt vitae semper quis. Accumsan tortor posuere ac ut consequat semper viverra nam.

- Image modal +

Learn more

+
-
-
-
- -
+
+
+
Tempor orci dapibus ultrices in.

Ut venenatis tellus in metus vulputate. Amet consectetur adipiscing elit pellentesque. Sed arcu non odio euismod lacinia at quis risus. Faucibus turpis in eu mi bibendum neque egestas cmonsu songue. Phasellus vestibulum lorem sed risus.

- Modal Card +

Learn more

-
-
-
-
- -
+ +
+
+
+
-
Click anywhere on card
+
Leo integer malesuada nunc vel risus.

Imperdiet dui accumsan sit amet nulla facilisi morbi. Fusce ut placerat orci nulla pellentesque dignissim enim. Libero id faucibus nisl tincidunt eget nullam. Commodo viverra maecenas accumsan lacus vel facilisis.

- Image modal +

Learn more

-
+ -
-
-
-
-
- -
-
-
-

- Dominic Ipsum -
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. -

+
+
+
+

List of topics

+
We are always in touch we the outside world
+
+
+ +
+ +
+
+
+
+
+
+
+
+ gamepad +
+
+
+
+
Click on image above
+

Purus semper eget duis at tellus at urna condimentum mattis. Non blandit massa enim nec. Integer enim neque volutpat ac tincidunt vitae semper quis. Accumsan tortor posuere ac ut consequat semper viverra nam.

+ Image modal +
+
-
-
-
- +
+
+
+
+ relax near the sea +
+
+
+
+
Tempor orci dapibus ultrices in.
+

Ut venenatis tellus in metus vulputate. Amet consectetur adipiscing elit pellentesque. Sed arcu non odio euismod lacinia at quis risus. Faucibus turpis in eu mi bibendum neque egestas cmonsu songue. Phasellus vestibulum lorem + sed risus.

+ Modal Card +
+
+
-
-
-

- Cassie Ipsum -
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. -

+
+
+
+
+ rainbow in the sunrise +
+
+
+
+
Click anywhere on card
+

Imperdiet dui accumsan sit amet nulla facilisi morbi. Fusce ut placerat orci nulla pellentesque dignissim enim. Libero id faucibus nisl tincidunt eget nullam. Commodo viverra maecenas accumsan lacus vel facilisis.

+ Image modal +
+
-
-
-
- +
+ +
+
+
+
+
+ +
+
+
+

+ Dominic Ipsum +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. +

+
+
-
-
-

- Avery Ipsum -
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. -

+
+
+ +
+
+
+

+ Cassie Ipsum +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. +

+
-
-
- +
+
+
+ +
+
+
+

+ Avery Ipsum +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. +

+
+
-
-
-

- io Ipsum -
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. -

+
+
+ +
+
+
+

+ io Ipsum +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean efficitur sit amet massa fringilla egestas. Nullam condimentum luctus turpis. +

+
-
-
-
-
-
Inspired video
-
- +
+
+
+
Inspired video
+
+ +
-
-
-
-
-
Upcoming events
-
Outcoming dates for the best options
-
+
+
+
+

Upcoming events

+
Outcoming dates for the best options
+
-
-
-
-
- +
+
+
+
+ +
+

New York

+

Fri 27 Nov 2016

+ Buy Tickets
-

New York

-

Fri 27 Nov 2016

- Buy Tickets
-
-
-
-
- +
+
+
+ +
+

Los Angeles

+

Fri 27 Nov 2016

+ Buy Tickets
-

Los Angeles

-

Fri 27 Nov 2016

- Buy Tickets
-
-
-
-
- +
+
+
+ +
+

Mexico

+

Fri 27 Nov 2016

+ Buy Tickets
-

Mexico

-

Fri 27 Nov 2016

- Buy Tickets
-
-
-
-
-
- +
+
+
+
+ +
+

Paris

+

Fri 27 Nov 2016

+ Buy Tickets
-

Paris

-

Fri 27 Nov 2016

- Buy Tickets
-
-
-
-
- +
+
+
+ +
+

Minsk

+

Fri 27 Nov 2016

+ Buy Tickets
-

Minsk

-

Fri 27 Nov 2016

- Buy Tickets
-
-
-
-
- +
+
+
+ +
+

London

+

Fri 27 Nov 2016

+ Buy Tickets
-

London

-

Fri 27 Nov 2016

- Buy Tickets
-
-
+
-
-
-
Services
-
What can I do for you?
-
-
-
-
- -
-
Front End Web Development
- Develop Front End using latest standards with HTML5/CSS3 with added funtionality using JavaScript and - Vue.js. -
- -
-
- -
-
Back End Web Development
- Develop Back End application/service using Node.js or ASP .NET and SQL server or Mongo DB databases. -
- -
+
+
+

Services

+
What can I do for you?
- -
-
- -
-
Front End Web Development
- Develop Front End using latest standards with HTML5/CSS3 with added funtionality using JavaScript and - Vue.js. -
- +
+
+
+ +
+
Front End Web Development
+ Develop Front End using latest standards with HTML5/CSS3 with added funtionality using JavaScript and + Vue.js. +
+ +
+
+ +
+
Back End Web Development
+ Develop Back End application/service using Node.js or ASP .NET and SQL server or Mongo DB databases. +
+ +
-
- -
-
Back End Web Development
- Develop Back End application/service using Node.js or ASP .NET and SQL server or Mongo DB databases. -
- + +
+
+ +
+
Front End Web Development
+ Develop Front End using latest standards with HTML5/CSS3 with added funtionality using JavaScript and + Vue.js. +
+ +
+
+ +
+
Back End Web Development
+ Develop Back End application/service using Node.js or ASP .NET and SQL server or Mongo DB databases. +
+ +
-
-
+
-
+
-
Photos from past events
+

Photos from past events

@@ -558,7 +558,7 @@
- + presentation at the conference
@@ -583,7 +583,7 @@
- + searching information on a laptop
@@ -608,7 +608,7 @@
- + phone photo of the conference
@@ -635,7 +635,7 @@
- + people answer questions on the conference stage
@@ -660,7 +660,7 @@
- + interview on the conference
@@ -685,7 +685,7 @@
- + photo of the conference audience
@@ -697,18 +697,17 @@
-
-
+ -
+
-
Forum
-
Discuss any topic with no leaving this page
+

Forum

+
Discuss any topic with no leaving this page
-
+
-
+ +

How do you center a button in a box?

@@ -856,16 +855,16 @@

How to make tiles wrap with CSS?

-
+
-
+ -
+
-
Contact us
-
Don't hesitate, ask anything
+

Contact us

+
Don't hesitate, ask anything
@@ -955,7 +954,8 @@

How to make tiles wrap with CSS?

-
+ + -
+
@@ -1115,7 +1115,7 @@

Components

The source code is licensed MIT.

-
+
@@ -313,7 +359,7 @@

List of topics

Tempor orci dapibus ultrices in.

Ut venenatis tellus in metus vulputate. Amet consectetur adipiscing elit pellentesque. Sed arcu non odio euismod lacinia at quis risus. Faucibus turpis in eu mi bibendum neque egestas cmonsu songue. Phasellus vestibulum lorem sed risus.

- Modal Card +
@@ -329,7 +375,7 @@

List of topics

Click anywhere on card

Imperdiet dui accumsan sit amet nulla facilisi morbi. Fusce ut placerat orci nulla pellentesque dignissim enim. Libero id faucibus nisl tincidunt eget nullam. Commodo viverra maecenas accumsan lacus vel facilisis.

- Image modal +
@@ -411,7 +457,7 @@

List of topics

-
+

Upcoming events

@@ -426,7 +472,7 @@
Outcoming dates for the best options

New York

Fri 27 Nov 2016

- Buy Tickets +
@@ -436,7 +482,7 @@
Outcoming dates for the best options

Los Angeles

Fri 27 Nov 2016

- Buy Tickets +
@@ -446,7 +492,7 @@
Outcoming dates for the best options

Mexico

Fri 27 Nov 2016

- Buy Tickets +
@@ -459,7 +505,7 @@
Outcoming dates for the best options

Paris

Fri 27 Nov 2016

- Buy Tickets +
@@ -469,7 +515,7 @@
Outcoming dates for the best options

Minsk

Fri 27 Nov 2016

- Buy Tickets +
@@ -479,14 +525,14 @@
Outcoming dates for the best options

London

Fri 27 Nov 2016

- Buy Tickets +
-
+

Services

What can I do for you?
@@ -534,7 +580,7 @@
What can I do for you?
-
+

Photos from past events

@@ -699,7 +745,7 @@

Photos from past events

-
+

Forum

@@ -708,7 +754,7 @@
Discuss any topic with no leaving this page
-
+

Contact us

@@ -869,16 +915,14 @@
Don't hesitate, ask anything
- -
- -
+ +
- +
- + @@ -890,9 +934,9 @@
Don't hesitate, ask anything
- +
- + @@ -904,10 +948,10 @@
Don't hesitate, ask anything
- +
- @@ -916,9 +960,9 @@
Don't hesitate, ask anything
- +
- +
@@ -1112,7 +1156,7 @@

Components

-

The source code is licensed MIT.

+

The source code is licensed MIT.

diff --git a/js/custom.js b/js/custom.js index 36a050e..4340566 100644 --- a/js/custom.js +++ b/js/custom.js @@ -13,6 +13,20 @@ document.querySelectorAll("#nav li").forEach(function(navEl) { }; }); +document.querySelector('.dropMenu').addEventListener('keydown', openSkipToMain); +document.querySelector('.dropMenu').addEventListener('keydown', (e)=> { + if(e.keyCode === 27) { + e.target.closest('.dropMenu').querySelector('ul').style.display = "none"; + e.target.closest('.dropMenu').style.height = "0px"; + } +}); + +function openSkipToMain (e) { + if(e.keyCode === 13 || e.keyCode === 32) { + e.target.closest('.dropMenu').querySelector('ul').style.display = "block"; + e.target.closest('.dropMenu').style.height = "auto"; + } +} function toggleTab(selectedNav, targetId) { var navEls = document.querySelectorAll("#nav li"); From 664fc928a4dd36a89a706f989ba0fbd33d60e549 Mon Sep 17 00:00:00 2001 From: Alena Kharytonchyk Date: Sat, 7 Aug 2021 17:42:43 +0300 Subject: [PATCH 05/10] add visually hidden to skip to main --- css/styles.css | 48 ++++++++++++++++++++++++++++++++++++++---------- index.html | 12 +++++++++--- js/custom.js | 2 +- 3 files changed, 48 insertions(+), 14 deletions(-) diff --git a/css/styles.css b/css/styles.css index 4c02155..24a0fba 100644 --- a/css/styles.css +++ b/css/styles.css @@ -187,20 +187,10 @@ li { background-size: contain; } -.dropMenu { - position: absolute; - height: 0; -} - .dropMenu .dropMenu-toggle { background-color: white; color: black; font-weight: bold; - opacity: 0; -} - -.dropMenu .dropMenu-toggle:focus { - opacity: 1; } .dropMenu-menu { @@ -213,4 +203,42 @@ li { .open-in-new-window::after { content: '>>'; +} + +.breadcrumbs { + background-color: white; + padding: 10px; +} + +.breadcrumbs ul { + display: flex; +} + +.breadcrumbs ul a { + color: black; + font-weight: bold; +} + +.breadcrumbs ul a:hover { + text-decoration: underline; +} + +.breadcrumbs ul a:first-child { + margin-right: 10px; +} + +.visually-hidden { + position: absolute; + clip: rect(0 0 0 0); + height: 1px; + width: 1px; + overflow: hidden; + padding: 0; + border: 0; +} + +.visually-hidden:focus { + height: auto; + width: auto; + clip: auto; } \ No newline at end of file diff --git a/index.html b/index.html index 31b2e3f..cfe977a 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@
-
-
+
+ +
+

We have web accessibility in mind

@@ -127,7 +133,7 @@

We have web accessibility in mind

-
+
diff --git a/js/custom.js b/js/custom.js index 4340566..b0ae76b 100644 --- a/js/custom.js +++ b/js/custom.js @@ -22,9 +22,9 @@ document.querySelector('.dropMenu').addEventListener('keydown', (e)=> { }); function openSkipToMain (e) { + console.log(e, e.target) if(e.keyCode === 13 || e.keyCode === 32) { e.target.closest('.dropMenu').querySelector('ul').style.display = "block"; - e.target.closest('.dropMenu').style.height = "auto"; } } function toggleTab(selectedNav, targetId) { From dc369088ba62eb2df2d79db76704353904c3d64a Mon Sep 17 00:00:00 2001 From: Alena Kharytonchyk Date: Sat, 7 Aug 2021 18:12:55 +0300 Subject: [PATCH 06/10] add target to links --- index.html | 108 +++++++++++++++++++++++++-------------------------- js/custom.js | 18 +++++++-- 2 files changed, 68 insertions(+), 58 deletions(-) diff --git a/index.html b/index.html index cfe977a..be90571 100644 --- a/index.html +++ b/index.html @@ -152,7 +152,7 @@
We of all trades, master of "some"
Hello World
-

Lorem ipsum[1] dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Subscript works as well!

+

Lorem ipsum[1] dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Subscript works as well!

Second level

Curabitur accumsan turpis pharetra augue tincidunt blandit. Quisque condimentum maximus mi, sit amet commodo arcu rutrum id. Proin pretium urna vel cursus venenatis. Suspendisse potenti. Etiam mattis sem rhoncus lacus dapibus facilisis. Donec at dignissim dui. Ut et neque nisl.

    @@ -162,7 +162,7 @@

    Second level

  • - Ut non enim metus.

Third level

-

Quisque ante lacus, malesuada ac auctor vitae, congue non ante. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.

+

Quisque ante lacus, malesuada ac auctor vitae, congue non ante. Phasellus lacus ex, semper ac tortor nec, fringilla condimentum orci. Fusce eu rutrum tellus.

  1. Donec blandit a lorem id convallis.
  2. Cras gravida arcu at diam gravida gravida.
    3. @@ -262,7 +262,7 @@
    We don't hide what we do
    Tristique senectus et netus et.

    Purus semper eget duis at tellus at urna condimentum mattis. Non blandit massa enim nec. Integer enim neque volutpat ac tincidunt vitae semper quis. Accumsan tortor posuere ac ut consequat semper viverra nam.

    -

    Learn more

    +

    Learn more

@@ -278,7 +278,7 @@
We don't hide what we do
Tempor orci dapibus ultrices in.

Ut venenatis tellus in metus vulputate. Amet consectetur adipiscing elit pellentesque. Sed arcu non odio euismod lacinia at quis risus. Faucibus turpis in eu mi bibendum neque egestas cmonsu songue. Phasellus vestibulum lorem sed risus.

-

Learn more

+

Learn more

@@ -293,7 +293,7 @@
We don't hide what we do
Leo integer malesuada nunc vel risus.

Imperdiet dui accumsan sit amet nulla facilisi morbi. Fusce ut placerat orci nulla pellentesque dignissim enim. Libero id faucibus nisl tincidunt eget nullam. Commodo viverra maecenas accumsan lacus vel facilisis.

-

Learn more

+

Learn more

@@ -311,20 +311,20 @@

List of topics