diff --git a/assets/css/app.css b/assets/css/app.css index 19c2e51..4ba3039 100644 --- a/assets/css/app.css +++ b/assets/css/app.css @@ -1,6 +1,4 @@ /* This file is for your main application CSS */ -@import "./phoenix.css"; - /* Alerts and form errors used by phx.new */ .alert { padding: 15px; diff --git a/assets/css/bulma.min.css b/assets/css/bulma.min.css new file mode 100644 index 0000000..753b276 --- /dev/null +++ b/assets/css/bulma.min.css @@ -0,0 +1,12017 @@ +/*! bulma.io v0.8.0 | MIT License | github.com/jgthms/bulma */ +@-webkit-keyframes spinAround { + from { + transform: rotate(0) + } + + to { + transform: rotate(359deg) + } +} + +@keyframes spinAround { + from { + transform: rotate(0) + } + + to { + 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%; + transform: rotate(-45deg); + 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), +.pagination:not(:last-child), +.progress:not(:last-child), +.subtitle:not(:last-child), +.table-container:not(:last-child), +.table:not(:last-child), +.tabs:not(:last-child), +.title:not(:last-child) { + margin-bottom: 1.5rem +} + +.delete, +.modal-close { + -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%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center +} + +.delete::before, +.modal-close::before { + height: 2px; + width: 50% +} + +.delete::after, +.modal-close::after { + height: 50%; + width: 2px +} + +.delete:focus, +.delete:hover, +.modal-close:focus, +.modal-close:hover { + background-color: 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 .has-ratio, +.image.is-16by9 img, +.image.is-1by1 .has-ratio, +.image.is-1by1 img, +.image.is-1by2 .has-ratio, +.image.is-1by2 img, +.image.is-1by3 .has-ratio, +.image.is-1by3 img, +.image.is-2by1 .has-ratio, +.image.is-2by1 img, +.image.is-2by3 .has-ratio, +.image.is-2by3 img, +.image.is-3by1 .has-ratio, +.image.is-3by1 img, +.image.is-3by2 .has-ratio, +.image.is-3by2 img, +.image.is-3by4 .has-ratio, +.image.is-3by4 img, +.image.is-3by5 .has-ratio, +.image.is-3by5 img, +.image.is-4by3 .has-ratio, +.image.is-4by3 img, +.image.is-4by5 .has-ratio, +.image.is-4by5 img, +.image.is-5by3 .has-ratio, +.image.is-5by3 img, +.image.is-5by4 .has-ratio, +.image.is-5by4 img, +.image.is-9by16 .has-ratio, +.image.is-9by16 img, +.image.is-square .has-ratio, +.image.is-square img, +.is-overlay, +.modal, +.modal-background { + bottom: 0; + left: 0; + position: absolute; + right: 0; + top: 0 +} + +.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.5em; + justify-content: flex-start; + line-height: 1.5; + padding-bottom: calc(.5em - 1px); + padding-left: calc(.75em - 1px); + padding-right: calc(.75em - 1px); + padding-top: calc(.5em - 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 fieldset[disabled] select, +.select select[disabled], +.textarea[disabled], +fieldset[disabled] .button, +fieldset[disabled] .file-cta, +fieldset[disabled] .file-name, +fieldset[disabled] .input, +fieldset[disabled] .pagination-ellipsis, +fieldset[disabled] .pagination-link, +fieldset[disabled] .pagination-next, +fieldset[disabled] .pagination-previous, +fieldset[disabled] .select select, +fieldset[disabled] .textarea { + cursor: not-allowed +} + +/*! minireset.css v0.0.6 | 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 +} + +button, +input, +select, +textarea { + margin: 0 +} + +html { + box-sizing: border-box +} + +*, +::after, +::before { + box-sizing: inherit +} + +img, +video { + height: auto; + max-width: 100% +} + +iframe { + border: 0 +} + +table { + border-collapse: collapse; + border-spacing: 0 +} + +td, +th { + padding: 0 +} + +td:not([align]), +th:not([align]) { + text-align: 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: #4a4a4a; + font-size: 1em; + font-weight: 400; + line-height: 1.5 +} + +a { + cursor: pointer; + text-decoration: none +} + +code { + background-color: #f5f5f5; + color: #f14668; + 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 { + font-weight: 700 +} + +fieldset { + border: none +} + +pre { + -webkit-overflow-scrolling: touch; + background-color: #f5f5f5; + color: #4a4a4a; + 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 { + vertical-align: top +} + +table td:not([align]), +table th:not([align]) { + text-align: left +} + +table th { + color: #363636 +} + +.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:1023px) { + .is-size-1-touch { + font-size: 3rem !important + } + + .is-size-2-touch { + font-size: 2.5rem !important + } + + .is-size-3-touch { + font-size: 2rem !important + } + + .is-size-4-touch { + font-size: 1.5rem !important + } + + .is-size-5-touch { + font-size: 1.25rem !important + } + + .is-size-6-touch { + font-size: 1rem !important + } + + .is-size-7-touch { + font-size: .75rem !important + } +} + +@media screen and (min-width:1024px) { + .is-size-1-desktop { + font-size: 3rem !important + } + + .is-size-2-desktop { + font-size: 2.5rem !important + } + + .is-size-3-desktop { + font-size: 2rem !important + } + + .is-size-4-desktop { + font-size: 1.5rem !important + } + + .is-size-5-desktop { + font-size: 1.25rem !important + } + + .is-size-6-desktop { + font-size: 1rem !important + } + + .is-size-7-desktop { + font-size: .75rem !important + } +} + +@media screen and (min-width:1216px) { + .is-size-1-widescreen { + font-size: 3rem !important + } + + .is-size-2-widescreen { + font-size: 2.5rem !important + } + + .is-size-3-widescreen { + font-size: 2rem !important + } + + .is-size-4-widescreen { + font-size: 1.5rem !important + } + + .is-size-5-widescreen { + font-size: 1.25rem !important + } + + .is-size-6-widescreen { + font-size: 1rem !important + } + + .is-size-7-widescreen { + font-size: .75rem !important + } +} + +@media screen and (min-width:1408px) { + .is-size-1-fullhd { + font-size: 3rem !important + } + + .is-size-2-fullhd { + font-size: 2.5rem !important + } + + .is-size-3-fullhd { + font-size: 2rem !important + } + + .is-size-4-fullhd { + font-size: 1.5rem !important + } + + .is-size-5-fullhd { + font-size: 1.25rem !important + } + + .is-size-6-fullhd { + font-size: 1rem !important + } + + .is-size-7-fullhd { + font-size: .75rem !important + } +} + +.has-text-centered { + text-align: center !important +} + +.has-text-justified { + text-align: justify !important +} + +.has-text-left { + text-align: left !important +} + +.has-text-right { + text-align: right !important +} + +@media screen and (max-width:768px) { + .has-text-centered-mobile { + text-align: center !important + } +} + +@media screen and (min-width:769px), +print { + .has-text-centered-tablet { + text-align: center !important + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .has-text-centered-tablet-only { + text-align: center !important + } +} + +@media screen and (max-width:1023px) { + .has-text-centered-touch { + text-align: center !important + } +} + +@media screen and (min-width:1024px) { + .has-text-centered-desktop { + text-align: center !important + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .has-text-centered-desktop-only { + text-align: center !important + } +} + +@media screen and (min-width:1216px) { + .has-text-centered-widescreen { + text-align: center !important + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .has-text-centered-widescreen-only { + text-align: center !important + } +} + +@media screen and (min-width:1408px) { + .has-text-centered-fullhd { + text-align: center !important + } +} + +@media screen and (max-width:768px) { + .has-text-justified-mobile { + text-align: justify !important + } +} + +@media screen and (min-width:769px), +print { + .has-text-justified-tablet { + text-align: justify !important + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .has-text-justified-tablet-only { + text-align: justify !important + } +} + +@media screen and (max-width:1023px) { + .has-text-justified-touch { + text-align: justify !important + } +} + +@media screen and (min-width:1024px) { + .has-text-justified-desktop { + text-align: justify !important + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .has-text-justified-desktop-only { + text-align: justify !important + } +} + +@media screen and (min-width:1216px) { + .has-text-justified-widescreen { + text-align: justify !important + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .has-text-justified-widescreen-only { + text-align: justify !important + } +} + +@media screen and (min-width:1408px) { + .has-text-justified-fullhd { + text-align: justify !important + } +} + +@media screen and (max-width:768px) { + .has-text-left-mobile { + text-align: left !important + } +} + +@media screen and (min-width:769px), +print { + .has-text-left-tablet { + text-align: left !important + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .has-text-left-tablet-only { + text-align: left !important + } +} + +@media screen and (max-width:1023px) { + .has-text-left-touch { + text-align: left !important + } +} + +@media screen and (min-width:1024px) { + .has-text-left-desktop { + text-align: left !important + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .has-text-left-desktop-only { + text-align: left !important + } +} + +@media screen and (min-width:1216px) { + .has-text-left-widescreen { + text-align: left !important + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .has-text-left-widescreen-only { + text-align: left !important + } +} + +@media screen and (min-width:1408px) { + .has-text-left-fullhd { + text-align: left !important + } +} + +@media screen and (max-width:768px) { + .has-text-right-mobile { + text-align: right !important + } +} + +@media screen and (min-width:769px), +print { + .has-text-right-tablet { + text-align: right !important + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .has-text-right-tablet-only { + text-align: right !important + } +} + +@media screen and (max-width:1023px) { + .has-text-right-touch { + text-align: right !important + } +} + +@media screen and (min-width:1024px) { + .has-text-right-desktop { + text-align: right !important + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .has-text-right-desktop-only { + text-align: right !important + } +} + +@media screen and (min-width:1216px) { + .has-text-right-widescreen { + text-align: right !important + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .has-text-right-widescreen-only { + text-align: right !important + } +} + +@media screen and (min-width:1408px) { + .has-text-right-fullhd { + text-align: right !important + } +} + +.is-capitalized { + text-transform: capitalize !important +} + +.is-lowercase { + text-transform: lowercase !important +} + +.is-uppercase { + text-transform: uppercase !important +} + +.is-italic { + font-style: italic !important +} + +.has-text-white { + color: #fff !important +} + +a.has-text-white:focus, +a.has-text-white:hover { + color: #e6e6e6 !important +} + +.has-background-white { + background-color: #fff !important +} + +.has-text-black { + color: #0a0a0a !important +} + +a.has-text-black:focus, +a.has-text-black:hover { + color: #000 !important +} + +.has-background-black { + background-color: #0a0a0a !important +} + +.has-text-light { + color: #f5f5f5 !important +} + +a.has-text-light:focus, +a.has-text-light:hover { + color: #dbdbdb !important +} + +.has-background-light { + background-color: #f5f5f5 !important +} + +.has-text-dark { + color: #363636 !important +} + +a.has-text-dark:focus, +a.has-text-dark:hover { + color: #1c1c1c !important +} + +.has-background-dark { + background-color: #363636 !important +} + +.has-text-primary { + color: #00d1b2 !important +} + +a.has-text-primary:focus, +a.has-text-primary:hover { + color: #009e86 !important +} + +.has-background-primary { + background-color: #00d1b2 !important +} + +.has-text-link { + color: #3273dc !important +} + +a.has-text-link:focus, +a.has-text-link:hover { + color: #205bbc !important +} + +.has-background-link { + background-color: #3273dc !important +} + +.has-text-info { + color: #3298dc !important +} + +a.has-text-info:focus, +a.has-text-info:hover { + color: #207dbc !important +} + +.has-background-info { + background-color: #3298dc !important +} + +.has-text-success { + color: #48c774 !important +} + +a.has-text-success:focus, +a.has-text-success:hover { + color: #34a85c !important +} + +.has-background-success { + background-color: #48c774 !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: #f14668 !important +} + +a.has-text-danger:focus, +a.has-text-danger:hover { + color: #ee1742 !important +} + +.has-background-danger { + background-color: #f14668 !important +} + +.has-text-black-bis { + color: #121212 !important +} + +.has-background-black-bis { + background-color: #121212 !important +} + +.has-text-black-ter { + color: #242424 !important +} + +.has-background-black-ter { + background-color: #242424 !important +} + +.has-text-grey-darker { + color: #363636 !important +} + +.has-background-grey-darker { + background-color: #363636 !important +} + +.has-text-grey-dark { + color: #4a4a4a !important +} + +.has-background-grey-dark { + background-color: #4a4a4a !important +} + +.has-text-grey { + color: #7a7a7a !important +} + +.has-background-grey { + background-color: #7a7a7a !important +} + +.has-text-grey-light { + color: #b5b5b5 !important +} + +.has-background-grey-light { + background-color: #b5b5b5 !important +} + +.has-text-grey-lighter { + color: #dbdbdb !important +} + +.has-background-grey-lighter { + background-color: #dbdbdb !important +} + +.has-text-white-ter { + color: #f5f5f5 !important +} + +.has-background-white-ter { + background-color: #f5f5f5 !important +} + +.has-text-white-bis { + color: #fafafa !important +} + +.has-background-white-bis { + background-color: #fafafa !important +} + +.has-text-weight-light { + font-weight: 300 !important +} + +.has-text-weight-normal { + font-weight: 400 !important +} + +.has-text-weight-medium { + font-weight: 500 !important +} + +.has-text-weight-semibold { + font-weight: 600 !important +} + +.has-text-weight-bold { + font-weight: 700 !important +} + +.is-family-primary { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important +} + +.is-family-secondary { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important +} + +.is-family-sans-serif { + font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica, Arial, sans-serif !important +} + +.is-family-monospace { + font-family: monospace !important +} + +.is-family-code { + font-family: monospace !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:1023px) { + .is-block-tablet-only { + display: block !important + } +} + +@media screen and (max-width:1023px) { + .is-block-touch { + display: block !important + } +} + +@media screen and (min-width:1024px) { + .is-block-desktop { + display: block !important + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .is-block-desktop-only { + display: block !important + } +} + +@media screen and (min-width:1216px) { + .is-block-widescreen { + display: block !important + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .is-block-widescreen-only { + display: block !important + } +} + +@media screen and (min-width:1408px) { + .is-block-fullhd { + display: block !important + } +} + +.is-flex { + display: flex !important +} + +@media screen and (max-width:768px) { + .is-flex-mobile { + display: flex !important + } +} + +@media screen and (min-width:769px), +print { + .is-flex-tablet { + display: flex !important + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .is-flex-tablet-only { + display: flex !important + } +} + +@media screen and (max-width:1023px) { + .is-flex-touch { + display: flex !important + } +} + +@media screen and (min-width:1024px) { + .is-flex-desktop { + display: flex !important + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .is-flex-desktop-only { + display: flex !important + } +} + +@media screen and (min-width:1216px) { + .is-flex-widescreen { + display: flex !important + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .is-flex-widescreen-only { + display: flex !important + } +} + +@media screen and (min-width:1408px) { + .is-flex-fullhd { + display: flex !important + } +} + +.is-inline { + display: inline !important +} + +@media screen and (max-width:768px) { + .is-inline-mobile { + display: inline !important + } +} + +@media screen and (min-width:769px), +print { + .is-inline-tablet { + display: inline !important + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .is-inline-tablet-only { + display: inline !important + } +} + +@media screen and (max-width:1023px) { + .is-inline-touch { + display: inline !important + } +} + +@media screen and (min-width:1024px) { + .is-inline-desktop { + display: inline !important + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .is-inline-desktop-only { + display: inline !important + } +} + +@media screen and (min-width:1216px) { + .is-inline-widescreen { + display: inline !important + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .is-inline-widescreen-only { + display: inline !important + } +} + +@media screen and (min-width:1408px) { + .is-inline-fullhd { + display: inline !important + } +} + +.is-inline-block { + display: inline-block !important +} + +@media screen and (max-width:768px) { + .is-inline-block-mobile { + display: inline-block !important + } +} + +@media screen and (min-width:769px), +print { + .is-inline-block-tablet { + display: inline-block !important + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .is-inline-block-tablet-only { + display: inline-block !important + } +} + +@media screen and (max-width:1023px) { + .is-inline-block-touch { + display: inline-block !important + } +} + +@media screen and (min-width:1024px) { + .is-inline-block-desktop { + display: inline-block !important + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .is-inline-block-desktop-only { + display: inline-block !important + } +} + +@media screen and (min-width:1216px) { + .is-inline-block-widescreen { + display: inline-block !important + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .is-inline-block-widescreen-only { + display: inline-block !important + } +} + +@media screen and (min-width:1408px) { + .is-inline-block-fullhd { + display: inline-block !important + } +} + +.is-inline-flex { + display: inline-flex !important +} + +@media screen and (max-width:768px) { + .is-inline-flex-mobile { + display: inline-flex !important + } +} + +@media screen and (min-width:769px), +print { + .is-inline-flex-tablet { + display: inline-flex !important + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .is-inline-flex-tablet-only { + display: inline-flex !important + } +} + +@media screen and (max-width:1023px) { + .is-inline-flex-touch { + display: inline-flex !important + } +} + +@media screen and (min-width:1024px) { + .is-inline-flex-desktop { + display: inline-flex !important + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .is-inline-flex-desktop-only { + display: inline-flex !important + } +} + +@media screen and (min-width:1216px) { + .is-inline-flex-widescreen { + display: inline-flex !important + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .is-inline-flex-widescreen-only { + display: inline-flex !important + } +} + +@media screen and (min-width:1408px) { + .is-inline-flex-fullhd { + display: inline-flex !important + } +} + +.is-hidden { + display: none !important +} + +.is-sr-only { + 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:1023px) { + .is-hidden-tablet-only { + display: none !important + } +} + +@media screen and (max-width:1023px) { + .is-hidden-touch { + display: none !important + } +} + +@media screen and (min-width:1024px) { + .is-hidden-desktop { + display: none !important + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .is-hidden-desktop-only { + display: none !important + } +} + +@media screen and (min-width:1216px) { + .is-hidden-widescreen { + display: none !important + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .is-hidden-widescreen-only { + display: none !important + } +} + +@media screen and (min-width:1408px) { + .is-hidden-fullhd { + display: none !important + } +} + +.is-invisible { + visibility: hidden !important +} + +@media screen and (max-width:768px) { + .is-invisible-mobile { + visibility: hidden !important + } +} + +@media screen and (min-width:769px), +print { + .is-invisible-tablet { + visibility: hidden !important + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .is-invisible-tablet-only { + visibility: hidden !important + } +} + +@media screen and (max-width:1023px) { + .is-invisible-touch { + visibility: hidden !important + } +} + +@media screen and (min-width:1024px) { + .is-invisible-desktop { + visibility: hidden !important + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .is-invisible-desktop-only { + visibility: hidden !important + } +} + +@media screen and (min-width:1216px) { + .is-invisible-widescreen { + visibility: hidden !important + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .is-invisible-widescreen-only { + visibility: hidden !important + } +} + +@media screen and (min-width:1408px) { + .is-invisible-fullhd { + visibility: hidden !important + } +} + +.is-marginless { + margin: 0 !important +} + +.is-paddingless { + padding: 0 !important +} + +.is-radiusless { + border-radius: 0 !important +} + +.is-shadowless { + box-shadow: none !important +} + +.is-relative { + position: relative !important +} + +.box { + background-color: #fff; + border-radius: 6px; + box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02); + color: #4a4a4a; + display: block; + padding: 1.25rem +} + +a.box:focus, +a.box:hover { + box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px #3273dc +} + +a.box:active { + box-shadow: inset 0 1px 2px rgba(10, 10, 10, .2), 0 0 0 1px #3273dc +} + +.button { + background-color: #fff; + border-color: #dbdbdb; + border-width: 1px; + color: #363636; + cursor: pointer; + justify-content: center; + padding-bottom: calc(.5em - 1px); + padding-left: 1em; + padding-right: 1em; + padding-top: calc(.5em - 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(-.5em - 1px); + margin-right: .25em +} + +.button .icon:last-child:not(:first-child) { + margin-left: .25em; + margin-right: calc(-.5em - 1px) +} + +.button .icon:first-child:last-child { + margin-left: calc(-.5em - 1px); + margin-right: calc(-.5em - 1px) +} + +.button.is-hovered, +.button:hover { + border-color: #b5b5b5; + color: #363636 +} + +.button.is-focused, +.button:focus { + border-color: #3273dc; + color: #363636 +} + +.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: #4a4a4a; + color: #363636 +} + +.button.is-text { + background-color: transparent; + border-color: transparent; + color: #4a4a4a; + text-decoration: underline +} + +.button.is-text.is-focused, +.button.is-text.is-hovered, +.button.is-text:focus, +.button.is-text:hover { + background-color: #f5f5f5; + color: #363636 +} + +.button.is-text.is-active, +.button.is-text:active { + background-color: #e8e8e8; + color: #363636 +} + +.button.is-text[disabled], +fieldset[disabled] .button.is-text { + background-color: transparent; + border-color: transparent; + box-shadow: none +} + +.button.is-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], +fieldset[disabled] .button.is-white { + background-color: #fff; + border-color: transparent; + box-shadow: none +} + +.button.is-white.is-inverted { + background-color: #0a0a0a; + color: #fff +} + +.button.is-white.is-inverted.is-hovered, +.button.is-white.is-inverted:hover { + background-color: #000 +} + +.button.is-white.is-inverted[disabled], +fieldset[disabled] .button.is-white.is-inverted { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none; + color: #fff +} + +.button.is-white.is-loading::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important +} + +.button.is-white.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-white.is-outlined.is-focused, +.button.is-white.is-outlined.is-hovered, +.button.is-white.is-outlined:focus, +.button.is-white.is-outlined:hover { + background-color: #fff; + border-color: #fff; + color: #0a0a0a +} + +.button.is-white.is-outlined.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-white.is-outlined.is-loading.is-focused::after, +.button.is-white.is-outlined.is-loading.is-hovered::after, +.button.is-white.is-outlined.is-loading:focus::after, +.button.is-white.is-outlined.is-loading:hover::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important +} + +.button.is-white.is-outlined[disabled], +fieldset[disabled] .button.is-white.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a +} + +.button.is-white.is-inverted.is-outlined.is-focused, +.button.is-white.is-inverted.is-outlined.is-hovered, +.button.is-white.is-inverted.is-outlined:focus, +.button.is-white.is-inverted.is-outlined:hover { + background-color: #0a0a0a; + color: #fff +} + +.button.is-white.is-inverted.is-outlined.is-loading.is-focused::after, +.button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-white.is-inverted.is-outlined.is-loading:focus::after, +.button.is-white.is-inverted.is-outlined.is-loading:hover::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-white.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-white.is-inverted.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + box-shadow: none; + color: #0a0a0a +} + +.button.is-black { + background-color: #0a0a0a; + border-color: transparent; + color: #fff +} + +.button.is-black.is-hovered, +.button.is-black:hover { + background-color: #040404; + border-color: transparent; + color: #fff +} + +.button.is-black.is-focused, +.button.is-black:focus { + border-color: transparent; + color: #fff +} + +.button.is-black.is-focused:not(:active), +.button.is-black:focus:not(:active) { + box-shadow: 0 0 0 .125em 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], +fieldset[disabled] .button.is-black { + background-color: #0a0a0a; + border-color: transparent; + box-shadow: none +} + +.button.is-black.is-inverted { + background-color: #fff; + color: #0a0a0a +} + +.button.is-black.is-inverted.is-hovered, +.button.is-black.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-black.is-inverted[disabled], +fieldset[disabled] .button.is-black.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #0a0a0a +} + +.button.is-black.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-black.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + color: #0a0a0a +} + +.button.is-black.is-outlined.is-focused, +.button.is-black.is-outlined.is-hovered, +.button.is-black.is-outlined:focus, +.button.is-black.is-outlined:hover { + background-color: #0a0a0a; + border-color: #0a0a0a; + color: #fff +} + +.button.is-black.is-outlined.is-loading::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important +} + +.button.is-black.is-outlined.is-loading.is-focused::after, +.button.is-black.is-outlined.is-loading.is-hovered::after, +.button.is-black.is-outlined.is-loading:focus::after, +.button.is-black.is-outlined.is-loading:hover::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-black.is-outlined[disabled], +fieldset[disabled] .button.is-black.is-outlined { + background-color: transparent; + border-color: #0a0a0a; + box-shadow: none; + color: #0a0a0a +} + +.button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-black.is-inverted.is-outlined.is-focused, +.button.is-black.is-inverted.is-outlined.is-hovered, +.button.is-black.is-inverted.is-outlined:focus, +.button.is-black.is-inverted.is-outlined:hover { + background-color: #fff; + color: #0a0a0a +} + +.button.is-black.is-inverted.is-outlined.is-loading.is-focused::after, +.button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-black.is-inverted.is-outlined.is-loading:focus::after, +.button.is-black.is-inverted.is-outlined.is-loading:hover::after { + border-color: transparent transparent #0a0a0a #0a0a0a !important +} + +.button.is-black.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-black.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-light { + background-color: #f5f5f5; + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.button.is-light.is-hovered, +.button.is-light:hover { + background-color: #eee; + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.button.is-light.is-focused, +.button.is-light:focus { + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.button.is-light.is-focused:not(:active), +.button.is-light:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25) +} + +.button.is-light.is-active, +.button.is-light:active { + background-color: #e8e8e8; + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.button.is-light[disabled], +fieldset[disabled] .button.is-light { + background-color: #f5f5f5; + border-color: transparent; + box-shadow: none +} + +.button.is-light.is-inverted { + background-color: rgba(0, 0, 0, .7); + color: #f5f5f5 +} + +.button.is-light.is-inverted.is-hovered, +.button.is-light.is-inverted:hover { + background-color: rgba(0, 0, 0, .7) +} + +.button.is-light.is-inverted[disabled], +fieldset[disabled] .button.is-light.is-inverted { + background-color: rgba(0, 0, 0, .7); + border-color: transparent; + box-shadow: none; + color: #f5f5f5 +} + +.button.is-light.is-loading::after { + border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important +} + +.button.is-light.is-outlined { + background-color: transparent; + border-color: #f5f5f5; + color: #f5f5f5 +} + +.button.is-light.is-outlined.is-focused, +.button.is-light.is-outlined.is-hovered, +.button.is-light.is-outlined:focus, +.button.is-light.is-outlined:hover { + background-color: #f5f5f5; + border-color: #f5f5f5; + color: rgba(0, 0, 0, .7) +} + +.button.is-light.is-outlined.is-loading::after { + border-color: transparent transparent #f5f5f5 #f5f5f5 !important +} + +.button.is-light.is-outlined.is-loading.is-focused::after, +.button.is-light.is-outlined.is-loading.is-hovered::after, +.button.is-light.is-outlined.is-loading:focus::after, +.button.is-light.is-outlined.is-loading:hover::after { + border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important +} + +.button.is-light.is-outlined[disabled], +fieldset[disabled] .button.is-light.is-outlined { + background-color: transparent; + border-color: #f5f5f5; + box-shadow: none; + color: #f5f5f5 +} + +.button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, .7); + color: rgba(0, 0, 0, .7) +} + +.button.is-light.is-inverted.is-outlined.is-focused, +.button.is-light.is-inverted.is-outlined.is-hovered, +.button.is-light.is-inverted.is-outlined:focus, +.button.is-light.is-inverted.is-outlined:hover { + background-color: rgba(0, 0, 0, .7); + color: #f5f5f5 +} + +.button.is-light.is-inverted.is-outlined.is-loading.is-focused::after, +.button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-light.is-inverted.is-outlined.is-loading:focus::after, +.button.is-light.is-inverted.is-outlined.is-loading:hover::after { + border-color: transparent transparent #f5f5f5 #f5f5f5 !important +} + +.button.is-light.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-light.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, .7); + box-shadow: none; + color: rgba(0, 0, 0, .7) +} + +.button.is-dark { + background-color: #363636; + border-color: transparent; + color: #fff +} + +.button.is-dark.is-hovered, +.button.is-dark:hover { + background-color: #2f2f2f; + border-color: transparent; + color: #fff +} + +.button.is-dark.is-focused, +.button.is-dark:focus { + border-color: transparent; + color: #fff +} + +.button.is-dark.is-focused:not(:active), +.button.is-dark:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25) +} + +.button.is-dark.is-active, +.button.is-dark:active { + background-color: #292929; + border-color: transparent; + color: #fff +} + +.button.is-dark[disabled], +fieldset[disabled] .button.is-dark { + background-color: #363636; + border-color: transparent; + box-shadow: none +} + +.button.is-dark.is-inverted { + background-color: #fff; + color: #363636 +} + +.button.is-dark.is-inverted.is-hovered, +.button.is-dark.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-dark.is-inverted[disabled], +fieldset[disabled] .button.is-dark.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #363636 +} + +.button.is-dark.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + color: #363636 +} + +.button.is-dark.is-outlined.is-focused, +.button.is-dark.is-outlined.is-hovered, +.button.is-dark.is-outlined:focus, +.button.is-dark.is-outlined:hover { + background-color: #363636; + border-color: #363636; + color: #fff +} + +.button.is-dark.is-outlined.is-loading::after { + border-color: transparent transparent #363636 #363636 !important +} + +.button.is-dark.is-outlined.is-loading.is-focused::after, +.button.is-dark.is-outlined.is-loading.is-hovered::after, +.button.is-dark.is-outlined.is-loading:focus::after, +.button.is-dark.is-outlined.is-loading:hover::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-dark.is-outlined[disabled], +fieldset[disabled] .button.is-dark.is-outlined { + background-color: transparent; + border-color: #363636; + box-shadow: none; + color: #363636 +} + +.button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-dark.is-inverted.is-outlined.is-focused, +.button.is-dark.is-inverted.is-outlined.is-hovered, +.button.is-dark.is-inverted.is-outlined:focus, +.button.is-dark.is-inverted.is-outlined:hover { + background-color: #fff; + color: #363636 +} + +.button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after, +.button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-dark.is-inverted.is-outlined.is-loading:focus::after, +.button.is-dark.is-inverted.is-outlined.is-loading:hover::after { + border-color: transparent transparent #363636 #363636 !important +} + +.button.is-dark.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-dark.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-primary { + background-color: #00d1b2; + border-color: transparent; + color: #fff +} + +.button.is-primary.is-hovered, +.button.is-primary:hover { + background-color: #00c4a7; + border-color: transparent; + color: #fff +} + +.button.is-primary.is-focused, +.button.is-primary:focus { + border-color: transparent; + color: #fff +} + +.button.is-primary.is-focused:not(:active), +.button.is-primary:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25) +} + +.button.is-primary.is-active, +.button.is-primary:active { + background-color: #00b89c; + border-color: transparent; + color: #fff +} + +.button.is-primary[disabled], +fieldset[disabled] .button.is-primary { + background-color: #00d1b2; + border-color: transparent; + box-shadow: none +} + +.button.is-primary.is-inverted { + background-color: #fff; + color: #00d1b2 +} + +.button.is-primary.is-inverted.is-hovered, +.button.is-primary.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-primary.is-inverted[disabled], +fieldset[disabled] .button.is-primary.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #00d1b2 +} + +.button.is-primary.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-primary.is-outlined { + background-color: transparent; + border-color: #00d1b2; + color: #00d1b2 +} + +.button.is-primary.is-outlined.is-focused, +.button.is-primary.is-outlined.is-hovered, +.button.is-primary.is-outlined:focus, +.button.is-primary.is-outlined:hover { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff +} + +.button.is-primary.is-outlined.is-loading::after { + border-color: transparent transparent #00d1b2 #00d1b2 !important +} + +.button.is-primary.is-outlined.is-loading.is-focused::after, +.button.is-primary.is-outlined.is-loading.is-hovered::after, +.button.is-primary.is-outlined.is-loading:focus::after, +.button.is-primary.is-outlined.is-loading:hover::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-primary.is-outlined[disabled], +fieldset[disabled] .button.is-primary.is-outlined { + background-color: transparent; + border-color: #00d1b2; + box-shadow: none; + color: #00d1b2 +} + +.button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-primary.is-inverted.is-outlined.is-focused, +.button.is-primary.is-inverted.is-outlined.is-hovered, +.button.is-primary.is-inverted.is-outlined:focus, +.button.is-primary.is-inverted.is-outlined:hover { + background-color: #fff; + color: #00d1b2 +} + +.button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after, +.button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-primary.is-inverted.is-outlined.is-loading:focus::after, +.button.is-primary.is-inverted.is-outlined.is-loading:hover::after { + border-color: transparent transparent #00d1b2 #00d1b2 !important +} + +.button.is-primary.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-primary.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-primary.is-light { + background-color: #ebfffc; + color: #00947e +} + +.button.is-primary.is-light.is-hovered, +.button.is-primary.is-light:hover { + background-color: #defffa; + border-color: transparent; + color: #00947e +} + +.button.is-primary.is-light.is-active, +.button.is-primary.is-light:active { + background-color: #d1fff8; + border-color: transparent; + color: #00947e +} + +.button.is-link { + background-color: #3273dc; + 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], +fieldset[disabled] .button.is-link { + background-color: #3273dc; + border-color: transparent; + box-shadow: none +} + +.button.is-link.is-inverted { + background-color: #fff; + color: #3273dc +} + +.button.is-link.is-inverted.is-hovered, +.button.is-link.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-link.is-inverted[disabled], +fieldset[disabled] .button.is-link.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #3273dc +} + +.button.is-link.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-link.is-outlined { + background-color: transparent; + border-color: #3273dc; + color: #3273dc +} + +.button.is-link.is-outlined.is-focused, +.button.is-link.is-outlined.is-hovered, +.button.is-link.is-outlined:focus, +.button.is-link.is-outlined:hover { + background-color: #3273dc; + border-color: #3273dc; + color: #fff +} + +.button.is-link.is-outlined.is-loading::after { + border-color: transparent transparent #3273dc #3273dc !important +} + +.button.is-link.is-outlined.is-loading.is-focused::after, +.button.is-link.is-outlined.is-loading.is-hovered::after, +.button.is-link.is-outlined.is-loading:focus::after, +.button.is-link.is-outlined.is-loading:hover::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-link.is-outlined[disabled], +fieldset[disabled] .button.is-link.is-outlined { + background-color: transparent; + border-color: #3273dc; + box-shadow: none; + color: #3273dc +} + +.button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-link.is-inverted.is-outlined.is-focused, +.button.is-link.is-inverted.is-outlined.is-hovered, +.button.is-link.is-inverted.is-outlined:focus, +.button.is-link.is-inverted.is-outlined:hover { + background-color: #fff; + color: #3273dc +} + +.button.is-link.is-inverted.is-outlined.is-loading.is-focused::after, +.button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-link.is-inverted.is-outlined.is-loading:focus::after, +.button.is-link.is-inverted.is-outlined.is-loading:hover::after { + border-color: transparent transparent #3273dc #3273dc !important +} + +.button.is-link.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-link.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-link.is-light { + background-color: #eef3fc; + color: #2160c4 +} + +.button.is-link.is-light.is-hovered, +.button.is-link.is-light:hover { + background-color: #e3ecfa; + border-color: transparent; + color: #2160c4 +} + +.button.is-link.is-light.is-active, +.button.is-link.is-light:active { + background-color: #d8e4f8; + border-color: transparent; + color: #2160c4 +} + +.button.is-info { + background-color: #3298dc; + border-color: transparent; + color: #fff +} + +.button.is-info.is-hovered, +.button.is-info:hover { + background-color: #2793da; + 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(50, 152, 220, .25) +} + +.button.is-info.is-active, +.button.is-info:active { + background-color: #238cd1; + border-color: transparent; + color: #fff +} + +.button.is-info[disabled], +fieldset[disabled] .button.is-info { + background-color: #3298dc; + border-color: transparent; + box-shadow: none +} + +.button.is-info.is-inverted { + background-color: #fff; + color: #3298dc +} + +.button.is-info.is-inverted.is-hovered, +.button.is-info.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-info.is-inverted[disabled], +fieldset[disabled] .button.is-info.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #3298dc +} + +.button.is-info.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-info.is-outlined { + background-color: transparent; + border-color: #3298dc; + color: #3298dc +} + +.button.is-info.is-outlined.is-focused, +.button.is-info.is-outlined.is-hovered, +.button.is-info.is-outlined:focus, +.button.is-info.is-outlined:hover { + background-color: #3298dc; + border-color: #3298dc; + color: #fff +} + +.button.is-info.is-outlined.is-loading::after { + border-color: transparent transparent #3298dc #3298dc !important +} + +.button.is-info.is-outlined.is-loading.is-focused::after, +.button.is-info.is-outlined.is-loading.is-hovered::after, +.button.is-info.is-outlined.is-loading:focus::after, +.button.is-info.is-outlined.is-loading:hover::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-info.is-outlined[disabled], +fieldset[disabled] .button.is-info.is-outlined { + background-color: transparent; + border-color: #3298dc; + box-shadow: none; + color: #3298dc +} + +.button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-info.is-inverted.is-outlined.is-focused, +.button.is-info.is-inverted.is-outlined.is-hovered, +.button.is-info.is-inverted.is-outlined:focus, +.button.is-info.is-inverted.is-outlined:hover { + background-color: #fff; + color: #3298dc +} + +.button.is-info.is-inverted.is-outlined.is-loading.is-focused::after, +.button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-info.is-inverted.is-outlined.is-loading:focus::after, +.button.is-info.is-inverted.is-outlined.is-loading:hover::after { + border-color: transparent transparent #3298dc #3298dc !important +} + +.button.is-info.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-info.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-info.is-light { + background-color: #eef6fc; + color: #1d72aa +} + +.button.is-info.is-light.is-hovered, +.button.is-info.is-light:hover { + background-color: #e3f1fa; + border-color: transparent; + color: #1d72aa +} + +.button.is-info.is-light.is-active, +.button.is-info.is-light:active { + background-color: #d8ebf8; + border-color: transparent; + color: #1d72aa +} + +.button.is-success { + background-color: #48c774; + border-color: transparent; + color: #fff +} + +.button.is-success.is-hovered, +.button.is-success:hover { + background-color: #3ec46d; + border-color: transparent; + color: #fff +} + +.button.is-success.is-focused, +.button.is-success:focus { + border-color: transparent; + color: #fff +} + +.button.is-success.is-focused:not(:active), +.button.is-success:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(72, 199, 116, .25) +} + +.button.is-success.is-active, +.button.is-success:active { + background-color: #3abb67; + border-color: transparent; + color: #fff +} + +.button.is-success[disabled], +fieldset[disabled] .button.is-success { + background-color: #48c774; + border-color: transparent; + box-shadow: none +} + +.button.is-success.is-inverted { + background-color: #fff; + color: #48c774 +} + +.button.is-success.is-inverted.is-hovered, +.button.is-success.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-success.is-inverted[disabled], +fieldset[disabled] .button.is-success.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #48c774 +} + +.button.is-success.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-success.is-outlined { + background-color: transparent; + border-color: #48c774; + color: #48c774 +} + +.button.is-success.is-outlined.is-focused, +.button.is-success.is-outlined.is-hovered, +.button.is-success.is-outlined:focus, +.button.is-success.is-outlined:hover { + background-color: #48c774; + border-color: #48c774; + color: #fff +} + +.button.is-success.is-outlined.is-loading::after { + border-color: transparent transparent #48c774 #48c774 !important +} + +.button.is-success.is-outlined.is-loading.is-focused::after, +.button.is-success.is-outlined.is-loading.is-hovered::after, +.button.is-success.is-outlined.is-loading:focus::after, +.button.is-success.is-outlined.is-loading:hover::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-success.is-outlined[disabled], +fieldset[disabled] .button.is-success.is-outlined { + background-color: transparent; + border-color: #48c774; + box-shadow: none; + color: #48c774 +} + +.button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-success.is-inverted.is-outlined.is-focused, +.button.is-success.is-inverted.is-outlined.is-hovered, +.button.is-success.is-inverted.is-outlined:focus, +.button.is-success.is-inverted.is-outlined:hover { + background-color: #fff; + color: #48c774 +} + +.button.is-success.is-inverted.is-outlined.is-loading.is-focused::after, +.button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-success.is-inverted.is-outlined.is-loading:focus::after, +.button.is-success.is-inverted.is-outlined.is-loading:hover::after { + border-color: transparent transparent #48c774 #48c774 !important +} + +.button.is-success.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-success.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-success.is-light { + background-color: #effaf3; + color: #257942 +} + +.button.is-success.is-light.is-hovered, +.button.is-success.is-light:hover { + background-color: #e6f7ec; + border-color: transparent; + color: #257942 +} + +.button.is-success.is-light.is-active, +.button.is-success.is-light:active { + background-color: #dcf4e4; + border-color: transparent; + color: #257942 +} + +.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], +fieldset[disabled] .button.is-warning { + 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.is-hovered, +.button.is-warning.is-inverted:hover { + background-color: rgba(0, 0, 0, .7) +} + +.button.is-warning.is-inverted[disabled], +fieldset[disabled] .button.is-warning.is-inverted { + background-color: rgba(0, 0, 0, .7); + border-color: transparent; + box-shadow: none; + color: #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.is-focused, +.button.is-warning.is-outlined.is-hovered, +.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.is-loading.is-focused::after, +.button.is-warning.is-outlined.is-loading.is-hovered::after, +.button.is-warning.is-outlined.is-loading:focus::after, +.button.is-warning.is-outlined.is-loading:hover::after { + border-color: transparent transparent rgba(0, 0, 0, .7) rgba(0, 0, 0, .7) !important +} + +.button.is-warning.is-outlined[disabled], +fieldset[disabled] .button.is-warning.is-outlined { + background-color: transparent; + border-color: #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.is-focused, +.button.is-warning.is-inverted.is-outlined.is-hovered, +.button.is-warning.is-inverted.is-outlined:focus, +.button.is-warning.is-inverted.is-outlined:hover { + background-color: rgba(0, 0, 0, .7); + color: #ffdd57 +} + +.button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after, +.button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-warning.is-inverted.is-outlined.is-loading:focus::after, +.button.is-warning.is-inverted.is-outlined.is-loading:hover::after { + border-color: transparent transparent #ffdd57 #ffdd57 !important +} + +.button.is-warning.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-warning.is-inverted.is-outlined { + background-color: transparent; + border-color: rgba(0, 0, 0, .7); + box-shadow: none; + color: rgba(0, 0, 0, .7) +} + +.button.is-warning.is-light { + background-color: #fffbeb; + color: #947600 +} + +.button.is-warning.is-light.is-hovered, +.button.is-warning.is-light:hover { + background-color: #fff8de; + border-color: transparent; + color: #947600 +} + +.button.is-warning.is-light.is-active, +.button.is-warning.is-light:active { + background-color: #fff6d1; + border-color: transparent; + color: #947600 +} + +.button.is-danger { + background-color: #f14668; + border-color: transparent; + color: #fff +} + +.button.is-danger.is-hovered, +.button.is-danger:hover { + background-color: #f03a5f; + border-color: transparent; + color: #fff +} + +.button.is-danger.is-focused, +.button.is-danger:focus { + border-color: transparent; + color: #fff +} + +.button.is-danger.is-focused:not(:active), +.button.is-danger:focus:not(:active) { + box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25) +} + +.button.is-danger.is-active, +.button.is-danger:active { + background-color: #ef2e55; + border-color: transparent; + color: #fff +} + +.button.is-danger[disabled], +fieldset[disabled] .button.is-danger { + background-color: #f14668; + border-color: transparent; + box-shadow: none +} + +.button.is-danger.is-inverted { + background-color: #fff; + color: #f14668 +} + +.button.is-danger.is-inverted.is-hovered, +.button.is-danger.is-inverted:hover { + background-color: #f2f2f2 +} + +.button.is-danger.is-inverted[disabled], +fieldset[disabled] .button.is-danger.is-inverted { + background-color: #fff; + border-color: transparent; + box-shadow: none; + color: #f14668 +} + +.button.is-danger.is-loading::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-danger.is-outlined { + background-color: transparent; + border-color: #f14668; + color: #f14668 +} + +.button.is-danger.is-outlined.is-focused, +.button.is-danger.is-outlined.is-hovered, +.button.is-danger.is-outlined:focus, +.button.is-danger.is-outlined:hover { + background-color: #f14668; + border-color: #f14668; + color: #fff +} + +.button.is-danger.is-outlined.is-loading::after { + border-color: transparent transparent #f14668 #f14668 !important +} + +.button.is-danger.is-outlined.is-loading.is-focused::after, +.button.is-danger.is-outlined.is-loading.is-hovered::after, +.button.is-danger.is-outlined.is-loading:focus::after, +.button.is-danger.is-outlined.is-loading:hover::after { + border-color: transparent transparent #fff #fff !important +} + +.button.is-danger.is-outlined[disabled], +fieldset[disabled] .button.is-danger.is-outlined { + background-color: transparent; + border-color: #f14668; + box-shadow: none; + color: #f14668 +} + +.button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + color: #fff +} + +.button.is-danger.is-inverted.is-outlined.is-focused, +.button.is-danger.is-inverted.is-outlined.is-hovered, +.button.is-danger.is-inverted.is-outlined:focus, +.button.is-danger.is-inverted.is-outlined:hover { + background-color: #fff; + color: #f14668 +} + +.button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after, +.button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, +.button.is-danger.is-inverted.is-outlined.is-loading:focus::after, +.button.is-danger.is-inverted.is-outlined.is-loading:hover::after { + border-color: transparent transparent #f14668 #f14668 !important +} + +.button.is-danger.is-inverted.is-outlined[disabled], +fieldset[disabled] .button.is-danger.is-inverted.is-outlined { + background-color: transparent; + border-color: #fff; + box-shadow: none; + color: #fff +} + +.button.is-danger.is-light { + background-color: #feecf0; + color: #cc0f35 +} + +.button.is-danger.is-light.is-hovered, +.button.is-danger.is-light:hover { + background-color: #fde0e6; + border-color: transparent; + color: #cc0f35 +} + +.button.is-danger.is-light.is-active, +.button.is-danger.is-light:active { + background-color: #fcd4dc; + border-color: transparent; + color: #cc0f35 +} + +.button.is-small { + border-radius: 2px; + font-size: .75rem +} + +.button.is-normal { + font-size: 1rem +} + +.button.is-medium { + font-size: 1.25rem +} + +.button.is-large { + font-size: 1.5rem +} + +.button[disabled], +fieldset[disabled] .button { + background-color: #fff; + border-color: #dbdbdb; + box-shadow: none; + opacity: .5 +} + +.button.is-fullwidth { + display: flex; + width: 100% +} + +.button.is-loading { + color: transparent !important; + pointer-events: none +} + +.button.is-loading::after { + 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: calc(1em + .25em); + padding-right: calc(1em + .25em) +} + +.buttons { + align-items: center; + display: flex; + flex-wrap: wrap; + justify-content: flex-start +} + +.buttons .button { + margin-bottom: .5rem +} + +.buttons .button:not(:last-child):not(.is-fullwidth) { + margin-right: .5rem +} + +.buttons:last-child { + margin-bottom: -.5rem +} + +.buttons:not(:last-child) { + margin-bottom: 1rem +} + +.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { + border-radius: 2px; + font-size: .75rem +} + +.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { + font-size: 1.25rem +} + +.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { + font-size: 1.5rem +} + +.buttons.has-addons .button:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} + +.buttons.has-addons .button:not(:last-child) { + border-bottom-right-radius: 0; + border-top-right-radius: 0; + margin-right: -1px +} + +.buttons.has-addons .button:last-child { + margin-right: 0 +} + +.buttons.has-addons .button.is-hovered, +.buttons.has-addons .button:hover { + z-index: 2 +} + +.buttons.has-addons .button.is-active, +.buttons.has-addons .button.is-focused, +.buttons.has-addons .button.is-selected, +.buttons.has-addons .button:active, +.buttons.has-addons .button:focus { + z-index: 3 +} + +.buttons.has-addons .button.is-active:hover, +.buttons.has-addons .button.is-focused:hover, +.buttons.has-addons .button.is-selected:hover, +.buttons.has-addons .button:active:hover, +.buttons.has-addons .button:focus:hover { + z-index: 4 +} + +.buttons.has-addons .button.is-expanded { + flex-grow: 1; + flex-shrink: 1 +} + +.buttons.is-centered { + justify-content: center +} + +.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: .25rem; + margin-right: .25rem +} + +.buttons.is-right { + justify-content: flex-end +} + +.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { + margin-left: .25rem; + margin-right: .25rem +} + +.container { + flex-grow: 1; + margin: 0 auto; + position: relative; + width: auto +} + +.container.is-fluid { + max-width: none; + padding-left: 32px; + padding-right: 32px; + width: 100% +} + +@media screen and (min-width:1024px) { + .container { + max-width: 960px + } +} + +@media screen and (max-width:1215px) { + .container.is-widescreen { + max-width: 1152px + } +} + +@media screen and (max-width:1407px) { + .container.is-fullhd { + max-width: 1344px + } +} + +@media screen and (min-width:1216px) { + .container { + max-width: 1152px + } +} + +@media screen and (min-width:1408px) { + .container { + max-width: 1344px + } +} + +.content li+li { + margin-top: .25em +} + +.content blockquote:not(:last-child), +.content dl:not(:last-child), +.content ol:not(:last-child), +.content p:not(:last-child), +.content pre:not(:last-child), +.content table:not(:last-child), +.content ul:not(:last-child) { + margin-bottom: 1em +} + +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6 { + color: #363636; + font-weight: 600; + line-height: 1.125 +} + +.content h1 { + font-size: 2em; + margin-bottom: .5em +} + +.content h1:not(:first-child) { + margin-top: 1em +} + +.content h2 { + font-size: 1.75em; + margin-bottom: .5714em +} + +.content h2:not(:first-child) { + margin-top: 1.1428em +} + +.content h3 { + font-size: 1.5em; + margin-bottom: .6666em +} + +.content h3:not(:first-child) { + margin-top: 1.3333em +} + +.content h4 { + font-size: 1.25em; + margin-bottom: .8em +} + +.content h5 { + font-size: 1.125em; + margin-bottom: .8888em +} + +.content h6 { + font-size: 1em; + margin-bottom: 1em +} + +.content blockquote { + background-color: #f5f5f5; + border-left: 5px solid #dbdbdb; + padding: 1.25em 1.5em +} + +.content ol { + list-style-position: outside; + margin-left: 2em; + margin-top: 1em +} + +.content ol:not([type]) { + list-style-type: decimal +} + +.content ol:not([type]).is-lower-alpha { + list-style-type: lower-alpha +} + +.content ol:not([type]).is-lower-roman { + list-style-type: lower-roman +} + +.content ol:not([type]).is-upper-alpha { + list-style-type: upper-alpha +} + +.content ol:not([type]).is-upper-roman { + list-style-type: upper-roman +} + +.content ul { + list-style: disc outside; + margin-left: 2em; + margin-top: 1em +} + +.content ul ul { + list-style-type: circle; + margin-top: .5em +} + +.content ul ul ul { + list-style-type: square +} + +.content dd { + margin-left: 2em +} + +.content figure { + margin-left: 2em; + margin-right: 2em; + text-align: center +} + +.content figure:not(:first-child) { + margin-top: 2em +} + +.content figure:not(:last-child) { + margin-bottom: 2em +} + +.content figure img { + display: inline-block +} + +.content figure figcaption { + font-style: italic +} + +.content pre { + -webkit-overflow-scrolling: touch; + 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: #363636 +} + +.content table th:not([align]) { + text-align: left +} + +.content table thead td, +.content table thead th { + border-width: 0 0 2px; + color: #363636 +} + +.content table tfoot td, +.content table tfoot th { + border-width: 2px 0 0; + color: #363636 +} + +.content table tbody tr:last-child td, +.content table tbody tr:last-child th { + border-bottom-width: 0 +} + +.content .tabs li+li { + margin-top: 0 +} + +.content.is-small { + font-size: .75rem +} + +.content.is-medium { + font-size: 1.25rem +} + +.content.is-large { + 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-fullwidth { + width: 100% +} + +.image.is-16by9 .has-ratio, +.image.is-16by9 img, +.image.is-1by1 .has-ratio, +.image.is-1by1 img, +.image.is-1by2 .has-ratio, +.image.is-1by2 img, +.image.is-1by3 .has-ratio, +.image.is-1by3 img, +.image.is-2by1 .has-ratio, +.image.is-2by1 img, +.image.is-2by3 .has-ratio, +.image.is-2by3 img, +.image.is-3by1 .has-ratio, +.image.is-3by1 img, +.image.is-3by2 .has-ratio, +.image.is-3by2 img, +.image.is-3by4 .has-ratio, +.image.is-3by4 img, +.image.is-3by5 .has-ratio, +.image.is-3by5 img, +.image.is-4by3 .has-ratio, +.image.is-4by3 img, +.image.is-4by5 .has-ratio, +.image.is-4by5 img, +.image.is-5by3 .has-ratio, +.image.is-5by3 img, +.image.is-5by4 .has-ratio, +.image.is-5by4 img, +.image.is-9by16 .has-ratio, +.image.is-9by16 img, +.image.is-square .has-ratio, +.image.is-square img { + height: 100%; + width: 100% +} + +.image.is-1by1, +.image.is-square { + padding-top: 100% +} + +.image.is-5by4 { + padding-top: 80% +} + +.image.is-4by3 { + padding-top: 75% +} + +.image.is-3by2 { + padding-top: 66.6666% +} + +.image.is-5by3 { + padding-top: 60% +} + +.image.is-16by9 { + padding-top: 56.25% +} + +.image.is-2by1 { + padding-top: 50% +} + +.image.is-3by1 { + padding-top: 33.3333% +} + +.image.is-4by5 { + padding-top: 125% +} + +.image.is-3by4 { + padding-top: 133.3333% +} + +.image.is-2by3 { + padding-top: 150% +} + +.image.is-3by5 { + padding-top: 166.6666% +} + +.image.is-9by16 { + padding-top: 177.7777% +} + +.image.is-1by2 { + padding-top: 200% +} + +.image.is-1by3 { + padding-top: 300% +} + +.image.is-16x16 { + height: 16px; + width: 16px +} + +.image.is-24x24 { + height: 24px; + width: 24px +} + +.image.is-32x32 { + height: 32px; + width: 32px +} + +.image.is-48x48 { + height: 48px; + width: 48px +} + +.image.is-64x64 { + height: 64px; + width: 64px +} + +.image.is-96x96 { + height: 96px; + width: 96px +} + +.image.is-128x128 { + height: 128px; + width: 128px +} + +.notification { + background-color: #f5f5f5; + border-radius: 4px; + padding: 1.25rem 2.5rem 1.25rem 1.5rem; + position: relative +} + +.notification a:not(.button):not(.dropdown-item) { + color: currentColor; + text-decoration: underline +} + +.notification strong { + color: currentColor +} + +.notification code, +.notification pre { + background: #fff +} + +.notification pre code { + background: 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: rgba(0, 0, 0, .7) +} + +.notification.is-dark { + background-color: #363636; + color: #fff +} + +.notification.is-primary { + background-color: #00d1b2; + color: #fff +} + +.notification.is-link { + background-color: #3273dc; + color: #fff +} + +.notification.is-info { + background-color: #3298dc; + color: #fff +} + +.notification.is-success { + background-color: #48c774; + color: #fff +} + +.notification.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, .7) +} + +.notification.is-danger { + background-color: #f14668; + 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: #ededed +} + +.progress::-webkit-progress-value { + background-color: #4a4a4a +} + +.progress::-moz-progress-bar { + background-color: #4a4a4a +} + +.progress::-ms-fill { + background-color: #4a4a4a; + border: none +} + +.progress.is-white::-webkit-progress-value { + background-color: #fff +} + +.progress.is-white::-moz-progress-bar { + background-color: #fff +} + +.progress.is-white::-ms-fill { + background-color: #fff +} + +.progress.is-white:indeterminate { + background-image: linear-gradient(to right, #fff 30%, #ededed 30%) +} + +.progress.is-black::-webkit-progress-value { + background-color: #0a0a0a +} + +.progress.is-black::-moz-progress-bar { + background-color: #0a0a0a +} + +.progress.is-black::-ms-fill { + background-color: #0a0a0a +} + +.progress.is-black:indeterminate { + background-image: linear-gradient(to right, #0a0a0a 30%, #ededed 30%) +} + +.progress.is-light::-webkit-progress-value { + background-color: #f5f5f5 +} + +.progress.is-light::-moz-progress-bar { + background-color: #f5f5f5 +} + +.progress.is-light::-ms-fill { + background-color: #f5f5f5 +} + +.progress.is-light:indeterminate { + background-image: linear-gradient(to right, #f5f5f5 30%, #ededed 30%) +} + +.progress.is-dark::-webkit-progress-value { + background-color: #363636 +} + +.progress.is-dark::-moz-progress-bar { + background-color: #363636 +} + +.progress.is-dark::-ms-fill { + background-color: #363636 +} + +.progress.is-dark:indeterminate { + background-image: linear-gradient(to right, #363636 30%, #ededed 30%) +} + +.progress.is-primary::-webkit-progress-value { + background-color: #00d1b2 +} + +.progress.is-primary::-moz-progress-bar { + background-color: #00d1b2 +} + +.progress.is-primary::-ms-fill { + background-color: #00d1b2 +} + +.progress.is-primary:indeterminate { + background-image: linear-gradient(to right, #00d1b2 30%, #ededed 30%) +} + +.progress.is-link::-webkit-progress-value { + background-color: #3273dc +} + +.progress.is-link::-moz-progress-bar { + background-color: #3273dc +} + +.progress.is-link::-ms-fill { + background-color: #3273dc +} + +.progress.is-link:indeterminate { + background-image: linear-gradient(to right, #3273dc 30%, #ededed 30%) +} + +.progress.is-info::-webkit-progress-value { + background-color: #3298dc +} + +.progress.is-info::-moz-progress-bar { + background-color: #3298dc +} + +.progress.is-info::-ms-fill { + background-color: #3298dc +} + +.progress.is-info:indeterminate { + background-image: linear-gradient(to right, #3298dc 30%, #ededed 30%) +} + +.progress.is-success::-webkit-progress-value { + background-color: #48c774 +} + +.progress.is-success::-moz-progress-bar { + background-color: #48c774 +} + +.progress.is-success::-ms-fill { + background-color: #48c774 +} + +.progress.is-success:indeterminate { + background-image: linear-gradient(to right, #48c774 30%, #ededed 30%) +} + +.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-warning:indeterminate { + background-image: linear-gradient(to right, #ffdd57 30%, #ededed 30%) +} + +.progress.is-danger::-webkit-progress-value { + background-color: #f14668 +} + +.progress.is-danger::-moz-progress-bar { + background-color: #f14668 +} + +.progress.is-danger::-ms-fill { + background-color: #f14668 +} + +.progress.is-danger:indeterminate { + background-image: linear-gradient(to right, #f14668 30%, #ededed 30%) +} + +.progress:indeterminate { + -webkit-animation-duration: 1.5s; + animation-duration: 1.5s; + -webkit-animation-iteration-count: infinite; + animation-iteration-count: infinite; + -webkit-animation-name: moveIndeterminate; + animation-name: moveIndeterminate; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + background-color: #ededed; + background-image: linear-gradient(to right, #4a4a4a 30%, #ededed 30%); + background-position: top left; + background-repeat: no-repeat; + background-size: 150% 150% +} + +.progress:indeterminate::-webkit-progress-bar { + background-color: transparent +} + +.progress:indeterminate::-moz-progress-bar { + background-color: transparent +} + +.progress.is-small { + height: .75rem +} + +.progress.is-medium { + height: 1.25rem +} + +.progress.is-large { + height: 1.5rem +} + +@-webkit-keyframes moveIndeterminate { + from { + background-position: 200% 0 + } + + to { + background-position: -200% 0 + } +} + +@keyframes moveIndeterminate { + from { + background-position: 200% 0 + } + + to { + background-position: -200% 0 + } +} + +.table { + background-color: #fff; + color: #363636 +} + +.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: rgba(0, 0, 0, .7) +} + +.table td.is-dark, +.table th.is-dark { + background-color: #363636; + border-color: #363636; + color: #fff +} + +.table td.is-primary, +.table th.is-primary { + background-color: #00d1b2; + border-color: #00d1b2; + color: #fff +} + +.table td.is-link, +.table th.is-link { + background-color: #3273dc; + border-color: #3273dc; + color: #fff +} + +.table td.is-info, +.table th.is-info { + background-color: #3298dc; + border-color: #3298dc; + color: #fff +} + +.table td.is-success, +.table th.is-success { + background-color: #48c774; + border-color: #48c774; + 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: #f14668; + border-color: #f14668; + color: #fff +} + +.table td.is-narrow, +.table th.is-narrow { + white-space: nowrap; + width: 1% +} + +.table td.is-selected, +.table th.is-selected { + background-color: #00d1b2; + color: #fff +} + +.table td.is-selected a, +.table td.is-selected strong, +.table th.is-selected a, +.table th.is-selected strong { + color: currentColor +} + +.table th { + color: #363636 +} + +.table th:not([align]) { + text-align: left +} + +.table tr.is-selected { + background-color: #00d1b2; + color: #fff +} + +.table tr.is-selected a, +.table tr.is-selected strong { + color: currentColor +} + +.table tr.is-selected td, +.table tr.is-selected th { + border-color: #fff; + color: currentColor +} + +.table thead { + background-color: transparent +} + +.table thead td, +.table thead th { + border-width: 0 0 2px; + color: #363636 +} + +.table tfoot { + background-color: transparent +} + +.table tfoot td, +.table tfoot th { + border-width: 2px 0 0; + color: #363636 +} + +.table tbody { + background-color: transparent +} + +.table tbody tr:last-child td, +.table tbody tr:last-child th { + border-bottom-width: 0 +} + +.table.is-bordered td, +.table.is-bordered th { + border-width: 1px +} + +.table.is-bordered tr:last-child td, +.table.is-bordered tr:last-child th { + border-bottom-width: 1px +} + +.table.is-fullwidth { + width: 100% +} + +.table.is-hoverable tbody tr:not(.is-selected):hover { + 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.are-medium .tag:not(.is-normal):not(.is-large) { + font-size: 1rem +} + +.tags.are-large .tag:not(.is-normal):not(.is-medium) { + font-size: 1.25rem +} + +.tags.is-centered { + justify-content: center +} + +.tags.is-centered .tag { + margin-right: .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 +} + +.tags.has-addons .tag { + margin-right: 0 +} + +.tags.has-addons .tag:not(:first-child) { + margin-left: 0; + 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 +} + +.tag:not(body) { + align-items: center; + background-color: #f5f5f5; + border-radius: 4px; + color: #4a4a4a; + display: inline-flex; + font-size: .75rem; + height: 2em; + justify-content: center; + line-height: 1.5; + padding-left: .75em; + padding-right: .75em; + white-space: nowrap +} + +.tag:not(body) .delete { + margin-left: .25rem; + margin-right: -.375rem +} + +.tag:not(body).is-white { + background-color: #fff; + color: #0a0a0a +} + +.tag:not(body).is-black { + background-color: #0a0a0a; + color: #fff +} + +.tag:not(body).is-light { + background-color: #f5f5f5; + color: rgba(0, 0, 0, .7) +} + +.tag:not(body).is-dark { + background-color: #363636; + color: #fff +} + +.tag:not(body).is-primary { + background-color: #00d1b2; + color: #fff +} + +.tag:not(body).is-primary.is-light { + background-color: #ebfffc; + color: #00947e +} + +.tag:not(body).is-link { + background-color: #3273dc; + color: #fff +} + +.tag:not(body).is-link.is-light { + background-color: #eef3fc; + color: #2160c4 +} + +.tag:not(body).is-info { + background-color: #3298dc; + color: #fff +} + +.tag:not(body).is-info.is-light { + background-color: #eef6fc; + color: #1d72aa +} + +.tag:not(body).is-success { + background-color: #48c774; + color: #fff +} + +.tag:not(body).is-success.is-light { + background-color: #effaf3; + color: #257942 +} + +.tag:not(body).is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, .7) +} + +.tag:not(body).is-warning.is-light { + background-color: #fffbeb; + color: #947600 +} + +.tag:not(body).is-danger { + background-color: #f14668; + color: #fff +} + +.tag:not(body).is-danger.is-light { + background-color: #feecf0; + color: #cc0f35 +} + +.tag:not(body).is-normal { + font-size: .75rem +} + +.tag:not(body).is-medium { + font-size: 1rem +} + +.tag:not(body).is-large { + font-size: 1.25rem +} + +.tag:not(body) .icon:first-child:not(:last-child) { + margin-left: -.375em; + margin-right: .1875em +} + +.tag:not(body) .icon:last-child:not(:first-child) { + margin-left: .1875em; + margin-right: -.375em +} + +.tag:not(body) .icon:first-child:last-child { + margin-left: -.375em; + margin-right: -.375em +} + +.tag:not(body).is-delete { + margin-left: 1px; + padding: 0; + position: relative; + width: 2em +} + +.tag:not(body).is-delete::after, +.tag:not(body).is-delete::before { + background-color: currentColor; + content: ""; + display: block; + left: 50%; + position: absolute; + top: 50%; + transform: translateX(-50%) translateY(-50%) rotate(45deg); + transform-origin: center center +} + +.tag:not(body).is-delete::before { + height: 1px; + width: 50% +} + +.tag:not(body).is-delete::after { + height: 50%; + width: 1px +} + +.tag:not(body).is-delete:focus, +.tag:not(body).is-delete:hover { + background-color: #e8e8e8 +} + +.tag:not(body).is-delete:active { + background-color: #dbdbdb +} + +.tag:not(body).is-rounded { + border-radius: 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: #363636; + 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: #4a4a4a; + font-size: 1.25rem; + font-weight: 400; + line-height: 1.25 +} + +.subtitle strong { + color: #363636; + font-weight: 600 +} + +.subtitle:not(.is-spaced)+.title { + margin-top: -1.25rem +} + +.subtitle.is-1 { + font-size: 3rem +} + +.subtitle.is-2 { + font-size: 2.5rem +} + +.subtitle.is-3 { + font-size: 2rem +} + +.subtitle.is-4 { + font-size: 1.5rem +} + +.subtitle.is-5 { + font-size: 1.25rem +} + +.subtitle.is-6 { + font-size: 1rem +} + +.subtitle.is-7 { + font-size: .75rem +} + +.heading { + display: block; + font-size: 11px; + letter-spacing: 1px; + margin-bottom: 5px; + text-transform: uppercase +} + +.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 +} + +.input, +.select select, +.textarea { + background-color: #fff; + border-color: #dbdbdb; + border-radius: 4px; + color: #363636 +} + +.input::-moz-placeholder, +.select select::-moz-placeholder, +.textarea::-moz-placeholder { + color: rgba(54, 54, 54, .3) +} + +.input::-webkit-input-placeholder, +.select select::-webkit-input-placeholder, +.textarea::-webkit-input-placeholder { + color: rgba(54, 54, 54, .3) +} + +.input:-moz-placeholder, +.select select:-moz-placeholder, +.textarea:-moz-placeholder { + color: rgba(54, 54, 54, .3) +} + +.input:-ms-input-placeholder, +.select select:-ms-input-placeholder, +.textarea:-ms-input-placeholder { + color: rgba(54, 54, 54, .3) +} + +.input:hover, +.is-hovered.input, +.is-hovered.textarea, +.select select.is-hovered, +.select select:hover, +.textarea:hover { + border-color: #b5b5b5 +} + +.input:active, +.input:focus, +.is-active.input, +.is-active.textarea, +.is-focused.input, +.is-focused.textarea, +.select select.is-active, +.select select.is-focused, +.select select:active, +.select select:focus, +.textarea:active, +.textarea:focus { + border-color: #3273dc; + box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25) +} + +.input[disabled], +.select fieldset[disabled] select, +.select select[disabled], +.textarea[disabled], +fieldset[disabled] .input, +fieldset[disabled] .select select, +fieldset[disabled] .textarea { + background-color: #f5f5f5; + border-color: #f5f5f5; + box-shadow: none; + color: #7a7a7a +} + +.input[disabled]::-moz-placeholder, +.select fieldset[disabled] select::-moz-placeholder, +.select select[disabled]::-moz-placeholder, +.textarea[disabled]::-moz-placeholder, +fieldset[disabled] .input::-moz-placeholder, +fieldset[disabled] .select select::-moz-placeholder, +fieldset[disabled] .textarea::-moz-placeholder { + color: rgba(122, 122, 122, .3) +} + +.input[disabled]::-webkit-input-placeholder, +.select fieldset[disabled] select::-webkit-input-placeholder, +.select select[disabled]::-webkit-input-placeholder, +.textarea[disabled]::-webkit-input-placeholder, +fieldset[disabled] .input::-webkit-input-placeholder, +fieldset[disabled] .select select::-webkit-input-placeholder, +fieldset[disabled] .textarea::-webkit-input-placeholder { + color: rgba(122, 122, 122, .3) +} + +.input[disabled]:-moz-placeholder, +.select fieldset[disabled] select:-moz-placeholder, +.select select[disabled]:-moz-placeholder, +.textarea[disabled]:-moz-placeholder, +fieldset[disabled] .input:-moz-placeholder, +fieldset[disabled] .select select:-moz-placeholder, +fieldset[disabled] .textarea:-moz-placeholder { + color: rgba(122, 122, 122, .3) +} + +.input[disabled]:-ms-input-placeholder, +.select fieldset[disabled] select:-ms-input-placeholder, +.select select[disabled]:-ms-input-placeholder, +.textarea[disabled]:-ms-input-placeholder, +fieldset[disabled] .input:-ms-input-placeholder, +fieldset[disabled] .select select:-ms-input-placeholder, +fieldset[disabled] .textarea:-ms-input-placeholder { + color: rgba(122, 122, 122, .3) +} + +.input, +.textarea { + box-shadow: inset 0 .0625em .125em rgba(10, 10, 10, .05); + max-width: 100%; + width: 100% +} + +.input[readonly], +.textarea[readonly] { + box-shadow: none +} + +.is-white.input, +.is-white.textarea { + border-color: #fff +} + +.is-white.input:active, +.is-white.input:focus, +.is-white.is-active.input, +.is-white.is-active.textarea, +.is-white.is-focused.input, +.is-white.is-focused.textarea, +.is-white.textarea:active, +.is-white.textarea:focus { + box-shadow: 0 0 0 .125em rgba(255, 255, 255, .25) +} + +.is-black.input, +.is-black.textarea { + border-color: #0a0a0a +} + +.is-black.input:active, +.is-black.input:focus, +.is-black.is-active.input, +.is-black.is-active.textarea, +.is-black.is-focused.input, +.is-black.is-focused.textarea, +.is-black.textarea:active, +.is-black.textarea:focus { + box-shadow: 0 0 0 .125em rgba(10, 10, 10, .25) +} + +.is-light.input, +.is-light.textarea { + border-color: #f5f5f5 +} + +.is-light.input:active, +.is-light.input:focus, +.is-light.is-active.input, +.is-light.is-active.textarea, +.is-light.is-focused.input, +.is-light.is-focused.textarea, +.is-light.textarea:active, +.is-light.textarea:focus { + box-shadow: 0 0 0 .125em rgba(245, 245, 245, .25) +} + +.is-dark.input, +.is-dark.textarea { + border-color: #363636 +} + +.is-dark.input:active, +.is-dark.input:focus, +.is-dark.is-active.input, +.is-dark.is-active.textarea, +.is-dark.is-focused.input, +.is-dark.is-focused.textarea, +.is-dark.textarea:active, +.is-dark.textarea:focus { + box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25) +} + +.is-primary.input, +.is-primary.textarea { + border-color: #00d1b2 +} + +.is-primary.input:active, +.is-primary.input:focus, +.is-primary.is-active.input, +.is-primary.is-active.textarea, +.is-primary.is-focused.input, +.is-primary.is-focused.textarea, +.is-primary.textarea:active, +.is-primary.textarea:focus { + box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25) +} + +.is-link.input, +.is-link.textarea { + border-color: #3273dc +} + +.is-link.input:active, +.is-link.input:focus, +.is-link.is-active.input, +.is-link.is-active.textarea, +.is-link.is-focused.input, +.is-link.is-focused.textarea, +.is-link.textarea:active, +.is-link.textarea:focus { + box-shadow: 0 0 0 .125em rgba(50, 115, 220, .25) +} + +.is-info.input, +.is-info.textarea { + border-color: #3298dc +} + +.is-info.input:active, +.is-info.input:focus, +.is-info.is-active.input, +.is-info.is-active.textarea, +.is-info.is-focused.input, +.is-info.is-focused.textarea, +.is-info.textarea:active, +.is-info.textarea:focus { + box-shadow: 0 0 0 .125em rgba(50, 152, 220, .25) +} + +.is-success.input, +.is-success.textarea { + border-color: #48c774 +} + +.is-success.input:active, +.is-success.input:focus, +.is-success.is-active.input, +.is-success.is-active.textarea, +.is-success.is-focused.input, +.is-success.is-focused.textarea, +.is-success.textarea:active, +.is-success.textarea:focus { + box-shadow: 0 0 0 .125em rgba(72, 199, 116, .25) +} + +.is-warning.input, +.is-warning.textarea { + border-color: #ffdd57 +} + +.is-warning.input:active, +.is-warning.input:focus, +.is-warning.is-active.input, +.is-warning.is-active.textarea, +.is-warning.is-focused.input, +.is-warning.is-focused.textarea, +.is-warning.textarea:active, +.is-warning.textarea:focus { + box-shadow: 0 0 0 .125em rgba(255, 221, 87, .25) +} + +.is-danger.input, +.is-danger.textarea { + border-color: #f14668 +} + +.is-danger.input:active, +.is-danger.input:focus, +.is-danger.is-active.input, +.is-danger.is-active.textarea, +.is-danger.is-focused.input, +.is-danger.is-focused.textarea, +.is-danger.textarea:active, +.is-danger.textarea:focus { + box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25) +} + +.is-small.input, +.is-small.textarea { + border-radius: 2px; + font-size: .75rem +} + +.is-medium.input, +.is-medium.textarea { + font-size: 1.25rem +} + +.is-large.input, +.is-large.textarea { + font-size: 1.5rem +} + +.is-fullwidth.input, +.is-fullwidth.textarea { + display: block; + width: 100% +} + +.is-inline.input, +.is-inline.textarea { + display: inline; + width: auto +} + +.input.is-rounded { + border-radius: 290486px; + padding-left: calc(calc(.75em - 1px) + .375em); + padding-right: calc(calc(.75em - 1px) + .375em) +} + +.input.is-static { + background-color: transparent; + border-color: transparent; + box-shadow: none; + padding-left: 0; + padding-right: 0 +} + +.textarea { + display: block; + max-width: 100%; + min-width: 100%; + padding: calc(.75em - 1px); + resize: vertical +} + +.textarea:not([rows]) { + max-height: 40em; + min-height: 8em +} + +.textarea[rows] { + height: 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: #363636 +} + +.checkbox[disabled], +.radio[disabled], +fieldset[disabled] .checkbox, +fieldset[disabled] .radio { + color: #7a7a7a; + cursor: not-allowed +} + +.radio+.radio { + margin-left: .5em +} + +.select { + display: inline-block; + max-width: 100%; + position: relative; + vertical-align: top +} + +.select:not(.is-multiple) { + height: 2.5em +} + +.select:not(.is-multiple):not(.is-loading)::after { + border-color: #3273dc; + right: 1.125em; + z-index: 4 +} + +.select.is-rounded select { + border-radius: 290486px; + padding-left: 1em +} + +.select select { + cursor: pointer; + display: block; + font-size: 1em; + max-width: 100%; + outline: 0 +} + +.select select::-ms-expand { + display: none +} + +.select select[disabled]:hover, +fieldset[disabled] .select select:hover { + border-color: #f5f5f5 +} + +.select select:not([multiple]) { + padding-right: 2.5em +} + +.select select[multiple] { + height: auto; + padding: 0 +} + +.select select[multiple] option { + padding: .5em 1em +} + +.select:not(.is-multiple):not(.is-loading):hover::after { + border-color: #363636 +} + +.select.is-white: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: #363636 +} + +.select.is-dark select { + border-color: #363636 +} + +.select.is-dark select.is-hovered, +.select.is-dark select:hover { + border-color: #292929 +} + +.select.is-dark select.is-active, +.select.is-dark select.is-focused, +.select.is-dark select:active, +.select.is-dark select:focus { + box-shadow: 0 0 0 .125em rgba(54, 54, 54, .25) +} + +.select.is-primary:not(:hover)::after { + border-color: #00d1b2 +} + +.select.is-primary select { + border-color: #00d1b2 +} + +.select.is-primary select.is-hovered, +.select.is-primary select:hover { + border-color: #00b89c +} + +.select.is-primary select.is-active, +.select.is-primary select.is-focused, +.select.is-primary select:active, +.select.is-primary select:focus { + box-shadow: 0 0 0 .125em rgba(0, 209, 178, .25) +} + +.select.is-link:not(:hover)::after { + border-color: #3273dc +} + +.select.is-link select { + border-color: #3273dc +} + +.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: #3298dc +} + +.select.is-info select { + border-color: #3298dc +} + +.select.is-info select.is-hovered, +.select.is-info select:hover { + border-color: #238cd1 +} + +.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(50, 152, 220, .25) +} + +.select.is-success:not(:hover)::after { + border-color: #48c774 +} + +.select.is-success select { + border-color: #48c774 +} + +.select.is-success select.is-hovered, +.select.is-success select:hover { + border-color: #3abb67 +} + +.select.is-success select.is-active, +.select.is-success select.is-focused, +.select.is-success select:active, +.select.is-success select:focus { + box-shadow: 0 0 0 .125em rgba(72, 199, 116, .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: #f14668 +} + +.select.is-danger select { + border-color: #f14668 +} + +.select.is-danger select.is-hovered, +.select.is-danger select:hover { + border-color: #ef2e55 +} + +.select.is-danger select.is-active, +.select.is-danger select.is-focused, +.select.is-danger select:active, +.select.is-danger select:focus { + box-shadow: 0 0 0 .125em rgba(241, 70, 104, .25) +} + +.select.is-small { + border-radius: 2px; + font-size: .75rem +} + +.select.is-medium { + font-size: 1.25rem +} + +.select.is-large { + font-size: 1.5rem +} + +.select.is-disabled::after { + border-color: #7a7a7a +} + +.select.is-fullwidth { + width: 100% +} + +.select.is-fullwidth select { + width: 100% +} + +.select.is-loading::after { + margin-top: 0; + position: absolute; + right: .625em; + top: .625em; + transform: none +} + +.select.is-loading.is-small:after { + font-size: .75rem +} + +.select.is-loading.is-medium:after { + font-size: 1.25rem +} + +.select.is-loading.is-large:after { + font-size: 1.5rem +} + +.file { + align-items: stretch; + display: flex; + justify-content: flex-start; + position: relative +} + +.file.is-white .file-cta { + background-color: #fff; + border-color: transparent; + color: #0a0a0a +} + +.file.is-white.is-hovered .file-cta, +.file.is-white:hover .file-cta { + background-color: #f9f9f9; + border-color: transparent; + color: #0a0a0a +} + +.file.is-white.is-focused .file-cta, +.file.is-white:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em 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: rgba(0, 0, 0, .7) +} + +.file.is-light.is-hovered .file-cta, +.file.is-light:hover .file-cta { + background-color: #eee; + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.file.is-light.is-focused .file-cta, +.file.is-light:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(245, 245, 245, .25); + color: rgba(0, 0, 0, .7) +} + +.file.is-light.is-active .file-cta, +.file.is-light:active .file-cta { + background-color: #e8e8e8; + border-color: transparent; + color: rgba(0, 0, 0, .7) +} + +.file.is-dark .file-cta { + background-color: #363636; + border-color: transparent; + color: #fff +} + +.file.is-dark.is-hovered .file-cta, +.file.is-dark:hover .file-cta { + background-color: #2f2f2f; + border-color: transparent; + color: #fff +} + +.file.is-dark.is-focused .file-cta, +.file.is-dark:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(54, 54, 54, .25); + color: #fff +} + +.file.is-dark.is-active .file-cta, +.file.is-dark:active .file-cta { + background-color: #292929; + border-color: transparent; + color: #fff +} + +.file.is-primary .file-cta { + background-color: #00d1b2; + border-color: transparent; + color: #fff +} + +.file.is-primary.is-hovered .file-cta, +.file.is-primary:hover .file-cta { + background-color: #00c4a7; + border-color: transparent; + color: #fff +} + +.file.is-primary.is-focused .file-cta, +.file.is-primary:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(0, 209, 178, .25); + color: #fff +} + +.file.is-primary.is-active .file-cta, +.file.is-primary:active .file-cta { + background-color: #00b89c; + border-color: transparent; + color: #fff +} + +.file.is-link .file-cta { + background-color: #3273dc; + 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: #3298dc; + border-color: transparent; + color: #fff +} + +.file.is-info.is-hovered .file-cta, +.file.is-info:hover .file-cta { + background-color: #2793da; + 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(50, 152, 220, .25); + color: #fff +} + +.file.is-info.is-active .file-cta, +.file.is-info:active .file-cta { + background-color: #238cd1; + border-color: transparent; + color: #fff +} + +.file.is-success .file-cta { + background-color: #48c774; + border-color: transparent; + color: #fff +} + +.file.is-success.is-hovered .file-cta, +.file.is-success:hover .file-cta { + background-color: #3ec46d; + border-color: transparent; + color: #fff +} + +.file.is-success.is-focused .file-cta, +.file.is-success:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(72, 199, 116, .25); + color: #fff +} + +.file.is-success.is-active .file-cta, +.file.is-success:active .file-cta { + background-color: #3abb67; + 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: #f14668; + border-color: transparent; + color: #fff +} + +.file.is-danger.is-hovered .file-cta, +.file.is-danger:hover .file-cta { + background-color: #f03a5f; + border-color: transparent; + color: #fff +} + +.file.is-danger.is-focused .file-cta, +.file.is-danger:focus .file-cta { + border-color: transparent; + box-shadow: 0 0 .5em rgba(241, 70, 104, .25); + color: #fff +} + +.file.is-danger.is-active .file-cta, +.file.is-danger:active .file-cta { + background-color: #ef2e55; + border-color: transparent; + color: #fff +} + +.file.is-small { + font-size: .75rem +} + +.file.is-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: #363636 +} + +.file-label:hover .file-name { + border-color: #d5d5d5 +} + +.file-label:active .file-cta { + background-color: #e8e8e8; + color: #363636 +} + +.file-label:active .file-name { + border-color: #cfcfcf +} + +.file-input { + height: 100%; + left: 0; + opacity: 0; + outline: 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: #4a4a4a +} + +.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: #363636; + display: block; + font-size: 1rem; + font-weight: 700 +} + +.label:not(:last-child) { + margin-bottom: .5em +} + +.label.is-small { + font-size: .75rem +} + +.label.is-medium { + font-size: 1.25rem +} + +.label.is-large { + font-size: 1.5rem +} + +.help { + display: block; + font-size: .75rem; + margin-top: .25rem +} + +.help.is-white { + color: #fff +} + +.help.is-black { + color: #0a0a0a +} + +.help.is-light { + color: #f5f5f5 +} + +.help.is-dark { + color: #363636 +} + +.help.is-primary { + color: #00d1b2 +} + +.help.is-link { + color: #3273dc +} + +.help.is-info { + color: #3298dc +} + +.help.is-success { + color: #48c774 +} + +.help.is-warning { + color: #ffdd57 +} + +.help.is-danger { + color: #f14668 +} + +.field:not(:last-child) { + margin-bottom: .75rem +} + +.field.has-addons { + display: flex; + justify-content: flex-start +} + +.field.has-addons .control:not(:last-child) { + margin-right: -1px +} + +.field.has-addons .control:not(:first-child):not(:last-child) .button, +.field.has-addons .control:not(:first-child):not(:last-child) .input, +.field.has-addons .control:not(:first-child):not(:last-child) .select select { + border-radius: 0 +} + +.field.has-addons .control:first-child:not(:only-child) .button, +.field.has-addons .control:first-child:not(:only-child) .input, +.field.has-addons .control:first-child:not(:only-child) .select select { + border-bottom-right-radius: 0; + border-top-right-radius: 0 +} + +.field.has-addons .control:last-child:not(:only-child) .button, +.field.has-addons .control:last-child:not(:only-child) .input, +.field.has-addons .control:last-child:not(:only-child) .select select { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} + +.field.has-addons .control .button:not([disabled]).is-hovered, +.field.has-addons .control .button:not([disabled]):hover, +.field.has-addons .control .input:not([disabled]).is-hovered, +.field.has-addons .control .input:not([disabled]):hover, +.field.has-addons .control .select select:not([disabled]).is-hovered, +.field.has-addons .control .select select:not([disabled]):hover { + z-index: 2 +} + +.field.has-addons .control .button:not([disabled]).is-active, +.field.has-addons .control .button:not([disabled]).is-focused, +.field.has-addons .control .button:not([disabled]):active, +.field.has-addons .control .button:not([disabled]):focus, +.field.has-addons .control .input:not([disabled]).is-active, +.field.has-addons .control .input:not([disabled]).is-focused, +.field.has-addons .control .input:not([disabled]):active, +.field.has-addons .control .input:not([disabled]):focus, +.field.has-addons .control .select select:not([disabled]).is-active, +.field.has-addons .control .select select:not([disabled]).is-focused, +.field.has-addons .control .select select:not([disabled]):active, +.field.has-addons .control .select select:not([disabled]):focus { + z-index: 3 +} + +.field.has-addons .control .button:not([disabled]).is-active:hover, +.field.has-addons .control .button:not([disabled]).is-focused:hover, +.field.has-addons .control .button:not([disabled]):active:hover, +.field.has-addons .control .button:not([disabled]):focus:hover, +.field.has-addons .control .input:not([disabled]).is-active:hover, +.field.has-addons .control .input:not([disabled]).is-focused:hover, +.field.has-addons .control .input:not([disabled]):active:hover, +.field.has-addons .control .input:not([disabled]):focus:hover, +.field.has-addons .control .select select:not([disabled]).is-active:hover, +.field.has-addons .control .select select:not([disabled]).is-focused:hover, +.field.has-addons .control .select select:not([disabled]):active:hover, +.field.has-addons .control .select select:not([disabled]):focus:hover { + z-index: 4 +} + +.field.has-addons .control.is-expanded { + flex-grow: 1; + flex-shrink: 1 +} + +.field.has-addons.has-addons-centered { + justify-content: center +} + +.field.has-addons.has-addons-right { + justify-content: flex-end +} + +.field.has-addons.has-addons-fullwidth .control { + flex-grow: 1; + flex-shrink: 0 +} + +.field.is-grouped { + display: flex; + justify-content: flex-start +} + +.field.is-grouped>.control { + flex-shrink: 0 +} + +.field.is-grouped>.control:not(:last-child) { + margin-bottom: 0; + margin-right: .75rem +} + +.field.is-grouped>.control.is-expanded { + flex-grow: 1; + flex-shrink: 1 +} + +.field.is-grouped.is-grouped-centered { + justify-content: center +} + +.field.is-grouped.is-grouped-right { + justify-content: flex-end +} + +.field.is-grouped.is-grouped-multiline { + flex-wrap: wrap +} + +.field.is-grouped.is-grouped-multiline>.control:last-child, +.field.is-grouped.is-grouped-multiline>.control:not(:last-child) { + margin-bottom: .75rem +} + +.field.is-grouped.is-grouped-multiline:last-child { + margin-bottom: -.75rem +} + +.field.is-grouped.is-grouped-multiline:not(:last-child) { + margin-bottom: 0 +} + +@media 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 { + box-sizing: border-box; + clear: both; + font-size: 1rem; + position: relative; + text-align: left +} + +.control.has-icons-left .input:focus~.icon, +.control.has-icons-left .select:focus~.icon, +.control.has-icons-right .input:focus~.icon, +.control.has-icons-right .select:focus~.icon { + color: #4a4a4a +} + +.control.has-icons-left .input.is-small~.icon, +.control.has-icons-left .select.is-small~.icon, +.control.has-icons-right .input.is-small~.icon, +.control.has-icons-right .select.is-small~.icon { + font-size: .75rem +} + +.control.has-icons-left .input.is-medium~.icon, +.control.has-icons-left .select.is-medium~.icon, +.control.has-icons-right .input.is-medium~.icon, +.control.has-icons-right .select.is-medium~.icon { + font-size: 1.25rem +} + +.control.has-icons-left .input.is-large~.icon, +.control.has-icons-left .select.is-large~.icon, +.control.has-icons-right .input.is-large~.icon, +.control.has-icons-right .select.is-large~.icon { + font-size: 1.5rem +} + +.control.has-icons-left .icon, +.control.has-icons-right .icon { + color: #dbdbdb; + height: 2.5em; + pointer-events: none; + position: absolute; + top: 0; + width: 2.5em; + z-index: 4 +} + +.control.has-icons-left .input, +.control.has-icons-left .select select { + padding-left: 2.5em +} + +.control.has-icons-left .icon.is-left { + left: 0 +} + +.control.has-icons-right .input, +.control.has-icons-right .select select { + padding-right: 2.5em +} + +.control.has-icons-right .icon.is-right { + right: 0 +} + +.control.is-loading::after { + position: absolute !important; + right: .625em; + top: .625em; + z-index: 4 +} + +.control.is-loading.is-small:after { + font-size: .75rem +} + +.control.is-loading.is-medium:after { + font-size: 1.25rem +} + +.control.is-loading.is-large:after { + font-size: 1.5rem +} + +.breadcrumb { + font-size: 1rem; + white-space: nowrap +} + +.breadcrumb a { + align-items: center; + color: #3273dc; + display: flex; + justify-content: center; + padding: 0 .75em +} + +.breadcrumb a:hover { + color: #363636 +} + +.breadcrumb li { + align-items: center; + display: flex +} + +.breadcrumb li:first-child a { + padding-left: 0 +} + +.breadcrumb li.is-active a { + color: #363636; + cursor: default; + pointer-events: none +} + +.breadcrumb li+li::before { + color: #b5b5b5; + content: "\0002f" +} + +.breadcrumb ol, +.breadcrumb ul { + align-items: flex-start; + display: flex; + flex-wrap: wrap; + justify-content: flex-start +} + +.breadcrumb .icon:first-child { + margin-right: .5em +} + +.breadcrumb .icon:last-child { + margin-left: .5em +} + +.breadcrumb.is-centered ol, +.breadcrumb.is-centered ul { + justify-content: center +} + +.breadcrumb.is-right ol, +.breadcrumb.is-right ul { + justify-content: flex-end +} + +.breadcrumb.is-small { + font-size: .75rem +} + +.breadcrumb.is-medium { + font-size: 1.25rem +} + +.breadcrumb.is-large { + font-size: 1.5rem +} + +.breadcrumb.has-arrow-separator li+li::before { + content: "\02192" +} + +.breadcrumb.has-bullet-separator li+li::before { + content: "\02022" +} + +.breadcrumb.has-dot-separator li+li::before { + content: "\000b7" +} + +.breadcrumb.has-succeeds-separator li+li::before { + content: "\0227B" +} + +.card { + background-color: #fff; + box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02); + color: #4a4a4a; + max-width: 100%; + position: relative +} + +.card-header { + background-color: transparent; + align-items: stretch; + box-shadow: 0 .125em .25em rgba(10, 10, 10, .1); + display: flex +} + +.card-header-title { + align-items: center; + color: #363636; + display: flex; + flex-grow: 1; + font-weight: 700; + padding: .75rem 1rem +} + +.card-header-title.is-centered { + justify-content: center +} + +.card-header-icon { + align-items: center; + cursor: pointer; + display: flex; + justify-content: center; + padding: .75rem 1rem +} + +.card-image { + display: block; + position: relative +} + +.card-content { + background-color: transparent; + padding: 1.5rem +} + +.card-footer { + background-color: transparent; + border-top: 1px solid #ededed; + align-items: stretch; + display: flex +} + +.card-footer-item { + align-items: center; + display: flex; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 0; + justify-content: center; + padding: .75rem +} + +.card-footer-item:not(:last-child) { + border-right: 1px solid #ededed +} + +.card .media:not(:last-child) { + margin-bottom: 1.5rem +} + +.dropdown { + display: inline-flex; + position: relative; + vertical-align: top +} + +.dropdown.is-active .dropdown-menu, +.dropdown.is-hoverable:hover .dropdown-menu { + display: block +} + +.dropdown.is-right .dropdown-menu { + left: auto; + right: 0 +} + +.dropdown.is-up .dropdown-menu { + bottom: 100%; + padding-bottom: 4px; + padding-top: 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 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02); + padding-bottom: .5rem; + padding-top: .5rem +} + +.dropdown-item { + color: #4a4a4a; + display: block; + font-size: .875rem; + line-height: 1.5; + padding: .375rem 1rem; + position: relative +} + +a.dropdown-item, +button.dropdown-item { + padding-right: 3rem; + text-align: 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: #3273dc; + color: #fff +} + +.dropdown-divider { + background-color: #ededed; + border: none; + display: block; + height: 1px; + margin: .5rem 0 +} + +.level { + align-items: center; + justify-content: space-between +} + +.level code { + border-radius: 4px +} + +.level img { + display: inline-block; + vertical-align: top +} + +.level.is-mobile { + 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: #4a4a4a +} + +.list-item:first-child { + border-top-left-radius: 4px; + border-top-right-radius: 4px +} + +.list-item:last-child { + border-bottom-left-radius: 4px; + border-bottom-right-radius: 4px +} + +.list-item:not(:last-child) { + border-bottom: 1px solid #dbdbdb +} + +.list-item.is-active { + background-color: #3273dc; + 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: #4a4a4a; + display: block; + padding: .5em .75em +} + +.menu-list a:hover { + background-color: #f5f5f5; + color: #363636 +} + +.menu-list a.is-active { + background-color: #3273dc; + color: #fff +} + +.menu-list li ul { + border-left: 1px solid #dbdbdb; + margin: .75em; + padding-left: .75em +} + +.menu-label { + color: #7a7a7a; + font-size: .75em; + letter-spacing: .1em; + text-transform: uppercase +} + +.menu-label:not(:first-child) { + margin-top: 1em +} + +.menu-label:not(:last-child) { + margin-bottom: 1em +} + +.message { + background-color: #f5f5f5; + border-radius: 4px; + font-size: 1rem +} + +.message strong { + color: currentColor +} + +.message a:not(.button):not(.tag):not(.dropdown-item) { + color: currentColor; + text-decoration: underline +} + +.message.is-small { + font-size: .75rem +} + +.message.is-medium { + font-size: 1.25rem +} + +.message.is-large { + font-size: 1.5rem +} + +.message.is-white { + background-color: #fff +} + +.message.is-white .message-header { + background-color: #fff; + color: #0a0a0a +} + +.message.is-white .message-body { + border-color: #fff +} + +.message.is-black { + background-color: #fafafa +} + +.message.is-black .message-header { + background-color: #0a0a0a; + color: #fff +} + +.message.is-black .message-body { + border-color: #0a0a0a +} + +.message.is-light { + background-color: #fafafa +} + +.message.is-light .message-header { + background-color: #f5f5f5; + color: rgba(0, 0, 0, .7) +} + +.message.is-light .message-body { + border-color: #f5f5f5 +} + +.message.is-dark { + background-color: #fafafa +} + +.message.is-dark .message-header { + background-color: #363636; + color: #fff +} + +.message.is-dark .message-body { + border-color: #363636 +} + +.message.is-primary { + background-color: #ebfffc +} + +.message.is-primary .message-header { + background-color: #00d1b2; + color: #fff +} + +.message.is-primary .message-body { + border-color: #00d1b2; + color: #00947e +} + +.message.is-link { + background-color: #eef3fc +} + +.message.is-link .message-header { + background-color: #3273dc; + color: #fff +} + +.message.is-link .message-body { + border-color: #3273dc; + color: #2160c4 +} + +.message.is-info { + background-color: #eef6fc +} + +.message.is-info .message-header { + background-color: #3298dc; + color: #fff +} + +.message.is-info .message-body { + border-color: #3298dc; + color: #1d72aa +} + +.message.is-success { + background-color: #effaf3 +} + +.message.is-success .message-header { + background-color: #48c774; + color: #fff +} + +.message.is-success .message-body { + border-color: #48c774; + color: #257942 +} + +.message.is-warning { + background-color: #fffbeb +} + +.message.is-warning .message-header { + background-color: #ffdd57; + color: rgba(0, 0, 0, .7) +} + +.message.is-warning .message-body { + border-color: #ffdd57; + color: #947600 +} + +.message.is-danger { + background-color: #feecf0 +} + +.message.is-danger .message-header { + background-color: #f14668; + color: #fff +} + +.message.is-danger .message-body { + border-color: #f14668; + color: #cc0f35 +} + +.message-header { + align-items: center; + background-color: #4a4a4a; + border-radius: 4px 4px 0 0; + color: #fff; + display: flex; + font-weight: 700; + justify-content: space-between; + line-height: 1.25; + padding: .75em 1em; + position: relative +} + +.message-header .delete { + flex-grow: 0; + flex-shrink: 0; + margin-left: .75em +} + +.message-header+.message-body { + border-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: #4a4a4a; + padding: 1.25em 1.5em +} + +.message-body code, +.message-body pre { + background-color: #fff +} + +.message-body pre code { + background-color: transparent +} + +.modal { + align-items: center; + display: none; + flex-direction: column; + justify-content: center; + overflow: hidden; + position: fixed; + z-index: 40 +} + +.modal.is-active { + display: flex +} + +.modal-background { + background-color: 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: #363636; + flex-grow: 1; + flex-shrink: 0; + font-size: 1.5rem; + line-height: 1 +} + +.modal-card-foot { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 1px solid #dbdbdb +} + +.modal-card-foot .button:not(:last-child) { + margin-right: .5em +} + +.modal-card-body { + -webkit-overflow-scrolling: touch; + background-color: #fff; + flex-grow: 1; + flex-shrink: 1; + overflow: auto; + padding: 20px +} + +.navbar { + background-color: #fff; + min-height: 3.25rem; + position: relative; + z-index: 30 +} + +.navbar.is-white { + background-color: #fff; + color: #0a0a0a +} + +.navbar.is-white .navbar-brand .navbar-link, +.navbar.is-white .navbar-brand>.navbar-item { + color: #0a0a0a +} + +.navbar.is-white .navbar-brand .navbar-link.is-active, +.navbar.is-white .navbar-brand .navbar-link:focus, +.navbar.is-white .navbar-brand .navbar-link:hover, +.navbar.is-white .navbar-brand>a.navbar-item.is-active, +.navbar.is-white .navbar-brand>a.navbar-item:focus, +.navbar.is-white .navbar-brand>a.navbar-item:hover { + background-color: #f2f2f2; + color: #0a0a0a +} + +.navbar.is-white .navbar-brand .navbar-link::after { + border-color: #0a0a0a +} + +.navbar.is-white .navbar-burger { + color: #0a0a0a +} + +@media screen and (min-width:1024px) { + + .navbar.is-white .navbar-end .navbar-link, + .navbar.is-white .navbar-end>.navbar-item, + .navbar.is-white .navbar-start .navbar-link, + .navbar.is-white .navbar-start>.navbar-item { + color: #0a0a0a + } + + .navbar.is-white .navbar-end .navbar-link.is-active, + .navbar.is-white .navbar-end .navbar-link:focus, + .navbar.is-white .navbar-end .navbar-link:hover, + .navbar.is-white .navbar-end>a.navbar-item.is-active, + .navbar.is-white .navbar-end>a.navbar-item:focus, + .navbar.is-white .navbar-end>a.navbar-item:hover, + .navbar.is-white .navbar-start .navbar-link.is-active, + .navbar.is-white .navbar-start .navbar-link:focus, + .navbar.is-white .navbar-start .navbar-link:hover, + .navbar.is-white .navbar-start>a.navbar-item.is-active, + .navbar.is-white .navbar-start>a.navbar-item:focus, + .navbar.is-white .navbar-start>a.navbar-item:hover { + background-color: #f2f2f2; + color: #0a0a0a + } + + .navbar.is-white .navbar-end .navbar-link::after, + .navbar.is-white .navbar-start .navbar-link::after { + border-color: #0a0a0a + } + + .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link, + .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link { + background-color: #f2f2f2; + color: #0a0a0a + } + + .navbar.is-white .navbar-dropdown a.navbar-item.is-active { + background-color: #fff; + color: #0a0a0a + } +} + +.navbar.is-black { + background-color: #0a0a0a; + color: #fff +} + +.navbar.is-black .navbar-brand .navbar-link, +.navbar.is-black .navbar-brand>.navbar-item { + color: #fff +} + +.navbar.is-black .navbar-brand .navbar-link.is-active, +.navbar.is-black .navbar-brand .navbar-link:focus, +.navbar.is-black .navbar-brand .navbar-link:hover, +.navbar.is-black .navbar-brand>a.navbar-item.is-active, +.navbar.is-black .navbar-brand>a.navbar-item:focus, +.navbar.is-black .navbar-brand>a.navbar-item:hover { + background-color: #000; + color: #fff +} + +.navbar.is-black .navbar-brand .navbar-link::after { + border-color: #fff +} + +.navbar.is-black .navbar-burger { + color: #fff +} + +@media screen and (min-width:1024px) { + + .navbar.is-black .navbar-end .navbar-link, + .navbar.is-black .navbar-end>.navbar-item, + .navbar.is-black .navbar-start .navbar-link, + .navbar.is-black .navbar-start>.navbar-item { + color: #fff + } + + .navbar.is-black .navbar-end .navbar-link.is-active, + .navbar.is-black .navbar-end .navbar-link:focus, + .navbar.is-black .navbar-end .navbar-link:hover, + .navbar.is-black .navbar-end>a.navbar-item.is-active, + .navbar.is-black .navbar-end>a.navbar-item:focus, + .navbar.is-black .navbar-end>a.navbar-item:hover, + .navbar.is-black .navbar-start .navbar-link.is-active, + .navbar.is-black .navbar-start .navbar-link:focus, + .navbar.is-black .navbar-start .navbar-link:hover, + .navbar.is-black .navbar-start>a.navbar-item.is-active, + .navbar.is-black .navbar-start>a.navbar-item:focus, + .navbar.is-black .navbar-start>a.navbar-item:hover { + background-color: #000; + color: #fff + } + + .navbar.is-black .navbar-end .navbar-link::after, + .navbar.is-black .navbar-start .navbar-link::after { + border-color: #fff + } + + .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link, + .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link { + background-color: #000; + color: #fff + } + + .navbar.is-black .navbar-dropdown a.navbar-item.is-active { + background-color: #0a0a0a; + color: #fff + } +} + +.navbar.is-light { + background-color: #f5f5f5; + color: rgba(0, 0, 0, .7) +} + +.navbar.is-light .navbar-brand .navbar-link, +.navbar.is-light .navbar-brand>.navbar-item { + color: rgba(0, 0, 0, .7) +} + +.navbar.is-light .navbar-brand .navbar-link.is-active, +.navbar.is-light .navbar-brand .navbar-link:focus, +.navbar.is-light .navbar-brand .navbar-link:hover, +.navbar.is-light .navbar-brand>a.navbar-item.is-active, +.navbar.is-light .navbar-brand>a.navbar-item:focus, +.navbar.is-light .navbar-brand>a.navbar-item:hover { + background-color: #e8e8e8; + color: rgba(0, 0, 0, .7) +} + +.navbar.is-light .navbar-brand .navbar-link::after { + border-color: rgba(0, 0, 0, .7) +} + +.navbar.is-light .navbar-burger { + color: rgba(0, 0, 0, .7) +} + +@media screen and (min-width:1024px) { + + .navbar.is-light .navbar-end .navbar-link, + .navbar.is-light .navbar-end>.navbar-item, + .navbar.is-light .navbar-start .navbar-link, + .navbar.is-light .navbar-start>.navbar-item { + color: rgba(0, 0, 0, .7) + } + + .navbar.is-light .navbar-end .navbar-link.is-active, + .navbar.is-light .navbar-end .navbar-link:focus, + .navbar.is-light .navbar-end .navbar-link:hover, + .navbar.is-light .navbar-end>a.navbar-item.is-active, + .navbar.is-light .navbar-end>a.navbar-item:focus, + .navbar.is-light .navbar-end>a.navbar-item:hover, + .navbar.is-light .navbar-start .navbar-link.is-active, + .navbar.is-light .navbar-start .navbar-link:focus, + .navbar.is-light .navbar-start .navbar-link:hover, + .navbar.is-light .navbar-start>a.navbar-item.is-active, + .navbar.is-light .navbar-start>a.navbar-item:focus, + .navbar.is-light .navbar-start>a.navbar-item:hover { + background-color: #e8e8e8; + color: rgba(0, 0, 0, .7) + } + + .navbar.is-light .navbar-end .navbar-link::after, + .navbar.is-light .navbar-start .navbar-link::after { + border-color: rgba(0, 0, 0, .7) + } + + .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link, + .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link { + background-color: #e8e8e8; + color: rgba(0, 0, 0, .7) + } + + .navbar.is-light .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: rgba(0, 0, 0, .7) + } +} + +.navbar.is-dark { + background-color: #363636; + color: #fff +} + +.navbar.is-dark .navbar-brand .navbar-link, +.navbar.is-dark .navbar-brand>.navbar-item { + color: #fff +} + +.navbar.is-dark .navbar-brand .navbar-link.is-active, +.navbar.is-dark .navbar-brand .navbar-link:focus, +.navbar.is-dark .navbar-brand .navbar-link:hover, +.navbar.is-dark .navbar-brand>a.navbar-item.is-active, +.navbar.is-dark .navbar-brand>a.navbar-item:focus, +.navbar.is-dark .navbar-brand>a.navbar-item:hover { + background-color: #292929; + color: #fff +} + +.navbar.is-dark .navbar-brand .navbar-link::after { + border-color: #fff +} + +.navbar.is-dark .navbar-burger { + color: #fff +} + +@media screen and (min-width:1024px) { + + .navbar.is-dark .navbar-end .navbar-link, + .navbar.is-dark .navbar-end>.navbar-item, + .navbar.is-dark .navbar-start .navbar-link, + .navbar.is-dark .navbar-start>.navbar-item { + color: #fff + } + + .navbar.is-dark .navbar-end .navbar-link.is-active, + .navbar.is-dark .navbar-end .navbar-link:focus, + .navbar.is-dark .navbar-end .navbar-link:hover, + .navbar.is-dark .navbar-end>a.navbar-item.is-active, + .navbar.is-dark .navbar-end>a.navbar-item:focus, + .navbar.is-dark .navbar-end>a.navbar-item:hover, + .navbar.is-dark .navbar-start .navbar-link.is-active, + .navbar.is-dark .navbar-start .navbar-link:focus, + .navbar.is-dark .navbar-start .navbar-link:hover, + .navbar.is-dark .navbar-start>a.navbar-item.is-active, + .navbar.is-dark .navbar-start>a.navbar-item:focus, + .navbar.is-dark .navbar-start>a.navbar-item:hover { + background-color: #292929; + color: #fff + } + + .navbar.is-dark .navbar-end .navbar-link::after, + .navbar.is-dark .navbar-start .navbar-link::after { + border-color: #fff + } + + .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link, + .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link { + background-color: #292929; + color: #fff + } + + .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { + background-color: #363636; + color: #fff + } +} + +.navbar.is-primary { + background-color: #00d1b2; + color: #fff +} + +.navbar.is-primary .navbar-brand .navbar-link, +.navbar.is-primary .navbar-brand>.navbar-item { + color: #fff +} + +.navbar.is-primary .navbar-brand .navbar-link.is-active, +.navbar.is-primary .navbar-brand .navbar-link:focus, +.navbar.is-primary .navbar-brand .navbar-link:hover, +.navbar.is-primary .navbar-brand>a.navbar-item.is-active, +.navbar.is-primary .navbar-brand>a.navbar-item:focus, +.navbar.is-primary .navbar-brand>a.navbar-item:hover { + background-color: #00b89c; + color: #fff +} + +.navbar.is-primary .navbar-brand .navbar-link::after { + border-color: #fff +} + +.navbar.is-primary .navbar-burger { + color: #fff +} + +@media screen and (min-width:1024px) { + + .navbar.is-primary .navbar-end .navbar-link, + .navbar.is-primary .navbar-end>.navbar-item, + .navbar.is-primary .navbar-start .navbar-link, + .navbar.is-primary .navbar-start>.navbar-item { + color: #fff + } + + .navbar.is-primary .navbar-end .navbar-link.is-active, + .navbar.is-primary .navbar-end .navbar-link:focus, + .navbar.is-primary .navbar-end .navbar-link:hover, + .navbar.is-primary .navbar-end>a.navbar-item.is-active, + .navbar.is-primary .navbar-end>a.navbar-item:focus, + .navbar.is-primary .navbar-end>a.navbar-item:hover, + .navbar.is-primary .navbar-start .navbar-link.is-active, + .navbar.is-primary .navbar-start .navbar-link:focus, + .navbar.is-primary .navbar-start .navbar-link:hover, + .navbar.is-primary .navbar-start>a.navbar-item.is-active, + .navbar.is-primary .navbar-start>a.navbar-item:focus, + .navbar.is-primary .navbar-start>a.navbar-item:hover { + background-color: #00b89c; + color: #fff + } + + .navbar.is-primary .navbar-end .navbar-link::after, + .navbar.is-primary .navbar-start .navbar-link::after { + border-color: #fff + } + + .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link, + .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link { + background-color: #00b89c; + color: #fff + } + + .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { + background-color: #00d1b2; + color: #fff + } +} + +.navbar.is-link { + background-color: #3273dc; + color: #fff +} + +.navbar.is-link .navbar-brand .navbar-link, +.navbar.is-link .navbar-brand>.navbar-item { + color: #fff +} + +.navbar.is-link .navbar-brand .navbar-link.is-active, +.navbar.is-link .navbar-brand .navbar-link:focus, +.navbar.is-link .navbar-brand .navbar-link:hover, +.navbar.is-link .navbar-brand>a.navbar-item.is-active, +.navbar.is-link .navbar-brand>a.navbar-item:focus, +.navbar.is-link .navbar-brand>a.navbar-item:hover { + background-color: #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:1024px) { + + .navbar.is-link .navbar-end .navbar-link, + .navbar.is-link .navbar-end>.navbar-item, + .navbar.is-link .navbar-start .navbar-link, + .navbar.is-link .navbar-start>.navbar-item { + color: #fff + } + + .navbar.is-link .navbar-end .navbar-link.is-active, + .navbar.is-link .navbar-end .navbar-link:focus, + .navbar.is-link .navbar-end .navbar-link:hover, + .navbar.is-link .navbar-end>a.navbar-item.is-active, + .navbar.is-link .navbar-end>a.navbar-item:focus, + .navbar.is-link .navbar-end>a.navbar-item:hover, + .navbar.is-link .navbar-start .navbar-link.is-active, + .navbar.is-link .navbar-start .navbar-link:focus, + .navbar.is-link .navbar-start .navbar-link:hover, + .navbar.is-link .navbar-start>a.navbar-item.is-active, + .navbar.is-link .navbar-start>a.navbar-item:focus, + .navbar.is-link .navbar-start>a.navbar-item:hover { + background-color: #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:focus .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: #3273dc; + color: #fff + } +} + +.navbar.is-info { + background-color: #3298dc; + color: #fff +} + +.navbar.is-info .navbar-brand .navbar-link, +.navbar.is-info .navbar-brand>.navbar-item { + color: #fff +} + +.navbar.is-info .navbar-brand .navbar-link.is-active, +.navbar.is-info .navbar-brand .navbar-link:focus, +.navbar.is-info .navbar-brand .navbar-link:hover, +.navbar.is-info .navbar-brand>a.navbar-item.is-active, +.navbar.is-info .navbar-brand>a.navbar-item:focus, +.navbar.is-info .navbar-brand>a.navbar-item:hover { + background-color: #238cd1; + color: #fff +} + +.navbar.is-info .navbar-brand .navbar-link::after { + border-color: #fff +} + +.navbar.is-info .navbar-burger { + color: #fff +} + +@media screen and (min-width:1024px) { + + .navbar.is-info .navbar-end .navbar-link, + .navbar.is-info .navbar-end>.navbar-item, + .navbar.is-info .navbar-start .navbar-link, + .navbar.is-info .navbar-start>.navbar-item { + color: #fff + } + + .navbar.is-info .navbar-end .navbar-link.is-active, + .navbar.is-info .navbar-end .navbar-link:focus, + .navbar.is-info .navbar-end .navbar-link:hover, + .navbar.is-info .navbar-end>a.navbar-item.is-active, + .navbar.is-info .navbar-end>a.navbar-item:focus, + .navbar.is-info .navbar-end>a.navbar-item:hover, + .navbar.is-info .navbar-start .navbar-link.is-active, + .navbar.is-info .navbar-start .navbar-link:focus, + .navbar.is-info .navbar-start .navbar-link:hover, + .navbar.is-info .navbar-start>a.navbar-item.is-active, + .navbar.is-info .navbar-start>a.navbar-item:focus, + .navbar.is-info .navbar-start>a.navbar-item:hover { + background-color: #238cd1; + color: #fff + } + + .navbar.is-info .navbar-end .navbar-link::after, + .navbar.is-info .navbar-start .navbar-link::after { + border-color: #fff + } + + .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link, + .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link { + background-color: #238cd1; + color: #fff + } + + .navbar.is-info .navbar-dropdown a.navbar-item.is-active { + background-color: #3298dc; + color: #fff + } +} + +.navbar.is-success { + background-color: #48c774; + color: #fff +} + +.navbar.is-success .navbar-brand .navbar-link, +.navbar.is-success .navbar-brand>.navbar-item { + color: #fff +} + +.navbar.is-success .navbar-brand .navbar-link.is-active, +.navbar.is-success .navbar-brand .navbar-link:focus, +.navbar.is-success .navbar-brand .navbar-link:hover, +.navbar.is-success .navbar-brand>a.navbar-item.is-active, +.navbar.is-success .navbar-brand>a.navbar-item:focus, +.navbar.is-success .navbar-brand>a.navbar-item:hover { + background-color: #3abb67; + color: #fff +} + +.navbar.is-success .navbar-brand .navbar-link::after { + border-color: #fff +} + +.navbar.is-success .navbar-burger { + color: #fff +} + +@media screen and (min-width:1024px) { + + .navbar.is-success .navbar-end .navbar-link, + .navbar.is-success .navbar-end>.navbar-item, + .navbar.is-success .navbar-start .navbar-link, + .navbar.is-success .navbar-start>.navbar-item { + color: #fff + } + + .navbar.is-success .navbar-end .navbar-link.is-active, + .navbar.is-success .navbar-end .navbar-link:focus, + .navbar.is-success .navbar-end .navbar-link:hover, + .navbar.is-success .navbar-end>a.navbar-item.is-active, + .navbar.is-success .navbar-end>a.navbar-item:focus, + .navbar.is-success .navbar-end>a.navbar-item:hover, + .navbar.is-success .navbar-start .navbar-link.is-active, + .navbar.is-success .navbar-start .navbar-link:focus, + .navbar.is-success .navbar-start .navbar-link:hover, + .navbar.is-success .navbar-start>a.navbar-item.is-active, + .navbar.is-success .navbar-start>a.navbar-item:focus, + .navbar.is-success .navbar-start>a.navbar-item:hover { + background-color: #3abb67; + color: #fff + } + + .navbar.is-success .navbar-end .navbar-link::after, + .navbar.is-success .navbar-start .navbar-link::after { + border-color: #fff + } + + .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link, + .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link { + background-color: #3abb67; + color: #fff + } + + .navbar.is-success .navbar-dropdown a.navbar-item.is-active { + background-color: #48c774; + 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:focus, +.navbar.is-warning .navbar-brand .navbar-link:hover, +.navbar.is-warning .navbar-brand>a.navbar-item.is-active, +.navbar.is-warning .navbar-brand>a.navbar-item:focus, +.navbar.is-warning .navbar-brand>a.navbar-item:hover { + background-color: #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:1024px) { + + .navbar.is-warning .navbar-end .navbar-link, + .navbar.is-warning .navbar-end>.navbar-item, + .navbar.is-warning .navbar-start .navbar-link, + .navbar.is-warning .navbar-start>.navbar-item { + color: rgba(0, 0, 0, .7) + } + + .navbar.is-warning .navbar-end .navbar-link.is-active, + .navbar.is-warning .navbar-end .navbar-link:focus, + .navbar.is-warning .navbar-end .navbar-link:hover, + .navbar.is-warning .navbar-end>a.navbar-item.is-active, + .navbar.is-warning .navbar-end>a.navbar-item:focus, + .navbar.is-warning .navbar-end>a.navbar-item:hover, + .navbar.is-warning .navbar-start .navbar-link.is-active, + .navbar.is-warning .navbar-start .navbar-link:focus, + .navbar.is-warning .navbar-start .navbar-link:hover, + .navbar.is-warning .navbar-start>a.navbar-item.is-active, + .navbar.is-warning .navbar-start>a.navbar-item:focus, + .navbar.is-warning .navbar-start>a.navbar-item:hover { + background-color: #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:focus .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: #f14668; + color: #fff +} + +.navbar.is-danger .navbar-brand .navbar-link, +.navbar.is-danger .navbar-brand>.navbar-item { + color: #fff +} + +.navbar.is-danger .navbar-brand .navbar-link.is-active, +.navbar.is-danger .navbar-brand .navbar-link:focus, +.navbar.is-danger .navbar-brand .navbar-link:hover, +.navbar.is-danger .navbar-brand>a.navbar-item.is-active, +.navbar.is-danger .navbar-brand>a.navbar-item:focus, +.navbar.is-danger .navbar-brand>a.navbar-item:hover { + background-color: #ef2e55; + color: #fff +} + +.navbar.is-danger .navbar-brand .navbar-link::after { + border-color: #fff +} + +.navbar.is-danger .navbar-burger { + color: #fff +} + +@media screen and (min-width:1024px) { + + .navbar.is-danger .navbar-end .navbar-link, + .navbar.is-danger .navbar-end>.navbar-item, + .navbar.is-danger .navbar-start .navbar-link, + .navbar.is-danger .navbar-start>.navbar-item { + color: #fff + } + + .navbar.is-danger .navbar-end .navbar-link.is-active, + .navbar.is-danger .navbar-end .navbar-link:focus, + .navbar.is-danger .navbar-end .navbar-link:hover, + .navbar.is-danger .navbar-end>a.navbar-item.is-active, + .navbar.is-danger .navbar-end>a.navbar-item:focus, + .navbar.is-danger .navbar-end>a.navbar-item:hover, + .navbar.is-danger .navbar-start .navbar-link.is-active, + .navbar.is-danger .navbar-start .navbar-link:focus, + .navbar.is-danger .navbar-start .navbar-link:hover, + .navbar.is-danger .navbar-start>a.navbar-item.is-active, + .navbar.is-danger .navbar-start>a.navbar-item:focus, + .navbar.is-danger .navbar-start>a.navbar-item:hover { + background-color: #ef2e55; + color: #fff + } + + .navbar.is-danger .navbar-end .navbar-link::after, + .navbar.is-danger .navbar-start .navbar-link::after { + border-color: #fff + } + + .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link, + .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, + .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link { + background-color: #ef2e55; + color: #fff + } + + .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { + background-color: #f14668; + color: #fff + } +} + +.navbar>.container { + align-items: stretch; + display: flex; + min-height: 3.25rem; + width: 100% +} + +.navbar.has-shadow { + box-shadow: 0 2px 0 0 #f5f5f5 +} + +.navbar.is-fixed-bottom, +.navbar.is-fixed-top { + left: 0; + position: fixed; + right: 0; + z-index: 30 +} + +.navbar.is-fixed-bottom { + bottom: 0 +} + +.navbar.is-fixed-bottom.has-shadow { + box-shadow: 0 -2px 0 0 #f5f5f5 +} + +.navbar.is-fixed-top { + top: 0 +} + +body.has-navbar-fixed-top, +html.has-navbar-fixed-top { + padding-top: 3.25rem +} + +body.has-navbar-fixed-bottom, +html.has-navbar-fixed-bottom { + padding-bottom: 3.25rem +} + +.navbar-brand, +.navbar-tabs { + align-items: stretch; + display: flex; + flex-shrink: 0; + min-height: 3.25rem +} + +.navbar-brand a.navbar-item:focus, +.navbar-brand a.navbar-item:hover { + background-color: transparent +} + +.navbar-tabs { + -webkit-overflow-scrolling: touch; + max-width: 100vw; + overflow-x: auto; + overflow-y: hidden +} + +.navbar-burger { + color: #4a4a4a; + cursor: pointer; + display: block; + height: 3.25rem; + position: relative; + width: 3.25rem; + margin-left: auto +} + +.navbar-burger span { + background-color: currentColor; + display: block; + height: 1px; + left: calc(50% - 8px); + position: absolute; + transform-origin: center; + transition-duration: 86ms; + transition-property: background-color, opacity, transform; + transition-timing-function: ease-out; + width: 16px +} + +.navbar-burger span:nth-child(1) { + top: calc(50% - 6px) +} + +.navbar-burger span:nth-child(2) { + top: calc(50% - 1px) +} + +.navbar-burger span:nth-child(3) { + top: calc(50% + 4px) +} + +.navbar-burger:hover { + background-color: rgba(0, 0, 0, .05) +} + +.navbar-burger.is-active span:nth-child(1) { + transform: translateY(5px) rotate(45deg) +} + +.navbar-burger.is-active span:nth-child(2) { + opacity: 0 +} + +.navbar-burger.is-active span:nth-child(3) { + transform: translateY(-5px) rotate(-45deg) +} + +.navbar-menu { + display: none +} + +.navbar-item, +.navbar-link { + color: #4a4a4a; + display: block; + line-height: 1.5; + padding: .5rem .75rem; + position: relative +} + +.navbar-item .icon:only-child, +.navbar-link .icon:only-child { + margin-left: -.25rem; + margin-right: -.25rem +} + +.navbar-link, +a.navbar-item { + cursor: pointer +} + +.navbar-link.is-active, +.navbar-link:focus, +.navbar-link:focus-within, +.navbar-link:hover, +a.navbar-item.is-active, +a.navbar-item:focus, +a.navbar-item:focus-within, +a.navbar-item:hover { + background-color: #fafafa; + color: #3273dc +} + +.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:focus, +.navbar-item.is-tab:hover { + background-color: transparent; + border-bottom-color: #3273dc +} + +.navbar-item.is-tab.is-active { + background-color: transparent; + border-bottom-color: #3273dc; + border-bottom-style: solid; + border-bottom-width: 3px; + color: #3273dc; + 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: #3273dc; + margin-top: -.375em; + right: 1.125em +} + +.navbar-dropdown { + font-size: .875rem; + padding-bottom: .5rem; + padding-top: .5rem +} + +.navbar-dropdown .navbar-item { + padding-left: 1.5rem; + padding-right: 1.5rem +} + +.navbar-divider { + background-color: #f5f5f5; + border: none; + display: none; + height: 2px; + margin: .5rem 0 +} + +@media screen and (max-width:1023px) { + .navbar>.container { + display: block + } + + .navbar-brand .navbar-item, + .navbar-tabs .navbar-item { + align-items: center; + display: flex + } + + .navbar-link::after { + display: none + } + + .navbar-menu { + background-color: #fff; + box-shadow: 0 8px 16px 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:1024px) { + + .navbar, + .navbar-end, + .navbar-menu, + .navbar-start { + align-items: stretch; + display: flex + } + + .navbar { + min-height: 3.25rem + } + + .navbar.is-spaced { + padding: 1rem 2rem + } + + .navbar.is-spaced .navbar-end, + .navbar.is-spaced .navbar-start { + align-items: center + } + + .navbar.is-spaced .navbar-link, + .navbar.is-spaced a.navbar-item { + border-radius: 4px + } + + .navbar.is-transparent .navbar-link.is-active, + .navbar.is-transparent .navbar-link:focus, + .navbar.is-transparent .navbar-link:hover, + .navbar.is-transparent a.navbar-item.is-active, + .navbar.is-transparent a.navbar-item:focus, + .navbar.is-transparent a.navbar-item:hover { + background-color: transparent !important + } + + .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, + .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, + .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, + .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { + background-color: transparent !important + } + + .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, + .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { + background-color: #f5f5f5; + color: #0a0a0a + } + + .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: #3273dc + } + + .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 { + 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:focus .navbar-dropdown, + .navbar-item.is-hoverable:focus-within .navbar-dropdown, + .navbar-item.is-hoverable:hover .navbar-dropdown { + display: block + } + + .navbar-item.is-active .navbar-dropdown.is-boxed, + .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, + .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, + .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed, + .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, + .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, + .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, + .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown { + opacity: 1; + pointer-events: auto; + transform: translateY(0) + } + + .navbar-menu { + flex-grow: 1; + flex-shrink: 0 + } + + .navbar-start { + justify-content: flex-start; + margin-right: auto + } + + .navbar-end { + justify-content: flex-end; + margin-left: auto + } + + .navbar-dropdown { + background-color: #fff; + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px; + border-top: 2px solid #dbdbdb; + box-shadow: 0 8px 8px 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:focus, + .navbar-dropdown a.navbar-item:hover { + background-color: #f5f5f5; + color: #0a0a0a + } + + .navbar-dropdown a.navbar-item.is-active { + background-color: #f5f5f5; + color: #3273dc + } + + .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)); + transform: translateY(-5px); + transition-duration: 86ms; + transition-property: opacity, transform + } + + .navbar-dropdown.is-right { + left: auto; + right: 0 + } + + .navbar-divider { + display: block + } + + .container>.navbar .navbar-brand, + .navbar>.container .navbar-brand { + margin-left: -.75rem + } + + .container>.navbar .navbar-menu, + .navbar>.container .navbar-menu { + margin-right: -.75rem + } + + .navbar.is-fixed-bottom-desktop, + .navbar.is-fixed-top-desktop { + left: 0; + position: fixed; + right: 0; + z-index: 30 + } + + .navbar.is-fixed-bottom-desktop { + bottom: 0 + } + + .navbar.is-fixed-bottom-desktop.has-shadow { + box-shadow: 0 -2px 3px 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(:focus):not(:hover), + a.navbar-item.is-active:not(:focus):not(:hover) { + background-color: transparent + } + + .navbar-item.has-dropdown.is-active .navbar-link, + .navbar-item.has-dropdown:focus .navbar-link, + .navbar-item.has-dropdown:hover .navbar-link { + background-color: #fafafa + } +} + +.hero.is-fullheight-with-navbar { + min-height: calc(100vh - 3.25rem) +} + +.pagination { + font-size: 1rem; + margin: -.25rem +} + +.pagination.is-small { + font-size: .75rem +} + +.pagination.is-medium { + font-size: 1.25rem +} + +.pagination.is-large { + font-size: 1.5rem +} + +.pagination.is-rounded .pagination-next, +.pagination.is-rounded .pagination-previous { + 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; + justify-content: center; + margin: .25rem; + padding-left: .5em; + padding-right: .5em; + text-align: center +} + +.pagination-link, +.pagination-next, +.pagination-previous { + border-color: #dbdbdb; + color: #363636; + min-width: 2.5em +} + +.pagination-link:hover, +.pagination-next:hover, +.pagination-previous:hover { + border-color: #b5b5b5; + color: #363636 +} + +.pagination-link:focus, +.pagination-next:focus, +.pagination-previous:focus { + border-color: #3273dc +} + +.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: #3273dc; + border-color: #3273dc; + color: #fff +} + +.pagination-ellipsis { + color: #b5b5b5; + 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 { + border-radius: 6px; + box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .02); + font-size: 1rem +} + +.panel:not(:last-child) { + margin-bottom: 1.5rem +} + +.panel.is-white .panel-heading { + background-color: #fff; + color: #0a0a0a +} + +.panel.is-white .panel-tabs a.is-active { + border-bottom-color: #fff +} + +.panel.is-white .panel-block.is-active .panel-icon { + color: #fff +} + +.panel.is-black .panel-heading { + background-color: #0a0a0a; + color: #fff +} + +.panel.is-black .panel-tabs a.is-active { + border-bottom-color: #0a0a0a +} + +.panel.is-black .panel-block.is-active .panel-icon { + color: #0a0a0a +} + +.panel.is-light .panel-heading { + background-color: #f5f5f5; + color: rgba(0, 0, 0, .7) +} + +.panel.is-light .panel-tabs a.is-active { + border-bottom-color: #f5f5f5 +} + +.panel.is-light .panel-block.is-active .panel-icon { + color: #f5f5f5 +} + +.panel.is-dark .panel-heading { + background-color: #363636; + color: #fff +} + +.panel.is-dark .panel-tabs a.is-active { + border-bottom-color: #363636 +} + +.panel.is-dark .panel-block.is-active .panel-icon { + color: #363636 +} + +.panel.is-primary .panel-heading { + background-color: #00d1b2; + color: #fff +} + +.panel.is-primary .panel-tabs a.is-active { + border-bottom-color: #00d1b2 +} + +.panel.is-primary .panel-block.is-active .panel-icon { + color: #00d1b2 +} + +.panel.is-link .panel-heading { + background-color: #3273dc; + color: #fff +} + +.panel.is-link .panel-tabs a.is-active { + border-bottom-color: #3273dc +} + +.panel.is-link .panel-block.is-active .panel-icon { + color: #3273dc +} + +.panel.is-info .panel-heading { + background-color: #3298dc; + color: #fff +} + +.panel.is-info .panel-tabs a.is-active { + border-bottom-color: #3298dc +} + +.panel.is-info .panel-block.is-active .panel-icon { + color: #3298dc +} + +.panel.is-success .panel-heading { + background-color: #48c774; + color: #fff +} + +.panel.is-success .panel-tabs a.is-active { + border-bottom-color: #48c774 +} + +.panel.is-success .panel-block.is-active .panel-icon { + color: #48c774 +} + +.panel.is-warning .panel-heading { + background-color: #ffdd57; + color: rgba(0, 0, 0, .7) +} + +.panel.is-warning .panel-tabs a.is-active { + border-bottom-color: #ffdd57 +} + +.panel.is-warning .panel-block.is-active .panel-icon { + color: #ffdd57 +} + +.panel.is-danger .panel-heading { + background-color: #f14668; + color: #fff +} + +.panel.is-danger .panel-tabs a.is-active { + border-bottom-color: #f14668 +} + +.panel.is-danger .panel-block.is-active .panel-icon { + color: #f14668 +} + +.panel-block:not(:last-child), +.panel-tabs:not(:last-child) { + border-bottom: 1px solid #ededed +} + +.panel-heading { + background-color: #ededed; + border-radius: 6px 6px 0 0; + color: #363636; + font-size: 1.25em; + font-weight: 700; + line-height: 1.25; + padding: .75em 1em +} + +.panel-tabs { + align-items: flex-end; + display: flex; + font-size: .875em; + justify-content: center +} + +.panel-tabs a { + border-bottom: 1px solid #dbdbdb; + margin-bottom: -1px; + padding: .5em +} + +.panel-tabs a.is-active { + border-bottom-color: #4a4a4a; + color: #363636 +} + +.panel-list a { + color: #4a4a4a +} + +.panel-list a:hover { + color: #3273dc +} + +.panel-block { + align-items: center; + color: #363636; + display: flex; + justify-content: flex-start; + padding: .5em .75em +} + +.panel-block input[type=checkbox] { + margin-right: .75em +} + +.panel-block>.control { + flex-grow: 1; + flex-shrink: 1; + width: 100% +} + +.panel-block.is-wrapped { + flex-wrap: wrap +} + +.panel-block.is-active { + border-left-color: #3273dc; + color: #363636 +} + +.panel-block.is-active .panel-icon { + color: #3273dc +} + +.panel-block:last-child { + border-bottom-left-radius: 6px; + border-bottom-right-radius: 6px +} + +a.panel-block, +label.panel-block { + cursor: pointer +} + +a.panel-block:hover, +label.panel-block:hover { + background-color: #f5f5f5 +} + +.panel-icon { + 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: #4a4a4a; + display: flex; + justify-content: center; + margin-bottom: -1px; + padding: .5em 1em; + vertical-align: top +} + +.tabs a:hover { + border-bottom-color: #363636; + color: #363636 +} + +.tabs li { + display: block +} + +.tabs li.is-active a { + border-bottom-color: #3273dc; + color: #3273dc +} + +.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: #b5b5b5; + 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: #3273dc; + border-color: #3273dc; + 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-0 { + flex: none; + width: 0% +} + +.columns.is-mobile>.column.is-offset-0 { + margin-left: 0 +} + +.columns.is-mobile>.column.is-1 { + flex: none; + width: 8.33333% +} + +.columns.is-mobile>.column.is-offset-1 { + margin-left: 8.33333% +} + +.columns.is-mobile>.column.is-2 { + flex: none; + width: 16.66667% +} + +.columns.is-mobile>.column.is-offset-2 { + margin-left: 16.66667% +} + +.columns.is-mobile>.column.is-3 { + flex: none; + width: 25% +} + +.columns.is-mobile>.column.is-offset-3 { + margin-left: 25% +} + +.columns.is-mobile>.column.is-4 { + flex: none; + width: 33.33333% +} + +.columns.is-mobile>.column.is-offset-4 { + margin-left: 33.33333% +} + +.columns.is-mobile>.column.is-5 { + flex: none; + width: 41.66667% +} + +.columns.is-mobile>.column.is-offset-5 { + margin-left: 41.66667% +} + +.columns.is-mobile>.column.is-6 { + flex: none; + width: 50% +} + +.columns.is-mobile>.column.is-offset-6 { + margin-left: 50% +} + +.columns.is-mobile>.column.is-7 { + flex: none; + width: 58.33333% +} + +.columns.is-mobile>.column.is-offset-7 { + margin-left: 58.33333% +} + +.columns.is-mobile>.column.is-8 { + flex: none; + width: 66.66667% +} + +.columns.is-mobile>.column.is-offset-8 { + margin-left: 66.66667% +} + +.columns.is-mobile>.column.is-9 { + flex: none; + width: 75% +} + +.columns.is-mobile>.column.is-offset-9 { + margin-left: 75% +} + +.columns.is-mobile>.column.is-10 { + flex: none; + width: 83.33333% +} + +.columns.is-mobile>.column.is-offset-10 { + margin-left: 83.33333% +} + +.columns.is-mobile>.column.is-11 { + flex: none; + width: 91.66667% +} + +.columns.is-mobile>.column.is-offset-11 { + margin-left: 91.66667% +} + +.columns.is-mobile>.column.is-12 { + flex: none; + width: 100% +} + +.columns.is-mobile>.column.is-offset-12 { + margin-left: 100% +} + +@media screen and (max-width:768px) { + .column.is-narrow-mobile { + flex: none + } + + .column.is-full-mobile { + flex: none; + width: 100% + } + + .column.is-three-quarters-mobile { + flex: none; + width: 75% + } + + .column.is-two-thirds-mobile { + flex: none; + width: 66.6666% + } + + .column.is-half-mobile { + flex: none; + width: 50% + } + + .column.is-one-third-mobile { + flex: none; + width: 33.3333% + } + + .column.is-one-quarter-mobile { + flex: none; + width: 25% + } + + .column.is-one-fifth-mobile { + flex: none; + width: 20% + } + + .column.is-two-fifths-mobile { + flex: none; + width: 40% + } + + .column.is-three-fifths-mobile { + flex: none; + width: 60% + } + + .column.is-four-fifths-mobile { + flex: none; + width: 80% + } + + .column.is-offset-three-quarters-mobile { + margin-left: 75% + } + + .column.is-offset-two-thirds-mobile { + margin-left: 66.6666% + } + + .column.is-offset-half-mobile { + margin-left: 50% + } + + .column.is-offset-one-third-mobile { + margin-left: 33.3333% + } + + .column.is-offset-one-quarter-mobile { + margin-left: 25% + } + + .column.is-offset-one-fifth-mobile { + margin-left: 20% + } + + .column.is-offset-two-fifths-mobile { + margin-left: 40% + } + + .column.is-offset-three-fifths-mobile { + margin-left: 60% + } + + .column.is-offset-four-fifths-mobile { + margin-left: 80% + } + + .column.is-0-mobile { + flex: none; + width: 0% + } + + .column.is-offset-0-mobile { + margin-left: 0 + } + + .column.is-1-mobile { + flex: none; + width: 8.33333% + } + + .column.is-offset-1-mobile { + margin-left: 8.33333% + } + + .column.is-2-mobile { + flex: none; + width: 16.66667% + } + + .column.is-offset-2-mobile { + margin-left: 16.66667% + } + + .column.is-3-mobile { + flex: none; + width: 25% + } + + .column.is-offset-3-mobile { + margin-left: 25% + } + + .column.is-4-mobile { + flex: none; + width: 33.33333% + } + + .column.is-offset-4-mobile { + margin-left: 33.33333% + } + + .column.is-5-mobile { + flex: none; + width: 41.66667% + } + + .column.is-offset-5-mobile { + margin-left: 41.66667% + } + + .column.is-6-mobile { + flex: none; + width: 50% + } + + .column.is-offset-6-mobile { + margin-left: 50% + } + + .column.is-7-mobile { + flex: none; + width: 58.33333% + } + + .column.is-offset-7-mobile { + margin-left: 58.33333% + } + + .column.is-8-mobile { + flex: none; + width: 66.66667% + } + + .column.is-offset-8-mobile { + margin-left: 66.66667% + } + + .column.is-9-mobile { + flex: none; + width: 75% + } + + .column.is-offset-9-mobile { + margin-left: 75% + } + + .column.is-10-mobile { + flex: none; + width: 83.33333% + } + + .column.is-offset-10-mobile { + margin-left: 83.33333% + } + + .column.is-11-mobile { + flex: none; + width: 91.66667% + } + + .column.is-offset-11-mobile { + margin-left: 91.66667% + } + + .column.is-12-mobile { + flex: none; + width: 100% + } + + .column.is-offset-12-mobile { + margin-left: 100% + } +} + +@media 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-0, + .column.is-0-tablet { + flex: none; + width: 0% + } + + .column.is-offset-0, + .column.is-offset-0-tablet { + margin-left: 0 + } + + .column.is-1, + .column.is-1-tablet { + flex: none; + width: 8.33333% + } + + .column.is-offset-1, + .column.is-offset-1-tablet { + margin-left: 8.33333% + } + + .column.is-2, + .column.is-2-tablet { + flex: none; + width: 16.66667% + } + + .column.is-offset-2, + .column.is-offset-2-tablet { + margin-left: 16.66667% + } + + .column.is-3, + .column.is-3-tablet { + flex: none; + width: 25% + } + + .column.is-offset-3, + .column.is-offset-3-tablet { + margin-left: 25% + } + + .column.is-4, + .column.is-4-tablet { + flex: none; + width: 33.33333% + } + + .column.is-offset-4, + .column.is-offset-4-tablet { + margin-left: 33.33333% + } + + .column.is-5, + .column.is-5-tablet { + flex: none; + width: 41.66667% + } + + .column.is-offset-5, + .column.is-offset-5-tablet { + margin-left: 41.66667% + } + + .column.is-6, + .column.is-6-tablet { + flex: none; + width: 50% + } + + .column.is-offset-6, + .column.is-offset-6-tablet { + margin-left: 50% + } + + .column.is-7, + .column.is-7-tablet { + flex: none; + width: 58.33333% + } + + .column.is-offset-7, + .column.is-offset-7-tablet { + margin-left: 58.33333% + } + + .column.is-8, + .column.is-8-tablet { + flex: none; + width: 66.66667% + } + + .column.is-offset-8, + .column.is-offset-8-tablet { + margin-left: 66.66667% + } + + .column.is-9, + .column.is-9-tablet { + flex: none; + width: 75% + } + + .column.is-offset-9, + .column.is-offset-9-tablet { + margin-left: 75% + } + + .column.is-10, + .column.is-10-tablet { + flex: none; + width: 83.33333% + } + + .column.is-offset-10, + .column.is-offset-10-tablet { + margin-left: 83.33333% + } + + .column.is-11, + .column.is-11-tablet { + flex: none; + width: 91.66667% + } + + .column.is-offset-11, + .column.is-offset-11-tablet { + margin-left: 91.66667% + } + + .column.is-12, + .column.is-12-tablet { + flex: none; + width: 100% + } + + .column.is-offset-12, + .column.is-offset-12-tablet { + margin-left: 100% + } +} + +@media screen and (max-width:1023px) { + .column.is-narrow-touch { + flex: none + } + + .column.is-full-touch { + flex: none; + width: 100% + } + + .column.is-three-quarters-touch { + flex: none; + width: 75% + } + + .column.is-two-thirds-touch { + flex: none; + width: 66.6666% + } + + .column.is-half-touch { + flex: none; + width: 50% + } + + .column.is-one-third-touch { + flex: none; + width: 33.3333% + } + + .column.is-one-quarter-touch { + flex: none; + width: 25% + } + + .column.is-one-fifth-touch { + flex: none; + width: 20% + } + + .column.is-two-fifths-touch { + flex: none; + width: 40% + } + + .column.is-three-fifths-touch { + flex: none; + width: 60% + } + + .column.is-four-fifths-touch { + flex: none; + width: 80% + } + + .column.is-offset-three-quarters-touch { + margin-left: 75% + } + + .column.is-offset-two-thirds-touch { + margin-left: 66.6666% + } + + .column.is-offset-half-touch { + margin-left: 50% + } + + .column.is-offset-one-third-touch { + margin-left: 33.3333% + } + + .column.is-offset-one-quarter-touch { + margin-left: 25% + } + + .column.is-offset-one-fifth-touch { + margin-left: 20% + } + + .column.is-offset-two-fifths-touch { + margin-left: 40% + } + + .column.is-offset-three-fifths-touch { + margin-left: 60% + } + + .column.is-offset-four-fifths-touch { + margin-left: 80% + } + + .column.is-0-touch { + flex: none; + width: 0% + } + + .column.is-offset-0-touch { + margin-left: 0 + } + + .column.is-1-touch { + flex: none; + width: 8.33333% + } + + .column.is-offset-1-touch { + margin-left: 8.33333% + } + + .column.is-2-touch { + flex: none; + width: 16.66667% + } + + .column.is-offset-2-touch { + margin-left: 16.66667% + } + + .column.is-3-touch { + flex: none; + width: 25% + } + + .column.is-offset-3-touch { + margin-left: 25% + } + + .column.is-4-touch { + flex: none; + width: 33.33333% + } + + .column.is-offset-4-touch { + margin-left: 33.33333% + } + + .column.is-5-touch { + flex: none; + width: 41.66667% + } + + .column.is-offset-5-touch { + margin-left: 41.66667% + } + + .column.is-6-touch { + flex: none; + width: 50% + } + + .column.is-offset-6-touch { + margin-left: 50% + } + + .column.is-7-touch { + flex: none; + width: 58.33333% + } + + .column.is-offset-7-touch { + margin-left: 58.33333% + } + + .column.is-8-touch { + flex: none; + width: 66.66667% + } + + .column.is-offset-8-touch { + margin-left: 66.66667% + } + + .column.is-9-touch { + flex: none; + width: 75% + } + + .column.is-offset-9-touch { + margin-left: 75% + } + + .column.is-10-touch { + flex: none; + width: 83.33333% + } + + .column.is-offset-10-touch { + margin-left: 83.33333% + } + + .column.is-11-touch { + flex: none; + width: 91.66667% + } + + .column.is-offset-11-touch { + margin-left: 91.66667% + } + + .column.is-12-touch { + flex: none; + width: 100% + } + + .column.is-offset-12-touch { + margin-left: 100% + } +} + +@media screen and (min-width:1024px) { + .column.is-narrow-desktop { + flex: none + } + + .column.is-full-desktop { + flex: none; + width: 100% + } + + .column.is-three-quarters-desktop { + flex: none; + width: 75% + } + + .column.is-two-thirds-desktop { + flex: none; + width: 66.6666% + } + + .column.is-half-desktop { + flex: none; + width: 50% + } + + .column.is-one-third-desktop { + flex: none; + width: 33.3333% + } + + .column.is-one-quarter-desktop { + flex: none; + width: 25% + } + + .column.is-one-fifth-desktop { + flex: none; + width: 20% + } + + .column.is-two-fifths-desktop { + flex: none; + width: 40% + } + + .column.is-three-fifths-desktop { + flex: none; + width: 60% + } + + .column.is-four-fifths-desktop { + flex: none; + width: 80% + } + + .column.is-offset-three-quarters-desktop { + margin-left: 75% + } + + .column.is-offset-two-thirds-desktop { + margin-left: 66.6666% + } + + .column.is-offset-half-desktop { + margin-left: 50% + } + + .column.is-offset-one-third-desktop { + margin-left: 33.3333% + } + + .column.is-offset-one-quarter-desktop { + margin-left: 25% + } + + .column.is-offset-one-fifth-desktop { + margin-left: 20% + } + + .column.is-offset-two-fifths-desktop { + margin-left: 40% + } + + .column.is-offset-three-fifths-desktop { + margin-left: 60% + } + + .column.is-offset-four-fifths-desktop { + margin-left: 80% + } + + .column.is-0-desktop { + flex: none; + width: 0% + } + + .column.is-offset-0-desktop { + margin-left: 0 + } + + .column.is-1-desktop { + flex: none; + width: 8.33333% + } + + .column.is-offset-1-desktop { + margin-left: 8.33333% + } + + .column.is-2-desktop { + flex: none; + width: 16.66667% + } + + .column.is-offset-2-desktop { + margin-left: 16.66667% + } + + .column.is-3-desktop { + flex: none; + width: 25% + } + + .column.is-offset-3-desktop { + margin-left: 25% + } + + .column.is-4-desktop { + flex: none; + width: 33.33333% + } + + .column.is-offset-4-desktop { + margin-left: 33.33333% + } + + .column.is-5-desktop { + flex: none; + width: 41.66667% + } + + .column.is-offset-5-desktop { + margin-left: 41.66667% + } + + .column.is-6-desktop { + flex: none; + width: 50% + } + + .column.is-offset-6-desktop { + margin-left: 50% + } + + .column.is-7-desktop { + flex: none; + width: 58.33333% + } + + .column.is-offset-7-desktop { + margin-left: 58.33333% + } + + .column.is-8-desktop { + flex: none; + width: 66.66667% + } + + .column.is-offset-8-desktop { + margin-left: 66.66667% + } + + .column.is-9-desktop { + flex: none; + width: 75% + } + + .column.is-offset-9-desktop { + margin-left: 75% + } + + .column.is-10-desktop { + flex: none; + width: 83.33333% + } + + .column.is-offset-10-desktop { + margin-left: 83.33333% + } + + .column.is-11-desktop { + flex: none; + width: 91.66667% + } + + .column.is-offset-11-desktop { + margin-left: 91.66667% + } + + .column.is-12-desktop { + flex: none; + width: 100% + } + + .column.is-offset-12-desktop { + margin-left: 100% + } +} + +@media screen and (min-width:1216px) { + .column.is-narrow-widescreen { + flex: none + } + + .column.is-full-widescreen { + flex: none; + width: 100% + } + + .column.is-three-quarters-widescreen { + flex: none; + width: 75% + } + + .column.is-two-thirds-widescreen { + flex: none; + width: 66.6666% + } + + .column.is-half-widescreen { + flex: none; + width: 50% + } + + .column.is-one-third-widescreen { + flex: none; + width: 33.3333% + } + + .column.is-one-quarter-widescreen { + flex: none; + width: 25% + } + + .column.is-one-fifth-widescreen { + flex: none; + width: 20% + } + + .column.is-two-fifths-widescreen { + flex: none; + width: 40% + } + + .column.is-three-fifths-widescreen { + flex: none; + width: 60% + } + + .column.is-four-fifths-widescreen { + flex: none; + width: 80% + } + + .column.is-offset-three-quarters-widescreen { + margin-left: 75% + } + + .column.is-offset-two-thirds-widescreen { + margin-left: 66.6666% + } + + .column.is-offset-half-widescreen { + margin-left: 50% + } + + .column.is-offset-one-third-widescreen { + margin-left: 33.3333% + } + + .column.is-offset-one-quarter-widescreen { + margin-left: 25% + } + + .column.is-offset-one-fifth-widescreen { + margin-left: 20% + } + + .column.is-offset-two-fifths-widescreen { + margin-left: 40% + } + + .column.is-offset-three-fifths-widescreen { + margin-left: 60% + } + + .column.is-offset-four-fifths-widescreen { + margin-left: 80% + } + + .column.is-0-widescreen { + flex: none; + width: 0% + } + + .column.is-offset-0-widescreen { + margin-left: 0 + } + + .column.is-1-widescreen { + flex: none; + width: 8.33333% + } + + .column.is-offset-1-widescreen { + margin-left: 8.33333% + } + + .column.is-2-widescreen { + flex: none; + width: 16.66667% + } + + .column.is-offset-2-widescreen { + margin-left: 16.66667% + } + + .column.is-3-widescreen { + flex: none; + width: 25% + } + + .column.is-offset-3-widescreen { + margin-left: 25% + } + + .column.is-4-widescreen { + flex: none; + width: 33.33333% + } + + .column.is-offset-4-widescreen { + margin-left: 33.33333% + } + + .column.is-5-widescreen { + flex: none; + width: 41.66667% + } + + .column.is-offset-5-widescreen { + margin-left: 41.66667% + } + + .column.is-6-widescreen { + flex: none; + width: 50% + } + + .column.is-offset-6-widescreen { + margin-left: 50% + } + + .column.is-7-widescreen { + flex: none; + width: 58.33333% + } + + .column.is-offset-7-widescreen { + margin-left: 58.33333% + } + + .column.is-8-widescreen { + flex: none; + width: 66.66667% + } + + .column.is-offset-8-widescreen { + margin-left: 66.66667% + } + + .column.is-9-widescreen { + flex: none; + width: 75% + } + + .column.is-offset-9-widescreen { + margin-left: 75% + } + + .column.is-10-widescreen { + flex: none; + width: 83.33333% + } + + .column.is-offset-10-widescreen { + margin-left: 83.33333% + } + + .column.is-11-widescreen { + flex: none; + width: 91.66667% + } + + .column.is-offset-11-widescreen { + margin-left: 91.66667% + } + + .column.is-12-widescreen { + flex: none; + width: 100% + } + + .column.is-offset-12-widescreen { + margin-left: 100% + } +} + +@media screen and (min-width:1408px) { + .column.is-narrow-fullhd { + flex: none + } + + .column.is-full-fullhd { + flex: none; + width: 100% + } + + .column.is-three-quarters-fullhd { + flex: none; + width: 75% + } + + .column.is-two-thirds-fullhd { + flex: none; + width: 66.6666% + } + + .column.is-half-fullhd { + flex: none; + width: 50% + } + + .column.is-one-third-fullhd { + flex: none; + width: 33.3333% + } + + .column.is-one-quarter-fullhd { + flex: none; + width: 25% + } + + .column.is-one-fifth-fullhd { + flex: none; + width: 20% + } + + .column.is-two-fifths-fullhd { + flex: none; + width: 40% + } + + .column.is-three-fifths-fullhd { + flex: none; + width: 60% + } + + .column.is-four-fifths-fullhd { + flex: none; + width: 80% + } + + .column.is-offset-three-quarters-fullhd { + margin-left: 75% + } + + .column.is-offset-two-thirds-fullhd { + margin-left: 66.6666% + } + + .column.is-offset-half-fullhd { + margin-left: 50% + } + + .column.is-offset-one-third-fullhd { + margin-left: 33.3333% + } + + .column.is-offset-one-quarter-fullhd { + margin-left: 25% + } + + .column.is-offset-one-fifth-fullhd { + margin-left: 20% + } + + .column.is-offset-two-fifths-fullhd { + margin-left: 40% + } + + .column.is-offset-three-fifths-fullhd { + margin-left: 60% + } + + .column.is-offset-four-fifths-fullhd { + margin-left: 80% + } + + .column.is-0-fullhd { + flex: none; + width: 0% + } + + .column.is-offset-0-fullhd { + margin-left: 0 + } + + .column.is-1-fullhd { + flex: none; + width: 8.33333% + } + + .column.is-offset-1-fullhd { + margin-left: 8.33333% + } + + .column.is-2-fullhd { + flex: none; + width: 16.66667% + } + + .column.is-offset-2-fullhd { + margin-left: 16.66667% + } + + .column.is-3-fullhd { + flex: none; + width: 25% + } + + .column.is-offset-3-fullhd { + margin-left: 25% + } + + .column.is-4-fullhd { + flex: none; + width: 33.33333% + } + + .column.is-offset-4-fullhd { + margin-left: 33.33333% + } + + .column.is-5-fullhd { + flex: none; + width: 41.66667% + } + + .column.is-offset-5-fullhd { + margin-left: 41.66667% + } + + .column.is-6-fullhd { + flex: none; + width: 50% + } + + .column.is-offset-6-fullhd { + margin-left: 50% + } + + .column.is-7-fullhd { + flex: none; + width: 58.33333% + } + + .column.is-offset-7-fullhd { + margin-left: 58.33333% + } + + .column.is-8-fullhd { + flex: none; + width: 66.66667% + } + + .column.is-offset-8-fullhd { + margin-left: 66.66667% + } + + .column.is-9-fullhd { + flex: none; + width: 75% + } + + .column.is-offset-9-fullhd { + margin-left: 75% + } + + .column.is-10-fullhd { + flex: none; + width: 83.33333% + } + + .column.is-offset-10-fullhd { + margin-left: 83.33333% + } + + .column.is-11-fullhd { + flex: none; + width: 91.66667% + } + + .column.is-offset-11-fullhd { + margin-left: 91.66667% + } + + .column.is-12-fullhd { + flex: none; + width: 100% + } + + .column.is-offset-12-fullhd { + margin-left: 100% + } +} + +.columns { + margin-left: 0; + margin-right: 0; + margin-top: 0 +} + +.columns:last-child { + margin-bottom: 0 +} + +.columns:not(:last-child) { + margin-bottom: 0 +} + +.columns.is-centered { + justify-content: center +} + +.columns.is-gapless { + margin-left: 0; + margin-right: 0; + margin-top: 0 +} + +.columns.is-gapless>.column { + margin: 0; + padding: 0 !important +} + +.columns.is-gapless:not(:last-child) { + margin-bottom: 1.5rem +} + +.columns.is-gapless:last-child { + margin-bottom: 0 +} + +.columns.is-mobile { + display: flex +} + +.columns.is-multiline { + flex-wrap: wrap +} + +.columns.is-vcentered { + align-items: center +} + +@media screen and (min-width:769px), +print { + .columns:not(.is-desktop) { + display: flex + } +} + +@media screen and (min-width:1024px) { + .columns.is-desktop { + display: flex + } +} + +.columns.is-variable { + --columnGap: 0.75rem; + margin-left: calc(-1 * var(--columnGap)); + margin-right: calc(-1 * var(--columnGap)) +} + +.columns.is-variable .column { + padding-left: var(--columnGap); + padding-right: var(--columnGap) +} + +.columns.is-variable.is-0 { + --columnGap: 0rem +} + +@media screen and (max-width:768px) { + .columns.is-variable.is-0-mobile { + --columnGap: 0rem + } +} + +@media screen and (min-width:769px), +print { + .columns.is-variable.is-0-tablet { + --columnGap: 0rem + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .columns.is-variable.is-0-tablet-only { + --columnGap: 0rem + } +} + +@media screen and (max-width:1023px) { + .columns.is-variable.is-0-touch { + --columnGap: 0rem + } +} + +@media screen and (min-width:1024px) { + .columns.is-variable.is-0-desktop { + --columnGap: 0rem + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .columns.is-variable.is-0-desktop-only { + --columnGap: 0rem + } +} + +@media screen and (min-width:1216px) { + .columns.is-variable.is-0-widescreen { + --columnGap: 0rem + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .columns.is-variable.is-0-widescreen-only { + --columnGap: 0rem + } +} + +@media screen and (min-width:1408px) { + .columns.is-variable.is-0-fullhd { + --columnGap: 0rem + } +} + +.columns.is-variable.is-1 { + --columnGap: 0.25rem +} + +@media screen and (max-width:768px) { + .columns.is-variable.is-1-mobile { + --columnGap: 0.25rem + } +} + +@media screen and (min-width:769px), +print { + .columns.is-variable.is-1-tablet { + --columnGap: 0.25rem + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .columns.is-variable.is-1-tablet-only { + --columnGap: 0.25rem + } +} + +@media screen and (max-width:1023px) { + .columns.is-variable.is-1-touch { + --columnGap: 0.25rem + } +} + +@media screen and (min-width:1024px) { + .columns.is-variable.is-1-desktop { + --columnGap: 0.25rem + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .columns.is-variable.is-1-desktop-only { + --columnGap: 0.25rem + } +} + +@media screen and (min-width:1216px) { + .columns.is-variable.is-1-widescreen { + --columnGap: 0.25rem + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .columns.is-variable.is-1-widescreen-only { + --columnGap: 0.25rem + } +} + +@media screen and (min-width:1408px) { + .columns.is-variable.is-1-fullhd { + --columnGap: 0.25rem + } +} + +.columns.is-variable.is-2 { + --columnGap: 0.5rem +} + +@media screen and (max-width:768px) { + .columns.is-variable.is-2-mobile { + --columnGap: 0.5rem + } +} + +@media screen and (min-width:769px), +print { + .columns.is-variable.is-2-tablet { + --columnGap: 0.5rem + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .columns.is-variable.is-2-tablet-only { + --columnGap: 0.5rem + } +} + +@media screen and (max-width:1023px) { + .columns.is-variable.is-2-touch { + --columnGap: 0.5rem + } +} + +@media screen and (min-width:1024px) { + .columns.is-variable.is-2-desktop { + --columnGap: 0.5rem + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .columns.is-variable.is-2-desktop-only { + --columnGap: 0.5rem + } +} + +@media screen and (min-width:1216px) { + .columns.is-variable.is-2-widescreen { + --columnGap: 0.5rem + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .columns.is-variable.is-2-widescreen-only { + --columnGap: 0.5rem + } +} + +@media screen and (min-width:1408px) { + .columns.is-variable.is-2-fullhd { + --columnGap: 0.5rem + } +} + +.columns.is-variable.is-3 { + --columnGap: 0.75rem +} + +@media screen and (max-width:768px) { + .columns.is-variable.is-3-mobile { + --columnGap: 0.75rem + } +} + +@media screen and (min-width:769px), +print { + .columns.is-variable.is-3-tablet { + --columnGap: 0.75rem + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .columns.is-variable.is-3-tablet-only { + --columnGap: 0.75rem + } +} + +@media screen and (max-width:1023px) { + .columns.is-variable.is-3-touch { + --columnGap: 0.75rem + } +} + +@media screen and (min-width:1024px) { + .columns.is-variable.is-3-desktop { + --columnGap: 0.75rem + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .columns.is-variable.is-3-desktop-only { + --columnGap: 0.75rem + } +} + +@media screen and (min-width:1216px) { + .columns.is-variable.is-3-widescreen { + --columnGap: 0.75rem + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .columns.is-variable.is-3-widescreen-only { + --columnGap: 0.75rem + } +} + +@media screen and (min-width:1408px) { + .columns.is-variable.is-3-fullhd { + --columnGap: 0.75rem + } +} + +.columns.is-variable.is-4 { + --columnGap: 1rem +} + +@media screen and (max-width:768px) { + .columns.is-variable.is-4-mobile { + --columnGap: 1rem + } +} + +@media screen and (min-width:769px), +print { + .columns.is-variable.is-4-tablet { + --columnGap: 1rem + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .columns.is-variable.is-4-tablet-only { + --columnGap: 1rem + } +} + +@media screen and (max-width:1023px) { + .columns.is-variable.is-4-touch { + --columnGap: 1rem + } +} + +@media screen and (min-width:1024px) { + .columns.is-variable.is-4-desktop { + --columnGap: 1rem + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .columns.is-variable.is-4-desktop-only { + --columnGap: 1rem + } +} + +@media screen and (min-width:1216px) { + .columns.is-variable.is-4-widescreen { + --columnGap: 1rem + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .columns.is-variable.is-4-widescreen-only { + --columnGap: 1rem + } +} + +@media screen and (min-width:1408px) { + .columns.is-variable.is-4-fullhd { + --columnGap: 1rem + } +} + +.columns.is-variable.is-5 { + --columnGap: 1.25rem +} + +@media screen and (max-width:768px) { + .columns.is-variable.is-5-mobile { + --columnGap: 1.25rem + } +} + +@media screen and (min-width:769px), +print { + .columns.is-variable.is-5-tablet { + --columnGap: 1.25rem + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .columns.is-variable.is-5-tablet-only { + --columnGap: 1.25rem + } +} + +@media screen and (max-width:1023px) { + .columns.is-variable.is-5-touch { + --columnGap: 1.25rem + } +} + +@media screen and (min-width:1024px) { + .columns.is-variable.is-5-desktop { + --columnGap: 1.25rem + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .columns.is-variable.is-5-desktop-only { + --columnGap: 1.25rem + } +} + +@media screen and (min-width:1216px) { + .columns.is-variable.is-5-widescreen { + --columnGap: 1.25rem + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .columns.is-variable.is-5-widescreen-only { + --columnGap: 1.25rem + } +} + +@media screen and (min-width:1408px) { + .columns.is-variable.is-5-fullhd { + --columnGap: 1.25rem + } +} + +.columns.is-variable.is-6 { + --columnGap: 1.5rem +} + +@media screen and (max-width:768px) { + .columns.is-variable.is-6-mobile { + --columnGap: 1.5rem + } +} + +@media screen and (min-width:769px), +print { + .columns.is-variable.is-6-tablet { + --columnGap: 1.5rem + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .columns.is-variable.is-6-tablet-only { + --columnGap: 1.5rem + } +} + +@media screen and (max-width:1023px) { + .columns.is-variable.is-6-touch { + --columnGap: 1.5rem + } +} + +@media screen and (min-width:1024px) { + .columns.is-variable.is-6-desktop { + --columnGap: 1.5rem + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .columns.is-variable.is-6-desktop-only { + --columnGap: 1.5rem + } +} + +@media screen and (min-width:1216px) { + .columns.is-variable.is-6-widescreen { + --columnGap: 1.5rem + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .columns.is-variable.is-6-widescreen-only { + --columnGap: 1.5rem + } +} + +@media screen and (min-width:1408px) { + .columns.is-variable.is-6-fullhd { + --columnGap: 1.5rem + } +} + +.columns.is-variable.is-7 { + --columnGap: 1.75rem +} + +@media screen and (max-width:768px) { + .columns.is-variable.is-7-mobile { + --columnGap: 1.75rem + } +} + +@media screen and (min-width:769px), +print { + .columns.is-variable.is-7-tablet { + --columnGap: 1.75rem + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .columns.is-variable.is-7-tablet-only { + --columnGap: 1.75rem + } +} + +@media screen and (max-width:1023px) { + .columns.is-variable.is-7-touch { + --columnGap: 1.75rem + } +} + +@media screen and (min-width:1024px) { + .columns.is-variable.is-7-desktop { + --columnGap: 1.75rem + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .columns.is-variable.is-7-desktop-only { + --columnGap: 1.75rem + } +} + +@media screen and (min-width:1216px) { + .columns.is-variable.is-7-widescreen { + --columnGap: 1.75rem + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .columns.is-variable.is-7-widescreen-only { + --columnGap: 1.75rem + } +} + +@media screen and (min-width:1408px) { + .columns.is-variable.is-7-fullhd { + --columnGap: 1.75rem + } +} + +.columns.is-variable.is-8 { + --columnGap: 2rem +} + +@media screen and (max-width:768px) { + .columns.is-variable.is-8-mobile { + --columnGap: 2rem + } +} + +@media screen and (min-width:769px), +print { + .columns.is-variable.is-8-tablet { + --columnGap: 2rem + } +} + +@media screen and (min-width:769px) and (max-width:1023px) { + .columns.is-variable.is-8-tablet-only { + --columnGap: 2rem + } +} + +@media screen and (max-width:1023px) { + .columns.is-variable.is-8-touch { + --columnGap: 2rem + } +} + +@media screen and (min-width:1024px) { + .columns.is-variable.is-8-desktop { + --columnGap: 2rem + } +} + +@media screen and (min-width:1024px) and (max-width:1215px) { + .columns.is-variable.is-8-desktop-only { + --columnGap: 2rem + } +} + +@media screen and (min-width:1216px) { + .columns.is-variable.is-8-widescreen { + --columnGap: 2rem + } +} + +@media screen and (min-width:1216px) and (max-width:1407px) { + .columns.is-variable.is-8-widescreen-only { + --columnGap: 2rem + } +} + +@media screen and (min-width:1408px) { + .columns.is-variable.is-8-fullhd { + --columnGap: 2rem + } +} + +.tile { + align-items: stretch; + display: block; + flex-basis: 0; + flex-grow: 1; + flex-shrink: 1; + min-height: -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):not(.pagination-link.is-current), +.hero.is-white strong { + color: inherit +} + +.hero.is-white .title { + color: #0a0a0a +} + +.hero.is-white .subtitle { + color: rgba(10, 10, 10, .9) +} + +.hero.is-white .subtitle a:not(.button), +.hero.is-white .subtitle strong { + color: #0a0a0a +} + +@media screen and (max-width:1023px) { + .hero.is-white .navbar-menu { + background-color: #fff + } +} + +.hero.is-white .navbar-item, +.hero.is-white .navbar-link { + color: 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: .9 +} + +.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):not(.pagination-link.is-current), +.hero.is-black strong { + color: inherit +} + +.hero.is-black .title { + color: #fff +} + +.hero.is-black .subtitle { + color: rgba(255, 255, 255, .9) +} + +.hero.is-black .subtitle a:not(.button), +.hero.is-black .subtitle strong { + color: #fff +} + +@media screen and (max-width:1023px) { + .hero.is-black .navbar-menu { + background-color: #0a0a0a + } +} + +.hero.is-black .navbar-item, +.hero.is-black .navbar-link { + color: 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: .9 +} + +.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: rgba(0, 0, 0, .7) +} + +.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-light strong { + color: inherit +} + +.hero.is-light .title { + color: rgba(0, 0, 0, .7) +} + +.hero.is-light .subtitle { + color: rgba(0, 0, 0, .9) +} + +.hero.is-light .subtitle a:not(.button), +.hero.is-light .subtitle strong { + color: rgba(0, 0, 0, .7) +} + +@media screen and (max-width:1023px) { + .hero.is-light .navbar-menu { + background-color: #f5f5f5 + } +} + +.hero.is-light .navbar-item, +.hero.is-light .navbar-link { + color: rgba(0, 0, 0, .7) +} + +.hero.is-light .navbar-link.is-active, +.hero.is-light .navbar-link:hover, +.hero.is-light a.navbar-item.is-active, +.hero.is-light a.navbar-item:hover { + background-color: #e8e8e8; + color: rgba(0, 0, 0, .7) +} + +.hero.is-light .tabs a { + color: rgba(0, 0, 0, .7); + opacity: .9 +} + +.hero.is-light .tabs a:hover { + opacity: 1 +} + +.hero.is-light .tabs li.is-active a { + opacity: 1 +} + +.hero.is-light .tabs.is-boxed a, +.hero.is-light .tabs.is-toggle a { + color: rgba(0, 0, 0, .7) +} + +.hero.is-light .tabs.is-boxed a:hover, +.hero.is-light .tabs.is-toggle a:hover { + background-color: 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: rgba(0, 0, 0, .7); + border-color: rgba(0, 0, 0, .7); + color: #f5f5f5 +} + +.hero.is-light.is-bold { + background-image: linear-gradient(141deg, #dfd8d9 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: #363636; + color: #fff +} + +.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-dark strong { + color: inherit +} + +.hero.is-dark .title { + color: #fff +} + +.hero.is-dark .subtitle { + color: rgba(255, 255, 255, .9) +} + +.hero.is-dark .subtitle a:not(.button), +.hero.is-dark .subtitle strong { + color: #fff +} + +@media screen and (max-width:1023px) { + .hero.is-dark .navbar-menu { + background-color: #363636 + } +} + +.hero.is-dark .navbar-item, +.hero.is-dark .navbar-link { + color: rgba(255, 255, 255, .7) +} + +.hero.is-dark .navbar-link.is-active, +.hero.is-dark .navbar-link:hover, +.hero.is-dark a.navbar-item.is-active, +.hero.is-dark a.navbar-item:hover { + background-color: #292929; + color: #fff +} + +.hero.is-dark .tabs a { + color: #fff; + opacity: .9 +} + +.hero.is-dark .tabs a:hover { + opacity: 1 +} + +.hero.is-dark .tabs li.is-active a { + opacity: 1 +} + +.hero.is-dark .tabs.is-boxed a, +.hero.is-dark .tabs.is-toggle a { + color: #fff +} + +.hero.is-dark .tabs.is-boxed a:hover, +.hero.is-dark .tabs.is-toggle a:hover { + background-color: rgba(10, 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: #fff; + border-color: #fff; + color: #363636 +} + +.hero.is-dark.is-bold { + background-image: linear-gradient(141deg, #1f191a 0, #363636 71%, #46403f 100%) +} + +@media screen and (max-width:768px) { + .hero.is-dark.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1f191a 0, #363636 71%, #46403f 100%) + } +} + +.hero.is-primary { + background-color: #00d1b2; + color: #fff +} + +.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-primary strong { + color: inherit +} + +.hero.is-primary .title { + color: #fff +} + +.hero.is-primary .subtitle { + color: rgba(255, 255, 255, .9) +} + +.hero.is-primary .subtitle a:not(.button), +.hero.is-primary .subtitle strong { + color: #fff +} + +@media screen and (max-width:1023px) { + .hero.is-primary .navbar-menu { + background-color: #00d1b2 + } +} + +.hero.is-primary .navbar-item, +.hero.is-primary .navbar-link { + color: 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: .9 +} + +.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: #00d1b2 +} + +.hero.is-primary.is-bold { + background-image: linear-gradient(141deg, #009e6c 0, #00d1b2 71%, #00e7eb 100%) +} + +@media screen and (max-width:768px) { + .hero.is-primary.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #009e6c 0, #00d1b2 71%, #00e7eb 100%) + } +} + +.hero.is-link { + background-color: #3273dc; + color: #fff +} + +.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-link strong { + color: inherit +} + +.hero.is-link .title { + color: #fff +} + +.hero.is-link .subtitle { + color: rgba(255, 255, 255, .9) +} + +.hero.is-link .subtitle a:not(.button), +.hero.is-link .subtitle strong { + color: #fff +} + +@media screen and (max-width:1023px) { + .hero.is-link .navbar-menu { + background-color: #3273dc + } +} + +.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: .9 +} + +.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: #3273dc +} + +.hero.is-link.is-bold { + background-image: linear-gradient(141deg, #1577c6 0, #3273dc 71%, #4366e5 100%) +} + +@media screen and (max-width:768px) { + .hero.is-link.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #1577c6 0, #3273dc 71%, #4366e5 100%) + } +} + +.hero.is-info { + background-color: #3298dc; + color: #fff +} + +.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-info strong { + color: inherit +} + +.hero.is-info .title { + color: #fff +} + +.hero.is-info .subtitle { + color: rgba(255, 255, 255, .9) +} + +.hero.is-info .subtitle a:not(.button), +.hero.is-info .subtitle strong { + color: #fff +} + +@media screen and (max-width:1023px) { + .hero.is-info .navbar-menu { + background-color: #3298dc + } +} + +.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: #238cd1; + color: #fff +} + +.hero.is-info .tabs a { + color: #fff; + opacity: .9 +} + +.hero.is-info .tabs a:hover { + opacity: 1 +} + +.hero.is-info .tabs li.is-active a { + 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: #3298dc +} + +.hero.is-info.is-bold { + background-image: linear-gradient(141deg, #159dc6 0, #3298dc 71%, #4389e5 100%) +} + +@media screen and (max-width:768px) { + .hero.is-info.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #159dc6 0, #3298dc 71%, #4389e5 100%) + } +} + +.hero.is-success { + background-color: #48c774; + color: #fff +} + +.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-success strong { + color: inherit +} + +.hero.is-success .title { + color: #fff +} + +.hero.is-success .subtitle { + color: rgba(255, 255, 255, .9) +} + +.hero.is-success .subtitle a:not(.button), +.hero.is-success .subtitle strong { + color: #fff +} + +@media screen and (max-width:1023px) { + .hero.is-success .navbar-menu { + background-color: #48c774 + } +} + +.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: #3abb67; + color: #fff +} + +.hero.is-success .tabs a { + color: #fff; + opacity: .9 +} + +.hero.is-success .tabs a:hover { + opacity: 1 +} + +.hero.is-success .tabs li.is-active a { + 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: #48c774 +} + +.hero.is-success.is-bold { + background-image: linear-gradient(141deg, #29b342 0, #48c774 71%, #56d296 100%) +} + +@media screen and (max-width:768px) { + .hero.is-success.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #29b342 0, #48c774 71%, #56d296 100%) + } +} + +.hero.is-warning { + background-color: #ffdd57; + color: rgba(0, 0, 0, .7) +} + +.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-warning strong { + color: inherit +} + +.hero.is-warning .title { + color: rgba(0, 0, 0, .7) +} + +.hero.is-warning .subtitle { + color: rgba(0, 0, 0, .9) +} + +.hero.is-warning .subtitle a:not(.button), +.hero.is-warning .subtitle strong { + color: rgba(0, 0, 0, .7) +} + +@media screen and (max-width:1023px) { + .hero.is-warning .navbar-menu { + background-color: #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: .9 +} + +.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: #f14668; + color: #fff +} + +.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), +.hero.is-danger strong { + color: inherit +} + +.hero.is-danger .title { + color: #fff +} + +.hero.is-danger .subtitle { + color: rgba(255, 255, 255, .9) +} + +.hero.is-danger .subtitle a:not(.button), +.hero.is-danger .subtitle strong { + color: #fff +} + +@media screen and (max-width:1023px) { + .hero.is-danger .navbar-menu { + background-color: #f14668 + } +} + +.hero.is-danger .navbar-item, +.hero.is-danger .navbar-link { + color: 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: #ef2e55; + color: #fff +} + +.hero.is-danger .tabs a { + color: #fff; + opacity: .9 +} + +.hero.is-danger .tabs a:hover { + opacity: 1 +} + +.hero.is-danger .tabs li.is-active a { + 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: #f14668 +} + +.hero.is-danger.is-bold { + background-image: linear-gradient(141deg, #fa0a62 0, #f14668 71%, #f7595f 100%) +} + +@media screen and (max-width:768px) { + .hero.is-danger.is-bold .navbar-menu { + background-image: linear-gradient(141deg, #fa0a62 0, #f14668 71%, #f7595f 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-video { + overflow: hidden +} + +.hero-video video { + left: 50%; + min-height: 100%; + min-width: 100%; + position: absolute; + top: 50%; + transform: translate3d(-50%, -50%, 0) +} + +.hero-video.is-transparent { + opacity: .3 +} + +@media screen and (max-width:768px) { + .hero-video { + display: none + } +} + +.hero-buttons { + margin-top: 1.5rem +} + +@media screen and (max-width:768px) { + .hero-buttons .button { + display: flex + } + + .hero-buttons .button:not(:last-child) { + margin-bottom: .75rem + } +} + +@media 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:1024px) { + .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/assets/css/phoenix.css b/assets/css/phoenix.css deleted file mode 100644 index 0d59050..0000000 --- a/assets/css/phoenix.css +++ /dev/null @@ -1,101 +0,0 @@ -/* Includes some default style for the starter application. - * This can be safely deleted to start fresh. - */ - -/* Milligram v1.4.1 https://milligram.github.io - * Copyright (c) 2020 CJ Patoilo Licensed under the MIT license - */ - -*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}body{color:#000000;font-family:'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;font-size:1.6em;font-weight:300;letter-spacing:.01em;line-height:1.6}blockquote{border-left:0.3rem solid #d1d1d1;margin-left:0;margin-right:0;padding:1rem 1.5rem}blockquote *:last-child{margin-bottom:0}.button,button,input[type='button'],input[type='reset'],input[type='submit']{background-color:#0069d9;border:0.1rem solid #0069d9;border-radius:.4rem;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;font-weight:700;height:3.8rem;letter-spacing:.1rem;line-height:3.8rem;padding:0 3.0rem;text-align:center;text-decoration:none;text-transform:uppercase;white-space:nowrap}.button:focus,.button:hover,button:focus,button:hover,input[type='button']:focus,input[type='button']:hover,input[type='reset']:focus,input[type='reset']:hover,input[type='submit']:focus,input[type='submit']:hover{background-color:#606c76;border-color:#606c76;color:#fff;outline:0}.button[disabled],button[disabled],input[type='button'][disabled],input[type='reset'][disabled],input[type='submit'][disabled]{cursor:default;opacity:.5}.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type='button'][disabled]:focus,input[type='button'][disabled]:hover,input[type='reset'][disabled]:focus,input[type='reset'][disabled]:hover,input[type='submit'][disabled]:focus,input[type='submit'][disabled]:hover{background-color:#0069d9;border-color:#0069d9}.button.button-outline,button.button-outline,input[type='button'].button-outline,input[type='reset'].button-outline,input[type='submit'].button-outline{background-color:transparent;color:#0069d9}.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type='button'].button-outline:focus,input[type='button'].button-outline:hover,input[type='reset'].button-outline:focus,input[type='reset'].button-outline:hover,input[type='submit'].button-outline:focus,input[type='submit'].button-outline:hover{background-color:transparent;border-color:#606c76;color:#606c76}.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type='button'].button-outline[disabled]:focus,input[type='button'].button-outline[disabled]:hover,input[type='reset'].button-outline[disabled]:focus,input[type='reset'].button-outline[disabled]:hover,input[type='submit'].button-outline[disabled]:focus,input[type='submit'].button-outline[disabled]:hover{border-color:inherit;color:#0069d9}.button.button-clear,button.button-clear,input[type='button'].button-clear,input[type='reset'].button-clear,input[type='submit'].button-clear{background-color:transparent;border-color:transparent;color:#0069d9}.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type='button'].button-clear:focus,input[type='button'].button-clear:hover,input[type='reset'].button-clear:focus,input[type='reset'].button-clear:hover,input[type='submit'].button-clear:focus,input[type='submit'].button-clear:hover{background-color:transparent;border-color:transparent;color:#606c76}.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type='button'].button-clear[disabled]:focus,input[type='button'].button-clear[disabled]:hover,input[type='reset'].button-clear[disabled]:focus,input[type='reset'].button-clear[disabled]:hover,input[type='submit'].button-clear[disabled]:focus,input[type='submit'].button-clear[disabled]:hover{color:#0069d9}code{background:#f4f5f6;border-radius:.4rem;font-size:86%;margin:0 .2rem;padding:.2rem .5rem;white-space:nowrap}pre{background:#f4f5f6;border-left:0.3rem solid #0069d9;overflow-y:hidden}pre>code{border-radius:0;display:block;padding:1rem 1.5rem;white-space:pre}hr{border:0;border-top:0.1rem solid #f4f5f6;margin:3.0rem 0}input[type='color'],input[type='date'],input[type='datetime'],input[type='datetime-local'],input[type='email'],input[type='month'],input[type='number'],input[type='password'],input[type='search'],input[type='tel'],input[type='text'],input[type='url'],input[type='week'],input:not([type]),textarea,select{-webkit-appearance:none;background-color:transparent;border:0.1rem solid #d1d1d1;border-radius:.4rem;box-shadow:none;box-sizing:inherit;height:3.8rem;padding:.6rem 1.0rem .7rem;width:100%}input[type='color']:focus,input[type='date']:focus,input[type='datetime']:focus,input[type='datetime-local']:focus,input[type='email']:focus,input[type='month']:focus,input[type='number']:focus,input[type='password']:focus,input[type='search']:focus,input[type='tel']:focus,input[type='text']:focus,input[type='url']:focus,input[type='week']:focus,input:not([type]):focus,textarea:focus,select:focus{border-color:#0069d9;outline:0}select{background:url('data:image/svg+xml;utf8,') center right no-repeat;padding-right:3.0rem}select:focus{background-image:url('data:image/svg+xml;utf8,')}select[multiple]{background:none;height:auto}textarea{min-height:6.5rem}label,legend{display:block;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}fieldset{border-width:0;padding:0}input[type='checkbox'],input[type='radio']{display:inline}.label-inline{display:inline-block;font-weight:normal;margin-left:.5rem}.container{margin:0 auto;max-width:112.0rem;padding:0 2.0rem;position:relative;width:100%}.row{display:flex;flex-direction:column;padding:0;width:100%}.row.row-no-padding{padding:0}.row.row-no-padding>.column{padding:0}.row.row-wrap{flex-wrap:wrap}.row.row-top{align-items:flex-start}.row.row-bottom{align-items:flex-end}.row.row-center{align-items:center}.row.row-stretch{align-items:stretch}.row.row-baseline{align-items:baseline}.row .column{display:block;flex:1 1 auto;margin-left:0;max-width:100%;width:100%}.row .column.column-offset-10{margin-left:10%}.row .column.column-offset-20{margin-left:20%}.row .column.column-offset-25{margin-left:25%}.row .column.column-offset-33,.row .column.column-offset-34{margin-left:33.3333%}.row .column.column-offset-40{margin-left:40%}.row .column.column-offset-50{margin-left:50%}.row .column.column-offset-60{margin-left:60%}.row .column.column-offset-66,.row .column.column-offset-67{margin-left:66.6666%}.row .column.column-offset-75{margin-left:75%}.row .column.column-offset-80{margin-left:80%}.row .column.column-offset-90{margin-left:90%}.row .column.column-10{flex:0 0 10%;max-width:10%}.row .column.column-20{flex:0 0 20%;max-width:20%}.row .column.column-25{flex:0 0 25%;max-width:25%}.row .column.column-33,.row .column.column-34{flex:0 0 33.3333%;max-width:33.3333%}.row .column.column-40{flex:0 0 40%;max-width:40%}.row .column.column-50{flex:0 0 50%;max-width:50%}.row .column.column-60{flex:0 0 60%;max-width:60%}.row .column.column-66,.row .column.column-67{flex:0 0 66.6666%;max-width:66.6666%}.row .column.column-75{flex:0 0 75%;max-width:75%}.row .column.column-80{flex:0 0 80%;max-width:80%}.row .column.column-90{flex:0 0 90%;max-width:90%}.row .column .column-top{align-self:flex-start}.row .column .column-bottom{align-self:flex-end}.row .column .column-center{align-self:center}@media (min-width: 40rem){.row{flex-direction:row;margin-left:-1.0rem;width:calc(100% + 2.0rem)}.row .column{margin-bottom:inherit;padding:0 1.0rem}}a{color:#0069d9;text-decoration:none}a:focus,a:hover{color:#606c76}dl,ol,ul{list-style:none;margin-top:0;padding-left:0}dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul{font-size:90%;margin:1.5rem 0 1.5rem 3.0rem}ol{list-style:decimal inside}ul{list-style:circle inside}.button,button,dd,dt,li{margin-bottom:1.0rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}table{border-spacing:0;display:block;overflow-x:auto;text-align:left;width:100%}td,th{border-bottom:0.1rem solid #e1e1e1;padding:1.2rem 1.5rem}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}@media (min-width: 40rem){table{display:table;overflow-x:initial}}b,strong{font-weight:bold}p{margin-top:0}h1,h2,h3,h4,h5,h6{font-weight:300;letter-spacing:-.1rem;margin-bottom:2.0rem;margin-top:0}h1{font-size:4.6rem;line-height:1.2}h2{font-size:3.6rem;line-height:1.25}h3{font-size:2.8rem;line-height:1.3}h4{font-size:2.2rem;letter-spacing:-.08rem;line-height:1.35}h5{font-size:1.8rem;letter-spacing:-.05rem;line-height:1.5}h6{font-size:1.6rem;letter-spacing:0;line-height:1.4}img{max-width:100%}.clearfix:after{clear:both;content:' ';display:table}.float-left{float:left}.float-right{float:right} - -/* General style */ -h1{font-size: 3.6rem; line-height: 1.25} -h2{font-size: 2.8rem; line-height: 1.3} -h3{font-size: 2.2rem; letter-spacing: -.08rem; line-height: 1.35} -h4{font-size: 1.8rem; letter-spacing: -.05rem; line-height: 1.5} -h5{font-size: 1.6rem; letter-spacing: 0; line-height: 1.4} -h6{font-size: 1.4rem; letter-spacing: 0; line-height: 1.2} -pre{padding: 1em;} - -.container{ - margin: 0 auto; - max-width: 80.0rem; - padding: 0 2.0rem; - position: relative; - width: 100% -} -select { - width: auto; -} - -/* Phoenix promo and logo */ -.phx-hero { - text-align: center; - border-bottom: 1px solid #e3e3e3; - background: #eee; - border-radius: 6px; - padding: 3em 3em 1em; - margin-bottom: 3rem; - font-weight: 200; - font-size: 120%; -} -.phx-hero input { - background: #ffffff; -} -.phx-logo { - min-width: 300px; - margin: 1rem; - display: block; -} -.phx-logo img { - width: auto; - display: block; -} - -/* Headers */ -header { - width: 100%; - background: #fdfdfd; - border-bottom: 1px solid #eaeaea; - margin-bottom: 2rem; -} -header section { - align-items: center; - display: flex; - flex-direction: column; - justify-content: space-between; -} -header section :first-child { - order: 2; -} -header section :last-child { - order: 1; -} -header nav ul, -header nav li { - margin: 0; - padding: 0; - display: block; - text-align: right; - white-space: nowrap; -} -header nav ul { - margin: 1rem; - margin-top: 0; -} -header nav a { - display: block; -} - -@media (min-width: 40.0rem) { /* Small devices (landscape phones, 576px and up) */ - header section { - flex-direction: row; - } - header nav ul { - margin: 1rem; - } - .phx-logo { - flex-basis: 527px; - margin: 2rem 1rem; - } -} diff --git a/assets/js/app.js b/assets/js/app.js index 2ca06a5..23e5c17 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -1,45 +1,89 @@ -// We import the CSS which is extracted to its own file by esbuild. -// Remove this line if you add a your own CSS build pipeline (e.g postcss). -import "../css/app.css" -// If you want to use Phoenix channels, run `mix help phx.gen.channel` -// to get started and then uncomment the line below. -// import "./user_socket.js" - -// You can include dependencies in two ways. -// -// The simplest option is to put them in assets/vendor and -// import them using relative paths: -// -// import "../vendor/some-package.js" -// -// Alternatively, you can `npm install some-package --prefix assets` and import -// them using a path starting with the package name: -// -// import "some-package" -// - -// Include phoenix_html to handle method=PUT/DELETE in forms and buttons. -import "phoenix_html" -// Establish Phoenix Socket and LiveView configuration. -import {Socket} from "phoenix" -import {LiveSocket} from "phoenix_live_view" -import topbar from "../vendor/topbar" - -let csrfToken = document.querySelector("meta[name='csrf-token']").getAttribute("content") -let liveSocket = new LiveSocket("/live", Socket, {params: {_csrf_token: csrfToken}}) - -// Show progress bar on live navigation and form submits -topbar.config({barColors: {0: "#29d"}, shadowColor: "rgba(0, 0, 0, .3)"}) -window.addEventListener("phx:page-loading-start", info => topbar.show()) -window.addEventListener("phx:page-loading-stop", info => topbar.hide()) - -// connect if there are any LiveViews on the page -liveSocket.connect() - -// expose liveSocket on window for web console debug logs and latency simulation: -// >> liveSocket.enableDebug() -// >> liveSocket.enableLatencySim(1000) // enabled for duration of browser session -// >> liveSocket.disableLatencySim() -window.liveSocket = liveSocket + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/assets/js/phoenix.min.js b/assets/js/phoenix.min.js new file mode 100644 index 0000000..baa10e3 --- /dev/null +++ b/assets/js/phoenix.min.js @@ -0,0 +1,1258 @@ +!function (e, t) { + "object" == typeof exports && "object" == typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define([], t) : "object" == typeof exports ? exports.Phoenix = t() : e.Phoenix = t() +}(this, function () { + return function (e) { + var t = {}; + function n(i) { + if (t[i]) + return t[i].exports; + var o = t[i] = { + i: i, + l: !1, + exports: {} + }; + return e[i].call(o.exports, o, o.exports, n), + o.l = !0, + o.exports + } + return n.m = e, + n.c = t, + n.d = function (e, t, i) { + n.o(e, t) || Object.defineProperty(e, t, { + enumerable: !0, + get: i + }) + } + , + n.r = function (e) { + "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { + value: "Module" + }), + Object.defineProperty(e, "__esModule", { + value: !0 + }) + } + , + n.t = function (e, t) { + if (1 & t && (e = n(e)), + 8 & t) + return e; + if (4 & t && "object" == typeof e && e && e.__esModule) + return e; + var i = Object.create(null); + if (n.r(i), + Object.defineProperty(i, "default", { + enumerable: !0, + value: e + }), + 2 & t && "string" != typeof e) + for (var o in e) + n.d(i, o, function (t) { + return e[t] + } + .bind(null, o)); + return i + } + , + n.n = function (e) { + var t = e && e.__esModule ? function () { + return e.default + } + : function () { + return e + } + ; + return n.d(t, "a", t), + t + } + , + n.o = function (e, t) { + return Object.prototype.hasOwnProperty.call(e, t) + } + , + n.p = "", + n(n.s = 0) + }([function (e, t, n) { + (function (t) { + e.exports = t.Phoenix = n(2) + } + ).call(this, n(1)) + } + , function (e, t) { + var n; + n = function () { + return this + }(); + try { + n = n || Function("return this")() || (0, + eval)("this") + } catch (e) { + "object" == typeof window && (n = window) + } + e.exports = n + } + , function (e, t, n) { + "use strict"; + function i(e) { + return function (e) { + if (Array.isArray(e)) { + for (var t = 0, n = new Array(e.length); t < e.length; t++) + n[t] = e[t]; + return n + } + }(e) || function (e) { + if (Symbol.iterator in Object(e) || "[object Arguments]" === Object.prototype.toString.call(e)) + return Array.from(e) + }(e) || function () { + throw new TypeError("Invalid attempt to spread non-iterable instance") + }() + } + function o(e) { + return (o = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { + return typeof e + } + : function (e) { + return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e + } + )(e) + } + function r(e, t) { + return function (e) { + if (Array.isArray(e)) + return e + }(e) || function (e, t) { + var n = [] + , i = !0 + , o = !1 + , r = void 0; + try { + for (var s, a = e[Symbol.iterator](); !(i = (s = a.next()).done) && (n.push(s.value), + !t || n.length !== t); i = !0) + ; + } catch (e) { + o = !0, + r = e + } finally { + try { + i || null == a.return || a.return() + } finally { + if (o) + throw r + } + } + return n + }(e, t) || function () { + throw new TypeError("Invalid attempt to destructure non-iterable instance") + }() + } + function s(e, t) { + if (!(e instanceof t)) + throw new TypeError("Cannot call a class as a function") + } + function a(e, t) { + for (var n = 0; n < t.length; n++) { + var i = t[n]; + i.enumerable = i.enumerable || !1, + i.configurable = !0, + "value" in i && (i.writable = !0), + Object.defineProperty(e, i.key, i) + } + } + function c(e, t, n) { + return t && a(e.prototype, t), + n && a(e, n), + e + } + n.r(t), + n.d(t, "Channel", function () { + return j + }), + n.d(t, "Serializer", function () { + return R + }), + n.d(t, "Socket", function () { + return C + }), + n.d(t, "LongPoll", function () { + return T + }), + n.d(t, "Ajax", function () { + return w + }), + n.d(t, "Presence", function () { + return E + }); + var u = "undefined" != typeof self ? self : null + , h = "undefined" != typeof window ? window : null + , l = u || h || void 0 + , f = "2.0.0" + , d = { + connecting: 0, + open: 1, + closing: 2, + closed: 3 + } + , p = 1e4 + , v = { + closed: "closed", + errored: "errored", + joined: "joined", + joining: "joining", + leaving: "leaving" + } + , y = { + close: "phx_close", + error: "phx_error", + join: "phx_join", + reply: "phx_reply", + leave: "phx_leave" + } + , m = [y.close, y.error, y.join, y.reply, y.leave] + , g = { + longpoll: "longpoll", + websocket: "websocket" + } + , k = function (e) { + if ("function" == typeof e) + return e; + return function () { + return e + } + } + , b = function () { + function e(t, n, i, o) { + s(this, e), + this.channel = t, + this.event = n, + this.payload = i || function () { + return {} + } + , + this.receivedResp = null, + this.timeout = o, + this.timeoutTimer = null, + this.recHooks = [], + this.sent = !1 + } + return c(e, [{ + key: "resend", + value: function (e) { + this.timeout = e, + this.reset(), + this.send() + } + }, { + key: "send", + value: function () { + this.hasReceived("timeout") || (this.startTimeout(), + this.sent = !0, + this.channel.socket.push({ + topic: this.channel.topic, + event: this.event, + payload: this.payload(), + ref: this.ref, + join_ref: this.channel.joinRef() + })) + } + }, { + key: "receive", + value: function (e, t) { + return this.hasReceived(e) && t(this.receivedResp.response), + this.recHooks.push({ + status: e, + callback: t + }), + this + } + }, { + key: "reset", + value: function () { + this.cancelRefEvent(), + this.ref = null, + this.refEvent = null, + this.receivedResp = null, + this.sent = !1 + } + }, { + key: "matchReceive", + value: function (e) { + var t = e.status + , n = e.response; + e.ref; + this.recHooks.filter(function (e) { + return e.status === t + }).forEach(function (e) { + return e.callback(n) + }) + } + }, { + key: "cancelRefEvent", + value: function () { + this.refEvent && this.channel.off(this.refEvent) + } + }, { + key: "cancelTimeout", + value: function () { + clearTimeout(this.timeoutTimer), + this.timeoutTimer = null + } + }, { + key: "startTimeout", + value: function () { + var e = this; + this.timeoutTimer && this.cancelTimeout(), + this.ref = this.channel.socket.makeRef(), + this.refEvent = this.channel.replyEventName(this.ref), + this.channel.on(this.refEvent, function (t) { + e.cancelRefEvent(), + e.cancelTimeout(), + e.receivedResp = t, + e.matchReceive(t) + }), + this.timeoutTimer = setTimeout(function () { + e.trigger("timeout", {}) + }, this.timeout) + } + }, { + key: "hasReceived", + value: function (e) { + return this.receivedResp && this.receivedResp.status === e + } + }, { + key: "trigger", + value: function (e, t) { + this.channel.trigger(this.refEvent, { + status: e, + response: t + }) + } + }]), + e + }() + , j = function () { + function e(t, n, i) { + var o = this; + s(this, e), + this.state = v.closed, + this.topic = t, + this.params = k(n || {}), + this.socket = i, + this.bindings = [], + this.bindingRef = 0, + this.timeout = this.socket.timeout, + this.joinedOnce = !1, + this.joinPush = new b(this, y.join, this.params, this.timeout), + this.pushBuffer = [], + this.rejoinTimer = new S(function () { + o.socket.isConnected() && o.rejoin() + } + , this.socket.rejoinAfterMs), + this.socket.onError(function () { + return o.rejoinTimer.reset() + }), + this.socket.onOpen(function () { + o.rejoinTimer.reset(), + o.isErrored() && o.rejoin() + }), + this.joinPush.receive("ok", function () { + o.state = v.joined, + o.rejoinTimer.reset(), + o.pushBuffer.forEach(function (e) { + return e.send() + }), + o.pushBuffer = [] + }), + this.joinPush.receive("error", function () { + o.state = v.errored, + o.socket.isConnected() && o.rejoinTimer.scheduleTimeout() + }), + this.onClose(function () { + o.rejoinTimer.reset(), + o.socket.hasLogger() && o.socket.log("channel", "close ".concat(o.topic, " ").concat(o.joinRef())), + o.state = v.closed, + o.socket.remove(o) + }), + this.onError(function (e) { + o.socket.hasLogger() && o.socket.log("channel", "error ".concat(o.topic), e), + o.isJoining() && o.joinPush.reset(), + o.state = v.errored, + o.socket.isConnected() && o.rejoinTimer.scheduleTimeout() + }), + this.joinPush.receive("timeout", function () { + o.socket.hasLogger() && o.socket.log("channel", "timeout ".concat(o.topic, " (").concat(o.joinRef(), ")"), o.joinPush.timeout), + new b(o, y.leave, k({}), o.timeout).send(), + o.state = v.errored, + o.joinPush.reset(), + o.socket.isConnected() && o.rejoinTimer.scheduleTimeout() + }), + this.on(y.reply, function (e, t) { + o.trigger(o.replyEventName(t), e) + }) + } + return c(e, [{ + key: "join", + value: function () { + var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.timeout; + if (this.joinedOnce) + throw new Error("tried to join multiple times. 'join' can only be called a single time per channel instance"); + return this.timeout = e, + this.joinedOnce = !0, + this.rejoin(), + this.joinPush + } + }, { + key: "onClose", + value: function (e) { + this.on(y.close, e) + } + }, { + key: "onError", + value: function (e) { + return this.on(y.error, function (t) { + return e(t) + }) + } + }, { + key: "on", + value: function (e, t) { + var n = this.bindingRef++; + return this.bindings.push({ + event: e, + ref: n, + callback: t + }), + n + } + }, { + key: "off", + value: function (e, t) { + this.bindings = this.bindings.filter(function (n) { + return !(n.event === e && (void 0 === t || t === n.ref)) + }) + } + }, { + key: "canPush", + value: function () { + return this.socket.isConnected() && this.isJoined() + } + }, { + key: "push", + value: function (e, t) { + var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : this.timeout; + if (!this.joinedOnce) + throw new Error("tried to push '".concat(e, "' to '").concat(this.topic, "' before joining. Use channel.join() before pushing events")); + var i = new b(this, e, function () { + return t + } + , n); + return this.canPush() ? i.send() : (i.startTimeout(), + this.pushBuffer.push(i)), + i + } + }, { + key: "leave", + value: function () { + var e = this + , t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.timeout; + this.rejoinTimer.reset(), + this.joinPush.cancelTimeout(), + this.state = v.leaving; + var n = function () { + e.socket.hasLogger() && e.socket.log("channel", "leave ".concat(e.topic)), + e.trigger(y.close, "leave") + } + , i = new b(this, y.leave, k({}), t); + return i.receive("ok", function () { + return n() + }).receive("timeout", function () { + return n() + }), + i.send(), + this.canPush() || i.trigger("ok", {}), + i + } + }, { + key: "onMessage", + value: function (e, t, n) { + return t + } + }, { + key: "isLifecycleEvent", + value: function (e) { + return m.indexOf(e) >= 0 + } + }, { + key: "isMember", + value: function (e, t, n, i) { + return this.topic === e && (!i || i === this.joinRef() || !this.isLifecycleEvent(t) || (this.socket.hasLogger() && this.socket.log("channel", "dropping outdated message", { + topic: e, + event: t, + payload: n, + joinRef: i + }), + !1)) + } + }, { + key: "joinRef", + value: function () { + return this.joinPush.ref + } + }, { + key: "sendJoin", + value: function (e) { + this.state = v.joining, + this.joinPush.resend(e) + } + }, { + key: "rejoin", + value: function () { + var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : this.timeout; + this.isLeaving() || this.sendJoin(e) + } + }, { + key: "trigger", + value: function (e, t, n, i) { + var o = this.onMessage(e, t, n, i); + if (t && !o) + throw new Error("channel onMessage callbacks must return the payload, modified or unmodified"); + for (var r = 0; r < this.bindings.length; r++) { + var s = this.bindings[r]; + s.event === e && s.callback(o, n, i || this.joinRef()) + } + } + }, { + key: "replyEventName", + value: function (e) { + return "chan_reply_".concat(e) + } + }, { + key: "isClosed", + value: function () { + return this.state === v.closed + } + }, { + key: "isErrored", + value: function () { + return this.state === v.errored + } + }, { + key: "isJoined", + value: function () { + return this.state === v.joined + } + }, { + key: "isJoining", + value: function () { + return this.state === v.joining + } + }, { + key: "isLeaving", + value: function () { + return this.state === v.leaving + } + }]), + e + }() + , R = { + encode: function (e, t) { + var n = [e.join_ref, e.ref, e.topic, e.event, e.payload]; + return t(JSON.stringify(n)) + }, + decode: function (e, t) { + var n = r(JSON.parse(e), 5); + return t({ + join_ref: n[0], + ref: n[1], + topic: n[2], + event: n[3], + payload: n[4] + }) + } + } + , C = function () { + function e(t) { + var n = this + , i = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}; + s(this, e), + this.stateChangeCallbacks = { + open: [], + close: [], + error: [], + message: [] + }, + this.channels = [], + this.sendBuffer = [], + this.ref = 0, + this.timeout = i.timeout || p, + this.transport = i.transport || l.WebSocket || T, + this.defaultEncoder = R.encode, + this.defaultDecoder = R.decode, + this.closeWasClean = !1, + this.unloaded = !1, + this.binaryType = i.binaryType || "arraybuffer", + this.transport !== T ? (this.encode = i.encode || this.defaultEncoder, + this.decode = i.decode || this.defaultDecoder) : (this.encode = this.defaultEncoder, + this.decode = this.defaultDecoder), + h && h.addEventListener && h.addEventListener("beforeunload", function (e) { + n.conn && (n.unloaded = !0, + n.abnormalClose("unloaded")) + }), + this.heartbeatIntervalMs = i.heartbeatIntervalMs || 3e4, + this.rejoinAfterMs = function (e) { + return i.rejoinAfterMs ? i.rejoinAfterMs(e) : [1e3, 2e3, 5e3][e - 1] || 1e4 + } + , + this.reconnectAfterMs = function (e) { + return n.unloaded ? 100 : i.reconnectAfterMs ? i.reconnectAfterMs(e) : [10, 50, 100, 150, 200, 250, 500, 1e3, 2e3][e - 1] || 5e3 + } + , + this.logger = i.logger || null, + this.longpollerTimeout = i.longpollerTimeout || 2e4, + this.params = k(i.params || {}), + this.endPoint = "".concat(t, "/").concat(g.websocket), + this.vsn = i.vsn || f, + this.heartbeatTimer = null, + this.pendingHeartbeatRef = null, + this.reconnectTimer = new S(function () { + n.teardown(function () { + return n.connect() + }) + } + , this.reconnectAfterMs) + } + return c(e, [{ + key: "protocol", + value: function () { + return location.protocol.match(/^https/) ? "wss" : "ws" + } + }, { + key: "endPointURL", + value: function () { + var e = w.appendParams(w.appendParams(this.endPoint, this.params()), { + vsn: this.vsn + }); + return "/" !== e.charAt(0) ? e : "/" === e.charAt(1) ? "".concat(this.protocol(), ":").concat(e) : "".concat(this.protocol(), "://").concat(location.host).concat(e) + } + }, { + key: "disconnect", + value: function (e, t, n) { + this.closeWasClean = !0, + this.reconnectTimer.reset(), + this.teardown(e, t, n) + } + }, { + key: "connect", + value: function (e) { + var t = this; + e && (console && console.log("passing params to connect is deprecated. Instead pass :params to the Socket constructor"), + this.params = k(e)), + this.conn || (this.closeWasClean = !1, + this.conn = new this.transport(this.endPointURL()), + this.conn.binaryType = this.binaryType, + this.conn.timeout = this.longpollerTimeout, + this.conn.onopen = function () { + return t.onConnOpen() + } + , + this.conn.onerror = function (e) { + return t.onConnError(e) + } + , + this.conn.onmessage = function (e) { + return t.onConnMessage(e) + } + , + this.conn.onclose = function (e) { + return t.onConnClose(e) + } + ) + } + }, { + key: "log", + value: function (e, t, n) { + this.logger(e, t, n) + } + }, { + key: "hasLogger", + value: function () { + return null !== this.logger + } + }, { + key: "onOpen", + value: function (e) { + this.stateChangeCallbacks.open.push(e) + } + }, { + key: "onClose", + value: function (e) { + this.stateChangeCallbacks.close.push(e) + } + }, { + key: "onError", + value: function (e) { + this.stateChangeCallbacks.error.push(e) + } + }, { + key: "onMessage", + value: function (e) { + this.stateChangeCallbacks.message.push(e) + } + }, { + key: "onConnOpen", + value: function () { + this.hasLogger() && this.log("transport", "connected to ".concat(this.endPointURL())), + this.unloaded = !1, + this.closeWasClean = !1, + this.flushSendBuffer(), + this.reconnectTimer.reset(), + this.resetHeartbeat(), + this.stateChangeCallbacks.open.forEach(function (e) { + return e() + }) + } + }, { + key: "resetHeartbeat", + value: function () { + var e = this; + this.conn && this.conn.skipHeartbeat || (this.pendingHeartbeatRef = null, + clearInterval(this.heartbeatTimer), + this.heartbeatTimer = setInterval(function () { + return e.sendHeartbeat() + }, this.heartbeatIntervalMs)) + } + }, { + key: "teardown", + value: function (e, t, n) { + this.conn && (this.conn.onclose = function () { } + , + t ? this.conn.close(t, n || "") : this.conn.close(), + this.conn = null), + e && e() + } + }, { + key: "onConnClose", + value: function (e) { + this.hasLogger() && this.log("transport", "close", e), + this.triggerChanError(), + clearInterval(this.heartbeatTimer), + this.closeWasClean || this.reconnectTimer.scheduleTimeout(), + this.stateChangeCallbacks.close.forEach(function (t) { + return t(e) + }) + } + }, { + key: "onConnError", + value: function (e) { + this.hasLogger() && this.log("transport", e), + this.triggerChanError(), + this.stateChangeCallbacks.error.forEach(function (t) { + return t(e) + }) + } + }, { + key: "triggerChanError", + value: function () { + this.channels.forEach(function (e) { + e.isErrored() || e.isLeaving() || e.isClosed() || e.trigger(y.error) + }) + } + }, { + key: "connectionState", + value: function () { + switch (this.conn && this.conn.readyState) { + case d.connecting: + return "connecting"; + case d.open: + return "open"; + case d.closing: + return "closing"; + default: + return "closed" + } + } + }, { + key: "isConnected", + value: function () { + return "open" === this.connectionState() + } + }, { + key: "remove", + value: function (e) { + this.channels = this.channels.filter(function (t) { + return t.joinRef() !== e.joinRef() + }) + } + }, { + key: "channel", + value: function (e) { + var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {} + , n = new j(e, t, this); + return this.channels.push(n), + n + } + }, { + key: "push", + value: function (e) { + var t = this; + if (this.hasLogger()) { + var n = e.topic + , i = e.event + , o = e.payload + , r = e.ref + , s = e.join_ref; + this.log("push", "".concat(n, " ").concat(i, " (").concat(s, ", ").concat(r, ")"), o) + } + this.isConnected() ? this.encode(e, function (e) { + return t.conn.send(e) + }) : this.sendBuffer.push(function () { + return t.encode(e, function (e) { + return t.conn.send(e) + }) + }) + } + }, { + key: "makeRef", + value: function () { + var e = this.ref + 1; + return e === this.ref ? this.ref = 0 : this.ref = e, + this.ref.toString() + } + }, { + key: "sendHeartbeat", + value: function () { + if (this.isConnected()) { + if (this.pendingHeartbeatRef) + return this.pendingHeartbeatRef = null, + this.hasLogger() && this.log("transport", "heartbeat timeout. Attempting to re-establish connection"), + void this.abnormalClose("heartbeat timeout"); + this.pendingHeartbeatRef = this.makeRef(), + this.push({ + topic: "phoenix", + event: "heartbeat", + payload: {}, + ref: this.pendingHeartbeatRef + }) + } + } + }, { + key: "abnormalClose", + value: function (e) { + this.closeWasClean = !1, + this.conn.close(1e3, e) + } + }, { + key: "flushSendBuffer", + value: function () { + this.isConnected() && this.sendBuffer.length > 0 && (this.sendBuffer.forEach(function (e) { + return e() + }), + this.sendBuffer = []) + } + }, { + key: "onConnMessage", + value: function (e) { + var t = this; + this.decode(e.data, function (e) { + var n = e.topic + , i = e.event + , o = e.payload + , r = e.ref + , s = e.join_ref; + r && r === t.pendingHeartbeatRef && (t.pendingHeartbeatRef = null), + t.hasLogger() && t.log("receive", "".concat(o.status || "", " ").concat(n, " ").concat(i, " ").concat(r && "(" + r + ")" || ""), o); + for (var a = 0; a < t.channels.length; a++) { + var c = t.channels[a]; + c.isMember(n, i, o, s) && c.trigger(i, o, r, s) + } + for (var u = 0; u < t.stateChangeCallbacks.message.length; u++) + t.stateChangeCallbacks.message[u](e) + }) + } + }]), + e + }() + , T = function () { + function e(t) { + s(this, e), + this.endPoint = null, + this.token = null, + this.skipHeartbeat = !0, + this.onopen = function () { } + , + this.onerror = function () { } + , + this.onmessage = function () { } + , + this.onclose = function () { } + , + this.pollEndpoint = this.normalizeEndpoint(t), + this.readyState = d.connecting, + this.poll() + } + return c(e, [{ + key: "normalizeEndpoint", + value: function (e) { + return e.replace("ws://", "http://").replace("wss://", "https://").replace(new RegExp("(.*)/" + g.websocket), "$1/" + g.longpoll) + } + }, { + key: "endpointURL", + value: function () { + return w.appendParams(this.pollEndpoint, { + token: this.token + }) + } + }, { + key: "closeAndRetry", + value: function () { + this.close(), + this.readyState = d.connecting + } + }, { + key: "ontimeout", + value: function () { + this.onerror("timeout"), + this.closeAndRetry() + } + }, { + key: "poll", + value: function () { + var e = this; + this.readyState !== d.open && this.readyState !== d.connecting || w.request("GET", this.endpointURL(), "application/json", null, this.timeout, this.ontimeout.bind(this), function (t) { + if (t) { + var n = t.status + , i = t.token + , o = t.messages; + e.token = i + } else + n = 0; + switch (n) { + case 200: + o.forEach(function (t) { + return e.onmessage({ + data: t + }) + }), + e.poll(); + break; + case 204: + e.poll(); + break; + case 410: + e.readyState = d.open, + e.onopen(), + e.poll(); + break; + case 0: + case 500: + e.onerror(), + e.closeAndRetry(); + break; + default: + throw new Error("unhandled poll status ".concat(n)) + } + }) + } + }, { + key: "send", + value: function (e) { + var t = this; + w.request("POST", this.endpointURL(), "application/json", e, this.timeout, this.onerror.bind(this, "timeout"), function (e) { + e && 200 === e.status || (t.onerror(e && e.status), + t.closeAndRetry()) + }) + } + }, { + key: "close", + value: function (e, t) { + this.readyState = d.closed, + this.onclose() + } + }]), + e + }() + , w = function () { + function e() { + s(this, e) + } + return c(e, null, [{ + key: "request", + value: function (e, t, n, i, o, r, s) { + if (l.XDomainRequest) { + var a = new XDomainRequest; + this.xdomainRequest(a, e, t, i, o, r, s) + } else { + var c = l.XMLHttpRequest ? new l.XMLHttpRequest : new ActiveXObject("Microsoft.XMLHTTP"); + this.xhrRequest(c, e, t, n, i, o, r, s) + } + } + }, { + key: "xdomainRequest", + value: function (e, t, n, i, o, r, s) { + var a = this; + e.timeout = o, + e.open(t, n), + e.onload = function () { + var t = a.parseJSON(e.responseText); + s && s(t) + } + , + r && (e.ontimeout = r), + e.onprogress = function () { } + , + e.send(i) + } + }, { + key: "xhrRequest", + value: function (e, t, n, i, o, r, s, a) { + var c = this; + e.open(t, n, !0), + e.timeout = r, + e.setRequestHeader("Content-Type", i), + e.onerror = function () { + a && a(null) + } + , + e.onreadystatechange = function () { + if (e.readyState === c.states.complete && a) { + var t = c.parseJSON(e.responseText); + a(t) + } + } + , + s && (e.ontimeout = s), + e.send(o) + } + }, { + key: "parseJSON", + value: function (e) { + if (!e || "" === e) + return null; + try { + return JSON.parse(e) + } catch (t) { + return console && console.log("failed to parse JSON response", e), + null + } + } + }, { + key: "serialize", + value: function (e, t) { + var n = []; + for (var i in e) + if (e.hasOwnProperty(i)) { + var r = t ? "".concat(t, "[").concat(i, "]") : i + , s = e[i]; + "object" === o(s) ? n.push(this.serialize(s, r)) : n.push(encodeURIComponent(r) + "=" + encodeURIComponent(s)) + } + return n.join("&") + } + }, { + key: "appendParams", + value: function (e, t) { + if (0 === Object.keys(t).length) + return e; + var n = e.match(/\?/) ? "&" : "?"; + return "".concat(e).concat(n).concat(this.serialize(t)) + } + }]), + e + }(); + w.states = { + complete: 4 + }; + var E = function () { + function e(t) { + var n = this + , i = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {}; + s(this, e); + var o = i.events || { + state: "presence_state", + diff: "presence_diff" + }; + this.state = {}, + this.pendingDiffs = [], + this.channel = t, + this.joinRef = null, + this.caller = { + onJoin: function () { }, + onLeave: function () { }, + onSync: function () { } + }, + this.channel.on(o.state, function (t) { + var i = n.caller + , o = i.onJoin + , r = i.onLeave + , s = i.onSync; + n.joinRef = n.channel.joinRef(), + n.state = e.syncState(n.state, t, o, r), + n.pendingDiffs.forEach(function (t) { + n.state = e.syncDiff(n.state, t, o, r) + }), + n.pendingDiffs = [], + s() + }), + this.channel.on(o.diff, function (t) { + var i = n.caller + , o = i.onJoin + , r = i.onLeave + , s = i.onSync; + n.inPendingSyncState() ? n.pendingDiffs.push(t) : (n.state = e.syncDiff(n.state, t, o, r), + s()) + }) + } + return c(e, [{ + key: "onJoin", + value: function (e) { + this.caller.onJoin = e + } + }, { + key: "onLeave", + value: function (e) { + this.caller.onLeave = e + } + }, { + key: "onSync", + value: function (e) { + this.caller.onSync = e + } + }, { + key: "list", + value: function (t) { + return e.list(this.state, t) + } + }, { + key: "inPendingSyncState", + value: function () { + return !this.joinRef || this.joinRef !== this.channel.joinRef() + } + }], [{ + key: "syncState", + value: function (e, t, n, i) { + var o = this + , r = this.clone(e) + , s = {} + , a = {}; + return this.map(r, function (e, n) { + t[e] || (a[e] = n) + }), + this.map(t, function (e, t) { + var n = r[e]; + if (n) { + var i = t.metas.map(function (e) { + return e.phx_ref + }) + , c = n.metas.map(function (e) { + return e.phx_ref + }) + , u = t.metas.filter(function (e) { + return c.indexOf(e.phx_ref) < 0 + }) + , h = n.metas.filter(function (e) { + return i.indexOf(e.phx_ref) < 0 + }); + u.length > 0 && (s[e] = t, + s[e].metas = u), + h.length > 0 && (a[e] = o.clone(n), + a[e].metas = h) + } else + s[e] = t + }), + this.syncDiff(r, { + joins: s, + leaves: a + }, n, i) + } + }, { + key: "syncDiff", + value: function (e, t, n, o) { + var r = t.joins + , s = t.leaves + , a = this.clone(e); + return n || (n = function () { } + ), + o || (o = function () { } + ), + this.map(r, function (e, t) { + var o = a[e]; + if (a[e] = t, + o) { + var r, s = a[e].metas.map(function (e) { + return e.phx_ref + }), c = o.metas.filter(function (e) { + return s.indexOf(e.phx_ref) < 0 + }); + (r = a[e].metas).unshift.apply(r, i(c)) + } + n(e, o, t) + }), + this.map(s, function (e, t) { + var n = a[e]; + if (n) { + var i = t.metas.map(function (e) { + return e.phx_ref + }); + n.metas = n.metas.filter(function (e) { + return i.indexOf(e.phx_ref) < 0 + }), + o(e, n, t), + 0 === n.metas.length && delete a[e] + } + }), + a + } + }, { + key: "list", + value: function (e, t) { + return t || (t = function (e, t) { + return t + } + ), + this.map(e, function (e, n) { + return t(e, n) + }) + } + }, { + key: "map", + value: function (e, t) { + return Object.getOwnPropertyNames(e).map(function (n) { + return t(n, e[n]) + }) + } + }, { + key: "clone", + value: function (e) { + return JSON.parse(JSON.stringify(e)) + } + }]), + e + }() + , S = function () { + function e(t, n) { + s(this, e), + this.callback = t, + this.timerCalc = n, + this.timer = null, + this.tries = 0 + } + return c(e, [{ + key: "reset", + value: function () { + this.tries = 0, + clearTimeout(this.timer) + } + }, { + key: "scheduleTimeout", + value: function () { + var e = this; + clearTimeout(this.timer), + this.timer = setTimeout(function () { + e.tries = e.tries + 1, + e.callback() + }, this.timerCalc(this.tries + 1)) + } + }]), + e + }() + } + ]) +}); diff --git a/assets/js/phoenix_live_view.js b/assets/js/phoenix_live_view.js new file mode 100644 index 0000000..d03ac6e --- /dev/null +++ b/assets/js/phoenix_live_view.js @@ -0,0 +1,3580 @@ +!function (e, t) { + "object" == typeof exports && "object" == typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define([], t) : "object" == typeof exports ? exports.phoenix_live_view = t() : e.phoenix_live_view = t() +}(this, function () { + return function (e) { + var t = {}; + function n(i) { + if (t[i]) + return t[i].exports; + var r = t[i] = { + i: i, + l: !1, + exports: {} + }; + return e[i].call(r.exports, r, r.exports, n), + r.l = !0, + r.exports + } + return n.m = e, + n.c = t, + n.d = function (e, t, i) { + n.o(e, t) || Object.defineProperty(e, t, { + configurable: !1, + enumerable: !0, + get: i + }) + } + , + n.r = function (e) { + Object.defineProperty(e, "__esModule", { + value: !0 + }) + } + , + n.n = function (e) { + var t = e && e.__esModule ? function () { + return e.default + } + : function () { + return e + } + ; + return n.d(t, "a", t), + t + } + , + n.o = function (e, t) { + return Object.prototype.hasOwnProperty.call(e, t) + } + , + n.p = "", + n(n.s = 2) + }([function (e, t, n) { + "use strict"; + n.r(t); + var i, r = 11; + var o = "http://www.w3.org/1999/xhtml" + , a = "undefined" == typeof document ? void 0 : document + , u = !!a && "content" in a.createElement("template") + , s = !!a && a.createRange && "createContextualFragment" in a.createRange(); + function c(e) { + return e = e.trim(), + u ? function (e) { + var t = a.createElement("template"); + return t.innerHTML = e, + t.content.childNodes[0] + }(e) : s ? function (e) { + return i || (i = a.createRange()).selectNode(a.body), + i.createContextualFragment(e).childNodes[0] + }(e) : function (e) { + var t = a.createElement("body"); + return t.innerHTML = e, + t.childNodes[0] + }(e) + } + function l(e, t) { + var n, i, r = e.nodeName, o = t.nodeName; + return r === o || (n = r.charCodeAt(0), + i = o.charCodeAt(0), + n <= 90 && i >= 97 ? r === o.toUpperCase() : i <= 90 && n >= 97 && o === r.toUpperCase()) + } + function d(e, t, n) { + e[n] !== t[n] && (e[n] = t[n], + e[n] ? e.setAttribute(n, "") : e.removeAttribute(n)) + } + var h = { + OPTION: function (e, t) { + var n = e.parentNode; + if (n) { + var i = n.nodeName.toUpperCase(); + "OPTGROUP" === i && (i = (n = n.parentNode) && n.nodeName.toUpperCase()), + "SELECT" !== i || n.hasAttribute("multiple") || (e.hasAttribute("selected") && !t.selected && (e.setAttribute("selected", "selected"), + e.removeAttribute("selected")), + n.selectedIndex = -1) + } + d(e, t, "selected") + }, + INPUT: function (e, t) { + d(e, t, "checked"), + d(e, t, "disabled"), + e.value !== t.value && (e.value = t.value), + t.hasAttribute("value") || e.removeAttribute("value") + }, + TEXTAREA: function (e, t) { + var n = t.value; + e.value !== n && (e.value = n); + var i = e.firstChild; + if (i) { + var r = i.nodeValue; + if (r == n || !n && r == e.placeholder) + return; + i.nodeValue = n + } + }, + SELECT: function (e, t) { + if (!t.hasAttribute("multiple")) { + for (var n, i, r = -1, o = 0, a = e.firstChild; a;) + if ("OPTGROUP" === (i = a.nodeName && a.nodeName.toUpperCase())) + a = (n = a).firstChild; + else { + if ("OPTION" === i) { + if (a.hasAttribute("selected")) { + r = o; + break + } + o++ + } + !(a = a.nextSibling) && n && (a = n.nextSibling, + n = null) + } + e.selectedIndex = r + } + } + } + , f = 1 + , v = 11 + , p = 3 + , g = 8; + function m() { } + function y(e) { + if (e) + return e.getAttribute && e.getAttribute("id") || e.id + } + var b = function (e) { + return function (t, n, i) { + if (i || (i = {}), + "string" == typeof n) + if ("#document" === t.nodeName || "HTML" === t.nodeName || "BODY" === t.nodeName) { + var r = n; + (n = a.createElement("html")).innerHTML = r + } else + n = c(n); + var u = i.getNodeKey || y + , s = i.onBeforeNodeAdded || m + , d = i.onNodeAdded || m + , b = i.onBeforeElUpdated || m + , k = i.onElUpdated || m + , w = i.onBeforeNodeDiscarded || m + , A = i.onNodeDiscarded || m + , E = i.onBeforeElChildrenUpdated || m + , S = !0 === i.childrenOnly + , x = Object.create(null) + , C = []; + function P(e) { + C.push(e) + } + function L(e, t, n) { + !1 !== w(e) && (t && t.removeChild(e), + A(e), + function e(t, n) { + if (t.nodeType === f) + for (var i = t.firstChild; i;) { + var r = void 0; + n && (r = u(i)) ? P(r) : (A(i), + i.firstChild && e(i, n)), + i = i.nextSibling + } + }(e, n)) + } + function I(e) { + d(e); + for (var t = e.firstChild; t;) { + var n = t.nextSibling + , i = u(t); + if (i) { + var r = x[i]; + r && l(t, r) ? (t.parentNode.replaceChild(r, t), + T(r, t)) : I(t) + } else + I(t); + t = n + } + } + function T(t, n, i) { + var r = u(n); + if (r && delete x[r], + !i) { + if (!1 === b(t, n)) + return; + if (e(t, n), + k(t), + !1 === E(t, n)) + return + } + "TEXTAREA" !== t.nodeName ? function (e, t) { + var n, i, r, o, c, d = t.firstChild, v = e.firstChild; + e: for (; d;) { + for (o = d.nextSibling, + n = u(d); v;) { + if (r = v.nextSibling, + d.isSameNode && d.isSameNode(v)) { + d = o, + v = r; + continue e + } + i = u(v); + var m = v.nodeType + , y = void 0; + if (m === d.nodeType && (m === f ? (n ? n !== i && ((c = x[n]) ? r === c ? y = !1 : (e.insertBefore(c, v), + i ? P(i) : L(v, e, !0), + v = c) : y = !1) : i && (y = !1), + (y = !1 !== y && l(v, d)) && T(v, d)) : m !== p && m != g || (y = !0, + v.nodeValue !== d.nodeValue && (v.nodeValue = d.nodeValue))), + y) { + d = o, + v = r; + continue e + } + i ? P(i) : L(v, e, !0), + v = r + } + if (n && (c = x[n]) && l(c, d)) + e.appendChild(c), + T(c, d); + else { + var b = s(d); + !1 !== b && (b && (d = b), + d.actualize && (d = d.actualize(e.ownerDocument || a)), + e.appendChild(d), + I(d)) + } + d = o, + v = r + } + !function (e, t, n) { + for (; t;) { + var i = t.nextSibling; + (n = u(t)) ? P(n) : L(t, e, !0), + t = i + } + }(e, v, i); + var k = h[e.nodeName]; + k && k(e, t) + }(t, n) : h.TEXTAREA(t, n) + } + !function e(t) { + if (t.nodeType === f || t.nodeType === v) + for (var n = t.firstChild; n;) { + var i = u(n); + i && (x[i] = n), + e(n), + n = n.nextSibling + } + }(t); + var _ = t + , D = _.nodeType + , R = n.nodeType; + if (!S) + if (D === f) + R === f ? l(t, n) || (A(t), + _ = function (e, t) { + for (var n = e.firstChild; n;) { + var i = n.nextSibling; + t.appendChild(n), + n = i + } + return t + }(t, function (e, t) { + return t && t !== o ? a.createElementNS(t, e) : a.createElement(e) + }(n.nodeName, n.namespaceURI))) : _ = n; + else if (D === p || D === g) { + if (R === D) + return _.nodeValue !== n.nodeValue && (_.nodeValue = n.nodeValue), + _; + _ = n + } + if (_ === n) + A(t); + else { + if (n.isSameNode && n.isSameNode(_)) + return; + if (T(_, n, S), + C) + for (var N = 0, O = C.length; N < O; N++) { + var H = x[C[N]]; + H && L(H, H.parentNode, !1) + } + } + return !S && _ !== t && t.parentNode && (_.actualize && (_ = _.actualize(t.ownerDocument || a)), + t.parentNode.replaceChild(_, t)), + _ + } + }(function (e, t) { + var n, i, o, a, u = t.attributes; + if (t.nodeType !== r && e.nodeType !== r) { + for (var s = u.length - 1; s >= 0; s--) + i = (n = u[s]).name, + o = n.namespaceURI, + a = n.value, + o ? (i = n.localName || i, + e.getAttributeNS(o, i) !== a && ("xmlns" === n.prefix && (i = n.name), + e.setAttributeNS(o, i, a))) : e.getAttribute(i) !== a && e.setAttribute(i, a); + for (var c = e.attributes, l = c.length - 1; l >= 0; l--) + i = (n = c[l]).name, + (o = n.namespaceURI) ? (i = n.localName || i, + t.hasAttributeNS(o, i) || e.removeAttributeNS(o, i)) : t.hasAttribute(i) || e.removeAttribute(i) + } + }); + function k(e) { + return P(e) || S(e) || L(e) || C() + } + function w(e, t) { + var n = Object.keys(e); + if (Object.getOwnPropertySymbols) { + var i = Object.getOwnPropertySymbols(e); + t && (i = i.filter(function (t) { + return Object.getOwnPropertyDescriptor(e, t).enumerable + })), + n.push.apply(n, i) + } + return n + } + function A(e, t, n) { + return t in e ? Object.defineProperty(e, t, { + value: n, + enumerable: !0, + configurable: !0, + writable: !0 + }) : e[t] = n, + e + } + function E(e) { + return function (e) { + if (Array.isArray(e)) + return I(e) + }(e) || S(e) || L(e) || function () { + throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") + }() + } + function S(e) { + if ("undefined" != typeof Symbol && Symbol.iterator in Object(e)) + return Array.from(e) + } + function x(e, t) { + return P(e) || function (e, t) { + if ("undefined" == typeof Symbol || !(Symbol.iterator in Object(e))) + return; + var n = [] + , i = !0 + , r = !1 + , o = void 0; + try { + for (var a, u = e[Symbol.iterator](); !(i = (a = u.next()).done) && (n.push(a.value), + !t || n.length !== t); i = !0) + ; + } catch (e) { + r = !0, + o = e + } finally { + try { + i || null == u.return || u.return() + } finally { + if (r) + throw o + } + } + return n + }(e, t) || L(e, t) || C() + } + function C() { + throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") + } + function P(e) { + if (Array.isArray(e)) + return e + } + function L(e, t) { + if (e) { + if ("string" == typeof e) + return I(e, t); + var n = Object.prototype.toString.call(e).slice(8, -1); + return "Object" === n && e.constructor && (n = e.constructor.name), + "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? I(e, t) : void 0 + } + } + function I(e, t) { + (null == t || t > e.length) && (t = e.length); + for (var n = 0, i = new Array(t); n < t; n++) + i[n] = e[n]; + return i + } + function T(e, t) { + if (!(e instanceof t)) + throw new TypeError("Cannot call a class as a function") + } + function _(e, t) { + for (var n = 0; n < t.length; n++) { + var i = t[n]; + i.enumerable = i.enumerable || !1, + i.configurable = !0, + "value" in i && (i.writable = !0), + Object.defineProperty(e, i.key, i) + } + } + function D(e, t, n) { + return t && _(e.prototype, t), + n && _(e, n), + e + } + function R(e) { + "@babel/helpers - typeof"; + return (R = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (e) { + return typeof e + } + : function (e) { + return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e + } + )(e) + } + n.d(t, "debug", function () { + return K + }), + n.d(t, "Rendered", function () { + return ue + }), + n.d(t, "LiveSocket", function () { + return se + }), + n.d(t, "Browser", function () { + return ce + }), + n.d(t, "DOM", function () { + return le + }), + n.d(t, "View", function () { + return fe + }); + var N = [1e3, 3e3] + , O = "data-phx-view" + , H = ["phx-click-loading", "phx-change-loading", "phx-submit-loading", "phx-keydown-loading", "phx-keyup-loading", "phx-blur-loading", "phx-focus-loading"] + , j = "data-phx-component" + , F = "data-phx-ref" + , M = "[".concat(O, "]") + , B = ["text", "textarea", "number", "email", "password", "search", "tel", "url", "date", "time"] + , U = ["checkbox", "radio"] + , J = "data-phx-static" + , V = 1 + , W = "phx-" + , q = { + debounce: 300, + throttle: 300 + } + , z = function (e, t) { + return console.error && console.error(e, t) + }; + var K = function (e, t, n, i) { + e.liveSocket.isDebugEnabled() && console.log("".concat(e.id, " ").concat(t, ": ").concat(n, " - "), i) + } + , $ = function (e) { + return "function" == typeof e ? e : function () { + return e + } + } + , X = function (e) { + return JSON.parse(JSON.stringify(e)) + } + , G = function (e, t, n) { + do { + if (e.matches("[".concat(t, "]"))) + return e; + e = e.parentElement || e.parentNode + } while (null !== e && 1 === e.nodeType && !(n && n.isSameNode(e) || e.matches(M))); + return null + } + , Y = function (e) { + return null !== e && "object" === R(e) && !(e instanceof Array) + } + , Q = function (e) { + for (var t in e) + return !1; + return !0 + } + , Z = function (e, t) { + return e && t(e) + } + , ee = function () { + function e(t, n, i) { + T(this, e), + this.ref = ie.genFileRef(n), + this.fileEl = t, + this.file = n, + this.view = i, + this.meta = null, + this._isCancelled = !1, + this._isDone = !1, + this._progress = 0, + this._onDone = function () { } + } + return D(e, null, [{ + key: "isActive", + value: function (e, t) { + var n = void 0 === t._phxRef + , i = e.getAttribute("data-phx-active-refs").split(",").indexOf(ie.genFileRef(t)) >= 0; + return t.size > 0 && (n || i) + } + }, { + key: "isPreflighted", + value: function (e, t) { + var n = e.getAttribute("data-phx-preflighted-refs").split(",").indexOf(ie.genFileRef(t)) >= 0; + return n && this.isActive(e, t) + } + }]), + D(e, [{ + key: "metadata", + value: function () { + return this.meta + } + }, { + key: "progress", + value: function (e) { + var t = this; + this._progress = Math.floor(e), + this._progress >= 100 ? (this._progress = 100, + this._isDone = !0, + this.view.pushFileProgress(this.fileEl, this.ref, 100, function () { + ie.untrackFile(t.fileEl, t.file), + t._onDone() + })) : this.view.pushFileProgress(this.fileEl, this.ref, this._progress) + } + }, { + key: "cancel", + value: function () { + this._isCancelled = !0, + this._isDone = !0, + this._onDone() + } + }, { + key: "isDone", + value: function () { + return this._isDone + } + }, { + key: "error", + value: function () { + var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : "failed"; + this.view.pushFileProgress(this.fileEl, this.ref, { + error: e + }) + } + }, { + key: "onDone", + value: function (e) { + this._onDone = e + } + }, { + key: "toPreflightPayload", + value: function () { + return { + last_modified: this.file.lastModified, + name: this.file.name, + size: this.file.size, + type: this.file.type, + ref: this.ref + } + } + }, { + key: "uploader", + value: function (e) { + if (this.meta.uploader) { + var t = e[this.meta.uploader] || z("no uploader configured for ".concat(this.meta.uploader)); + return { + name: this.meta.uploader, + callback: t + } + } + return { + name: "channel", + callback: re + } + } + }, { + key: "zipPostFlight", + value: function (e) { + this.meta = e.entries[this.ref], + this.meta || z("no preflight upload response returned with ref ".concat(this.ref), { + input: this.fileEl, + response: e + }) + } + }]), + e + }() + , te = { + LiveFileUpload: { + preflightedRefs: function () { + return this.el.getAttribute("data-phx-preflighted-refs") + }, + mounted: function () { + this.preflightedWas = this.preflightedRefs() + }, + updated: function () { + var e = this.preflightedRefs(); + this.preflightedWas !== e && (this.preflightedWas = e, + "" === e && this.__view.cancelSubmit(this.el.form)) + } + } + }; + te.LiveImgPreview = { + mounted: function () { + var e = this; + this.ref = this.el.getAttribute("data-phx-entry-ref"), + this.inputEl = document.getElementById(this.el.getAttribute("data-phx-upload-ref")), + ie.getEntryDataURL(this.inputEl, this.ref, function (t) { + return e.el.src = t + }) + } + }; + var ne = 0 + , ie = function () { + function e(t, n, i) { + T(this, e), + this.view = n, + this.onComplete = i, + this._entries = Array.from(e.filesAwaitingPreflight(t) || []).map(function (e) { + return new ee(t, e, n) + }), + this.numEntriesInProgress = this._entries.length + } + return D(e, null, [{ + key: "genFileRef", + value: function (e) { + var t = e._phxRef; + return void 0 !== t ? t : (e._phxRef = (ne++).toString(), + e._phxRef) + } + }, { + key: "getEntryDataURL", + value: function (e, t, n) { + var i = this + , r = this.activeFiles(e).find(function (e) { + return i.genFileRef(e) === t + }) + , o = new FileReader; + o.onload = function (e) { + return n(e.target.result) + } + , + o.readAsDataURL(r) + } + }, { + key: "hasUploadsInProgress", + value: function (e) { + var t = 0; + return le.all(e, 'input[type="file"]', function (e) { + e.getAttribute("data-phx-preflighted-refs") !== e.getAttribute("data-phx-done-refs") && t++ + }), + t > 0 + } + }, { + key: "serializeUploads", + value: function (e) { + var t = this + , n = {}; + return this.activeFiles(e, "serialize").forEach(function (i) { + var r = { + path: e.name + } + , o = e.getAttribute("data-phx-upload-ref"); + n[o] = n[o] || [], + r.ref = t.genFileRef(i), + r.name = i.name, + r.type = i.type, + r.size = i.size, + n[o].push(r) + }), + n + } + }, { + key: "clearFiles", + value: function (e) { + e.value = null, + le.putPrivate(e, "files", []) + } + }, { + key: "untrackFile", + value: function (e, t) { + le.putPrivate(e, "files", le.private(e, "files").filter(function (e) { + return !Object.is(e, t) + })) + } + }, { + key: "trackFiles", + value: function (e, t) { + var n = this; + if (null !== e.getAttribute("multiple")) { + var i = t.filter(function (t) { + return !n.activeFiles(e).find(function (e) { + return Object.is(e, t) + }) + }); + le.putPrivate(e, "files", this.activeFiles(e).concat(i)), + e.value = null + } else + le.putPrivate(e, "files", t) + } + }, { + key: "activeFileInputs", + value: function (e) { + var t = this + , n = e.querySelectorAll('input[type="file"]'); + return Array.from(n).filter(function (e) { + return e.files && t.activeFiles(e).length > 0 + }) + } + }, { + key: "activeFiles", + value: function (e) { + return (le.private(e, "files") || []).filter(function (t) { + return ee.isActive(e, t) + }) + } + }, { + key: "inputsAwaitingPreflight", + value: function (e) { + var t = this + , n = e.querySelectorAll('input[type="file"]'); + return Array.from(n).filter(function (e) { + return t.filesAwaitingPreflight(e).length > 0 + }) + } + }, { + key: "filesAwaitingPreflight", + value: function (e) { + return this.activeFiles(e).filter(function (t) { + return !ee.isPreflighted(e, t) + }) + } + }]), + D(e, [{ + key: "entries", + value: function () { + return this._entries + } + }, { + key: "initAdapterUpload", + value: function (e, t, n) { + var i = this; + this._entries = this._entries.map(function (t) { + return t.zipPostFlight(e), + t.onDone(function () { + i.numEntriesInProgress--, + 0 === i.numEntriesInProgress && i.onComplete() + }), + t + }); + var r = this._entries.reduce(function (e, t) { + var i = t.uploader(n.uploaders) + , r = i.name + , o = i.callback; + return e[r] = e[r] || { + callback: o, + entries: [] + }, + e[r].entries.push(t), + e + }, {}); + for (var o in r) { + var a = r[o]; + (0, + a.callback)(a.entries, t, e, n) + } + } + }]), + e + }() + , re = function (e, t, n, i) { + e.forEach(function (e) { + new oe(e, n.config.chunk_size, i).upload() + }) + } + , oe = function () { + function e(t, n, i) { + T(this, e), + this.liveSocket = i, + this.entry = t, + this.offset = 0, + this.chunkSize = n, + this.uploadChannel = i.channel("lvu:".concat(t.ref), { + token: t.metadata() + }) + } + return D(e, [{ + key: "upload", + value: function () { + var e = this; + this.uploadChannel.join().receive("ok", function (t) { + return e.readNextChunk() + }).receive("error", function (t) { + e.uploadChannel.leave(), + e.entry.error() + }) + } + }, { + key: "isDone", + value: function () { + return this.offset >= this.entry.file.size + } + }, { + key: "readNextChunk", + value: function () { + var e = this + , t = new window.FileReader + , n = this.entry.file.slice(this.offset, this.chunkSize + this.offset); + t.onload = function (t) { + if (null !== t.target.error) + return z("Read error: " + t.target.error); + e.offset += t.target.result.byteLength, + e.pushChunk(t.target.result) + } + , + t.readAsArrayBuffer(n) + } + }, { + key: "pushChunk", + value: function (e) { + var t = this; + this.uploadChannel.isJoined() && this.uploadChannel.push("chunk", e).receive("ok", function () { + t.entry.progress(t.offset / t.entry.file.size * 100), + t.isDone() || setTimeout(function () { + return t.readNextChunk() + }, t.liveSocket.getLatencySim() || 0) + }) + } + }]), + e + }() + , ae = function (e) { + var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {} + , n = new FormData(e) + , i = []; + n.forEach(function (e, t, n) { + e instanceof File && i.push(t) + }), + i.forEach(function (e) { + return n.delete(e) + }); + var r, o = new URLSearchParams, a = function (e) { + if ("undefined" == typeof Symbol || null == e[Symbol.iterator]) { + if (Array.isArray(e) || (e = L(e))) { + var t = 0 + , n = function () { }; + return { + s: n, + n: function () { + return t >= e.length ? { + done: !0 + } : { + done: !1, + value: e[t++] + } + }, + e: function (e) { + throw e + }, + f: n + } + } + throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.") + } + var i, r, o = !0, a = !1; + return { + s: function () { + i = e[Symbol.iterator]() + }, + n: function () { + var e = i.next(); + return o = e.done, + e + }, + e: function (e) { + a = !0, + r = e + }, + f: function () { + try { + o || null == i.return || i.return() + } finally { + if (a) + throw r + } + } + } + }(n.entries()); + try { + for (a.s(); !(r = a.n()).done;) { + var u = x(r.value, 2) + , s = u[0] + , c = u[1]; + o.append(s, c) + } + } catch (e) { + a.e(e) + } finally { + a.f() + } + for (var l in t) + o.append(l, t[l]); + return o.toString() + } + , ue = function () { + function e(t, n) { + T(this, e), + this.viewId = t, + this.rendered = {}, + this.mergeDiff(n) + } + return D(e, null, [{ + key: "extract", + value: function (e) { + var t = e.r + , n = e.e + , i = e.t; + return delete e.r, + delete e.e, + delete e.t, + { + diff: e, + title: i, + reply: t || null, + events: n || [] + } + } + }]), + D(e, [{ + key: "parentViewId", + value: function () { + return this.viewId + } + }, { + key: "toString", + value: function (e) { + return this.recursiveToString(this.rendered, this.rendered.c, e) + } + }, { + key: "recursiveToString", + value: function (e) { + var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : e.c + , n = arguments.length > 2 ? arguments[2] : void 0 + , i = { + buffer: "", + components: t, + onlyCids: n = n ? new Set(n) : null + }; + return this.toOutputBuffer(e, i), + i.buffer + } + }, { + key: "componentCIDs", + value: function (e) { + return Object.keys(e.c || {}).map(function (e) { + return parseInt(e) + }) + } + }, { + key: "isComponentOnlyDiff", + value: function (e) { + return !!e.c && 1 === Object.keys(e).length + } + }, { + key: "getComponent", + value: function (e, t) { + return e.c[t] + } + }, { + key: "mergeDiff", + value: function (e) { + var t = e.c; + if (delete e.c, + this.rendered = this.recursiveMerge(this.rendered, e), + this.rendered.c = this.rendered.c || {}, + t) { + var n = this.rendered.c; + for (var i in t) { + var r = t[i] + , o = r + , a = o.s; + if ("number" == typeof a) { + for (; "number" == typeof a;) + a = (o = a > 0 ? t[a] : n[-a]).s; + o = X(o), + this.doRecursiveMerge(o, r), + o.s = a + } else + o = n[i] || {}, + o = this.recursiveMerge(o, r); + t[i] = o + } + for (var u in t) + n[u] = t[u]; + e.c = t + } + } + }, { + key: "recursiveMerge", + value: function (e, t) { + return void 0 !== t.s ? t : (this.doRecursiveMerge(e, t), + e) + } + }, { + key: "doRecursiveMerge", + value: function (e, t) { + for (var n in t) { + var i = t[n] + , r = e[n]; + Y(i) && void 0 === i.s && Y(r) ? this.doRecursiveMerge(r, i) : e[n] = i + } + } + }, { + key: "componentToString", + value: function (e) { + return this.recursiveCIDToString(this.rendered.c, e) + } + }, { + key: "pruneCIDs", + value: function (e) { + var t = this; + e.forEach(function (e) { + return delete t.rendered.c[e] + }) + } + }, { + key: "get", + value: function () { + return this.rendered + } + }, { + key: "isNewFingerprint", + value: function () { + return !!(arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}).s + } + }, { + key: "toOutputBuffer", + value: function (e, t) { + if (e.d) + return this.comprehensionToBuffer(e, t); + var n = e.s; + t.buffer += n[0]; + for (var i = 1; i < n.length; i++) + this.dynamicToBuffer(e[i - 1], t), + t.buffer += n[i] + } + }, { + key: "comprehensionToBuffer", + value: function (e, t) { + for (var n = e.d, i = e.s, r = 0; r < n.length; r++) { + var o = n[r]; + t.buffer += i[0]; + for (var a = 1; a < i.length; a++) + this.dynamicToBuffer(o[a - 1], t), + t.buffer += i[a] + } + } + }, { + key: "dynamicToBuffer", + value: function (e, t) { + "number" == typeof e ? t.buffer += this.recursiveCIDToString(t.components, e, t.onlyCids) : Y(e) ? this.toOutputBuffer(e, t) : t.buffer += e + } + }, { + key: "recursiveCIDToString", + value: function (e, t, n) { + var i = this + , r = e[t] || z("no component for CID ".concat(t), e) + , o = document.createElement("template"); + o.innerHTML = this.recursiveToString(r, e, n); + var a = o.content + , u = n && !n.has(t) + , s = x(Array.from(a.childNodes).reduce(function (e, n, r) { + var a = x(e, 2) + , s = a[0] + , c = a[1]; + return n.nodeType === Node.ELEMENT_NODE ? n.getAttribute(j) ? [s, !0] : (n.setAttribute(j, t), + n.id || (n.id = "".concat(i.parentViewId(), "-").concat(t, "-").concat(r)), + u && (n.setAttribute("data-phx-skip", ""), + n.innerHTML = ""), + [!0, c]) : "" !== n.nodeValue.trim() ? (z("only HTML element tags are allowed at the root of components.\n\n" + 'got: "'.concat(n.nodeValue.trim(), '"\n\n') + "within:\n", o.innerHTML.trim()), + n.replaceWith(i.createSpan(n.nodeValue, t)), + [!0, c]) : (n.remove(), + [s, c]) + }, [!1, !1]), 2) + , c = s[0] + , l = s[1]; + return c || l ? !c && l ? (z("expected at least one HTML element tag directly inside a component, but only subcomponents were found. A component must render at least one HTML tag directly inside itself.", o.innerHTML.trim()), + o.innerHTML) : o.innerHTML : (z("expected at least one HTML element tag inside a component, but the component is empty:\n", o.innerHTML.trim()), + this.createSpan("", t).outerHTML) + } + }, { + key: "createSpan", + value: function (e, t) { + var n = document.createElement("span"); + return n.innerText = e, + n.setAttribute(j, t), + n + } + }]), + e + }() + , se = function () { + function e(t, n) { + var i = this + , r = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}; + if (T(this, e), + this.unloaded = !1, + !n || "Object" === n.constructor.name) + throw new Error('\n a phoenix Socket must be provided as the second argument to the LiveSocket constructor. For example:\n\n import {Socket} from "phoenix"\n import {LiveSocket} from "phoenix_live_view"\n let liveSocket = new LiveSocket("/live", Socket, {...})\n '); + this.socket = new n(t, r), + this.bindingPrefix = r.bindingPrefix || W, + this.opts = r, + this.params = $(r.params || {}), + this.viewLogger = r.viewLogger, + this.metadataCallbacks = r.metadata || {}, + this.defaults = Object.assign(X(q), r.defaults || {}), + this.activeElement = null, + this.prevActive = null, + this.silenced = !1, + this.main = null, + this.linkRef = 0, + this.roots = {}, + this.href = window.location.href, + this.pendingLink = null, + this.currentLocation = X(window.location), + this.hooks = r.hooks || {}, + this.uploaders = r.uploaders || {}, + this.loaderTimeout = r.loaderTimeout || V, + this.boundTopLevelEvents = !1, + this.domCallbacks = Object.assign({ + onNodeAdded: $(), + onBeforeElUpdated: $() + }, r.dom || {}), + window.addEventListener("unload", function (e) { + i.unloaded = !0 + }), + this.socket.onOpen(function () { + i.isUnloaded() && window.location.reload() + }) + } + return D(e, [{ + key: "isProfileEnabled", + value: function () { + return "true" === sessionStorage.getItem("phx:live-socket:profiling") + } + }, { + key: "isDebugEnabled", + value: function () { + return "true" === sessionStorage.getItem("phx:live-socket:debug") + } + }, { + key: "enableDebug", + value: function () { + sessionStorage.setItem("phx:live-socket:debug", "true") + } + }, { + key: "enableProfiling", + value: function () { + sessionStorage.setItem("phx:live-socket:profiling", "true") + } + }, { + key: "disableDebug", + value: function () { + sessionStorage.removeItem("phx:live-socket:debug") + } + }, { + key: "disableProfiling", + value: function () { + sessionStorage.removeItem("phx:live-socket:profiling") + } + }, { + key: "enableLatencySim", + value: function (e) { + this.enableDebug(), + console.log("latency simulator enabled for the duration of this browser session. Call disableLatencySim() to disable"), + sessionStorage.setItem("phx:live-socket:latency-sim", e) + } + }, { + key: "disableLatencySim", + value: function () { + sessionStorage.removeItem("phx:live-socket:latency-sim") + } + }, { + key: "getLatencySim", + value: function () { + var e = sessionStorage.getItem("phx:live-socket:latency-sim"); + return e ? parseInt(e) : null + } + }, { + key: "getSocket", + value: function () { + return this.socket + } + }, { + key: "connect", + value: function () { + var e = this + , t = function () { + e.joinRootViews() && (e.bindTopLevelEvents(), + e.socket.connect()) + }; + ["complete", "loaded", "interactive"].indexOf(document.readyState) >= 0 ? t() : document.addEventListener("DOMContentLoaded", function () { + return t() + }) + } + }, { + key: "disconnect", + value: function (e) { + this.socket.disconnect(e) + } + }, { + key: "triggerDOM", + value: function (e, t) { + var n; + (n = this.domCallbacks)[e].apply(n, E(t)) + } + }, { + key: "time", + value: function (e, t) { + if (!this.isProfileEnabled() || !console.time) + return t(); + console.time(e); + var n = t(); + return console.timeEnd(e), + n + } + }, { + key: "log", + value: function (e, t, n) { + if (this.viewLogger) { + var i = x(n(), 2) + , r = i[0] + , o = i[1]; + this.viewLogger(e, t, r, o) + } else if (this.isDebugEnabled()) { + var a = x(n(), 2) + , u = a[0] + , s = a[1]; + K(e, t, u, s) + } + } + }, { + key: "onChannel", + value: function (e, t, n) { + var i = this; + e.on(t, function (e) { + var t = i.getLatencySim(); + t ? (console.log("simulating ".concat(t, "ms of latency from server to client")), + setTimeout(function () { + return n(e) + }, t)) : n(e) + }) + } + }, { + key: "wrapPush", + value: function (e, t, n) { + var i = this + , r = this.getLatencySim(); + if (!r) + return t.timeout ? n().receive("timeout", function () { + e.isDestroyed() || i.reloadWithJitter(e, function () { + i.log(e, "timeout", function () { + return ["received timeout while communicating with server. Falling back to hard refresh for recovery"] + }) + }) + }) : n(); + console.log("simulating ".concat(r, "ms of latency from client to server")); + var o = { + receives: [], + receive: function (e, t) { + this.receives.push([e, t]) + } + }; + return setTimeout(function () { + o.receives.reduce(function (e, t) { + var n = x(t, 2) + , i = n[0] + , r = n[1]; + return e.receive(i, r) + }, n()) + }, r), + o + } + }, { + key: "reloadWithJitter", + value: function (e, t) { + var n = this; + e.destroy(), + this.disconnect(); + var i = N[0] + , r = N[1] + , o = Math.floor(Math.random() * (r - i + 1)) + i + , a = ce.updateLocal(e.name(), "consecutive-reloads", 0, function (e) { + return e + 1 + }); + t ? t() : this.log(e, "join", function () { + return ["encountered ".concat(a, " consecutive reloads")] + }), + a > 10 && (this.log(e, "join", function () { + return ["exceeded ".concat(10, " consecutive reloads. Entering failsafe mode")] + }), + o = 3e4), + setTimeout(function () { + n.hasPendingLink() ? window.location = n.pendingLink : window.location.reload() + }, o) + } + }, { + key: "getHookCallbacks", + value: function (e) { + return e && e.startsWith("Phoenix.") ? te[e.split(".")[1]] : this.hooks[e] + } + }, { + key: "isUnloaded", + value: function () { + return this.unloaded + } + }, { + key: "isConnected", + value: function () { + return this.socket.isConnected() + } + }, { + key: "getBindingPrefix", + value: function () { + return this.bindingPrefix + } + }, { + key: "binding", + value: function (e) { + return "".concat(this.getBindingPrefix()).concat(e) + } + }, { + key: "channel", + value: function (e, t) { + return this.socket.channel(e, t) + } + }, { + key: "joinRootViews", + value: function () { + var e = this + , t = !1; + return le.all(document, "".concat(M, ":not([").concat("data-phx-parent-id", "])"), function (n) { + if (!e.getRootById(n.id)) { + var i = e.joinRootView(n, e.getHref()); + e.root = e.root || i, + n.getAttribute("data-phx-main") && (e.main = i) + } + t = !0 + }), + t + } + }, { + key: "redirect", + value: function (e, t) { + this.disconnect(), + ce.redirect(e, t) + } + }, { + key: "replaceMain", + value: function (e, t) { + var n = this + , i = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : null + , r = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : this.setPendingLink(e) + , o = this.main.el; + this.main.showLoader(this.loaderTimeout), + this.main.destroy(), + ce.fetchPage(e, function (a, u) { + if (200 !== a) + return n.redirect(e); + var s = document.createElement("template"); + s.innerHTML = u; + var c = s.content.childNodes[0]; + if (!c || !n.isPhxView(c)) + return n.redirect(e); + n.joinRootView(c, e, t, function (e, t) { + 1 === t && (n.commitPendingLink(r) ? (o.replaceWith(e.el), + n.main = e, + i && i()) : e.destroy()) + }) + }) + } + }, { + key: "isPhxView", + value: function (e) { + return e.getAttribute && null !== e.getAttribute(O) + } + }, { + key: "joinRootView", + value: function (e, t, n, i) { + var r = new fe(e, this, null, t, n); + return this.roots[r.id] = r, + r.join(i), + r + } + }, { + key: "owner", + value: function (e, t) { + var n = this + , i = Z(e.closest(M), function (e) { + return n.getViewByEl(e) + }); + i && t(i) + } + }, { + key: "withinOwners", + value: function (e, t) { + var n = this; + this.owner(e, function (i) { + var r = e.getAttribute(n.binding("target")); + null === r ? t(i, e) : i.withinTargets(r, t) + }) + } + }, { + key: "getViewByEl", + value: function (e) { + var t = e.getAttribute("data-phx-root-id"); + return Z(this.getRootById(t), function (t) { + return t.getDescendentByEl(e) + }) + } + }, { + key: "getRootById", + value: function (e) { + return this.roots[e] + } + }, { + key: "destroyAllViews", + value: function () { + for (var e in this.roots) + this.roots[e].destroy(), + delete this.roots[e] + } + }, { + key: "destroyViewByEl", + value: function (e) { + var t = this.getRootById(e.getAttribute("data-phx-root-id")); + t && t.destroyDescendent(e.id) + } + }, { + key: "setActiveElement", + value: function (e) { + var t = this; + if (this.activeElement !== e) { + this.activeElement = e; + var n = function () { + e === t.activeElement && (t.activeElement = null), + e.removeEventListener("mouseup", t), + e.removeEventListener("touchend", t) + }; + e.addEventListener("mouseup", n), + e.addEventListener("touchend", n) + } + } + }, { + key: "getActiveElement", + value: function () { + return document.activeElement === document.body ? this.activeElement || document.activeElement : document.activeElement || document.body + } + }, { + key: "dropActiveElement", + value: function (e) { + this.prevActive && e.ownsElement(this.prevActive) && (this.prevActive = null) + } + }, { + key: "restorePreviouslyActiveFocus", + value: function () { + this.prevActive && this.prevActive !== document.body && this.prevActive.focus() + } + }, { + key: "blurActiveElement", + value: function () { + this.prevActive = this.getActiveElement(), + this.prevActive !== document.body && this.prevActive.blur() + } + }, { + key: "bindTopLevelEvents", + value: function () { + var e = this; + this.boundTopLevelEvents || (this.boundTopLevelEvents = !0, + window.addEventListener("pageshow", function (t) { + t.persisted && (e.withPageLoading({ + to: window.location.href, + kind: "redirect" + }), + window.location.reload()) + }), + this.bindClicks(), + this.bindNav(), + this.bindForms(), + this.bind({ + keyup: "keyup", + keydown: "keydown" + }, function (t, n, i, r, o, a, u) { + var s = r.getAttribute(e.binding("key")) + , c = t.key && t.key.toLowerCase(); + s && s.toLowerCase() !== c || i.pushKey(r, o, n, a, function (e) { + for (var t = 1; t < arguments.length; t++) { + var n = null != arguments[t] ? arguments[t] : {}; + t % 2 ? w(Object(n), !0).forEach(function (t) { + A(e, t, n[t]) + }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(n)) : w(Object(n)).forEach(function (t) { + Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(n, t)) + }) + } + return e + }({ + key: t.key + }, e.eventMeta(n, t, r))) + }), + this.bind({ + blur: "focusout", + focus: "focusin" + }, function (t, n, i, r, o, a, u) { + u || i.pushEvent(n, r, o, a, e.eventMeta(n, t, r)) + }), + this.bind({ + blur: "blur", + focus: "focus" + }, function (t, n, i, r, o, a, u) { + u && "window" !== !u && i.pushEvent(n, r, o, a, e.eventMeta(n, t, r)) + }), + window.addEventListener("dragover", function (e) { + return e.preventDefault() + }), + window.addEventListener("drop", function (t) { + t.preventDefault(); + var n = Z(G(t.target, e.binding("drop-target")), function (t) { + return t.getAttribute(e.binding("drop-target")) + }) + , i = n && document.getElementById(n) + , r = Array.from(t.dataTransfer.files || []); + i && !i.disabled && 0 !== r.length && i.files instanceof FileList && (ie.trackFiles(i, r), + i.dispatchEvent(new Event("input", { + bubbles: !0 + }))) + })) + } + }, { + key: "eventMeta", + value: function (e, t, n) { + var i = this.metadataCallbacks[e]; + return i ? i(t, n) : {} + } + }, { + key: "setPendingLink", + value: function (e) { + return this.linkRef++, + this.pendingLink = e, + this.linkRef + } + }, { + key: "commitPendingLink", + value: function (e) { + return this.linkRef === e && (this.href = this.pendingLink, + this.pendingLink = null, + !0) + } + }, { + key: "getHref", + value: function () { + return this.href + } + }, { + key: "hasPendingLink", + value: function () { + return !!this.pendingLink + } + }, { + key: "bind", + value: function (e, t) { + var n = this + , i = function (i) { + var r = e[i]; + n.on(r, function (e) { + var r = n.binding(i) + , o = n.binding("window-".concat(i)) + , a = e.target.getAttribute && e.target.getAttribute(r); + a ? n.debounce(e.target, e, function () { + n.withinOwners(e.target, function (n, r) { + t(e, i, n, e.target, r, a, null) + }) + }) : le.all(document, "[".concat(o, "]"), function (r) { + var a = r.getAttribute(o); + n.debounce(r, e, function () { + n.withinOwners(r, function (n, o) { + t(e, i, n, r, o, a, "window") + }) + }) + }) + }) + }; + for (var r in e) + i(r) + } + }, { + key: "bindClicks", + value: function () { + var e = this; + [!0, !1].forEach(function (t) { + var n = t ? e.binding("capture-click") : e.binding("click"); + window.addEventListener("click", function (i) { + var r = null + , o = (r = t ? i.target.matches("[".concat(n, "]")) ? i.target : i.target.querySelector("[".concat(n, "]")) : G(i.target, n)) && r.getAttribute(n); + o && ("#" === r.getAttribute("href") && i.preventDefault(), + e.debounce(r, i, function () { + e.withinOwners(r, function (t, n) { + t.pushEvent("click", r, n, o, e.eventMeta("click", i, r)) + }) + })) + }, t) + }) + } + }, { + key: "bindNav", + value: function () { + var e = this; + if (ce.canPushState()) { + history.scrollRestoration && (history.scrollRestoration = "manual"); + var t = null; + window.addEventListener("scroll", function (e) { + clearTimeout(t), + t = setTimeout(function () { + ce.updateCurrentState(function (e) { + return Object.assign(e, { + scroll: window.scrollY + }) + }) + }, 100) + }), + window.addEventListener("popstate", function (t) { + if (e.registerNewLocation(window.location)) { + var n = t.state || {} + , i = n.type + , r = n.id + , o = n.root + , a = n.scroll + , u = window.location.href; + e.main.isConnected() && "patch" === i && r === e.main.id ? e.main.pushLinkPatch(u, null) : e.replaceMain(u, null, function () { + o && e.replaceRootHistory(), + "number" == typeof a && setTimeout(function () { + window.scrollTo(0, a) + }, 0) + }) + } + }, !1), + window.addEventListener("click", function (t) { + var n = G(t.target, "data-phx-link") + , i = n && n.getAttribute("data-phx-link") + , r = t.metaKey || t.ctrlKey || 1 === t.button; + if (i && e.isConnected() && e.main && !r) { + var o = n.href + , a = n.getAttribute("data-phx-link-state"); + if (t.preventDefault(), + e.pendingLink !== o) + if ("patch" === i) + e.pushHistoryPatch(o, a, n); + else { + if ("redirect" !== i) + throw new Error("expected ".concat("data-phx-link", ' to be "patch" or "redirect", got: ').concat(i)); + e.historyRedirect(o, a) + } + } + }, !1) + } + } + }, { + key: "withPageLoading", + value: function (e, t) { + le.dispatchEvent(window, "phx:page-loading-start", e); + var n = function () { + return le.dispatchEvent(window, "phx:page-loading-stop", e) + }; + return t ? t(n) : n + } + }, { + key: "pushHistoryPatch", + value: function (e, t, n) { + var i = this; + this.withPageLoading({ + to: e, + kind: "patch" + }, function (r) { + i.main.pushLinkPatch(e, n, function () { + i.historyPatch(e, t), + r() + }) + }) + } + }, { + key: "historyPatch", + value: function (e, t) { + ce.pushState(t, { + type: "patch", + id: this.main.id + }, e), + this.registerNewLocation(window.location) + } + }, { + key: "historyRedirect", + value: function (e, t, n) { + var i = this + , r = window.scrollY; + this.withPageLoading({ + to: e, + kind: "redirect" + }, function (o) { + i.replaceMain(e, n, function () { + ce.pushState(t, { + type: "redirect", + id: i.main.id, + scroll: r + }, e), + i.registerNewLocation(window.location), + o() + }) + }) + } + }, { + key: "replaceRootHistory", + value: function () { + ce.pushState("replace", { + root: !0, + type: "patch", + id: this.main.id + }) + } + }, { + key: "registerNewLocation", + value: function (e) { + var t = this.currentLocation; + return t.pathname + t.search !== e.pathname + e.search && (this.currentLocation = X(e), + !0) + } + }, { + key: "bindForms", + value: function () { + var e = this + , t = 0; + this.on("submit", function (t) { + var n = t.target.getAttribute(e.binding("submit")); + n && (t.preventDefault(), + t.target.disabled = !0, + e.withinOwners(t.target, function (e, i) { + return e.submitForm(t.target, i, n) + })) + }, !1); + for (var n = function () { + var n = r[i]; + e.on(n, function (i) { + var r = i.target + , o = r.form && r.form.getAttribute(e.binding("change")); + if (o && ("number" !== r.type || !r.validity || !r.validity.badInput)) { + var a = t; + t++; + var u = le.private(r, "prev-iteration") || {} + , s = u.at + , c = u.type; + s === a - 1 && n !== c || (le.putPrivate(r, "prev-iteration", { + at: a, + type: n + }), + e.debounce(r, i, function () { + e.withinOwners(r.form, function (t, n) { + le.putPrivate(r, "phx-has-focused", !0), + le.isTextualInput(r) || e.setActiveElement(r), + t.pushInput(r, n, o, i.target) + }) + })) + } + }, !1) + }, i = 0, r = ["change", "input"]; i < r.length; i++) + n() + } + }, { + key: "debounce", + value: function (e, t, n) { + var i = this.binding("debounce") + , r = this.binding("throttle") + , o = this.defaults.debounce.toString() + , a = this.defaults.throttle.toString(); + le.debounce(e, t, i, o, r, a, n) + } + }, { + key: "silenceEvents", + value: function (e) { + this.silenced = !0, + e(), + this.silenced = !1 + } + }, { + key: "on", + value: function (e, t) { + var n = this; + window.addEventListener(e, function (e) { + n.silenced || t(e) + }) + } + }]), + e + }() + , ce = { + canPushState: function () { + return void 0 !== history.pushState + }, + dropLocal: function (e, t) { + return window.localStorage.removeItem(this.localKey(e, t)) + }, + updateLocal: function (e, t, n, i) { + var r = this.getLocal(e, t) + , o = this.localKey(e, t) + , a = null === r ? n : i(r); + return window.localStorage.setItem(o, JSON.stringify(a)), + a + }, + getLocal: function (e, t) { + return JSON.parse(window.localStorage.getItem(this.localKey(e, t))) + }, + fetchPage: function (e, t) { + var n = new XMLHttpRequest; + n.open("GET", e, !0), + n.timeout = 3e4, + n.setRequestHeader("content-type", "text/html"), + n.setRequestHeader("cache-control", "max-age=0, no-cache, no-store, must-revalidate, post-check=0, pre-check=0"), + n.setRequestHeader("x-requested-with", "live-link"), + n.onerror = function () { + return t(400) + } + , + n.ontimeout = function () { + return t(504) + } + , + n.onreadystatechange = function () { + if (4 === n.readyState) { + var i = new URL(e) + , r = i.pathname + i.search + , o = Z(n.getResponseHeader("x-response-url") || n.responseURL, function (e) { + return new URL(e) + }) + , a = o ? o.pathname + o.search : null; + return "live-link" !== n.getResponseHeader("x-requested-with") ? t(400) : null === o || a != r ? t(302) : 200 !== n.status ? t(n.status) : void t(200, n.responseText) + } + } + , + n.send() + }, + updateCurrentState: function (e) { + this.canPushState() && history.replaceState(e(history.state || {}), "", window.location.href) + }, + pushState: function (e, t, n) { + if (this.canPushState()) { + if (n !== window.location.href) { + if ("redirect" == t.type && t.scroll) { + var i = history.state || {}; + i.scroll = t.scroll, + history.replaceState(i, "", window.location.href) + } + delete t.scroll, + history[e + "State"](t, "", n || null); + var r = this.getHashTargetEl(window.location.hash); + r ? r.scrollIntoView() : "redirect" === t.type && window.scroll(0, 0) + } + } else + this.redirect(n) + }, + setCookie: function (e, t) { + document.cookie = "".concat(e, "=").concat(t) + }, + getCookie: function (e) { + return document.cookie.replace(new RegExp("(?:(?:^|.*;s*)".concat(e, "s*=s*([^;]*).*$)|^.*$")), "$1") + }, + redirect: function (e, t) { + t && ce.setCookie("__phoenix_flash__", t + "; max-age=60000; path=/"), + window.location = e + }, + localKey: function (e, t) { + return "".concat(e, "-").concat(t) + }, + getHashTargetEl: function (e) { + var t = e.toString().substring(1); + if ("" !== t) + return document.getElementById(t) || document.querySelector('a[name="'.concat(t, '"]')) + } + } + , le = { + byId: function (e) { + return document.getElementById(e) || z("no id found for ".concat(e)) + }, + removeClass: function (e, t) { + e.classList.remove(t), + 0 === e.classList.length && e.removeAttribute("class") + }, + all: function (e, t, n) { + var i = Array.from(e.querySelectorAll(t)); + return n ? i.forEach(n) : i + }, + findComponentNodeList: function (e, t) { + return this.filterWithinSameLiveView(this.all(e, "[".concat(j, '="').concat(t, '"]')), e) + }, + findPhxChildrenInFragment: function (e, t) { + var n = document.createElement("template"); + return n.innerHTML = e, + this.findPhxChildren(n.content, t) + }, + isIgnored: function (e, t) { + return "ignore" === (e.getAttribute(t) || e.getAttribute("data-phx-update")) + }, + isPhxUpdate: function (e, t, n) { + return e.getAttribute && n.indexOf(e.getAttribute(t)) >= 0 + }, + findPhxChildren: function (e, t) { + return this.all(e, "".concat(M, "[").concat("data-phx-parent-id", '="').concat(t, '"]')) + }, + findParentCIDs: function (e, t) { + var n = this + , i = new Set(t); + return t.reduce(function (t, i) { + var r = "[".concat(j, '="').concat(i, '"] [').concat(j, "]"); + return n.filterWithinSameLiveView(n.all(e, r), e).map(function (e) { + return parseInt(e.getAttribute(j)) + }).forEach(function (e) { + return t.delete(e) + }), + t + }, i) + }, + filterWithinSameLiveView: function (e, t) { + var n = this; + return t.querySelector(M) ? e.filter(function (e) { + return n.withinSameLiveView(e, t) + }) : e + }, + withinSameLiveView: function (e, t) { + for (; e = e.parentNode;) { + if (e.isSameNode(t)) + return !0; + if (e.getAttribute(O)) + return !1 + } + }, + private: function (e, t) { + return e.phxPrivate && e.phxPrivate[t] + }, + deletePrivate: function (e, t) { + e.phxPrivate && delete e.phxPrivate[t] + }, + putPrivate: function (e, t, n) { + e.phxPrivate || (e.phxPrivate = {}), + e.phxPrivate[t] = n + }, + copyPrivates: function (e, t) { + t.phxPrivate && (e.phxPrivate = X(t.phxPrivate)) + }, + putTitle: function (e) { + var t = document.querySelector("title").dataset + , n = t.prefix + , i = t.suffix; + document.title = "".concat(n || "").concat(e).concat(i || "") + }, + debounce: function (e, t, n, i, r, o, a) { + var u = this + , s = e.getAttribute(n) + , c = e.getAttribute(r); + "" === s && (s = i), + "" === c && (c = o); + var l = s || c; + switch (l) { + case null: + return a(); + case "blur": + return void (this.once(e, "debounce-blur") && e.addEventListener("blur", function () { + return a() + })); + default: + var d = parseInt(l) + , h = this.incCycle(e, "debounce-trigger", function () { + return c ? u.deletePrivate(e, "throttled") : a() + }); + if (isNaN(d)) + return z("invalid throttle/debounce value: ".concat(l)); + if (c) { + var f = !1; + if ("keydown" === t.type) { + var v = this.private(e, "debounce-prev-key"); + this.putPrivate(e, "debounce-prev-key", t.key), + f = v !== t.key + } + if (!f && this.private(e, "throttled")) + return !1; + a(), + this.putPrivate(e, "throttled", !0), + setTimeout(function () { + return u.triggerCycle(e, "debounce-trigger") + }, d) + } else + setTimeout(function () { + return u.triggerCycle(e, "debounce-trigger", h) + }, d); + e.form && this.once(e.form, "bind-debounce") && e.form.addEventListener("submit", function (t) { + Array.from(new FormData(e.form).entries(), function (t) { + var n = x(t, 2) + , i = n[0] + , r = (n[1], + e.form.querySelector('[name="'.concat(i, '"]'))); + u.incCycle(r, "debounce-trigger"), + u.deletePrivate(r, "throttled") + }) + }), + this.once(e, "bind-debounce") && e.addEventListener("blur", function (t) { + return u.triggerCycle(e, "debounce-trigger") + }) + } + }, + triggerCycle: function (e, t, n) { + var i = x(this.private(e, t), 2) + , r = i[0] + , o = i[1]; + n || (n = r), + n === r && (this.incCycle(e, t), + o()) + }, + once: function (e, t) { + return !0 !== this.private(e, t) && (this.putPrivate(e, t, !0), + !0) + }, + incCycle: function (e, t) { + var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : function () { } + , i = x(this.private(e, t) || [0, n], 2) + , r = i[0]; + i[1]; + return r++, + this.putPrivate(e, t, [r, n]), + r + }, + discardError: function (e, t, n) { + var i = t.getAttribute && t.getAttribute(n) + , r = i && e.querySelector("#".concat(i)); + r && (this.private(r, "phx-has-focused") || this.private(r.form, "phx-has-submitted") || t.classList.add("phx-no-feedback")) + }, + isPhxChild: function (e) { + return e.getAttribute && e.getAttribute("data-phx-parent-id") + }, + dispatchEvent: function (e, t) { + var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {} + , i = new CustomEvent(t, { + bubbles: !0, + cancelable: !0, + detail: n + }); + e.dispatchEvent(i) + }, + cloneNode: function (e, t) { + if (void 0 === t) + return e.cloneNode(!0); + var n = e.cloneNode(!1); + return n.innerHTML = t, + n + }, + mergeAttrs: function (e, t) { + for (var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {}, i = n.exclude || [], r = n.isIgnored, o = t.attributes, a = o.length - 1; a >= 0; a--) { + var u = o[a].name; + i.indexOf(u) < 0 && e.setAttribute(u, t.getAttribute(u)) + } + for (var s = e.attributes, c = s.length - 1; c >= 0; c--) { + var l = s[c].name; + r ? l.startsWith("data-") && !t.hasAttribute(l) && e.removeAttribute(l) : t.hasAttribute(l) || e.removeAttribute(l) + } + }, + mergeFocusedInput: function (e, t) { + e instanceof HTMLSelectElement || le.mergeAttrs(e, t, { + except: ["value"] + }), + t.readOnly ? e.setAttribute("readonly", !0) : e.removeAttribute("readonly") + }, + hasSelectionRange: function (e) { + return e.setSelectionRange && ("text" === e.type || "textarea" === e.type) + }, + restoreFocus: function (e, t, n) { + if (le.isTextualInput(e)) { + var i = e.matches(":focus"); + e.readOnly && e.blur(), + i || e.focus(), + this.hasSelectionRange(e) && e.setSelectionRange(t, n) + } + }, + isFormInput: function (e) { + return /^(?:input|select|textarea)$/i.test(e.tagName) && "button" !== e.type + }, + syncAttrsToProps: function (e) { + e instanceof HTMLInputElement && U.indexOf(e.type.toLocaleLowerCase()) >= 0 && (e.checked = null !== e.getAttribute("checked")) + }, + isTextualInput: function (e) { + return B.indexOf(e.type) >= 0 + }, + isNowTriggerFormExternal: function (e, t) { + return e.getAttribute && null !== e.getAttribute(t) + }, + syncPendingRef: function (e, t, n) { + var i = e.getAttribute(F); + return null === i || (le.isFormInput(e) || null !== e.getAttribute(n) ? ("file" === e.type && le.mergeAttrs(e, t, { + isIgnored: !0 + }), + le.putPrivate(e, F, t), + !1) : (H.forEach(function (n) { + e.classList.contains(n) && t.classList.add(n) + }), + t.setAttribute(F, i), + !0)) + }, + cleanChildNodes: function (e, t) { + if (le.isPhxUpdate(e, t, ["append", "prepend"])) { + var n = []; + e.childNodes.forEach(function (e) { + e.id || (e.nodeType === Node.TEXT_NODE && "" === e.nodeValue.trim() || z("only HTML element tags with an id are allowed inside containers with phx-update.\n\n" + 'removing illegal node: "'.concat((e.outerHTML || e.nodeValue).trim(), '"\n\n')), + n.push(e)) + }), + n.forEach(function (e) { + return e.remove() + }) + } + } + } + , de = function () { + function e(t, n, i) { + T(this, e); + var r = new Set + , o = new Set(E(n.children).map(function (e) { + return e.id + })) + , a = []; + Array.from(t.children).forEach(function (e) { + if (e.id && (r.add(e.id), + o.has(e.id))) { + var t = e.previousElementSibling && e.previousElementSibling.id; + a.push({ + elementId: e.id, + previousElementId: t + }) + } + }), + this.containerId = n.id, + this.updateType = i, + this.elementsToModify = a, + this.elementIdsToAdd = E(o).filter(function (e) { + return !r.has(e) + }) + } + return D(e, [{ + key: "perform", + value: function () { + var e = le.byId(this.containerId); + this.elementsToModify.forEach(function (t) { + t.previousElementId ? Z(document.getElementById(t.previousElementId), function (e) { + Z(document.getElementById(t.elementId), function (t) { + t.previousElementSibling && t.previousElementSibling.id == e.id || e.insertAdjacentElement("afterend", t) + }) + }) : Z(document.getElementById(t.elementId), function (t) { + null == t.previousElementSibling || e.insertAdjacentElement("afterbegin", t) + }) + }), + "prepend" == this.updateType && this.elementIdsToAdd.reverse().forEach(function (t) { + Z(document.getElementById(t), function (t) { + return e.insertAdjacentElement("afterbegin", t) + }) + }) + } + }]), + e + }() + , he = function () { + function e(t, n, i, r, o) { + T(this, e), + this.view = t, + this.liveSocket = t.liveSocket, + this.container = n, + this.id = i, + this.rootID = t.root.id, + this.html = r, + this.targetCID = o, + this.cidPatch = "number" == typeof this.targetCID, + this.callbacks = { + beforeadded: [], + beforeupdated: [], + beforediscarded: [], + beforephxChildAdded: [], + afteradded: [], + afterupdated: [], + afterdiscarded: [], + afterphxChildAdded: [] + } + } + return D(e, null, [{ + key: "patchEl", + value: function (e, t, n) { + b(e, t, { + childrenOnly: !1, + onBeforeElUpdated: function (e, t) { + if (n && n.isSameNode(e) && le.isFormInput(e)) + return le.mergeFocusedInput(e, t), + !1 + } + }) + } + }]), + D(e, [{ + key: "before", + value: function (e, t) { + this.callbacks["before".concat(e)].push(t) + } + }, { + key: "after", + value: function (e, t) { + this.callbacks["after".concat(e)].push(t) + } + }, { + key: "trackBefore", + value: function (e) { + for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++) + n[i - 1] = arguments[i]; + this.callbacks["before".concat(e)].forEach(function (e) { + return e.apply(void 0, n) + }) + } + }, { + key: "trackAfter", + value: function (e) { + for (var t = arguments.length, n = new Array(t > 1 ? t - 1 : 0), i = 1; i < t; i++) + n[i - 1] = arguments[i]; + this.callbacks["after".concat(e)].forEach(function (e) { + return e.apply(void 0, n) + }) + } + }, { + key: "markPrunableContentForRemoval", + value: function () { + le.all(this.container, "[phx-update=append] > *, [phx-update=prepend] > *", function (e) { + e.setAttribute("data-phx-remove", "") + }) + } + }, { + key: "perform", + value: function () { + var e = this + , t = this.view + , n = this.liveSocket + , i = this.container + , r = this.html + , o = this.isCIDPatch() ? this.targetCIDContainer() : i; + if (!this.isCIDPatch() || o) { + var a = n.getActiveElement() + , u = a && le.hasSelectionRange(a) ? a : {} + , s = u.selectionStart + , c = u.selectionEnd + , l = n.binding("update") + , d = n.binding("feedback-for") + , h = n.binding("disable-with") + , f = n.binding("trigger-action") + , v = [] + , p = [] + , g = [] + , m = null + , y = n.time("premorph container prep", function () { + return e.buildDiffHTML(i, r, l, o) + }); + return this.trackBefore("added", i), + this.trackBefore("updated", i, i), + n.time("morphdom", function () { + b(o, y, { + childrenOnly: null === o.getAttribute(j), + onBeforeNodeAdded: function (t) { + return le.discardError(o, t, d), + e.trackBefore("added", t), + t + }, + onNodeAdded: function (n) { + le.isNowTriggerFormExternal(n, f) && (m = n), + le.isPhxChild(n) && t.ownsElement(n) && e.trackAfter("phxChildAdded", n), + v.push(n) + }, + onNodeDiscarded: function (t) { + le.isPhxChild(t) && n.destroyViewByEl(t), + e.trackAfter("discarded", t) + }, + onBeforeNodeDiscarded: function (t) { + return !(!t.getAttribute || null === t.getAttribute("data-phx-remove")) || (null === t.parentNode || !le.isPhxUpdate(t.parentNode, l, ["append", "prepend"]) || !t.id) && (!e.skipCIDSibling(t) && (e.trackBefore("discarded", t), + !0)) + }, + onElUpdated: function (e) { + le.isNowTriggerFormExternal(e, f) && (m = e), + p.push(e) + }, + onBeforeElUpdated: function (t, n) { + if (le.cleanChildNodes(n, l), + e.skipCIDSibling(n)) + return !1; + if (le.isIgnored(t, l)) + return e.trackBefore("updated", t, n), + le.mergeAttrs(t, n, { + isIgnored: !0 + }), + p.push(t), + !1; + if ("number" === t.type && t.validity && t.validity.badInput) + return !1; + if (!le.syncPendingRef(t, n, h)) + return "file" === t.type && (e.trackBefore("updated", t, n), + p.push(t)), + !1; + if (le.isPhxChild(n)) { + var i = t.getAttribute(J); + return le.mergeAttrs(t, n), + t.setAttribute(J, i), + t.setAttribute("data-phx-root-id", e.rootID), + !1 + } + return le.copyPrivates(n, t), + le.discardError(o, n, d), + a && t.isSameNode(a) && le.isFormInput(t) && !e.forceFocusedSelectUpdate(t, n) ? (e.trackBefore("updated", t, n), + le.mergeFocusedInput(t, n), + le.syncAttrsToProps(t), + p.push(t), + !1) : (le.isPhxUpdate(n, l, ["append", "prepend"]) && g.push(new de(t, n, n.getAttribute(l))), + le.syncAttrsToProps(n), + e.trackBefore("updated", t, n), + !0) + } + }) + }), + n.isDebugEnabled() && function () { + for (var e = new Set, t = document.querySelectorAll("*[id]"), n = 0, i = t.length; n < i; n++) + e.has(t[n].id) ? console.error("Multiple IDs detected: ".concat(t[n].id, ". Ensure unique element ids.")) : e.add(t[n].id) + }(), + g.length > 0 && n.time("post-morph append/prepend restoration", function () { + g.forEach(function (e) { + return e.perform() + }) + }), + n.silenceEvents(function () { + return le.restoreFocus(a, s, c) + }), + le.dispatchEvent(document, "phx:update"), + v.forEach(function (t) { + return e.trackAfter("added", t) + }), + p.forEach(function (t) { + return e.trackAfter("updated", t) + }), + m && (n.disconnect(), + m.submit()), + !0 + } + } + }, { + key: "forceFocusedSelectUpdate", + value: function (e, t) { + return !0 === e.multiple || e.innerHTML != t.innerHTML + } + }, { + key: "isCIDPatch", + value: function () { + return this.cidPatch + } + }, { + key: "skipCIDSibling", + value: function (e) { + return e.nodeType === Node.ELEMENT_NODE && null !== e.getAttribute("data-phx-skip") + } + }, { + key: "targetCIDContainer", + value: function () { + if (this.isCIDPatch()) { + var e = k(le.findComponentNodeList(this.container, this.targetCID)) + , t = e[0]; + return 0 === e.slice(1).length ? t : t && t.parentNode + } + } + }, { + key: "buildDiffHTML", + value: function (e, t, n, i) { + var r = this + , o = this.isCIDPatch() + , a = o && i.getAttribute(j) === this.targetCID.toString(); + if (!o || a) + return t; + var u = null + , s = document.createElement("template"); + u = le.cloneNode(i); + var c = k(le.findComponentNodeList(u, this.targetCID)) + , l = c[0] + , d = c.slice(1); + return s.innerHTML = t, + d.forEach(function (e) { + return e.remove() + }), + Array.from(u.childNodes).forEach(function (e) { + e.id && e.nodeType === Node.ELEMENT_NODE && e.getAttribute(j) !== r.targetCID.toString() && (e.setAttribute("data-phx-skip", ""), + e.innerHTML = "") + }), + Array.from(s.content.childNodes).forEach(function (e) { + return u.insertBefore(e, l) + }), + l.remove(), + u.outerHTML + } + }]), + e + }() + , fe = function () { + function e(t, n, i, r, o) { + var a = this; + T(this, e), + this.liveSocket = n, + this.flash = o, + this.parent = i, + this.root = i ? i.root : this, + this.el = t, + this.id = this.el.id, + this.view = this.el.getAttribute(O), + this.ref = 0, + this.childJoins = 0, + this.loaderTimer = null, + this.pendingDiffs = [], + this.pruningCIDs = [], + this.href = r, + this.joinCount = this.parent ? this.parent.joinCount - 1 : 0, + this.joinPending = !0, + this.destroyed = !1, + this.joinCallback = function () { } + , + this.stopCallback = function () { } + , + this.pendingJoinOps = this.parent ? null : [], + this.viewHooks = {}, + this.uploaders = {}, + this.formSubmits = [], + this.children = this.parent ? null : {}, + this.root.children[this.id] = {}, + this.channel = this.liveSocket.channel("lv:".concat(this.id), function () { + return { + url: a.href, + params: a.connectParams(), + session: a.getSession(), + static: a.getStatic(), + flash: a.flash + } + }), + this.showLoader(this.liveSocket.loaderTimeout), + this.bindChannel() + } + return D(e, [{ + key: "isMain", + value: function () { + return this.liveSocket.main === this + } + }, { + key: "connectParams", + value: function () { + var e = this.liveSocket.params(this.view) + , t = le.all(document, "[".concat(this.binding("track-static"), "]")).map(function (e) { + return e.src || e.href + }).filter(function (e) { + return "string" == typeof e + }); + return t.length > 0 && (e._track_static = t), + e._mounts = this.joinCount, + e + } + }, { + key: "name", + value: function () { + return this.view + } + }, { + key: "isConnected", + value: function () { + return this.channel.canPush() + } + }, { + key: "getSession", + value: function () { + return this.el.getAttribute("data-phx-session") + } + }, { + key: "getStatic", + value: function () { + var e = this.el.getAttribute(J); + return "" === e ? null : e + } + }, { + key: "destroy", + value: function () { + var e = this + , t = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : function () { } + ; + this.destroyAllChildren(), + this.destroyed = !0, + delete this.root.children[this.id], + this.parent && delete this.root.children[this.parent.id][this.id], + clearTimeout(this.loaderTimer); + var n = function () { + for (var n in t(), + e.viewHooks) + e.viewHooks[n].__trigger__("beforeDestroy"), + e.destroyHook(e.viewHooks[n]) + }; + this.log("destroyed", function () { + return ["the child has been removed from the parent"] + }), + this.channel.leave().receive("ok", n).receive("error", n).receive("timeout", n) + } + }, { + key: "setContainerClasses", + value: function () { + var e; + this.el.classList.remove("phx-connected", "phx-disconnected", "phx-error"), + (e = this.el.classList).add.apply(e, arguments) + } + }, { + key: "isLoading", + value: function () { + return this.el.classList.contains("phx-disconnected") + } + }, { + key: "showLoader", + value: function (e) { + var t = this; + if (clearTimeout(this.loaderTimer), + e) + this.loaderTimer = setTimeout(function () { + return t.showLoader() + }, e); + else { + for (var n in this.viewHooks) + this.viewHooks[n].__trigger__("disconnected"); + this.setContainerClasses("phx-disconnected") + } + } + }, { + key: "hideLoader", + value: function () { + clearTimeout(this.loaderTimer), + this.setContainerClasses("phx-connected") + } + }, { + key: "triggerReconnected", + value: function () { + for (var e in this.viewHooks) + this.viewHooks[e].__trigger__("reconnected") + } + }, { + key: "log", + value: function (e, t) { + this.liveSocket.log(this, e, t) + } + }, { + key: "withinTargets", + value: function (e, t) { + var n = this; + if (/^(0|[1-9]\d*)$/.test(e)) { + var i = le.findComponentNodeList(this.el, e); + 0 === i.length ? z("no component found matching phx-target of ".concat(e)) : t(this, i[0]) + } else { + var r = Array.from(document.querySelectorAll(e)); + 0 === r.length && z('nothing found matching the phx-target selector "'.concat(e, '"')), + r.forEach(function (e) { + return n.liveSocket.owner(e, function (n) { + return t(n, e) + }) + }) + } + } + }, { + key: "applyDiff", + value: function (e, t, n) { + this.log(e, function () { + return ["", X(t)] + }); + var i = ue.extract(t) + , r = i.diff + , o = i.reply + , a = i.events + , u = i.title; + return u && le.putTitle(u), + n({ + diff: r, + reply: o, + events: a + }), + o + } + }, { + key: "onJoin", + value: function (e) { + var t = this + , n = e.rendered; + this.childJoins = 0, + this.joinPending = !0, + this.flash = null, + ce.dropLocal(this.name(), "consecutive-reloads"), + this.applyDiff("mount", n, function (n) { + var i = n.diff + , r = n.events; + t.rendered = new ue(t.id, i); + var o = t.renderContainer(null, "join"); + t.dropPendingRefs(); + var a = t.formsForRecovery(o); + t.joinCount++, + a.length > 0 ? a.forEach(function (e, n) { + t.pushFormRecovery(e, function (e) { + n === a.length - 1 && t.onJoinComplete(e, o, r) + }) + }) : t.onJoinComplete(e, o, r) + }) + } + }, { + key: "dropPendingRefs", + value: function () { + le.all(this.el, "[".concat(F, "]"), function (e) { + return e.removeAttribute(F) + }) + } + }, { + key: "onJoinComplete", + value: function (e, t, n) { + var i = this + , r = e.live_patch; + if (this.joinCount > 1 || this.parent && !this.parent.isJoinPending()) + return this.applyJoinPatch(r, t, n); + 0 === le.findPhxChildrenInFragment(t, this.id).filter(function (e) { + var t = e.id && i.el.querySelector("#".concat(e.id)) + , n = t && t.getAttribute(J); + return n && e.setAttribute(J, n), + i.joinChild(e) + }).length ? this.parent ? (this.root.pendingJoinOps.push([this, function () { + return i.applyJoinPatch(r, t, n) + } + ]), + this.parent.ackJoin(this)) : (this.onAllChildJoinsComplete(), + this.applyJoinPatch(r, t, n)) : this.root.pendingJoinOps.push([this, function () { + return i.applyJoinPatch(r, t, n) + } + ]) + } + }, { + key: "attachTrueDocEl", + value: function () { + this.el = le.byId(this.id), + this.el.setAttribute("data-phx-root-id", this.root.id) + } + }, { + key: "dispatchEvents", + value: function (e) { + e.forEach(function (e) { + var t = x(e, 2) + , n = t[0] + , i = t[1]; + window.dispatchEvent(new CustomEvent("phx:hook:".concat(n), { + detail: i + })) + }) + } + }, { + key: "applyJoinPatch", + value: function (e, t, n) { + var i = this; + this.attachTrueDocEl(); + var r = new he(this, this.el, this.id, t, null); + if (r.markPrunableContentForRemoval(), + this.performPatch(r, !1), + this.joinNewChildren(), + le.all(this.el, "[".concat(this.binding("hook"), "], [data-phx-").concat("hook", "]"), function (e) { + var t = i.addHook(e); + t && t.__trigger__("mounted") + }), + this.joinPending = !1, + this.dispatchEvents(n), + this.applyPendingUpdates(), + e) { + var o = e.kind + , a = e.to; + this.liveSocket.historyPatch(a, o) + } + this.hideLoader(), + this.joinCount > 1 && this.triggerReconnected(), + this.stopCallback() + } + }, { + key: "triggerBeforeUpdateHook", + value: function (e, t) { + this.liveSocket.triggerDOM("onBeforeElUpdated", [e, t]); + var n = this.getHook(e) + , i = n && le.isIgnored(e, this.binding("update")); + if (n && !e.isEqualNode(t) && (!i || !function (e, t) { + return JSON.stringify(e) === JSON.stringify(t) + }(e.dataset, t.dataset))) + return n.__trigger__("beforeUpdate"), + n + } + }, { + key: "triggerUpdatedHook", + value: function (e) { + e.__trigger__("updated") + } + }, { + key: "performPatch", + value: function (e, t) { + var n = this + , i = [] + , r = !1 + , o = new Set; + return e.after("added", function (e) { + n.liveSocket.triggerDOM("onNodeAdded", [e]); + var t = n.addHook(e); + t && t.__trigger__("mounted") + }), + e.after("phxChildAdded", function (e) { + return r = !0 + }), + e.before("updated", function (e, t) { + n.triggerBeforeUpdateHook(e, t) && o.add(e.id) + }), + e.after("updated", function (e) { + o.has(e.id) && n.triggerUpdatedHook(n.getHook(e)) + }), + e.before("discarded", function (e) { + var t = n.getHook(e); + t && t.__trigger__("beforeDestroy") + }), + e.after("discarded", function (e) { + var t = n.componentID(e); + "number" == typeof t && -1 === i.indexOf(t) && i.push(t); + var r = n.getHook(e); + r && n.destroyHook(r) + }), + e.perform(), + t && this.maybePushComponentsDestroyed(i), + r + } + }, { + key: "joinNewChildren", + value: function () { + var e = this; + le.findPhxChildren(this.el, this.id).forEach(function (t) { + return e.joinChild(t) + }) + } + }, { + key: "getChildById", + value: function (e) { + return this.root.children[this.id][e] + } + }, { + key: "getDescendentByEl", + value: function (e) { + return e.id === this.id ? this : this.children[e.getAttribute("data-phx-parent-id")][e.id] + } + }, { + key: "destroyDescendent", + value: function (e) { + for (var t in this.root.children) + for (var n in this.root.children[t]) + if (n === e) + return this.root.children[t][n].destroy() + } + }, { + key: "joinChild", + value: function (t) { + if (!this.getChildById(t.id)) { + var n = new e(t, this.liveSocket, this); + return this.root.children[this.id][n.id] = n, + n.join(), + this.childJoins++, + !0 + } + } + }, { + key: "isJoinPending", + value: function () { + return this.joinPending + } + }, { + key: "ackJoin", + value: function (e) { + this.childJoins--, + 0 === this.childJoins && (this.parent ? this.parent.ackJoin(this) : this.onAllChildJoinsComplete()) + } + }, { + key: "onAllChildJoinsComplete", + value: function () { + this.joinCallback(), + this.pendingJoinOps.forEach(function (e) { + var t = x(e, 2) + , n = t[0] + , i = t[1]; + n.isDestroyed() || i() + }), + this.pendingJoinOps = [] + } + }, { + key: "update", + value: function (e, t) { + var n = this; + if (this.isJoinPending() || this.liveSocket.hasPendingLink()) + return this.pendingDiffs.push({ + diff: e, + events: t + }); + this.rendered.mergeDiff(e); + var i = !1; + this.rendered.isComponentOnlyDiff(e) ? this.liveSocket.time("component patch complete", function () { + le.findParentCIDs(n.el, n.rendered.componentCIDs(e)).forEach(function (t) { + n.componentPatch(n.rendered.getComponent(e, t), t) && (i = !0) + }) + }) : Q(e) || this.liveSocket.time("full patch complete", function () { + var t = n.renderContainer(e, "update") + , r = new he(n, n.el, n.id, t, null); + i = n.performPatch(r, !0) + }), + this.dispatchEvents(t), + i && this.joinNewChildren() + } + }, { + key: "renderContainer", + value: function (e, t) { + var n = this; + return this.liveSocket.time("toString diff (".concat(t, ")"), function () { + var t = n.el.tagName + , i = e ? n.rendered.componentCIDs(e).concat(n.pruningCIDs) : null + , r = n.rendered.toString(i); + return "<".concat(t, ">").concat(r, "") + }) + } + }, { + key: "componentPatch", + value: function (e, t) { + if (Q(e)) + return !1; + var n = this.rendered.componentToString(t) + , i = new he(this, this.el, this.id, n, t); + return this.performPatch(i, !0) + } + }, { + key: "getHook", + value: function (e) { + return this.viewHooks[pe.elementID(e)] + } + }, { + key: "addHook", + value: function (e) { + if (!pe.elementID(e) && e.getAttribute) { + var t = e.getAttribute("data-phx-".concat("hook")) || e.getAttribute(this.binding("hook")); + if (!t || this.ownsElement(e)) { + var n = this.liveSocket.getHookCallbacks(t); + if (n) { + e.id || z('no DOM ID for hook "'.concat(t, '". Hooks require a unique ID on each element.'), e); + var i = new pe(this, e, n); + return this.viewHooks[pe.elementID(i.el)] = i, + i + } + null !== t && z('unknown hook found for "'.concat(t, '"'), e) + } + } + } + }, { + key: "destroyHook", + value: function (e) { + e.__trigger__("destroyed"), + e.__cleanup__(), + delete this.viewHooks[pe.elementID(e.el)] + } + }, { + key: "applyPendingUpdates", + value: function () { + var e = this; + this.pendingDiffs.forEach(function (t) { + var n = t.diff + , i = t.events; + return e.update(n, i) + }), + this.pendingDiffs = [] + } + }, { + key: "onChannel", + value: function (e, t) { + var n = this; + this.liveSocket.onChannel(this.channel, e, function (e) { + n.isJoinPending() ? n.root.pendingJoinOps.push([n, function () { + return t(e) + } + ]) : t(e) + }) + } + }, { + key: "bindChannel", + value: function () { + var e = this; + this.liveSocket.onChannel(this.channel, "diff", function (t) { + e.applyDiff("update", t, function (t) { + var n = t.diff + , i = t.events; + return e.update(n, i) + }) + }), + this.onChannel("redirect", function (t) { + var n = t.to + , i = t.flash; + return e.onRedirect({ + to: n, + flash: i + }) + }), + this.onChannel("live_patch", function (t) { + return e.onLivePatch(t) + }), + this.onChannel("live_redirect", function (t) { + return e.onLiveRedirect(t) + }), + this.channel.onError(function (t) { + return e.onError(t) + }), + this.channel.onClose(function (t) { + return e.onClose(t) + }) + } + }, { + key: "destroyAllChildren", + value: function () { + for (var e in this.root.children[this.id]) + this.getChildById(e).destroy() + } + }, { + key: "onLiveRedirect", + value: function (e) { + var t = e.to + , n = e.kind + , i = e.flash + , r = this.expandURL(t); + this.liveSocket.historyRedirect(r, n, i) + } + }, { + key: "onLivePatch", + value: function (e) { + var t = e.to + , n = e.kind; + this.href = this.expandURL(t), + this.liveSocket.historyPatch(t, n) + } + }, { + key: "expandURL", + value: function (e) { + return e.startsWith("/") ? "".concat(window.location.protocol, "//").concat(window.location.host).concat(e) : e + } + }, { + key: "onRedirect", + value: function (e) { + var t = e.to + , n = e.flash; + this.liveSocket.redirect(t, n) + } + }, { + key: "isDestroyed", + value: function () { + return this.destroyed + } + }, { + key: "join", + value: function (e) { + var t = this; + this.parent || (this.stopCallback = this.liveSocket.withPageLoading({ + to: this.href, + kind: "initial" + })), + this.joinCallback = function () { + return e && e(t, t.joinCount) + } + , + this.liveSocket.wrapPush(this, { + timeout: !1 + }, function () { + return t.channel.join().receive("ok", function (e) { + return t.onJoin(e) + }).receive("error", function (e) { + return t.onJoinError(e) + }).receive("timeout", function () { + return t.onJoinError({ + reason: "timeout" + }) + }) + }) + } + }, { + key: "onJoinError", + value: function (e) { + return (e.redirect || e.live_redirect) && (this.joinPending = !1, + this.channel.leave()), + e.redirect ? this.onRedirect(e.redirect) : e.live_redirect ? this.onLiveRedirect(e.live_redirect) : (this.log("error", function () { + return ["unable to join", e] + }), + this.liveSocket.reloadWithJitter(this)) + } + }, { + key: "onClose", + value: function (e) { + if (!this.isDestroyed()) { + if (this.isJoinPending() || this.liveSocket.hasPendingLink() && "leave" !== e) + return this.liveSocket.reloadWithJitter(this); + this.destroyAllChildren(), + this.liveSocket.dropActiveElement(this), + document.activeElement && document.activeElement.blur(), + this.liveSocket.isUnloaded() && this.showLoader(200) + } + } + }, { + key: "onError", + value: function (e) { + this.onClose(e), + this.log("error", function () { + return ["view crashed", e] + }), + this.liveSocket.isUnloaded() || this.displayError() + } + }, { + key: "displayError", + value: function () { + this.isMain() && le.dispatchEvent(window, "phx:page-loading-start", { + to: this.href, + kind: "error" + }), + this.showLoader(), + this.setContainerClasses("phx-disconnected", "phx-error") + } + }, { + key: "pushWithReply", + value: function (e, t, n) { + var i = this + , r = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : function () { } + , o = x(e ? e() : [null, []], 2) + , a = o[0] + , u = x(o[1], 1)[0] + , s = function () { }; + return u && null !== u.getAttribute(this.binding("page-loading")) && (s = this.liveSocket.withPageLoading({ + kind: "element", + target: u + })), + "number" != typeof n.cid && delete n.cid, + this.liveSocket.wrapPush(this, { + timeout: !0 + }, function () { + return i.channel.push(t, n, 3e4).receive("ok", function (e) { + var t = null; + null !== a && i.undoRefs(a), + e.diff && (t = i.applyDiff("update", e.diff, function (e) { + var t = e.diff + , n = e.events; + i.update(t, n) + })), + e.redirect && i.onRedirect(e.redirect), + e.live_patch && i.onLivePatch(e.live_patch), + e.live_redirect && i.onLiveRedirect(e.live_redirect), + s(), + r(e, t) + }) + }) + } + }, { + key: "undoRefs", + value: function (e) { + var t = this; + le.all(this.el, "[".concat(F, '="').concat(e, '"]'), function (e) { + e.removeAttribute(F), + null !== e.getAttribute("data-phx-readonly") && (e.readOnly = !1, + e.removeAttribute("data-phx-readonly")), + null !== e.getAttribute("data-phx-disabled") && (e.disabled = !1, + e.removeAttribute("data-phx-disabled")), + H.forEach(function (t) { + return le.removeClass(e, t) + }); + var n = e.getAttribute("data-phx-disable-with-restore"); + null !== n && (e.innerText = n, + e.removeAttribute("data-phx-disable-with-restore")); + var i = le.private(e, F); + if (i) { + var r = t.triggerBeforeUpdateHook(e, i); + he.patchEl(e, i, t.liveSocket.getActiveElement()), + r && t.triggerUpdatedHook(r), + le.deletePrivate(e, F) + } + }) + } + }, { + key: "putRef", + value: function (e, t) { + var n = this.ref++ + , i = this.binding("disable-with"); + return e.forEach(function (e) { + e.classList.add("phx-".concat(t, "-loading")), + e.setAttribute(F, n); + var r = e.getAttribute(i); + null !== r && (e.getAttribute("data-phx-disable-with-restore") || e.setAttribute("data-phx-disable-with-restore", e.innerText), + e.innerText = r) + }), + [n, e] + } + }, { + key: "componentID", + value: function (e) { + var t = e.getAttribute && e.getAttribute(j); + return t ? parseInt(t) : null + } + }, { + key: "targetComponentID", + value: function (e, t) { + return e.getAttribute(this.binding("target")) ? this.closestComponentID(t) : null + } + }, { + key: "closestComponentID", + value: function (e) { + var t = this; + return e ? Z(e.closest("[".concat(j, "]")), function (e) { + return t.ownsElement(e) && t.componentID(e) + }) : null + } + }, { + key: "pushHookEvent", + value: function (e, t, n, i) { + var r = x(this.putRef([], "hook"), 2) + , o = r[0] + , a = r[1]; + return this.pushWithReply(function () { + return [o, a] + }, "event", { + type: "hook", + event: t, + value: n, + cid: this.closestComponentID(e) + }, function (e, t) { + return i(t, o) + }), + o + } + }, { + key: "extractMeta", + value: function (e, t) { + for (var n = this.binding("value-"), i = 0; i < e.attributes.length; i++) { + var r = e.attributes[i].name; + r.startsWith(n) && (t[r.replace(n, "")] = e.getAttribute(r)) + } + return void 0 !== e.value && (t.value = e.value, + "INPUT" === e.tagName && U.indexOf(e.type) >= 0 && !e.checked && delete t.value), + t + } + }, { + key: "pushEvent", + value: function (e, t, n, i, r) { + var o = this; + this.pushWithReply(function () { + return o.putRef([t], e) + }, "event", { + type: e, + event: i, + value: this.extractMeta(t, r), + cid: this.targetComponentID(t, n) + }) + } + }, { + key: "pushKey", + value: function (e, t, n, i, r) { + var o = this; + this.pushWithReply(function () { + return o.putRef([e], n) + }, "event", { + type: n, + event: i, + value: this.extractMeta(e, r), + cid: this.targetComponentID(e, t) + }) + } + }, { + key: "pushFileProgress", + value: function (e, t, n) { + var i = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : function () { } + ; + this.liveSocket.withinOwners(e.form, function (r, o) { + r.pushWithReply(null, "progress", { + event: e.getAttribute(r.binding("progress")), + ref: e.getAttribute("data-phx-upload-ref"), + entry_ref: t, + progress: n, + cid: r.targetComponentID(e.form, o) + }, i) + }) + } + }, { + key: "pushInput", + value: function (e, t, n, i, r) { + var o = this + , a = this.targetComponentID(e.form, t) + , u = function () { + return o.putRef([e, e.form], "change") + } + , s = ae(e.form, { + _target: i.name + }); + e.files && e.files.length > 0 && ie.trackFiles(e, Array.from(e.files)); + var c = { + type: "form", + event: n, + value: s, + uploads: ie.serializeUploads(e), + cid: a + }; + this.pushWithReply(u, "event", c, function (n) { + if ("file" === e.type && null !== e.getAttribute("data-phx-auto-upload")) { + if (ie.filesAwaitingPreflight(e).length > 0) { + var i = x(u(), 2) + , s = i[0]; + i[1]; + o.uploadFiles(e.form, t, s, a, function (t) { + r && r(n), + o.triggerAwaitingSubmit(e.form) + }) + } + } else + r && r(n) + }) + } + }, { + key: "triggerAwaitingSubmit", + value: function (e) { + var t = this.getScheduledSubmit(e); + if (t) { + var n = x(t, 3) + , i = (n[0], + n[1], + n[2]); + this.cancelSubmit(e), + i() + } + } + }, { + key: "getScheduledSubmit", + value: function (e) { + return this.formSubmits.find(function (t) { + var n = x(t, 2) + , i = n[0]; + n[1]; + return i.isSameNode(e) + }) + } + }, { + key: "scheduleSubmit", + value: function (e, t, n) { + if (this.getScheduledSubmit(e)) + return !0; + this.formSubmits.push([e, t, n]) + } + }, { + key: "cancelSubmit", + value: function (e) { + var t = this; + this.formSubmits = this.formSubmits.filter(function (n) { + var i = x(n, 3) + , r = i[0] + , o = i[1]; + i[2]; + return !r.isSameNode(e) || (t.undoRefs(o), + !1) + }) + } + }, { + key: "pushFormSubmit", + value: function (e, t, n, i) { + var r = this + , o = function (e) { + return !(G(e, "".concat(r.binding("update"), "=ignore"), e.form) || G(e, "data-phx-update=ignore", e.form)) + } + , a = function () { + var t = le.all(e, "[".concat(r.binding("disable-with"), "]")) + , n = le.all(e, "button").filter(o) + , i = le.all(e, "input,textarea,select").filter(o); + return n.forEach(function (e) { + e.setAttribute("data-phx-disabled", e.disabled), + e.disabled = !0 + }), + i.forEach(function (e) { + e.setAttribute("data-phx-readonly", e.readOnly), + e.readOnly = !0, + e.files && (e.setAttribute("data-phx-disabled", e.disabled), + e.disabled = !0) + }), + e.setAttribute(r.binding("page-loading"), ""), + r.putRef([e].concat(t).concat(n).concat(i), "submit") + } + , u = this.targetComponentID(e, t); + if (ie.hasUploadsInProgress(e)) { + var s = x(a(), 2) + , c = s[0]; + s[1]; + return this.scheduleSubmit(e, c, function () { + return r.pushFormSubmit(e, t, n, i) + }) + } + if (ie.inputsAwaitingPreflight(e).length > 0) { + var l = x(a(), 2) + , d = l[0] + , h = l[1] + , f = function () { + return [d, h] + }; + this.uploadFiles(e, t, d, u, function (t) { + var o = ae(e, {}); + r.pushWithReply(f, "event", { + type: "form", + event: n, + value: o, + cid: u + }, i) + }) + } else { + var v = ae(e); + this.pushWithReply(a, "event", { + type: "form", + event: n, + value: v, + cid: u + }, i) + } + } + }, { + key: "uploadFiles", + value: function (e, t, n, i, r) { + var o = this + , a = this.joinCount; + ie.activeFileInputs(e).forEach(function (e) { + var i = new ie(e, o, r); + o.uploaders[e] = i; + var u = i.entries().map(function (e) { + return e.toPreflightPayload() + }) + , s = { + ref: e.getAttribute("data-phx-upload-ref"), + entries: u, + cid: o.targetComponentID(e.form, t) + }; + o.log("upload", function () { + return ["sending preflight request", s] + }), + o.pushWithReply(null, "allow_upload", s, function (e) { + if (o.log("upload", function () { + return ["got preflight response", e] + }), + e.error) { + o.undoRefs(n); + var t = x(e.error, 2) + , r = t[0] + , u = t[1]; + o.log("upload", function () { + return ["error for entry ".concat(r), u] + }) + } else { + i.initAdapterUpload(e, function (e) { + o.channel.onError(function () { + o.joinCount === a && e() + }) + }, o.liveSocket) + } + }) + }) + } + }, { + key: "pushFormRecovery", + value: function (e, t) { + var n = this; + this.liveSocket.withinOwners(e, function (i, r) { + var o = e.elements[0] + , a = e.getAttribute(n.binding("auto-recover")) || e.getAttribute(n.binding("change")); + i.pushInput(o, r, a, o, t) + }) + } + }, { + key: "pushLinkPatch", + value: function (e, t, n) { + var i = this + , r = this.liveSocket.setPendingLink(e) + , o = t ? function () { + return i.putRef([t], "click") + } + : null; + this.pushWithReply(o, "link", { + url: e + }, function (t) { + t.link_redirect ? i.liveSocket.replaceMain(e, null, n, r) : i.liveSocket.commitPendingLink(r) && (i.href = e, + i.applyPendingUpdates(), + n && n()) + }).receive("timeout", function () { + return i.liveSocket.redirect(window.location.href) + }) + } + }, { + key: "formsForRecovery", + value: function (e) { + var t = this; + if (this.joinCount <= 1) + return []; + var n = this.binding("change") + , i = document.createElement("template"); + return i.innerHTML = e, + le.all(this.el, "form[".concat(n, "]")).filter(function (e) { + return t.ownsElement(e) + }).filter(function (e) { + return e.elements.length > 0 + }).filter(function (e) { + return "ignore" !== e.getAttribute(t.binding("auto-recover")) + }).filter(function (e) { + return i.content.querySelector("form[".concat(n, '="').concat(e.getAttribute(n), '"]')) + }) + } + }, { + key: "maybePushComponentsDestroyed", + value: function (e) { + var t, n = this, i = e.filter(function (e) { + return 0 === le.findComponentNodeList(n.el, e).length + }); + i.length > 0 && ((t = this.pruningCIDs).push.apply(t, E(i)), + this.pushWithReply(null, "cids_will_destroy", { + cids: i + }, function () { + n.pruningCIDs = n.pruningCIDs.filter(function (e) { + return -1 !== i.indexOf(e) + }); + var e = i.filter(function (e) { + return 0 === le.findComponentNodeList(n.el, e).length + }); + e.length > 0 && n.pushWithReply(null, "cids_destroyed", { + cids: e + }, function (e) { + n.rendered.pruneCIDs(e.cids) + }) + })) + } + }, { + key: "ownsElement", + value: function (e) { + return e.getAttribute("data-phx-parent-id") === this.id || Z(e.closest(M), function (e) { + return e.id + }) === this.id + } + }, { + key: "submitForm", + value: function (e, t, n) { + var i = this; + le.putPrivate(e, "phx-has-submitted", !0), + this.liveSocket.blurActiveElement(this), + this.pushFormSubmit(e, t, n, function () { + i.liveSocket.restorePreviouslyActiveFocus() + }) + } + }, { + key: "binding", + value: function (e) { + return this.liveSocket.binding(e) + } + }]), + e + }() + , ve = 1 + , pe = function () { + function e(t, n, i) { + for (var r in T(this, e), + this.__view = t, + this.__liveSocket = t.liveSocket, + this.__callbacks = i, + this.__listeners = new Set, + this.el = n, + this.viewName = t.name(), + this.el.phxHookId = this.constructor.makeID(), + this.__callbacks) + this[r] = this.__callbacks[r] + } + return D(e, null, [{ + key: "makeID", + value: function () { + return ve++ + } + }, { + key: "elementID", + value: function (e) { + return e.phxHookId + } + }]), + D(e, [{ + key: "pushEvent", + value: function (e) { + var t = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : {} + , n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : function () { } + ; + return this.__view.pushHookEvent(null, e, t, n) + } + }, { + key: "pushEventTo", + value: function (e, t) { + var n = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : {} + , i = arguments.length > 3 && void 0 !== arguments[3] ? arguments[3] : function () { } + ; + return this.__view.withinTargets(e, function (e, r) { + return e.pushHookEvent(r, t, n, i) + }) + } + }, { + key: "handleEvent", + value: function (e, t) { + var n = function (n, i) { + return i ? e : t(n.detail) + }; + return window.addEventListener("phx:hook:".concat(e), n), + this.__listeners.add(n), + n + } + }, { + key: "removeHandleEvent", + value: function (e) { + var t = e(null, !0); + window.removeEventListener("phx:hook:".concat(t), e), + this.__listeners.delete(e) + } + }, { + key: "__cleanup__", + value: function () { + var e = this; + this.__listeners.forEach(function (t) { + return e.removeHandleEvent(t) + }) + } + }, { + key: "__trigger__", + value: function (e) { + var t = this.__callbacks[e]; + t && t.call(this) + } + }]), + e + }(); + t.default = se + } + , function (e, t) { + var n; + n = function () { + return this + }(); + try { + n = n || Function("return this")() || (0, + eval)("this") + } catch (e) { + "object" == typeof window && (n = window) + } + e.exports = n + } + , function (e, t, n) { + (function (t) { + t.Phoenix || (t.Phoenix = {}), + e.exports = t.Phoenix.LiveView = n(0) + } + ).call(this, n(1)) + } + ]) +}); diff --git a/lib/site_web/controllers/home_controller.ex b/lib/site_web/controllers/home_controller.ex new file mode 100644 index 0000000..ee7c3e5 --- /dev/null +++ b/lib/site_web/controllers/home_controller.ex @@ -0,0 +1,7 @@ +defmodule SiteWeb.HomeController do + use SiteWeb, :controller + + def index(conn, _params) do + render(conn, "index.html") + end +end diff --git a/lib/site_web/router.ex b/lib/site_web/router.ex index d57523a..0e91dcd 100644 --- a/lib/site_web/router.ex +++ b/lib/site_web/router.ex @@ -18,6 +18,7 @@ defmodule SiteWeb.Router do pipe_through :browser get "/", PageController, :index + get "/", HomeController, :index end # Other scopes may use custom stacks. diff --git a/lib/site_web/templates/home/index.html.heex b/lib/site_web/templates/home/index.html.heex new file mode 100644 index 0000000..e69de29 diff --git a/lib/site_web/templates/layout/app.html.heex b/lib/site_web/templates/layout/app.html.heex index 169aed9..d0471a5 100644 --- a/lib/site_web/templates/layout/app.html.heex +++ b/lib/site_web/templates/layout/app.html.heex @@ -1,5 +1 @@ -
- - <%= @inner_content %> -
diff --git a/lib/site_web/templates/layout/root.html.heex b/lib/site_web/templates/layout/root.html.heex index 05f9ec0..70f83a9 100644 --- a/lib/site_web/templates/layout/root.html.heex +++ b/lib/site_web/templates/layout/root.html.heex @@ -1,30 +1,56 @@ - - - - - - <%= live_title_tag assigns[:page_title] || "Site", suffix: " · Phoenix Framework" %> - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + HAF Engenharia + + + + + + + + + -
-
- - -
-
<%= @inner_content %> diff --git a/lib/site_web/templates/page/index.html.heex b/lib/site_web/templates/page/index.html.heex index f844bd8..ee1501a 100644 --- a/lib/site_web/templates/page/index.html.heex +++ b/lib/site_web/templates/page/index.html.heex @@ -1,41 +1,432 @@ -
-

<%= gettext "Welcome to %{name}!", name: "Phoenix" %>

-

Peace of mind from prototype to production

-
- -
-
-

Resources

- -
-
-

Help

- -
-
+ + +
+
+
+
+
+
EMPRESA
+
+
+
+

+ Fundada com a missão de diversificar as atividades, a HAF Engenharia  lança-se ao mercado atuando nas áreas, projetos personalizados, aprovações de crédito para construção, financiamento da construção. 
+
+ Uma empresa que vem crescendo a cada dia pela busca constante de qualidade e excelência no atendimento ao cliente. Oferecendo uma gama de serviços com diferencial, atendendo os nichos de mercado nos segmento de obras de medio e grande porte, empresas publicas e privadas e sistemas industriais.
+
Atuando no Estado de São Paulo. +

+
+
+
+
+
+ +
+
+
+
+
CONHEÇA NOSSOS DIFERENCIAIS
+
+
+
+
+
+
+
+
+ +

PROJETOS PERSONALIZADOS E APROVAÇÕES +

+
+

Projetos de acordo com suas necessidades, aprovação de projeto na prefeitura, alvarás para construção, averbação e habite-se. +

+
+
+
+
+
+
+
+ +

APROVAÇÃO DE CRÉDITO PARA CONSTRUÇÃO +

+
+

Suporte de especialistas em análise e aprovação de crédito e possibilidade de utilização do FGTS para o financiamento da construção. +

+
+
+
+
+
+
+
+ +

CONSTRUÇÃO FINANCIADA +

+
+

Processo de contratação do +financiamento diretamente pela HAF e o financiamento só começa a ser pago após a entrega do imóvel. +

+
+
+
+
+
+
+
+ +

FUNCIONALIDADE, BEM ESTAR E ECONOMIA + +

+
+

Otimização e gerenciamento do processo com equipe especializada, seguindo as normas de segurança e qualidade. +

+
+
+
+
+
+
+
+ +

ACOMPANHAMENTO DA OBRA +

+
+

Gerenciamento e acompanhamento profissional, garantindo que a obra seguirá o planejamento. +

+
+
+
+
+
+ +
+
+
+
+
+ Serviço rápido e confiável
​​​​​​​para sua construção ou reforma +
+ Faça um orçamento agora +
+
+
+
+ +
+
+
+
+
+
+
+
Construção Financiada
+
+
+ • Auxílio na escolha do terreno
+ • Projeto personalizado
+ • Assessoria na construção do imóvel
+ • Compra de materiais
• Gerenciamento e contratação de mão de obra +
+
+
+
+
Reforma Civil
+
+
+ • Arquitetura de Interiores
+ • Projeto de móveis planejados
+ • Planejamento e Orçamento
+ • Gerenciamento de serviços (Demolição, instalação de revestimentos, hidráulica, elétrica, gesso, pintura, marmoraria e vidraçaria) +
• Prazo e Qualidade +
+
+
+
+
Obras e Manutenção de Condomínios
+
+
+ • Obras e retrofit
+ • Pintura predial
+ • Revitalização de fachadas
+ • Impermeabilização de laje
+ • Laudos Técnicos e Projetos
+ • Acompanhamento de Engenharia
+
+
+
+ +
+
+
+
+ +
+
+
+
+
CONHEÇA NOSSOS PROJETOS
+
+
+
+
+
+
+
+
+
    +
  • +
    +
    +
    +

    Área Gourmet +

    +
    Residencial, Interiores +
    +
    +
    +
    +
    • +
  • +
    +
    +
    +

    Cozinha +

    +
    Residencial, Interiores +
    +
    +
    +
    +
    • +
  • +
    +
    +
    +

    Lavanderia +

    +
    Residencial, Interiores +
    +
    +
    +
    +
    • +
  • +
    +
    +
    +

    Dormitório Interno +

    +
    Residencial, Interiores +
    +
    +
    +
    +
    • +
  • +
    +
    +
    +

    Quarto de Casal +

    +
    Residencial, Interiores +
    +
    +
    +
    +
    • +
+
+
+
+
+
+
+ +
+
+
+
+
+ + + + +
+
+
+
CONSULTORIA
+
+ • Análise técnica
+ • Análise Orçamentária
+ • Projeto Executivo
+ • Documentação e aprovação junto a órgãos oficiais
• Pré análise técnica de loteamento +
+
Conversa com arquitetos e engenheiros especialistas em construções residenciais sobre suas necessidades com os  recursos disponíveis
+
+
+
PROJETOS
+
+ • Projeto Arquitetônico
+ • Projeto Executivo
+ • Projeto Estrutural
+ • Projeto de instalações Hidráulicas e Elétricas
+ • Experiência 3D
• Revisões +
+
Desde aprovação em condomínio, cronograma de obra, compatibilização e execução de projeto executivo.
+
+
+
PLANEJAMENTO
+
+ • Estudo de Viabilidade Financeira
+ • Orçamentos Executivos
+ • Cronograma Físico-Financeiro
• Planejamento de Obras +
+
+ Estudo prévio para garantir o controle e segurança de que o capital
disponível será suficiente para finalizar a obra de acordo com o projeto. +
+
+
+
GESTÃO DE OBRA
+
+ • Contratação e gestão de mão de obra
+ • Coordenação e supervisão das etapas da obra
+ • Compra de materiais
+ • Gerenciar cumprimento do cronograma da obra
+ • Monitoramento e controle de prazos e qualidade
• Encerramento da obra +
+
Administração completa da obra, desde o início até à entrega das chaves. Gerenciamento de todos os processos da obra, compra de materiais e de todas as equipes envolvidas.
+
+
+
+
+ +
+ Financiamento e Aquisição de Terreno e Construção +
+
Oferecemos agenciadores especializados em análise e aprovação de crédito imobiliário para fazer o financiamento junto a Caixa com rapidez, eficiência e sigilo para nossos clientes.
+ Consulte-nos +
+
+
+
+ +
+
+
+
+
PROJETO, PLANEJAMENTO E EXECUÇÃO
+
Acompanhamento e suporte do começo ao final da obra
+
+
+
+
+ Faça um orçamento agora +
+
+ +
+
+
+
+
© 2021 Todos os direitos reservados a HAF Engenharia
+
Site desenvolvido por MR Marketing Digital em parceria com H2s Digital
+
+
+
+
diff --git a/lib/site_web/views/home_view.ex b/lib/site_web/views/home_view.ex new file mode 100644 index 0000000..122cd35 --- /dev/null +++ b/lib/site_web/views/home_view.ex @@ -0,0 +1,3 @@ +defmodule SiteWeb.HomeView do + use SiteWeb, :view +end diff --git a/mix.exs b/mix.exs index 5fcee88..f1d4556 100644 --- a/mix.exs +++ b/mix.exs @@ -7,7 +7,7 @@ defmodule Site.MixProject do version: "0.1.0", elixir: "~> 1.12", elixirc_paths: elixirc_paths(Mix.env()), - compilers: [:gettext] ++ Mix.compilers(), + compilers: Mix.compilers(), start_permanent: Mix.env() == :prod, aliases: aliases(), deps: deps() diff --git a/priv/static/fonts/fa-brands-400.eot b/priv/static/fonts/fa-brands-400.eot new file mode 100644 index 0000000..f6b7c7d Binary files /dev/null and b/priv/static/fonts/fa-brands-400.eot differ diff --git a/priv/static/fonts/fa-brands-400.svg b/priv/static/fonts/fa-brands-400.svg new file mode 100644 index 0000000..e69de29 diff --git a/priv/static/fonts/fa-brands-400.woff b/priv/static/fonts/fa-brands-400.woff new file mode 100644 index 0000000..b0021db Binary files /dev/null and b/priv/static/fonts/fa-brands-400.woff differ diff --git a/priv/static/fonts/fa-brands-400.woff2 b/priv/static/fonts/fa-brands-400.woff2 new file mode 100644 index 0000000..e69de29 diff --git a/priv/static/fonts/fa-regular-400.svg b/priv/static/fonts/fa-regular-400.svg new file mode 100644 index 0000000..f32e41e --- /dev/null +++ b/priv/static/fonts/fa-regular-400.svg @@ -0,0 +1,803 @@ + + + + + +Created by FontForge 20190801 at Mon Sep 23 12:53:49 2019 + By Robert Madole +Copyright (c) Font Awesome + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/priv/static/fonts/fa-regular-400.ttf b/priv/static/fonts/fa-regular-400.ttf new file mode 100644 index 0000000..5267d85 Binary files /dev/null and b/priv/static/fonts/fa-regular-400.ttf differ diff --git a/priv/static/fonts/fa-regular-400.woff b/priv/static/fonts/fa-regular-400.woff new file mode 100644 index 0000000..7741995 Binary files /dev/null and b/priv/static/fonts/fa-regular-400.woff differ diff --git a/priv/static/fonts/fa-regular-400.woff2 b/priv/static/fonts/fa-regular-400.woff2 new file mode 100644 index 0000000..e69de29 diff --git a/priv/static/fonts/fa-solid-900.svg b/priv/static/fonts/fa-solid-900.svg new file mode 100644 index 0000000..e69de29 diff --git a/priv/static/fonts/fa-solid-900.ttf b/priv/static/fonts/fa-solid-900.ttf new file mode 100644 index 0000000..16d4469 Binary files /dev/null and b/priv/static/fonts/fa-solid-900.ttf differ diff --git a/priv/static/fonts/fa-solid-900.woff b/priv/static/fonts/fa-solid-900.woff new file mode 100644 index 0000000..e69de29 diff --git a/priv/static/fonts/fa-solid-900.woff2 b/priv/static/fonts/fa-solid-900.woff2 new file mode 100644 index 0000000..e69de29 diff --git a/priv/static/images/01-original.webp b/priv/static/images/01-original.webp new file mode 100644 index 0000000..729ec2d Binary files /dev/null and b/priv/static/images/01-original.webp differ diff --git a/priv/static/images/02-original.webp b/priv/static/images/02-original.webp new file mode 100644 index 0000000..b3f7944 Binary files /dev/null and b/priv/static/images/02-original.webp differ diff --git a/priv/static/images/04-fachada-original.webp b/priv/static/images/04-fachada-original.webp new file mode 100644 index 0000000..677b5c2 Binary files /dev/null and b/priv/static/images/04-fachada-original.webp differ diff --git a/priv/static/images/06-original.webp b/priv/static/images/06-original.webp new file mode 100644 index 0000000..8ac1147 Binary files /dev/null and b/priv/static/images/06-original.webp differ diff --git a/priv/static/images/07-original.webp b/priv/static/images/07-original.webp new file mode 100644 index 0000000..ca4a57b Binary files /dev/null and b/priv/static/images/07-original.webp differ diff --git a/priv/static/images/08-original.webp b/priv/static/images/08-original.webp new file mode 100644 index 0000000..8a8982c Binary files /dev/null and b/priv/static/images/08-original.webp differ diff --git a/priv/static/images/09-original.webp b/priv/static/images/09-original.webp new file mode 100644 index 0000000..ecb5436 Binary files /dev/null and b/priv/static/images/09-original.webp differ diff --git a/priv/static/images/avata1.png b/priv/static/images/avata1.png new file mode 100644 index 0000000..55e3b05 --- /dev/null +++ b/priv/static/images/avata1.png @@ -0,0 +1,113 @@ + + + + + The page is not found + + + + + +

nginx error!

+ +
+ +

The page you are looking for is not found.

+ +
+

Website Administrator

+
+

Something has triggered missing webpage on your + website. This is the default 404 error page for + nginx that is distributed with + Fedora. It is located + /usr/share/nginx/html/404.html

+ +

You should customize this error page for your own + site or edit the error_page directive in + the nginx configuration file + /etc/nginx/nginx.conf.

+ +
+
+ +
+ [ Powered by nginx ] + + [ Powered by Fedora ] +
+
+ + diff --git a/priv/static/images/baptissta-original.webp b/priv/static/images/baptissta-original.webp new file mode 100644 index 0000000..90cc132 Binary files /dev/null and b/priv/static/images/baptissta-original.webp differ diff --git a/priv/static/images/caixa-logo-200-original.webp b/priv/static/images/caixa-logo-200-original.webp new file mode 100644 index 0000000..1bb8f6c Binary files /dev/null and b/priv/static/images/caixa-logo-200-original.webp differ diff --git a/priv/static/images/conduto-original.webp b/priv/static/images/conduto-original.webp new file mode 100644 index 0000000..0cc9394 Binary files /dev/null and b/priv/static/images/conduto-original.webp differ diff --git a/priv/static/images/cozinha-original.webp b/priv/static/images/cozinha-original.webp new file mode 100644 index 0000000..86d168b Binary files /dev/null and b/priv/static/images/cozinha-original.webp differ diff --git a/priv/static/images/dormitorio-interno-original.webp b/priv/static/images/dormitorio-interno-original.webp new file mode 100644 index 0000000..bc2bb32 Binary files /dev/null and b/priv/static/images/dormitorio-interno-original.webp differ diff --git a/priv/static/images/entrevias-original.webp b/priv/static/images/entrevias-original.webp new file mode 100644 index 0000000..5eadfb5 Binary files /dev/null and b/priv/static/images/entrevias-original.webp differ diff --git a/priv/static/images/equipav-original.webp b/priv/static/images/equipav-original.webp new file mode 100644 index 0000000..5dd881a Binary files /dev/null and b/priv/static/images/equipav-original.webp differ diff --git a/priv/static/images/euro-original.webp b/priv/static/images/euro-original.webp new file mode 100644 index 0000000..06a8556 Binary files /dev/null and b/priv/static/images/euro-original.webp differ diff --git a/priv/static/images/gourmet-original.webp b/priv/static/images/gourmet-original.webp new file mode 100644 index 0000000..af144db Binary files /dev/null and b/priv/static/images/gourmet-original.webp differ diff --git a/priv/static/images/icon1-original.webp b/priv/static/images/icon1-original.webp new file mode 100644 index 0000000..6ff11d2 Binary files /dev/null and b/priv/static/images/icon1-original.webp differ diff --git a/priv/static/images/icon4-original.webp b/priv/static/images/icon4-original.webp new file mode 100644 index 0000000..c970d5b Binary files /dev/null and b/priv/static/images/icon4-original.webp differ diff --git a/priv/static/images/icon5-original.webp b/priv/static/images/icon5-original.webp new file mode 100644 index 0000000..9fa5d78 Binary files /dev/null and b/priv/static/images/icon5-original.webp differ diff --git a/priv/static/images/icon6-original.webp b/priv/static/images/icon6-original.webp new file mode 100644 index 0000000..b043b65 Binary files /dev/null and b/priv/static/images/icon6-original.webp differ diff --git a/priv/static/images/icon7-original.webp b/priv/static/images/icon7-original.webp new file mode 100644 index 0000000..fa77e35 Binary files /dev/null and b/priv/static/images/icon7-original.webp differ diff --git a/priv/static/images/lavanderia-original.webp b/priv/static/images/lavanderia-original.webp new file mode 100644 index 0000000..effb6d3 Binary files /dev/null and b/priv/static/images/lavanderia-original.webp differ diff --git a/priv/static/images/logo-1-original.webp b/priv/static/images/logo-1-original.webp new file mode 100644 index 0000000..d7addca Binary files /dev/null and b/priv/static/images/logo-1-original.webp differ diff --git a/priv/static/images/mendes-original.webp b/priv/static/images/mendes-original.webp new file mode 100644 index 0000000..8a0bed7 Binary files /dev/null and b/priv/static/images/mendes-original.webp differ diff --git a/priv/static/images/nginx-logo.png b/priv/static/images/nginx-logo.png new file mode 100644 index 0000000..638b499 Binary files /dev/null and b/priv/static/images/nginx-logo.png differ diff --git a/priv/static/images/petrobras-original.gif b/priv/static/images/petrobras-original.gif new file mode 100644 index 0000000..17a558b Binary files /dev/null and b/priv/static/images/petrobras-original.gif differ diff --git a/priv/static/images/poweredby.png b/priv/static/images/poweredby.png new file mode 100644 index 0000000..638b499 Binary files /dev/null and b/priv/static/images/poweredby.png differ diff --git a/priv/static/images/prd-original.webp b/priv/static/images/prd-original.webp new file mode 100644 index 0000000..7c124ff Binary files /dev/null and b/priv/static/images/prd-original.webp differ diff --git a/priv/static/images/quarto-casal-original.webp b/priv/static/images/quarto-casal-original.webp new file mode 100644 index 0000000..32b68ab Binary files /dev/null and b/priv/static/images/quarto-casal-original.webp differ diff --git a/priv/static/images/sala-04-original.webp b/priv/static/images/sala-04-original.webp new file mode 100644 index 0000000..4a0d850 Binary files /dev/null and b/priv/static/images/sala-04-original.webp differ diff --git a/site/assets/css/app.css b/site/assets/css/app.css new file mode 100644 index 0000000..19c2e51 --- /dev/null +++ b/site/assets/css/app.css @@ -0,0 +1,120 @@ +/* This file is for your main application CSS */ +@import "./phoenix.css"; + +/* Alerts and form errors used by phx.new */ +.alert { + padding: 15px; + margin-bottom: 20px; + border: 1px solid transparent; + border-radius: 4px; +} +.alert-info { + color: #31708f; + background-color: #d9edf7; + border-color: #bce8f1; +} +.alert-warning { + color: #8a6d3b; + background-color: #fcf8e3; + border-color: #faebcc; +} +.alert-danger { + color: #a94442; + background-color: #f2dede; + border-color: #ebccd1; +} +.alert p { + margin-bottom: 0; +} +.alert:empty { + display: none; +} +.invalid-feedback { + color: #a94442; + display: block; + margin: -1rem 0 2rem; +} + +/* LiveView specific classes for your customization */ +.phx-no-feedback.invalid-feedback, +.phx-no-feedback .invalid-feedback { + display: none; +} + +.phx-click-loading { + opacity: 0.5; + transition: opacity 1s ease-out; +} + +.phx-loading{ + cursor: wait; +} + +.phx-modal { + opacity: 1!important; + position: fixed; + z-index: 1; + left: 0; + top: 0; + width: 100%; + height: 100%; + overflow: auto; + background-color: rgba(0,0,0,0.4); +} + +.phx-modal-content { + background-color: #fefefe; + margin: 15vh auto; + padding: 20px; + border: 1px solid #888; + width: 80%; +} + +.phx-modal-close { + color: #aaa; + float: right; + font-size: 28px; + font-weight: bold; +} + +.phx-modal-close:hover, +.phx-modal-close:focus { + color: black; + text-decoration: none; + cursor: pointer; +} + +.fade-in-scale { + animation: 0.2s ease-in 0s normal forwards 1 fade-in-scale-keys; +} + +.fade-out-scale { + animation: 0.2s ease-out 0s normal forwards 1 fade-out-scale-keys; +} + +.fade-in { + animation: 0.2s ease-out 0s normal forwards 1 fade-in-keys; +} +.fade-out { + animation: 0.2s ease-out 0s normal forwards 1 fade-out-keys; +} + +@keyframes fade-in-scale-keys{ + 0% { scale: 0.95; opacity: 0; } + 100% { scale: 1.0; opacity: 1; } +} + +@keyframes fade-out-scale-keys{ + 0% { scale: 1.0; opacity: 1; } + 100% { scale: 0.95; opacity: 0; } +} + +@keyframes fade-in-keys{ + 0% { opacity: 0; } + 100% { opacity: 1; } +} + +@keyframes fade-out-keys{ + 0% { opacity: 1; } + 100% { opacity: 0; } +}