diff --git a/.browserslistrc b/.browserslistrc deleted file mode 100644 index d6471a3..0000000 --- a/.browserslistrc +++ /dev/null @@ -1,2 +0,0 @@ -> 1% -last 2 versions diff --git a/.claude/launch.json b/.claude/launch.json new file mode 100644 index 0000000..7aa8185 --- /dev/null +++ b/.claude/launch.json @@ -0,0 +1,16 @@ +{ + "version": "0.0.1", + "configurations": [ + { + "name": "vof-demo", + "runtimeExecutable": "npx", + "runtimeArgs": [ + "vite", + "--port", + "5174", + "--strictPort" + ], + "port": 5174 + } + ] +} diff --git a/.gitignore b/.gitignore index f3fa972..3561945 100644 --- a/.gitignore +++ b/.gitignore @@ -20,3 +20,5 @@ yarn-error.log* *.sw? firebase-debug.log .firebase/ + +dist-app diff --git a/babel.config.js b/babel.config.js deleted file mode 100644 index 13bcf21..0000000 --- a/babel.config.js +++ /dev/null @@ -1,14 +0,0 @@ -const devPresets = ["@vue/babel-preset-app"]; -const buildPresets = [ - [ - "@babel/preset-env", - // Config for @babel/preset-env - { - // Example: Always transpile optional chaining/nullish coalescing - include: [/(optional-chaining|nullish-coalescing)/], - }, - ], -]; -module.exports = { - presets: process.env.NODE_ENV === "development" ? devPresets : buildPresets, -}; diff --git a/bundle.css b/bundle.css deleted file mode 100644 index 555a526..0000000 --- a/bundle.css +++ /dev/null @@ -1,28596 +0,0 @@ -@charset "UTF-8"; -@import 'font-awesome/css/font-awesome.min.css'; -@import 'floating-vue/dist/style.css'; -@import url("https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700&display=swap"); -.panel-tabs:not(:last-child), -.panel-block:not(:last-child) { - border-bottom: 1px solid #f1f5f9; -} - -a.panel-block, -label.panel-block { - background-color: hsl(0, 0%, 100%); -} - -a.panel-block:hover, -label.panel-block:hover { - border-color: hsl(var(--primary-hue), var(--primary-saturation), 97%); -} - -/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */ -/* Bulma Utilities */ -.pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis, .file-cta, -.file-name, .select select, .textarea, .input, .button { - -moz-appearance: none; - -webkit-appearance: none; - align-items: center; - border: 1px solid transparent; - border-radius: 4px; - box-shadow: none; - display: inline-flex; - font-size: 1rem; - height: 2.5em; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.5em - 1px); - padding-left: calc(0.75em - 1px); - padding-right: calc(0.75em - 1px); - padding-top: calc(0.5em - 1px); - position: relative; - vertical-align: top; -} - -.pagination-previous:focus, -.pagination-next:focus, -.pagination-link:focus, -.pagination-ellipsis:focus, .file-cta:focus, -.file-name:focus, .select select:focus, .textarea:focus, .input:focus, .button:focus, .is-focused.pagination-previous, -.is-focused.pagination-next, -.is-focused.pagination-link, -.is-focused.pagination-ellipsis, .is-focused.file-cta, -.is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.button, .pagination-previous:active, -.pagination-next:active, -.pagination-link:active, -.pagination-ellipsis:active, .file-cta:active, -.file-name:active, .select select:active, .textarea:active, .input:active, .button:active, .is-active.pagination-previous, -.is-active.pagination-next, -.is-active.pagination-link, -.is-active.pagination-ellipsis, .is-active.file-cta, -.is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button { - outline: none; -} - -[disabled].pagination-previous, -[disabled].pagination-next, -[disabled].pagination-link, -[disabled].pagination-ellipsis, [disabled].file-cta, -[disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous, -fieldset[disabled] .pagination-next, -fieldset[disabled] .pagination-link, -fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta, -fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button { - cursor: not-allowed; -} - -.is-unselectable, .tabs, .pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis, .breadcrumb, .file, .button { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.navbar-link:not(.is-arrowless)::after, .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: 0.625em; - margin-top: -0.4375em; - pointer-events: none; - position: absolute; - top: 50%; - transform: rotate(-45deg); - transform-origin: center; - width: 0.625em; -} - -.tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .block:not(:last-child), .title:not(:last-child), -.subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child) { - margin-bottom: 1.5rem; -} - -.modal-close, .delete { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -moz-appearance: none; - -webkit-appearance: none; - background-color: rgba(10, 10, 10, 0.2); - border: none; - border-radius: 9999px; - 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: none; - position: relative; - vertical-align: top; - width: 20px; -} - -.modal-close::before, .delete::before, .modal-close::after, .delete::after { - background-color: hsl(0, 0%, 100%); - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; -} - -.modal-close::before, .delete::before { - height: 2px; - width: 50%; -} - -.modal-close::after, .delete::after { - height: 50%; - width: 2px; -} - -.modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus { - background-color: rgba(10, 10, 10, 0.3); -} - -.modal-close:active, .delete:active { - background-color: rgba(10, 10, 10, 0.4); -} - -.is-small.modal-close, .is-small.delete { - height: 16px; - max-height: 16px; - max-width: 16px; - min-height: 16px; - min-width: 16px; - width: 16px; -} - -.is-medium.modal-close, .is-medium.delete { - height: 24px; - max-height: 24px; - max-width: 24px; - min-height: 24px; - min-width: 24px; - width: 24px; -} - -.is-large.modal-close, .is-large.delete { - height: 32px; - max-height: 32px; - max-width: 32px; - min-height: 32px; - min-width: 32px; - width: 32px; -} - -.control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after { - animation: spinAround 500ms infinite linear; - border: 2px solid hsl(0, 0%, 86%); - border-radius: 9999px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; -} - -.hero-video, .is-overlay, .modal-background, .modal, .image.is-square img, -.image.is-square .has-ratio, .image.is-1by1 img, -.image.is-1by1 .has-ratio, .image.is-5by4 img, -.image.is-5by4 .has-ratio, .image.is-4by3 img, -.image.is-4by3 .has-ratio, .image.is-3by2 img, -.image.is-3by2 .has-ratio, .image.is-5by3 img, -.image.is-5by3 .has-ratio, .image.is-16by9 img, -.image.is-16by9 .has-ratio, .image.is-2by1 img, -.image.is-2by1 .has-ratio, .image.is-3by1 img, -.image.is-3by1 .has-ratio, .image.is-4by5 img, -.image.is-4by5 .has-ratio, .image.is-3by4 img, -.image.is-3by4 .has-ratio, .image.is-2by3 img, -.image.is-2by3 .has-ratio, .image.is-3by5 img, -.image.is-3by5 .has-ratio, .image.is-9by16 img, -.image.is-9by16 .has-ratio, .image.is-1by2 img, -.image.is-1by2 .has-ratio, .image.is-1by3 img, -.image.is-1by3 .has-ratio { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; -} - -.navbar-burger { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - background: none; - border: none; - color: currentColor; - font-family: inherit; - font-size: 1em; - margin: 0; - padding: 0; -} - -/* Bulma Base */ -/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ -html, -body, -p, -ol, -ul, -li, -dl, -dt, -dd, -blockquote, -figure, -fieldset, -legend, -textarea, -pre, -iframe, -hr, -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 0; - padding: 0; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: 100%; - font-weight: normal; -} - -ul { - list-style: none; -} - -button, -input, -select, -textarea { - margin: 0; -} - -html { - box-sizing: border-box; -} - -*, *::before, *::after { - box-sizing: inherit; -} - -img, -video { - height: auto; - max-width: 100%; -} - -iframe { - border: 0; -} - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} - -td:not([align]), -th:not([align]) { - text-align: inherit; -} - -html { - background-color: hsl(0, 0%, 100%); - font-size: 16px; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - min-width: 300px; - overflow-x: hidden; - overflow-y: scroll; - text-rendering: optimizeLegibility; - text-size-adjust: 100%; -} - -article, -aside, -figure, -footer, -header, -hgroup, -section { - display: block; -} - -body, -button, -input, -optgroup, -select, -textarea { - font-family: 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: hsl(0, 0%, 29%); - font-size: 1em; - font-weight: 400; - line-height: 1.5; -} - -a { - color: hsl(229, 53%, 53%); - cursor: pointer; - text-decoration: none; -} - -a strong { - color: currentColor; -} - -a:hover { - color: hsl(0, 0%, 21%); -} - -code { - background-color: hsl(0, 0%, 96%); - color: #da1039; - font-size: 0.875em; - font-weight: normal; - padding: 0.25em 0.5em 0.25em; -} - -hr { - background-color: hsl(0, 0%, 96%); - border: none; - display: block; - height: 2px; - margin: 1.5rem 0; -} - -img { - height: auto; - max-width: 100%; -} - -input[type=checkbox], -input[type=radio] { - vertical-align: baseline; -} - -small { - font-size: 0.875em; -} - -span { - font-style: inherit; - font-weight: inherit; -} - -strong { - color: hsl(0, 0%, 21%); - font-weight: 700; -} - -fieldset { - border: none; -} - -pre { - -webkit-overflow-scrolling: touch; - background-color: hsl(0, 0%, 96%); - color: hsl(0, 0%, 29%); - font-size: 0.875em; - overflow-x: auto; - padding: 1.25rem 1.5rem; - white-space: pre; - word-wrap: normal; -} - -pre code { - background-color: transparent; - color: currentColor; - font-size: 1em; - padding: 0; -} - -table td, -table th { - vertical-align: top; -} - -table td:not([align]), -table th:not([align]) { - text-align: inherit; -} - -table th { - color: hsl(0, 0%, 21%); -} - -@keyframes spinAround { - from { - transform: rotate(0deg); - } - to { - transform: rotate(359deg); - } -} -/* Bulma Elements */ -.box { - background-color: hsl(0, 0%, 100%); - border-radius: 6px; - box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); - color: hsl(0, 0%, 29%); - display: block; - padding: 1.25rem; -} - -a.box:hover, a.box:focus { - box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px hsl(229, 53%, 53%); -} - -a.box:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px hsl(229, 53%, 53%); -} - -.button { - background-color: hsl(0, 0%, 100%); - border-color: hsl(0, 0%, 86%); - border-width: 1px; - color: hsl(0, 0%, 21%); - cursor: pointer; - justify-content: center; - padding-bottom: calc(0.5em - 1px); - padding-left: 1em; - padding-right: 1em; - padding-top: calc(0.5em - 1px); - text-align: center; - white-space: nowrap; -} - -.button strong { - color: inherit; -} - -.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { - height: 1.5em; - width: 1.5em; -} - -.button .icon:first-child:not(:last-child) { - margin-left: calc(-0.5em - 1px); - margin-right: 0.25em; -} - -.button .icon:last-child:not(:first-child) { - margin-left: 0.25em; - margin-right: calc(-0.5em - 1px); -} - -.button .icon:first-child:last-child { - margin-left: calc(-0.5em - 1px); - margin-right: calc(-0.5em - 1px); -} - -.button:hover, .button.is-hovered { - border-color: hsl(0, 0%, 71%); - color: hsl(0, 0%, 21%); -} - -.button:focus, .button.is-focused { - border-color: hsl(229, 53%, 53%); - color: hsl(0, 0%, 21%); -} - -.button:focus:not(:active), .button.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); -} - -.button:active, .button.is-active { - border-color: hsl(0, 0%, 29%); - color: hsl(0, 0%, 21%); -} - -.button.is-text { - background-color: transparent; - border-color: transparent; - color: hsl(0, 0%, 29%); - text-decoration: underline; -} - -.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { - background-color: hsl(0, 0%, 96%); - color: hsl(0, 0%, 21%); -} - -.button.is-text:active, .button.is-text.is-active { - background-color: #e8e8e8; - color: hsl(0, 0%, 21%); -} - -.button.is-text[disabled], fieldset[disabled] .button.is-text { - background-color: transparent; - border-color: transparent; - box-shadow: none; -} - -.button.is-ghost { - background: none; - border-color: transparent; - color: hsl(229, 53%, 53%); - text-decoration: none; -} - -.button.is-ghost:hover, .button.is-ghost.is-hovered { - color: hsl(229, 53%, 53%); - text-decoration: underline; -} - -.button.is-white { - background-color: hsl(0, 0%, 100%); - border-color: transparent; - color: hsl(0, 0%, 4%); -} - -.button.is-white:hover, .button.is-white.is-hovered { - background-color: #f9f9f9; - border-color: transparent; - color: hsl(0, 0%, 4%); -} - -.button.is-white:focus, .button.is-white.is-focused { - border-color: transparent; - color: hsl(0, 0%, 4%); -} - -.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); -} - -.button.is-white:active, .button.is-white.is-active { - background-color: #f2f2f2; - border-color: transparent; - color: hsl(0, 0%, 4%); -} - -.button.is-white[disabled], fieldset[disabled] .button.is-white { - background-color: hsl(0, 0%, 100%); - border-color: hsl(0, 0%, 100%); - box-shadow: none; -} - -.button.is-white.is-inverted { - background-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} - -.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered { - background-color: black; -} - -.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted { - background-color: hsl(0, 0%, 4%); - border-color: transparent; - box-shadow: none; - color: hsl(0, 0%, 100%); -} - -.button.is-white.is-loading::after { - border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; -} - -.button.is-white.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 100%); -} - -.button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused { - background-color: hsl(0, 0%, 100%); - border-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); -} - -.button.is-white.is-outlined.is-loading::after { - border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; -} - -.button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; -} - -.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 100%); - box-shadow: none; - color: hsl(0, 0%, 100%); -} - -.button.is-white.is-inverted.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 4%); -} - -.button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused { - background-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} - -.button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; -} - -.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 4%); - box-shadow: none; - color: hsl(0, 0%, 4%); -} - -.button.is-black { - background-color: hsl(0, 0%, 4%); - border-color: transparent; - color: hsl(0, 0%, 100%); -} - -.button.is-black:hover, .button.is-black.is-hovered { - background-color: #040404; - border-color: transparent; - color: hsl(0, 0%, 100%); -} - -.button.is-black:focus, .button.is-black.is-focused { - border-color: transparent; - color: hsl(0, 0%, 100%); -} - -.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); -} - -.button.is-black:active, .button.is-black.is-active { - background-color: black; - border-color: transparent; - color: hsl(0, 0%, 100%); -} - -.button.is-black[disabled], fieldset[disabled] .button.is-black { - background-color: hsl(0, 0%, 4%); - border-color: hsl(0, 0%, 4%); - box-shadow: none; -} - -.button.is-black.is-inverted { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); -} - -.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered { - background-color: #f2f2f2; -} - -.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted { - background-color: hsl(0, 0%, 100%); - border-color: transparent; - box-shadow: none; - color: hsl(0, 0%, 4%); -} - -.button.is-black.is-loading::after { - border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; -} - -.button.is-black.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 4%); -} - -.button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused { - background-color: hsl(0, 0%, 4%); - border-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} - -.button.is-black.is-outlined.is-loading::after { - border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; -} - -.button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important; -} - -.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 4%); - box-shadow: none; - color: hsl(0, 0%, 4%); -} - -.button.is-black.is-inverted.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 100%); -} - -.button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); -} - -.button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important; -} - -.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 100%); - box-shadow: none; - color: hsl(0, 0%, 100%); -} - -.button.is-light { - background-color: hsl(0, 0%, 96%); - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} - -.button.is-light:hover, .button.is-light.is-hovered { - background-color: #eeeeee; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} - -.button.is-light:focus, .button.is-light.is-focused { - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} - -.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); -} - -.button.is-light:active, .button.is-light.is-active { - background-color: #e8e8e8; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} - -.button.is-light[disabled], fieldset[disabled] .button.is-light { - background-color: hsl(0, 0%, 96%); - border-color: hsl(0, 0%, 96%); - box-shadow: none; -} - -.button.is-light.is-inverted { - background-color: rgba(0, 0, 0, 0.7); - color: hsl(0, 0%, 96%); -} - -.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered { - background-color: rgba(0, 0, 0, 0.7); -} - -.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted { - background-color: rgba(0, 0, 0, 0.7); - border-color: transparent; - box-shadow: none; - color: hsl(0, 0%, 96%); -} - -.button.is-light.is-loading::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; -} - -.button.is-light.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 96%); - color: hsl(0, 0%, 96%); -} - -.button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused { - background-color: hsl(0, 0%, 96%); - border-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); -} - -.button.is-light.is-outlined.is-loading::after { - border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important; -} - -.button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important; -} - -.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 96%); - box-shadow: none; - color: hsl(0, 0%, 96%); -} - -.button.is-light.is-inverted.is-outlined { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.7); - color: rgba(0, 0, 0, 0.7); -} - -.button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused { - background-color: rgba(0, 0, 0, 0.7); - color: hsl(0, 0%, 96%); -} - -.button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important; -} - -.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined { - background-color: transparent; - border-color: rgba(0, 0, 0, 0.7); - box-shadow: none; - color: rgba(0, 0, 0, 0.7); -} - -.button.is-dark { - background-color: hsl(0, 0%, 21%); - border-color: transparent; - color: #fff; -} - -.button.is-dark:hover, .button.is-dark.is-hovered { - background-color: #2f2f2f; - border-color: transparent; - color: #fff; -} - -.button.is-dark:focus, .button.is-dark.is-focused { - border-color: transparent; - color: #fff; -} - -.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); -} - -.button.is-dark:active, .button.is-dark.is-active { - background-color: #292929; - border-color: transparent; - color: #fff; -} - -.button.is-dark[disabled], fieldset[disabled] .button.is-dark { - background-color: hsl(0, 0%, 21%); - border-color: hsl(0, 0%, 21%); - box-shadow: none; -} - -.button.is-dark.is-inverted { - background-color: #fff; - color: hsl(0, 0%, 21%); -} - -.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered { - background-color: #f2f2f2; -} - -.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: hsl(0, 0%, 21%); -} - -.button.is-dark.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-dark.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 21%); - color: hsl(0, 0%, 21%); -} - -.button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused { - background-color: hsl(0, 0%, 21%); - border-color: hsl(0, 0%, 21%); - color: #fff; -} - -.button.is-dark.is-outlined.is-loading::after { - border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important; -} - -.button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined { - background-color: transparent; - border-color: hsl(0, 0%, 21%); - box-shadow: none; - color: hsl(0, 0%, 21%); -} - -.button.is-dark.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} - -.button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: hsl(0, 0%, 21%); -} - -.button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important; -} - -.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; -} - -.button.is-primary { - background-color: hsl(171, 100%, 41%); - border-color: transparent; - color: #fff; -} - -.button.is-primary:hover, .button.is-primary.is-hovered { - background-color: #00c4a7; - border-color: transparent; - color: #fff; -} - -.button.is-primary:focus, .button.is-primary.is-focused { - border-color: transparent; - color: #fff; -} - -.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); -} - -.button.is-primary:active, .button.is-primary.is-active { - background-color: #00b89c; - border-color: transparent; - color: #fff; -} - -.button.is-primary[disabled], fieldset[disabled] .button.is-primary { - background-color: hsl(171, 100%, 41%); - border-color: hsl(171, 100%, 41%); - box-shadow: none; -} - -.button.is-primary.is-inverted { - background-color: #fff; - color: hsl(171, 100%, 41%); -} - -.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered { - background-color: #f2f2f2; -} - -.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: hsl(171, 100%, 41%); -} - -.button.is-primary.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-primary.is-outlined { - background-color: transparent; - border-color: hsl(171, 100%, 41%); - color: hsl(171, 100%, 41%); -} - -.button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused { - background-color: hsl(171, 100%, 41%); - border-color: hsl(171, 100%, 41%); - color: #fff; -} - -.button.is-primary.is-outlined.is-loading::after { - border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important; -} - -.button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined { - background-color: transparent; - border-color: hsl(171, 100%, 41%); - box-shadow: none; - color: hsl(171, 100%, 41%); -} - -.button.is-primary.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} - -.button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: hsl(171, 100%, 41%); -} - -.button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important; -} - -.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; -} - -.button.is-primary.is-light { - background-color: var(--primary-light); - color: #00947e; -} - -.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered { - background-color: var(--primary-light); - border-color: transparent; - color: #00947e; -} - -.button.is-primary.is-light:active, .button.is-primary.is-light.is-active { - background-color: var(--primary-light); - border-color: transparent; - color: #00947e; -} - -.button.is-link { - background-color: hsl(229, 53%, 53%); - border-color: transparent; - color: #fff; -} - -.button.is-link:hover, .button.is-link.is-hovered { - background-color: #3e56c4; - border-color: transparent; - color: #fff; -} - -.button.is-link:focus, .button.is-link.is-focused { - border-color: transparent; - color: #fff; -} - -.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); -} - -.button.is-link:active, .button.is-link.is-active { - background-color: #3a51bb; - border-color: transparent; - color: #fff; -} - -.button.is-link[disabled], fieldset[disabled] .button.is-link { - background-color: hsl(229, 53%, 53%); - border-color: hsl(229, 53%, 53%); - box-shadow: none; -} - -.button.is-link.is-inverted { - background-color: #fff; - color: hsl(229, 53%, 53%); -} - -.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered { - 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: hsl(229, 53%, 53%); -} - -.button.is-link.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-link.is-outlined { - background-color: transparent; - border-color: hsl(229, 53%, 53%); - color: hsl(229, 53%, 53%); -} - -.button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused { - background-color: hsl(229, 53%, 53%); - border-color: hsl(229, 53%, 53%); - color: #fff; -} - -.button.is-link.is-outlined.is-loading::after { - border-color: transparent transparent hsl(229, 53%, 53%) hsl(229, 53%, 53%) !important; -} - -.button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined { - background-color: transparent; - border-color: hsl(229, 53%, 53%); - box-shadow: none; - color: hsl(229, 53%, 53%); -} - -.button.is-link.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} - -.button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: hsl(229, 53%, 53%); -} - -.button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent hsl(229, 53%, 53%) hsl(229, 53%, 53%) !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: #eff1fa; - color: #3850b7; -} - -.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered { - background-color: #e6e9f7; - border-color: transparent; - color: #3850b7; -} - -.button.is-link.is-light:active, .button.is-link.is-light.is-active { - background-color: #dce0f4; - border-color: transparent; - color: #3850b7; -} - -.button.is-info { - background-color: hsl(217, 71%, 50%); - border-color: transparent; - color: #fff; -} - -.button.is-info:hover, .button.is-info.is-hovered { - background-color: #2365cf; - border-color: transparent; - color: #fff; -} - -.button.is-info:focus, .button.is-info.is-focused { - border-color: transparent; - color: #fff; -} - -.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(37, 106, 218, 0.25); -} - -.button.is-info:active, .button.is-info.is-active { - background-color: #2160c4; - border-color: transparent; - color: #fff; -} - -.button.is-info[disabled], fieldset[disabled] .button.is-info { - background-color: hsl(217, 71%, 50%); - border-color: hsl(217, 71%, 50%); - box-shadow: none; -} - -.button.is-info.is-inverted { - background-color: #fff; - color: hsl(217, 71%, 50%); -} - -.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered { - 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: hsl(217, 71%, 50%); -} - -.button.is-info.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-info.is-outlined { - background-color: transparent; - border-color: hsl(217, 71%, 50%); - color: hsl(217, 71%, 50%); -} - -.button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused { - background-color: hsl(217, 71%, 50%); - border-color: hsl(217, 71%, 50%); - color: #fff; -} - -.button.is-info.is-outlined.is-loading::after { - border-color: transparent transparent hsl(217, 71%, 50%) hsl(217, 71%, 50%) !important; -} - -.button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined { - background-color: transparent; - border-color: hsl(217, 71%, 50%); - box-shadow: none; - color: hsl(217, 71%, 50%); -} - -.button.is-info.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} - -.button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: hsl(217, 71%, 50%); -} - -.button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent hsl(217, 71%, 50%) hsl(217, 71%, 50%) !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: #eef3fc; - color: #2262c9; -} - -.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered { - background-color: #e3ecfa; - border-color: transparent; - color: #2262c9; -} - -.button.is-info.is-light:active, .button.is-info.is-light.is-active { - background-color: #d8e4f8; - border-color: transparent; - color: #2262c9; -} - -.button.is-success { - background-color: hsl(141, 53%, 40%); - border-color: transparent; - color: #fff; -} - -.button.is-success:hover, .button.is-success.is-hovered { - background-color: #2d9250; - border-color: transparent; - color: #fff; -} - -.button.is-success:focus, .button.is-success.is-focused { - border-color: transparent; - color: #fff; -} - -.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(48, 156, 86, 0.25); -} - -.button.is-success:active, .button.is-success.is-active { - background-color: #2a894b; - border-color: transparent; - color: #fff; -} - -.button.is-success[disabled], fieldset[disabled] .button.is-success { - background-color: hsl(141, 53%, 40%); - border-color: hsl(141, 53%, 40%); - box-shadow: none; -} - -.button.is-success.is-inverted { - background-color: #fff; - color: hsl(141, 53%, 40%); -} - -.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered { - 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: hsl(141, 53%, 40%); -} - -.button.is-success.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-success.is-outlined { - background-color: transparent; - border-color: hsl(141, 53%, 40%); - color: hsl(141, 53%, 40%); -} - -.button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused { - background-color: hsl(141, 53%, 40%); - border-color: hsl(141, 53%, 40%); - color: #fff; -} - -.button.is-success.is-outlined.is-loading::after { - border-color: transparent transparent hsl(141, 53%, 40%) hsl(141, 53%, 40%) !important; -} - -.button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined { - background-color: transparent; - border-color: hsl(141, 53%, 40%); - box-shadow: none; - color: hsl(141, 53%, 40%); -} - -.button.is-success.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} - -.button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: hsl(141, 53%, 40%); -} - -.button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent hsl(141, 53%, 40%) hsl(141, 53%, 40%) !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: #31a058; -} - -.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered { - background-color: #e6f7ec; - border-color: transparent; - color: #31a058; -} - -.button.is-success.is-light:active, .button.is-success.is-light.is-active { - background-color: #dcf4e4; - border-color: transparent; - color: #31a058; -} - -.button.is-warning { - background-color: hsl(38, 93%, 50%); - border-color: transparent; - color: #fff; -} - -.button.is-warning:hover, .button.is-warning.is-hovered { - background-color: #ea9708; - border-color: transparent; - color: #fff; -} - -.button.is-warning:focus, .button.is-warning.is-focused { - border-color: transparent; - color: #fff; -} - -.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(246, 159, 9, 0.25); -} - -.button.is-warning:active, .button.is-warning.is-active { - background-color: #dd8f08; - border-color: transparent; - color: #fff; -} - -.button.is-warning[disabled], fieldset[disabled] .button.is-warning { - background-color: hsl(38, 93%, 50%); - border-color: hsl(38, 93%, 50%); - box-shadow: none; -} - -.button.is-warning.is-inverted { - background-color: #fff; - color: hsl(38, 93%, 50%); -} - -.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered { - background-color: #f2f2f2; -} - -.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: hsl(38, 93%, 50%); -} - -.button.is-warning.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-warning.is-outlined { - background-color: transparent; - border-color: hsl(38, 93%, 50%); - color: hsl(38, 93%, 50%); -} - -.button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused { - background-color: hsl(38, 93%, 50%); - border-color: hsl(38, 93%, 50%); - color: #fff; -} - -.button.is-warning.is-outlined.is-loading::after { - border-color: transparent transparent hsl(38, 93%, 50%) hsl(38, 93%, 50%) !important; -} - -.button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined { - background-color: transparent; - border-color: hsl(38, 93%, 50%); - box-shadow: none; - color: hsl(38, 93%, 50%); -} - -.button.is-warning.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} - -.button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: hsl(38, 93%, 50%); -} - -.button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent hsl(38, 93%, 50%) hsl(38, 93%, 50%) !important; -} - -.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; -} - -.button.is-warning.is-light { - background-color: #fef7eb; - color: #996306; -} - -.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered { - background-color: #fef3df; - border-color: transparent; - color: #996306; -} - -.button.is-warning.is-light:active, .button.is-warning.is-light.is-active { - background-color: #fdeed3; - border-color: transparent; - color: #996306; -} - -.button.is-danger { - background-color: hsl(348, 100%, 40%); - border-color: transparent; - color: #fff; -} - -.button.is-danger:hover, .button.is-danger.is-hovered { - background-color: #bf0026; - border-color: transparent; - color: #fff; -} - -.button.is-danger:focus, .button.is-danger.is-focused { - border-color: transparent; - color: #fff; -} - -.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(204, 0, 41, 0.25); -} - -.button.is-danger:active, .button.is-danger.is-active { - background-color: #b30024; - border-color: transparent; - color: #fff; -} - -.button.is-danger[disabled], fieldset[disabled] .button.is-danger { - background-color: hsl(348, 100%, 40%); - border-color: hsl(348, 100%, 40%); - box-shadow: none; -} - -.button.is-danger.is-inverted { - background-color: #fff; - color: hsl(348, 100%, 40%); -} - -.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered { - 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: hsl(348, 100%, 40%); -} - -.button.is-danger.is-loading::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-danger.is-outlined { - background-color: transparent; - border-color: hsl(348, 100%, 40%); - color: hsl(348, 100%, 40%); -} - -.button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused { - background-color: hsl(348, 100%, 40%); - border-color: hsl(348, 100%, 40%); - color: #fff; -} - -.button.is-danger.is-outlined.is-loading::after { - border-color: transparent transparent hsl(348, 100%, 40%) hsl(348, 100%, 40%) !important; -} - -.button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent #fff #fff !important; -} - -.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined { - background-color: transparent; - border-color: hsl(348, 100%, 40%); - box-shadow: none; - color: hsl(348, 100%, 40%); -} - -.button.is-danger.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; -} - -.button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused { - background-color: #fff; - color: hsl(348, 100%, 40%); -} - -.button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after { - border-color: transparent transparent hsl(348, 100%, 40%) hsl(348, 100%, 40%) !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: #ffebef; - color: #ff0033; -} - -.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered { - background-color: #ffdee4; - border-color: transparent; - color: #ff0033; -} - -.button.is-danger.is-light:active, .button.is-danger.is-light.is-active { - background-color: #ffd1da; - border-color: transparent; - color: #ff0033; -} - -.button.is-small { - font-size: 0.846rem; -} - -.button.is-small:not(.is-rounded) { - border-radius: 2px; -} - -.button.is-normal { - font-size: 1rem; -} - -.button.is-medium { - font-size: 1.213rem; -} - -.button.is-large { - font-size: 1.385rem; -} - -.button[disabled], fieldset[disabled] .button { - background-color: hsl(0, 0%, 100%); - border-color: hsl(0, 0%, 86%); - box-shadow: none; - opacity: 0.5; -} - -.button.is-fullwidth { - display: flex; - width: 100%; -} - -.button.is-loading { - color: transparent !important; - pointer-events: none; -} - -.button.is-loading::after { - position: absolute; - left: calc(50% - 0.5em); - top: calc(50% - 0.5em); - position: absolute !important; -} - -.button.is-static { - background-color: hsl(0, 0%, 96%); - border-color: hsl(0, 0%, 86%); - color: hsl(0, 0%, 48%); - box-shadow: none; - pointer-events: none; -} - -.button.is-rounded { - border-radius: 9999px; - padding-left: 1.25em; - padding-right: 1.25em; -} - -.buttons { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; -} - -.buttons .button { - margin-bottom: 0.5rem; -} - -.buttons .button:not(:last-child):not(.is-fullwidth) { - margin-right: 0.5rem; -} - -.buttons:last-child { - margin-bottom: -0.5rem; -} - -.buttons:not(:last-child) { - margin-bottom: 1rem; -} - -.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) { - font-size: 0.846rem; -} - -.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) { - border-radius: 2px; -} - -.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) { - font-size: 1.213rem; -} - -.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) { - font-size: 1.385rem; -} - -.buttons.has-addons .button:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; -} - -.buttons.has-addons .button:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - margin-right: -1px; -} - -.buttons.has-addons .button:last-child { - margin-right: 0; -} - -.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { - z-index: 2; -} - -.buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { - z-index: 3; -} - -.buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { - z-index: 4; -} - -.buttons.has-addons .button.is-expanded { - flex-grow: 1; - flex-shrink: 1; -} - -.buttons.is-centered { - justify-content: center; -} - -.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) { - margin-left: 0.25rem; - margin-right: 0.25rem; -} - -.buttons.is-right { - justify-content: flex-end; -} - -.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) { - margin-left: 0.25rem; - margin-right: 0.25rem; -} - -@media screen and (max-width: 768px) { - .button.is-responsive.is-small { - font-size: 0.6345rem; - } - .button.is-responsive, - .button.is-responsive.is-normal { - font-size: 0.74025rem; - } - .button.is-responsive.is-medium { - font-size: 0.846rem; - } - .button.is-responsive.is-large { - font-size: 1rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .button.is-responsive.is-small { - font-size: 0.74025rem; - } - .button.is-responsive, - .button.is-responsive.is-normal { - font-size: 0.846rem; - } - .button.is-responsive.is-medium { - font-size: 1rem; - } - .button.is-responsive.is-large { - font-size: 1.213rem; - } -} -.container { - flex-grow: 1; - margin: 0 auto; - position: relative; - width: auto; -} - -.container.is-fluid { - max-width: none !important; - padding-left: 32px; - padding-right: 32px; - width: 100%; -} - -@media screen and (min-width: 1024px) { - .container { - max-width: 960px; - } -} -@media screen and (max-width: 1215px) { - .container.is-widescreen:not(.is-max-desktop) { - max-width: 1152px; - } -} -@media screen and (max-width: 1407px) { - .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) { - max-width: 1344px; - } -} -@media screen and (min-width: 1216px) { - .container:not(.is-max-desktop) { - max-width: 1152px; - } -} -@media screen and (min-width: 1408px) { - .container:not(.is-max-desktop):not(.is-max-widescreen) { - max-width: 1344px; - } -} -.content li + li { - margin-top: 0.25em; -} - -.content p:not(:last-child), -.content dl:not(:last-child), -.content ol:not(:last-child), -.content ul:not(:last-child), -.content blockquote:not(:last-child), -.content pre:not(:last-child), -.content table:not(:last-child) { - margin-bottom: 1em; -} - -.content h1, -.content h2, -.content h3, -.content h4, -.content h5, -.content h6 { - color: hsl(0, 0%, 21%); - font-weight: 600; - line-height: 1.125; -} - -.content h1 { - font-size: 2em; - margin-bottom: 0.5em; -} - -.content h1:not(:first-child) { - margin-top: 1em; -} - -.content h2 { - font-size: 1.75em; - margin-bottom: 0.5714em; -} - -.content h2:not(:first-child) { - margin-top: 1.1428em; -} - -.content h3 { - font-size: 1.5em; - margin-bottom: 0.6666em; -} - -.content h3:not(:first-child) { - margin-top: 1.3333em; -} - -.content h4 { - font-size: 1.25em; - margin-bottom: 0.8em; -} - -.content h5 { - font-size: 1.125em; - margin-bottom: 0.8888em; -} - -.content h6 { - font-size: 1em; - margin-bottom: 1em; -} - -.content blockquote { - background-color: hsl(0, 0%, 96%); - border-left: 5px solid hsl(0, 0%, 86%); - padding: 1.25em 1.5em; -} - -.content ol { - list-style-position: outside; - margin-left: 2em; - margin-top: 1em; -} - -.content ol:not([type]) { - list-style-type: decimal; -} - -.content ol:not([type]).is-lower-alpha { - list-style-type: lower-alpha; -} - -.content ol:not([type]).is-lower-roman { - list-style-type: lower-roman; -} - -.content ol:not([type]).is-upper-alpha { - list-style-type: upper-alpha; -} - -.content ol:not([type]).is-upper-roman { - list-style-type: upper-roman; -} - -.content ul { - list-style: disc outside; - margin-left: 2em; - margin-top: 1em; -} - -.content ul ul { - list-style-type: circle; - margin-top: 0.5em; -} - -.content ul ul ul { - list-style-type: square; -} - -.content dd { - margin-left: 2em; -} - -.content figure { - margin-left: 2em; - margin-right: 2em; - text-align: center; -} - -.content figure:not(:first-child) { - margin-top: 2em; -} - -.content figure:not(:last-child) { - margin-bottom: 2em; -} - -.content figure img { - display: inline-block; -} - -.content figure figcaption { - font-style: italic; -} - -.content pre { - -webkit-overflow-scrolling: touch; - overflow-x: auto; - padding: 1.25em 1.5em; - white-space: pre; - word-wrap: normal; -} - -.content sup, -.content sub { - font-size: 75%; -} - -.content table { - width: 100%; -} - -.content table td, -.content table th { - border: 1px solid hsl(0, 0%, 86%); - border-width: 0 0 1px; - padding: 0.5em 0.75em; - vertical-align: top; -} - -.content table th { - color: hsl(0, 0%, 21%); -} - -.content table th:not([align]) { - text-align: inherit; -} - -.content table thead td, -.content table thead th { - border-width: 0 0 2px; - color: hsl(0, 0%, 21%); -} - -.content table tfoot td, -.content table tfoot th { - border-width: 2px 0 0; - color: hsl(0, 0%, 21%); -} - -.content table tbody tr:last-child td, -.content table tbody tr:last-child th { - border-bottom-width: 0; -} - -.content .tabs li + li { - margin-top: 0; -} - -.content.is-small { - font-size: 0.846rem; -} - -.content.is-normal { - font-size: 1rem; -} - -.content.is-medium { - font-size: 1.213rem; -} - -.content.is-large { - font-size: 1.385rem; -} - -.icon { - align-items: center; - display: inline-flex; - justify-content: center; - height: 1.5rem; - width: 1.5rem; -} - -.icon.is-small { - height: 1rem; - width: 1rem; -} - -.icon.is-medium { - height: 2rem; - width: 2rem; -} - -.icon.is-large { - height: 3rem; - width: 3rem; -} - -.icon-text { - align-items: flex-start; - color: inherit; - display: inline-flex; - flex-wrap: wrap; - line-height: 1.5rem; - vertical-align: top; -} - -.icon-text .icon { - flex-grow: 0; - flex-shrink: 0; -} - -.icon-text .icon:not(:last-child) { - margin-right: 0.25em; -} - -.icon-text .icon:not(:first-child) { - margin-left: 0.25em; -} - -div.icon-text { - display: flex; -} - -.image { - display: block; - position: relative; -} - -.image img { - display: block; - height: auto; - width: 100%; -} - -.image img.is-rounded { - border-radius: 9999px; -} - -.image.is-fullwidth { - width: 100%; -} - -.image.is-square img, -.image.is-square .has-ratio, .image.is-1by1 img, -.image.is-1by1 .has-ratio, .image.is-5by4 img, -.image.is-5by4 .has-ratio, .image.is-4by3 img, -.image.is-4by3 .has-ratio, .image.is-3by2 img, -.image.is-3by2 .has-ratio, .image.is-5by3 img, -.image.is-5by3 .has-ratio, .image.is-16by9 img, -.image.is-16by9 .has-ratio, .image.is-2by1 img, -.image.is-2by1 .has-ratio, .image.is-3by1 img, -.image.is-3by1 .has-ratio, .image.is-4by5 img, -.image.is-4by5 .has-ratio, .image.is-3by4 img, -.image.is-3by4 .has-ratio, .image.is-2by3 img, -.image.is-2by3 .has-ratio, .image.is-3by5 img, -.image.is-3by5 .has-ratio, .image.is-9by16 img, -.image.is-9by16 .has-ratio, .image.is-1by2 img, -.image.is-1by2 .has-ratio, .image.is-1by3 img, -.image.is-1by3 .has-ratio { - height: 100%; - width: 100%; -} - -.image.is-square, .image.is-1by1 { - 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: hsl(0, 0%, 96%); - border-radius: 4px; - position: relative; - padding: 1.25rem 2.5rem 1.25rem 1.5rem; -} - -.notification a:not(.button):not(.dropdown-item) { - color: currentColor; - text-decoration: underline; -} - -.notification strong { - color: currentColor; -} - -.notification code, -.notification pre { - background: hsl(0, 0%, 100%); -} - -.notification pre code { - background: transparent; -} - -.notification > .delete { - right: 0.5rem; - position: absolute; - top: 0.5rem; -} - -.notification .title, -.notification .subtitle, -.notification .content { - color: currentColor; -} - -.notification.is-white { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); -} - -.notification.is-black { - background-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} - -.notification.is-light { - background-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); -} - -.notification.is-dark { - background-color: hsl(0, 0%, 21%); - color: #fff; -} - -.notification.is-primary { - background-color: hsl(171, 100%, 41%); - color: #fff; -} - -.notification.is-primary.is-light { - background-color: var(--primary-light); - color: #00947e; -} - -.notification.is-link { - background-color: hsl(229, 53%, 53%); - color: #fff; -} - -.notification.is-link.is-light { - background-color: #eff1fa; - color: #3850b7; -} - -.notification.is-info { - background-color: hsl(217, 71%, 50%); - color: #fff; -} - -.notification.is-info.is-light { - background-color: #eef3fc; - color: #2262c9; -} - -.notification.is-success { - background-color: hsl(141, 53%, 40%); - color: #fff; -} - -.notification.is-success.is-light { - background-color: #effaf3; - color: #31a058; -} - -.notification.is-warning { - background-color: hsl(38, 93%, 50%); - color: #fff; -} - -.notification.is-warning.is-light { - background-color: #fef7eb; - color: #996306; -} - -.notification.is-danger { - background-color: hsl(348, 100%, 40%); - color: #fff; -} - -.notification.is-danger.is-light { - background-color: #ffebef; - color: #ff0033; -} - -.progress { - -moz-appearance: none; - -webkit-appearance: none; - border: none; - border-radius: 9999px; - display: block; - height: 1rem; - overflow: hidden; - padding: 0; - width: 100%; -} - -.progress::-webkit-progress-bar { - background-color: hsl(0, 0%, 93%); -} - -.progress::-webkit-progress-value { - background-color: hsl(0, 0%, 29%); -} - -.progress::-moz-progress-bar { - background-color: hsl(0, 0%, 29%); -} - -.progress::-ms-fill { - background-color: hsl(0, 0%, 29%); - border: none; -} - -.progress.is-white::-webkit-progress-value { - background-color: hsl(0, 0%, 100%); -} - -.progress.is-white::-moz-progress-bar { - background-color: hsl(0, 0%, 100%); -} - -.progress.is-white::-ms-fill { - background-color: hsl(0, 0%, 100%); -} - -.progress.is-white:indeterminate { - background-image: linear-gradient(to right, hsl(0, 0%, 100%) 30%, hsl(0, 0%, 93%) 30%); -} - -.progress.is-black::-webkit-progress-value { - background-color: hsl(0, 0%, 4%); -} - -.progress.is-black::-moz-progress-bar { - background-color: hsl(0, 0%, 4%); -} - -.progress.is-black::-ms-fill { - background-color: hsl(0, 0%, 4%); -} - -.progress.is-black:indeterminate { - background-image: linear-gradient(to right, hsl(0, 0%, 4%) 30%, hsl(0, 0%, 93%) 30%); -} - -.progress.is-light::-webkit-progress-value { - background-color: hsl(0, 0%, 96%); -} - -.progress.is-light::-moz-progress-bar { - background-color: hsl(0, 0%, 96%); -} - -.progress.is-light::-ms-fill { - background-color: hsl(0, 0%, 96%); -} - -.progress.is-light:indeterminate { - background-image: linear-gradient(to right, hsl(0, 0%, 96%) 30%, hsl(0, 0%, 93%) 30%); -} - -.progress.is-dark::-webkit-progress-value { - background-color: hsl(0, 0%, 21%); -} - -.progress.is-dark::-moz-progress-bar { - background-color: hsl(0, 0%, 21%); -} - -.progress.is-dark::-ms-fill { - background-color: hsl(0, 0%, 21%); -} - -.progress.is-dark:indeterminate { - background-image: linear-gradient(to right, hsl(0, 0%, 21%) 30%, hsl(0, 0%, 93%) 30%); -} - -.progress.is-primary::-webkit-progress-value { - background-color: hsl(171, 100%, 41%); -} - -.progress.is-primary::-moz-progress-bar { - background-color: hsl(171, 100%, 41%); -} - -.progress.is-primary::-ms-fill { - background-color: hsl(171, 100%, 41%); -} - -.progress.is-primary:indeterminate { - background-image: linear-gradient(to right, hsl(171, 100%, 41%) 30%, hsl(0, 0%, 93%) 30%); -} - -.progress.is-link::-webkit-progress-value { - background-color: hsl(229, 53%, 53%); -} - -.progress.is-link::-moz-progress-bar { - background-color: hsl(229, 53%, 53%); -} - -.progress.is-link::-ms-fill { - background-color: hsl(229, 53%, 53%); -} - -.progress.is-link:indeterminate { - background-image: linear-gradient(to right, hsl(229, 53%, 53%) 30%, hsl(0, 0%, 93%) 30%); -} - -.progress.is-info::-webkit-progress-value { - background-color: hsl(217, 71%, 50%); -} - -.progress.is-info::-moz-progress-bar { - background-color: hsl(217, 71%, 50%); -} - -.progress.is-info::-ms-fill { - background-color: hsl(217, 71%, 50%); -} - -.progress.is-info:indeterminate { - background-image: linear-gradient(to right, hsl(217, 71%, 50%) 30%, hsl(0, 0%, 93%) 30%); -} - -.progress.is-success::-webkit-progress-value { - background-color: hsl(141, 53%, 40%); -} - -.progress.is-success::-moz-progress-bar { - background-color: hsl(141, 53%, 40%); -} - -.progress.is-success::-ms-fill { - background-color: hsl(141, 53%, 40%); -} - -.progress.is-success:indeterminate { - background-image: linear-gradient(to right, hsl(141, 53%, 40%) 30%, hsl(0, 0%, 93%) 30%); -} - -.progress.is-warning::-webkit-progress-value { - background-color: hsl(38, 93%, 50%); -} - -.progress.is-warning::-moz-progress-bar { - background-color: hsl(38, 93%, 50%); -} - -.progress.is-warning::-ms-fill { - background-color: hsl(38, 93%, 50%); -} - -.progress.is-warning:indeterminate { - background-image: linear-gradient(to right, hsl(38, 93%, 50%) 30%, hsl(0, 0%, 93%) 30%); -} - -.progress.is-danger::-webkit-progress-value { - background-color: hsl(348, 100%, 40%); -} - -.progress.is-danger::-moz-progress-bar { - background-color: hsl(348, 100%, 40%); -} - -.progress.is-danger::-ms-fill { - background-color: hsl(348, 100%, 40%); -} - -.progress.is-danger:indeterminate { - background-image: linear-gradient(to right, hsl(348, 100%, 40%) 30%, hsl(0, 0%, 93%) 30%); -} - -.progress:indeterminate { - animation-duration: 1.5s; - animation-iteration-count: infinite; - animation-name: moveIndeterminate; - animation-timing-function: linear; - background-color: hsl(0, 0%, 93%); - background-image: linear-gradient(to right, hsl(0, 0%, 29%) 30%, hsl(0, 0%, 93%) 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:indeterminate::-ms-fill { - animation-name: none; -} - -.progress.is-small { - height: 0.846rem; -} - -.progress.is-medium { - height: 1.213rem; -} - -.progress.is-large { - height: 1.385rem; -} - -@keyframes moveIndeterminate { - from { - background-position: 200% 0; - } - to { - background-position: -200% 0; - } -} -.table { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 21%); -} - -.table td, -.table th { - border: 1px solid hsl(0, 0%, 86%); - border-width: 0 0 1px; - padding: 0.5em 0.75em; - vertical-align: top; -} - -.table td.is-white, -.table th.is-white { - background-color: hsl(0, 0%, 100%); - border-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); -} - -.table td.is-black, -.table th.is-black { - background-color: hsl(0, 0%, 4%); - border-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} - -.table td.is-light, -.table th.is-light { - background-color: hsl(0, 0%, 96%); - border-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); -} - -.table td.is-dark, -.table th.is-dark { - background-color: hsl(0, 0%, 21%); - border-color: hsl(0, 0%, 21%); - color: #fff; -} - -.table td.is-primary, -.table th.is-primary { - background-color: hsl(171, 100%, 41%); - border-color: hsl(171, 100%, 41%); - color: #fff; -} - -.table td.is-link, -.table th.is-link { - background-color: hsl(229, 53%, 53%); - border-color: hsl(229, 53%, 53%); - color: #fff; -} - -.table td.is-info, -.table th.is-info { - background-color: hsl(217, 71%, 50%); - border-color: hsl(217, 71%, 50%); - color: #fff; -} - -.table td.is-success, -.table th.is-success { - background-color: hsl(141, 53%, 40%); - border-color: hsl(141, 53%, 40%); - color: #fff; -} - -.table td.is-warning, -.table th.is-warning { - background-color: hsl(38, 93%, 50%); - border-color: hsl(38, 93%, 50%); - color: #fff; -} - -.table td.is-danger, -.table th.is-danger { - background-color: hsl(348, 100%, 40%); - border-color: hsl(348, 100%, 40%); - 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: hsl(171, 100%, 41%); - 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 td.is-vcentered, -.table th.is-vcentered { - vertical-align: middle; -} - -.table th { - color: hsl(0, 0%, 21%); -} - -.table th:not([align]) { - text-align: left; -} - -.table tr.is-selected { - background-color: hsl(171, 100%, 41%); - 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: hsl(0, 0%, 21%); -} - -.table tfoot { - background-color: transparent; -} - -.table tfoot td, -.table tfoot th { - border-width: 2px 0 0; - color: hsl(0, 0%, 21%); -} - -.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: hsl(0, 0%, 98%); -} - -.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { - background-color: hsl(0, 0%, 98%); -} - -.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) { - background-color: hsl(0, 0%, 96%); -} - -.table.is-narrow td, -.table.is-narrow th { - padding: 0.25em 0.5em; -} - -.table.is-striped tbody tr:not(.is-selected):nth-child(even) { - background-color: hsl(0, 0%, 98%); -} - -.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: 0.5rem; -} - -.tags .tag:not(:last-child) { - margin-right: 0.5rem; -} - -.tags:last-child { - margin-bottom: -0.5rem; -} - -.tags:not(:last-child) { - margin-bottom: 1rem; -} - -.tags.are-medium .tag:not(.is-normal):not(.is-large) { - font-size: 1rem; -} - -.tags.are-large .tag:not(.is-normal):not(.is-medium) { - font-size: 1.213rem; -} - -.tags.is-centered { - justify-content: center; -} - -.tags.is-centered .tag { - margin-right: 0.25rem; - margin-left: 0.25rem; -} - -.tags.is-right { - justify-content: flex-end; -} - -.tags.is-right .tag:not(:first-child) { - margin-left: 0.5rem; -} - -.tags.is-right .tag:not(:last-child) { - margin-right: 0; -} - -.tags.has-addons .tag { - margin-right: 0; -} - -.tags.has-addons .tag:not(:first-child) { - margin-left: 0; - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} - -.tags.has-addons .tag:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} - -.tag:not(body) { - align-items: center; - background-color: hsl(0, 0%, 96%); - border-radius: 4px; - color: hsl(0, 0%, 29%); - display: inline-flex; - font-size: 0.846rem; - height: 2em; - justify-content: center; - line-height: 1.5; - padding-left: 0.75em; - padding-right: 0.75em; - white-space: nowrap; -} - -.tag:not(body) .delete { - margin-left: 0.25rem; - margin-right: -0.375rem; -} - -.tag:not(body).is-white { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); -} - -.tag:not(body).is-black { - background-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} - -.tag:not(body).is-light { - background-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); -} - -.tag:not(body).is-dark { - background-color: hsl(0, 0%, 21%); - color: #fff; -} - -.tag:not(body).is-primary { - background-color: hsl(171, 100%, 41%); - color: #fff; -} - -.tag:not(body).is-primary.is-light { - background-color: var(--primary-light); - color: #00947e; -} - -.tag:not(body).is-link { - background-color: hsl(229, 53%, 53%); - color: #fff; -} - -.tag:not(body).is-link.is-light { - background-color: #eff1fa; - color: #3850b7; -} - -.tag:not(body).is-info { - background-color: hsl(217, 71%, 50%); - color: #fff; -} - -.tag:not(body).is-info.is-light { - background-color: #eef3fc; - color: #2262c9; -} - -.tag:not(body).is-success { - background-color: hsl(141, 53%, 40%); - color: #fff; -} - -.tag:not(body).is-success.is-light { - background-color: #effaf3; - color: #31a058; -} - -.tag:not(body).is-warning { - background-color: hsl(38, 93%, 50%); - color: #fff; -} - -.tag:not(body).is-warning.is-light { - background-color: #fef7eb; - color: #996306; -} - -.tag:not(body).is-danger { - background-color: hsl(348, 100%, 40%); - color: #fff; -} - -.tag:not(body).is-danger.is-light { - background-color: #ffebef; - color: #ff0033; -} - -.tag:not(body).is-normal { - font-size: 0.846rem; -} - -.tag:not(body).is-medium { - font-size: 1rem; -} - -.tag:not(body).is-large { - font-size: 1.213rem; -} - -.tag:not(body) .icon:first-child:not(:last-child) { - margin-left: -0.375em; - margin-right: 0.1875em; -} - -.tag:not(body) .icon:last-child:not(:first-child) { - margin-left: 0.1875em; - margin-right: -0.375em; -} - -.tag:not(body) .icon:first-child:last-child { - margin-left: -0.375em; - margin-right: -0.375em; -} - -.tag:not(body).is-delete { - margin-left: 1px; - padding: 0; - position: relative; - width: 2em; -} - -.tag:not(body).is-delete::before, .tag:not(body).is-delete::after { - background-color: currentColor; - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; -} - -.tag:not(body).is-delete::before { - height: 1px; - width: 50%; -} - -.tag:not(body).is-delete::after { - height: 50%; - width: 1px; -} - -.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { - background-color: #e8e8e8; -} - -.tag:not(body).is-delete:active { - background-color: #dbdbdb; -} - -.tag:not(body).is-rounded { - border-radius: 9999px; -} - -a.tag:hover { - text-decoration: underline; -} - -.title, -.subtitle { - word-break: break-word; -} - -.title em, -.title span, -.subtitle em, -.subtitle span { - font-weight: inherit; -} - -.title sub, -.subtitle sub { - font-size: 0.75em; -} - -.title sup, -.subtitle sup { - font-size: 0.75em; -} - -.title .tag, -.subtitle .tag { - vertical-align: middle; -} - -.title { - color: hsl(0, 0%, 21%); - font-size: 1.692rem; - font-weight: 600; - line-height: 1.125; -} - -.title strong { - color: inherit; - font-weight: inherit; -} - -.title:not(.is-spaced) + .subtitle { - margin-top: -1.25rem; -} - -.title.is-1 { - font-size: 2.462rem; -} - -.title.is-2 { - font-size: 2rem; -} - -.title.is-3 { - font-size: 1.692rem; -} - -.title.is-4 { - font-size: 1.385rem; -} - -.title.is-5 { - font-size: 1.213rem; -} - -.title.is-6 { - font-size: 1rem; -} - -.title.is-7 { - font-size: 0.846rem; -} - -.subtitle { - color: hsl(0, 0%, 29%); - font-size: 1.213rem; - font-weight: 400; - line-height: 1.25; -} - -.subtitle strong { - color: hsl(0, 0%, 21%); - font-weight: 600; -} - -.subtitle:not(.is-spaced) + .title { - margin-top: -1.25rem; -} - -.subtitle.is-1 { - font-size: 2.462rem; -} - -.subtitle.is-2 { - font-size: 2rem; -} - -.subtitle.is-3 { - font-size: 1.692rem; -} - -.subtitle.is-4 { - font-size: 1.385rem; -} - -.subtitle.is-5 { - font-size: 1.213rem; -} - -.subtitle.is-6 { - font-size: 1rem; -} - -.subtitle.is-7 { - font-size: 0.846rem; -} - -.heading { - display: block; - font-size: 11px; - letter-spacing: 1px; - margin-bottom: 5px; - text-transform: uppercase; -} - -.number { - align-items: center; - background-color: hsl(0, 0%, 96%); - border-radius: 9999px; - display: inline-flex; - font-size: 1.213rem; - height: 2em; - justify-content: center; - margin-right: 1.5rem; - min-width: 2.5em; - padding: 0.25rem 0.5rem; - text-align: center; - vertical-align: top; -} - -/* Bulma Form */ -.select select, .textarea, .input { - background-color: hsl(0, 0%, 100%); - border-color: hsl(0, 0%, 86%); - border-radius: 4px; - color: hsl(0, 0%, 21%); -} - -.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); -} - -.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); -} - -.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); -} - -.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); -} - -.select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input { - border-color: hsl(0, 0%, 71%); -} - -.select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input { - border-color: hsl(229, 53%, 53%); - box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); -} - -.select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input { - background-color: hsl(0, 0%, 96%); - border-color: hsl(0, 0%, 96%); - box-shadow: none; - color: hsl(0, 0%, 48%); -} - -.select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder { - color: rgba(122, 122, 122, 0.3); -} - -.select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder { - color: rgba(122, 122, 122, 0.3); -} - -.select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder { - color: rgba(122, 122, 122, 0.3); -} - -.select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder { - color: rgba(122, 122, 122, 0.3); -} - -.textarea, .input { - box-shadow: inset 0 0.0625em 0.125em rgba(10, 10, 10, 0.05); - max-width: 100%; - width: 100%; -} - -[readonly].textarea, [readonly].input { - box-shadow: none; -} - -.is-white.textarea, .is-white.input { - border-color: hsl(0, 0%, 100%); -} - -.is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); -} - -.is-black.textarea, .is-black.input { - border-color: hsl(0, 0%, 4%); -} - -.is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); -} - -.is-light.textarea, .is-light.input { - border-color: hsl(0, 0%, 96%); -} - -.is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); -} - -.is-dark.textarea, .is-dark.input { - border-color: hsl(0, 0%, 21%); -} - -.is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); -} - -.is-primary.textarea, .is-primary.input { - border-color: hsl(171, 100%, 41%); -} - -.is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); -} - -.is-link.textarea, .is-link.input { - border-color: hsl(229, 53%, 53%); -} - -.is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input { - box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); -} - -.is-info.textarea, .is-info.input { - border-color: hsl(217, 71%, 50%); -} - -.is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input { - box-shadow: 0 0 0 0.125em rgba(37, 106, 218, 0.25); -} - -.is-success.textarea, .is-success.input { - border-color: hsl(141, 53%, 40%); -} - -.is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input { - box-shadow: 0 0 0 0.125em rgba(48, 156, 86, 0.25); -} - -.is-warning.textarea, .is-warning.input { - border-color: hsl(38, 93%, 50%); -} - -.is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input { - box-shadow: 0 0 0 0.125em rgba(246, 159, 9, 0.25); -} - -.is-danger.textarea, .is-danger.input { - border-color: hsl(348, 100%, 40%); -} - -.is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input { - box-shadow: 0 0 0 0.125em rgba(204, 0, 41, 0.25); -} - -.is-small.textarea, .is-small.input { - border-radius: 2px; - font-size: 0.846rem; -} - -.is-medium.textarea, .is-medium.input { - font-size: 1.213rem; -} - -.is-large.textarea, .is-large.input { - font-size: 1.385rem; -} - -.is-fullwidth.textarea, .is-fullwidth.input { - display: block; - width: 100%; -} - -.is-inline.textarea, .is-inline.input { - display: inline; - width: auto; -} - -.input.is-rounded { - border-radius: 9999px; - padding-left: calc(0.75em - 1px + 0.375em); - padding-right: calc(0.75em - 1px + 0.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(0.75em - 1px); - resize: vertical; -} - -.textarea:not([rows]) { - max-height: 40em; - min-height: 8em; -} - -.textarea[rows] { - height: initial; -} - -.textarea.has-fixed-size { - resize: none; -} - -.radio, .checkbox { - cursor: pointer; - display: inline-block; - line-height: 1.25; - position: relative; -} - -.radio input, .checkbox input { - cursor: pointer; -} - -.radio:hover, .checkbox:hover { - color: hsl(0, 0%, 21%); -} - -[disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox, -.radio input[disabled], -.checkbox input[disabled] { - color: hsl(0, 0%, 48%); - cursor: not-allowed; -} - -.radio + .radio { - margin-left: 0.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: hsl(229, 53%, 53%); - right: 1.125em; - z-index: 4; -} - -.select.is-rounded select { - border-radius: 9999px; - padding-left: 1em; -} - -.select select { - cursor: pointer; - display: block; - font-size: 1em; - max-width: 100%; - outline: none; -} - -.select select::-ms-expand { - display: none; -} - -.select select[disabled]:hover, fieldset[disabled] .select select:hover { - border-color: hsl(0, 0%, 96%); -} - -.select select:not([multiple]) { - padding-right: 2.5em; -} - -.select select[multiple] { - height: auto; - padding: 0; -} - -.select select[multiple] option { - padding: 0.5em 1em; -} - -.select:not(.is-multiple):not(.is-loading):hover::after { - border-color: hsl(0, 0%, 21%); -} - -.select.is-white:not(:hover)::after { - border-color: hsl(0, 0%, 100%); -} - -.select.is-white select { - border-color: hsl(0, 0%, 100%); -} - -.select.is-white select:hover, .select.is-white select.is-hovered { - border-color: #f2f2f2; -} - -.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); -} - -.select.is-black:not(:hover)::after { - border-color: hsl(0, 0%, 4%); -} - -.select.is-black select { - border-color: hsl(0, 0%, 4%); -} - -.select.is-black select:hover, .select.is-black select.is-hovered { - border-color: black; -} - -.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); -} - -.select.is-light:not(:hover)::after { - border-color: hsl(0, 0%, 96%); -} - -.select.is-light select { - border-color: hsl(0, 0%, 96%); -} - -.select.is-light select:hover, .select.is-light select.is-hovered { - border-color: #e8e8e8; -} - -.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); -} - -.select.is-dark:not(:hover)::after { - border-color: hsl(0, 0%, 21%); -} - -.select.is-dark select { - border-color: hsl(0, 0%, 21%); -} - -.select.is-dark select:hover, .select.is-dark select.is-hovered { - border-color: #292929; -} - -.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); -} - -.select.is-primary:not(:hover)::after { - border-color: hsl(171, 100%, 41%); -} - -.select.is-primary select { - border-color: hsl(171, 100%, 41%); -} - -.select.is-primary select:hover, .select.is-primary select.is-hovered { - border-color: #00b89c; -} - -.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { - box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25); -} - -.select.is-link:not(:hover)::after { - border-color: hsl(229, 53%, 53%); -} - -.select.is-link select { - border-color: hsl(229, 53%, 53%); -} - -.select.is-link select:hover, .select.is-link select.is-hovered { - border-color: #3a51bb; -} - -.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { - box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25); -} - -.select.is-info:not(:hover)::after { - border-color: hsl(217, 71%, 50%); -} - -.select.is-info select { - border-color: hsl(217, 71%, 50%); -} - -.select.is-info select:hover, .select.is-info select.is-hovered { - border-color: #2160c4; -} - -.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { - box-shadow: 0 0 0 0.125em rgba(37, 106, 218, 0.25); -} - -.select.is-success:not(:hover)::after { - border-color: hsl(141, 53%, 40%); -} - -.select.is-success select { - border-color: hsl(141, 53%, 40%); -} - -.select.is-success select:hover, .select.is-success select.is-hovered { - border-color: #2a894b; -} - -.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { - box-shadow: 0 0 0 0.125em rgba(48, 156, 86, 0.25); -} - -.select.is-warning:not(:hover)::after { - border-color: hsl(38, 93%, 50%); -} - -.select.is-warning select { - border-color: hsl(38, 93%, 50%); -} - -.select.is-warning select:hover, .select.is-warning select.is-hovered { - border-color: #dd8f08; -} - -.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { - box-shadow: 0 0 0 0.125em rgba(246, 159, 9, 0.25); -} - -.select.is-danger:not(:hover)::after { - border-color: hsl(348, 100%, 40%); -} - -.select.is-danger select { - border-color: hsl(348, 100%, 40%); -} - -.select.is-danger select:hover, .select.is-danger select.is-hovered { - border-color: #b30024; -} - -.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { - box-shadow: 0 0 0 0.125em rgba(204, 0, 41, 0.25); -} - -.select.is-small { - border-radius: 2px; - font-size: 0.846rem; -} - -.select.is-medium { - font-size: 1.213rem; -} - -.select.is-large { - font-size: 1.385rem; -} - -.select.is-disabled::after { - border-color: hsl(0, 0%, 48%) !important; - opacity: 0.5; -} - -.select.is-fullwidth { - width: 100%; -} - -.select.is-fullwidth select { - width: 100%; -} - -.select.is-loading::after { - margin-top: 0; - position: absolute; - right: 0.625em; - top: 0.625em; - transform: none; -} - -.select.is-loading.is-small:after { - font-size: 0.846rem; -} - -.select.is-loading.is-medium:after { - font-size: 1.213rem; -} - -.select.is-loading.is-large:after { - font-size: 1.385rem; -} - -.file { - align-items: stretch; - display: flex; - justify-content: flex-start; - position: relative; -} - -.file.is-white .file-cta { - background-color: hsl(0, 0%, 100%); - border-color: transparent; - color: hsl(0, 0%, 4%); -} - -.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { - background-color: #f9f9f9; - border-color: transparent; - color: hsl(0, 0%, 4%); -} - -.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); - color: hsl(0, 0%, 4%); -} - -.file.is-white:active .file-cta, .file.is-white.is-active .file-cta { - background-color: #f2f2f2; - border-color: transparent; - color: hsl(0, 0%, 4%); -} - -.file.is-black .file-cta { - background-color: hsl(0, 0%, 4%); - border-color: transparent; - color: hsl(0, 0%, 100%); -} - -.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { - background-color: #040404; - border-color: transparent; - color: hsl(0, 0%, 100%); -} - -.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); - color: hsl(0, 0%, 100%); -} - -.file.is-black:active .file-cta, .file.is-black.is-active .file-cta { - background-color: black; - border-color: transparent; - color: hsl(0, 0%, 100%); -} - -.file.is-light .file-cta { - background-color: hsl(0, 0%, 96%); - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} - -.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { - background-color: #eeeeee; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} - -.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); - color: rgba(0, 0, 0, 0.7); -} - -.file.is-light:active .file-cta, .file.is-light.is-active .file-cta { - background-color: #e8e8e8; - border-color: transparent; - color: rgba(0, 0, 0, 0.7); -} - -.file.is-dark .file-cta { - background-color: hsl(0, 0%, 21%); - border-color: transparent; - color: #fff; -} - -.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { - background-color: #2f2f2f; - border-color: transparent; - color: #fff; -} - -.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); - color: #fff; -} - -.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { - background-color: #292929; - border-color: transparent; - color: #fff; -} - -.file.is-primary .file-cta { - background-color: hsl(171, 100%, 41%); - border-color: transparent; - color: #fff; -} - -.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { - background-color: #00c4a7; - border-color: transparent; - color: #fff; -} - -.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(0, 209, 178, 0.25); - color: #fff; -} - -.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { - background-color: #00b89c; - border-color: transparent; - color: #fff; -} - -.file.is-link .file-cta { - background-color: hsl(229, 53%, 53%); - border-color: transparent; - color: #fff; -} - -.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { - background-color: #3e56c4; - border-color: transparent; - color: #fff; -} - -.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(72, 95, 199, 0.25); - color: #fff; -} - -.file.is-link:active .file-cta, .file.is-link.is-active .file-cta { - background-color: #3a51bb; - border-color: transparent; - color: #fff; -} - -.file.is-info .file-cta { - background-color: hsl(217, 71%, 50%); - border-color: transparent; - color: #fff; -} - -.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { - background-color: #2365cf; - border-color: transparent; - color: #fff; -} - -.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(37, 106, 218, 0.25); - color: #fff; -} - -.file.is-info:active .file-cta, .file.is-info.is-active .file-cta { - background-color: #2160c4; - border-color: transparent; - color: #fff; -} - -.file.is-success .file-cta { - background-color: hsl(141, 53%, 40%); - border-color: transparent; - color: #fff; -} - -.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { - background-color: #2d9250; - border-color: transparent; - color: #fff; -} - -.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(48, 156, 86, 0.25); - color: #fff; -} - -.file.is-success:active .file-cta, .file.is-success.is-active .file-cta { - background-color: #2a894b; - border-color: transparent; - color: #fff; -} - -.file.is-warning .file-cta { - background-color: hsl(38, 93%, 50%); - border-color: transparent; - color: #fff; -} - -.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { - background-color: #ea9708; - border-color: transparent; - color: #fff; -} - -.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(246, 159, 9, 0.25); - color: #fff; -} - -.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { - background-color: #dd8f08; - border-color: transparent; - color: #fff; -} - -.file.is-danger .file-cta { - background-color: hsl(348, 100%, 40%); - border-color: transparent; - color: #fff; -} - -.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { - background-color: #bf0026; - border-color: transparent; - color: #fff; -} - -.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(204, 0, 41, 0.25); - color: #fff; -} - -.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { - background-color: #b30024; - border-color: transparent; - color: #fff; -} - -.file.is-small { - font-size: 0.846rem; -} - -.file.is-normal { - font-size: 1rem; -} - -.file.is-medium { - font-size: 1.213rem; -} - -.file.is-medium .file-icon .fa { - font-size: 21px; -} - -.file.is-large { - font-size: 1.385rem; -} - -.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: #eeeeee; - color: hsl(0, 0%, 21%); -} - -.file-label:hover .file-name { - border-color: #d5d5d5; -} - -.file-label:active .file-cta { - background-color: #e8e8e8; - color: hsl(0, 0%, 21%); -} - -.file-label:active .file-name { - border-color: #cfcfcf; -} - -.file-input { - height: 100%; - left: 0; - opacity: 0; - outline: none; - position: absolute; - top: 0; - width: 100%; -} - -.file-cta, -.file-name { - border-color: hsl(0, 0%, 86%); - border-radius: 4px; - font-size: 1em; - padding-left: 1em; - padding-right: 1em; - white-space: nowrap; -} - -.file-cta { - background-color: hsl(0, 0%, 96%); - color: hsl(0, 0%, 29%); -} - -.file-name { - border-color: hsl(0, 0%, 86%); - border-style: solid; - border-width: 1px 1px 1px 0; - display: block; - max-width: 16em; - overflow: hidden; - text-align: inherit; - text-overflow: ellipsis; -} - -.file-icon { - align-items: center; - display: flex; - height: 1em; - justify-content: center; - margin-right: 0.5em; - width: 1em; -} - -.file-icon .fa { - font-size: 14px; -} - -.label { - color: hsl(0, 0%, 21%); - display: block; - font-size: 1rem; - font-weight: 700; -} - -.label:not(:last-child) { - margin-bottom: 0.5em; -} - -.label.is-small { - font-size: 0.846rem; -} - -.label.is-medium { - font-size: 1.213rem; -} - -.label.is-large { - font-size: 1.385rem; -} - -.help { - display: block; - font-size: 0.846rem; - margin-top: 0.25rem; -} - -.help.is-white { - color: hsl(0, 0%, 100%); -} - -.help.is-black { - color: hsl(0, 0%, 4%); -} - -.help.is-light { - color: hsl(0, 0%, 96%); -} - -.help.is-dark { - color: hsl(0, 0%, 21%); -} - -.help.is-primary { - color: hsl(171, 100%, 41%); -} - -.help.is-link { - color: hsl(229, 53%, 53%); -} - -.help.is-info { - color: hsl(217, 71%, 50%); -} - -.help.is-success { - color: hsl(141, 53%, 40%); -} - -.help.is-warning { - color: hsl(38, 93%, 50%); -} - -.help.is-danger { - color: hsl(348, 100%, 40%); -} - -.field:not(:last-child) { - margin-bottom: 0.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]):hover, .field.has-addons .control .button:not([disabled]).is-hovered, -.field.has-addons .control .input:not([disabled]):hover, -.field.has-addons .control .input:not([disabled]).is-hovered, -.field.has-addons .control .select select:not([disabled]):hover, -.field.has-addons .control .select select:not([disabled]).is-hovered { - z-index: 2; -} - -.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active, -.field.has-addons .control .input:not([disabled]):focus, -.field.has-addons .control .input:not([disabled]).is-focused, -.field.has-addons .control .input:not([disabled]):active, -.field.has-addons .control .input:not([disabled]).is-active, -.field.has-addons .control .select select:not([disabled]):focus, -.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]).is-active { - z-index: 3; -} - -.field.has-addons .control .button:not([disabled]):focus: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]).is-active:hover, -.field.has-addons .control .input:not([disabled]):focus: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]).is-active:hover, -.field.has-addons .control .select select:not([disabled]):focus: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]).is-active: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: 0.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: 0.75rem; -} - -.field.is-grouped.is-grouped-multiline:last-child { - margin-bottom: -0.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: 0.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: 0.846rem; - padding-top: 0.375em; - } - .field-label.is-normal { - padding-top: 0.375em; - } - .field-label.is-medium { - font-size: 1.213rem; - padding-top: 0.375em; - } - .field-label.is-large { - font-size: 1.385rem; - padding-top: 0.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: 0.75rem; - } -} -.control { - box-sizing: border-box; - clear: both; - font-size: 1rem; - position: relative; - text-align: inherit; -} - -.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: hsl(0, 0%, 29%); -} - -.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: 0.846rem; -} - -.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.213rem; -} - -.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.385rem; -} - -.control.has-icons-left .icon, .control.has-icons-right .icon { - color: hsl(0, 0%, 86%); - 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: 0.625em; - top: 0.625em; - z-index: 4; -} - -.control.is-loading.is-small:after { - font-size: 0.846rem; -} - -.control.is-loading.is-medium:after { - font-size: 1.213rem; -} - -.control.is-loading.is-large:after { - font-size: 1.385rem; -} - -/* Bulma Components */ -.breadcrumb { - font-size: 1rem; - white-space: nowrap; -} - -.breadcrumb a { - align-items: center; - color: hsl(229, 53%, 53%); - display: flex; - justify-content: center; - padding: 0 0.75em; -} - -.breadcrumb a:hover { - color: hsl(0, 0%, 21%); -} - -.breadcrumb li { - align-items: center; - display: flex; -} - -.breadcrumb li:first-child a { - padding-left: 0; -} - -.breadcrumb li.is-active a { - color: hsl(0, 0%, 21%); - cursor: default; - pointer-events: none; -} - -.breadcrumb li + li::before { - color: hsl(0, 0%, 71%); - content: "/"; -} - -.breadcrumb ul, -.breadcrumb ol { - align-items: flex-start; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; -} - -.breadcrumb .icon:first-child { - margin-right: 0.5em; -} - -.breadcrumb .icon:last-child { - margin-left: 0.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: 0.846rem; -} - -.breadcrumb.is-medium { - font-size: 1.213rem; -} - -.breadcrumb.is-large { - font-size: 1.385rem; -} - -.breadcrumb.has-arrow-separator li + li::before { - content: "→"; -} - -.breadcrumb.has-bullet-separator li + li::before { - content: "•"; -} - -.breadcrumb.has-dot-separator li + li::before { - content: "·"; -} - -.breadcrumb.has-succeeds-separator li + li::before { - content: "≻"; -} - -.card { - background-color: hsl(0, 0%, 100%); - border-radius: 0.25rem; - box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); - color: hsl(0, 0%, 29%); - max-width: 100%; - position: relative; -} - -.card-footer:first-child, .card-content:first-child, .card-header:first-child { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} - -.card-footer:last-child, .card-content:last-child, .card-header:last-child { - border-bottom-left-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} - -.card-header { - background-color: transparent; - align-items: stretch; - box-shadow: 0 0.125em 0.25em rgba(10, 10, 10, 0.1); - display: flex; -} - -.card-header-title { - align-items: center; - color: hsl(0, 0%, 21%); - display: flex; - flex-grow: 1; - font-weight: 700; - padding: 0.75rem 1rem; -} - -.card-header-title.is-centered { - justify-content: center; -} - -.card-header-icon { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - background: none; - border: none; - color: currentColor; - font-family: inherit; - font-size: 1em; - margin: 0; - padding: 0; - align-items: center; - cursor: pointer; - display: flex; - justify-content: center; - padding: 0.75rem 1rem; -} - -.card-image { - display: block; - position: relative; -} - -.card-image:first-child img { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; -} - -.card-image:last-child img { - border-bottom-left-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; -} - -.card-content { - background-color: transparent; - padding: 1.5rem; -} - -.card-footer { - background-color: transparent; - border-top: 1px solid hsl(0, 0%, 93%); - align-items: stretch; - display: flex; -} - -.card-footer-item { - align-items: center; - display: flex; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; - justify-content: center; - padding: 0.75rem; -} - -.card-footer-item:not(:last-child) { - border-right: 1px solid hsl(0, 0%, 93%); -} - -.card .media:not(:last-child) { - margin-bottom: 1.5rem; -} - -.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: hsl(0, 0%, 100%); - border-radius: 4px; - box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); - padding-bottom: 0.5rem; - padding-top: 0.5rem; -} - -.dropdown-item { - color: hsl(0, 0%, 29%); - display: block; - font-size: 0.875rem; - line-height: 1.5; - padding: 0.375rem 1rem; - position: relative; -} - -a.dropdown-item, -button.dropdown-item { - padding-right: 3rem; - text-align: inherit; - white-space: nowrap; - width: 100%; -} - -a.dropdown-item:hover, -button.dropdown-item:hover { - background-color: hsl(0, 0%, 96%); - color: hsl(0, 0%, 4%); -} - -a.dropdown-item.is-active, -button.dropdown-item.is-active { - background-color: hsl(229, 53%, 53%); - color: #fff; -} - -.dropdown-divider { - background-color: hsl(0, 0%, 93%); - border: none; - display: block; - height: 1px; - margin: 0.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: 0.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 .title, -.level-item .subtitle { - margin-bottom: 0; -} - -@media screen and (max-width: 768px) { - .level-item:not(:last-child) { - margin-bottom: 0.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: 0.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; - } -} -.media { - align-items: flex-start; - display: flex; - text-align: inherit; -} - -.media .content:not(:last-child) { - margin-bottom: 0.75rem; -} - -.media .media { - border-top: 1px solid rgba(219, 219, 219, 0.5); - display: flex; - padding-top: 0.75rem; -} - -.media .media .content:not(:last-child), -.media .media .control:not(:last-child) { - margin-bottom: 0.5rem; -} - -.media .media .media { - padding-top: 0.5rem; -} - -.media .media .media + .media { - margin-top: 0.5rem; -} - -.media + .media { - border-top: 1px solid rgba(219, 219, 219, 0.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: inherit; -} - -@media screen and (max-width: 768px) { - .media-content { - overflow-x: auto; - } -} -.menu { - font-size: 1rem; -} - -.menu.is-small { - font-size: 0.846rem; -} - -.menu.is-medium { - font-size: 1.213rem; -} - -.menu.is-large { - font-size: 1.385rem; -} - -.menu-list { - line-height: 1.25; -} - -.menu-list a { - border-radius: 2px; - color: hsl(0, 0%, 29%); - display: block; - padding: 0.5em 0.75em; -} - -.menu-list a:hover { - background-color: hsl(0, 0%, 96%); - color: hsl(0, 0%, 21%); -} - -.menu-list a.is-active { - background-color: hsl(229, 53%, 53%); - color: #fff; -} - -.menu-list li ul { - border-left: 1px solid hsl(0, 0%, 86%); - margin: 0.75em; - padding-left: 0.75em; -} - -.menu-label { - color: hsl(0, 0%, 48%); - font-size: 0.75em; - letter-spacing: 0.1em; - text-transform: uppercase; -} - -.menu-label:not(:first-child) { - margin-top: 1em; -} - -.menu-label:not(:last-child) { - margin-bottom: 1em; -} - -.message { - background-color: hsl(0, 0%, 96%); - 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: 0.846rem; -} - -.message.is-medium { - font-size: 1.213rem; -} - -.message.is-large { - font-size: 1.385rem; -} - -.message.is-white { - background-color: white; -} - -.message.is-white .message-header { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); -} - -.message.is-white .message-body { - border-color: hsl(0, 0%, 100%); -} - -.message.is-black { - background-color: #fafafa; -} - -.message.is-black .message-header { - background-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} - -.message.is-black .message-body { - border-color: hsl(0, 0%, 4%); -} - -.message.is-light { - background-color: #fafafa; -} - -.message.is-light .message-header { - background-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); -} - -.message.is-light .message-body { - border-color: hsl(0, 0%, 96%); -} - -.message.is-dark { - background-color: #fafafa; -} - -.message.is-dark .message-header { - background-color: hsl(0, 0%, 21%); - color: #fff; -} - -.message.is-dark .message-body { - border-color: hsl(0, 0%, 21%); -} - -.message.is-primary { - background-color: var(--primary-light); -} - -.message.is-primary .message-header { - background-color: hsl(171, 100%, 41%); - color: #fff; -} - -.message.is-primary .message-body { - border-color: hsl(171, 100%, 41%); - color: #00947e; -} - -.message.is-link { - background-color: #eff1fa; -} - -.message.is-link .message-header { - background-color: hsl(229, 53%, 53%); - color: #fff; -} - -.message.is-link .message-body { - border-color: hsl(229, 53%, 53%); - color: #3850b7; -} - -.message.is-info { - background-color: #eef3fc; -} - -.message.is-info .message-header { - background-color: hsl(217, 71%, 50%); - color: #fff; -} - -.message.is-info .message-body { - border-color: hsl(217, 71%, 50%); - color: #2262c9; -} - -.message.is-success { - background-color: #effaf3; -} - -.message.is-success .message-header { - background-color: hsl(141, 53%, 40%); - color: #fff; -} - -.message.is-success .message-body { - border-color: hsl(141, 53%, 40%); - color: #31a058; -} - -.message.is-warning { - background-color: #fef7eb; -} - -.message.is-warning .message-header { - background-color: hsl(38, 93%, 50%); - color: #fff; -} - -.message.is-warning .message-body { - border-color: hsl(38, 93%, 50%); - color: #996306; -} - -.message.is-danger { - background-color: #ffebef; -} - -.message.is-danger .message-header { - background-color: hsl(348, 100%, 40%); - color: #fff; -} - -.message.is-danger .message-body { - border-color: hsl(348, 100%, 40%); - color: #ff0033; -} - -.message-header { - align-items: center; - background-color: hsl(0, 0%, 29%); - border-radius: 4px 4px 0 0; - color: #fff; - display: flex; - font-weight: 700; - justify-content: space-between; - line-height: 1.25; - padding: 0.75em 1em; - position: relative; -} - -.message-header .delete { - flex-grow: 0; - flex-shrink: 0; - margin-left: 0.75em; -} - -.message-header + .message-body { - border-width: 0; - border-top-left-radius: 0; - border-top-right-radius: 0; -} - -.message-body { - border-color: hsl(0, 0%, 86%); - border-radius: 4px; - border-style: solid; - border-width: 0 0 0 4px; - color: hsl(0, 0%, 29%); - padding: 1.25em 1.5em; -} - -.message-body code, -.message-body pre { - background-color: hsl(0, 0%, 100%); -} - -.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, 0.86); -} - -.modal-content, -.modal-card { - margin: 0 20px; - max-height: calc(100vh - 160px); - overflow: auto; - position: relative; - width: 100%; -} - -@media screen and (min-width: 769px) { - .modal-content, - .modal-card { - margin: 0 auto; - max-height: calc(100vh - 40px); - width: 640px; - } -} -.modal-close { - background: none; - 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-head, -.modal-card-foot { - align-items: center; - background-color: hsl(0, 0%, 96%); - display: flex; - flex-shrink: 0; - justify-content: flex-start; - padding: 20px; - position: relative; -} - -.modal-card-head { - border-bottom: 1px solid hsl(0, 0%, 86%); - border-top-left-radius: 6px; - border-top-right-radius: 6px; -} - -.modal-card-title { - color: hsl(0, 0%, 21%); - flex-grow: 1; - flex-shrink: 0; - font-size: 1.385rem; - line-height: 1; -} - -.modal-card-foot { - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-top: 1px solid hsl(0, 0%, 86%); -} - -.modal-card-foot .button:not(:last-child) { - margin-right: 0.5em; -} - -.modal-card-body { - -webkit-overflow-scrolling: touch; - background-color: hsl(0, 0%, 100%); - flex-grow: 1; - flex-shrink: 1; - overflow: auto; - padding: 20px; -} - -.navbar { - background-color: hsl(0, 0%, 100%); - min-height: 3.25rem; - position: relative; - z-index: 30; -} - -.navbar.is-white { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); -} - -.navbar.is-white .navbar-brand > .navbar-item, -.navbar.is-white .navbar-brand .navbar-link { - color: hsl(0, 0%, 4%); -} - -.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, -.navbar.is-white .navbar-brand .navbar-link:focus, -.navbar.is-white .navbar-brand .navbar-link:hover, -.navbar.is-white .navbar-brand .navbar-link.is-active { - background-color: #f2f2f2; - color: hsl(0, 0%, 4%); -} - -.navbar.is-white .navbar-brand .navbar-link::after { - border-color: hsl(0, 0%, 4%); -} - -.navbar.is-white .navbar-burger { - color: hsl(0, 0%, 4%); -} - -@media screen and (min-width: 1024px) { - .navbar.is-white .navbar-start > .navbar-item, - .navbar.is-white .navbar-start .navbar-link, - .navbar.is-white .navbar-end > .navbar-item, - .navbar.is-white .navbar-end .navbar-link { - color: hsl(0, 0%, 4%); - } - .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, - .navbar.is-white .navbar-start .navbar-link:focus, - .navbar.is-white .navbar-start .navbar-link:hover, - .navbar.is-white .navbar-start .navbar-link.is-active, - .navbar.is-white .navbar-end > a.navbar-item:focus, - .navbar.is-white .navbar-end > a.navbar-item:hover, - .navbar.is-white .navbar-end > a.navbar-item.is-active, - .navbar.is-white .navbar-end .navbar-link:focus, - .navbar.is-white .navbar-end .navbar-link:hover, - .navbar.is-white .navbar-end .navbar-link.is-active { - background-color: #f2f2f2; - color: hsl(0, 0%, 4%); - } - .navbar.is-white .navbar-start .navbar-link::after, - .navbar.is-white .navbar-end .navbar-link::after { - border-color: hsl(0, 0%, 4%); - } - .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #f2f2f2; - color: hsl(0, 0%, 4%); - } - .navbar.is-white .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); - } -} -.navbar.is-black { - background-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} - -.navbar.is-black .navbar-brand > .navbar-item, -.navbar.is-black .navbar-brand .navbar-link { - color: hsl(0, 0%, 100%); -} - -.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, -.navbar.is-black .navbar-brand .navbar-link:focus, -.navbar.is-black .navbar-brand .navbar-link:hover, -.navbar.is-black .navbar-brand .navbar-link.is-active { - background-color: black; - color: hsl(0, 0%, 100%); -} - -.navbar.is-black .navbar-brand .navbar-link::after { - border-color: hsl(0, 0%, 100%); -} - -.navbar.is-black .navbar-burger { - color: hsl(0, 0%, 100%); -} - -@media screen and (min-width: 1024px) { - .navbar.is-black .navbar-start > .navbar-item, - .navbar.is-black .navbar-start .navbar-link, - .navbar.is-black .navbar-end > .navbar-item, - .navbar.is-black .navbar-end .navbar-link { - color: hsl(0, 0%, 100%); - } - .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, - .navbar.is-black .navbar-start .navbar-link:focus, - .navbar.is-black .navbar-start .navbar-link:hover, - .navbar.is-black .navbar-start .navbar-link.is-active, - .navbar.is-black .navbar-end > a.navbar-item:focus, - .navbar.is-black .navbar-end > a.navbar-item:hover, - .navbar.is-black .navbar-end > a.navbar-item.is-active, - .navbar.is-black .navbar-end .navbar-link:focus, - .navbar.is-black .navbar-end .navbar-link:hover, - .navbar.is-black .navbar-end .navbar-link.is-active { - background-color: black; - color: hsl(0, 0%, 100%); - } - .navbar.is-black .navbar-start .navbar-link::after, - .navbar.is-black .navbar-end .navbar-link::after { - border-color: hsl(0, 0%, 100%); - } - .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { - background-color: black; - color: hsl(0, 0%, 100%); - } - .navbar.is-black .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); - } -} -.navbar.is-light { - background-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); -} - -.navbar.is-light .navbar-brand > .navbar-item, -.navbar.is-light .navbar-brand .navbar-link { - color: rgba(0, 0, 0, 0.7); -} - -.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, -.navbar.is-light .navbar-brand .navbar-link:focus, -.navbar.is-light .navbar-brand .navbar-link:hover, -.navbar.is-light .navbar-brand .navbar-link.is-active { - background-color: #e8e8e8; - color: rgba(0, 0, 0, 0.7); -} - -.navbar.is-light .navbar-brand .navbar-link::after { - border-color: rgba(0, 0, 0, 0.7); -} - -.navbar.is-light .navbar-burger { - color: rgba(0, 0, 0, 0.7); -} - -@media screen and (min-width: 1024px) { - .navbar.is-light .navbar-start > .navbar-item, - .navbar.is-light .navbar-start .navbar-link, - .navbar.is-light .navbar-end > .navbar-item, - .navbar.is-light .navbar-end .navbar-link { - color: rgba(0, 0, 0, 0.7); - } - .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, - .navbar.is-light .navbar-start .navbar-link:focus, - .navbar.is-light .navbar-start .navbar-link:hover, - .navbar.is-light .navbar-start .navbar-link.is-active, - .navbar.is-light .navbar-end > a.navbar-item:focus, - .navbar.is-light .navbar-end > a.navbar-item:hover, - .navbar.is-light .navbar-end > a.navbar-item.is-active, - .navbar.is-light .navbar-end .navbar-link:focus, - .navbar.is-light .navbar-end .navbar-link:hover, - .navbar.is-light .navbar-end .navbar-link.is-active { - background-color: #e8e8e8; - color: rgba(0, 0, 0, 0.7); - } - .navbar.is-light .navbar-start .navbar-link::after, - .navbar.is-light .navbar-end .navbar-link::after { - border-color: rgba(0, 0, 0, 0.7); - } - .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #e8e8e8; - color: rgba(0, 0, 0, 0.7); - } - .navbar.is-light .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); - } -} -.navbar.is-dark { - background-color: hsl(0, 0%, 21%); - color: #fff; -} - -.navbar.is-dark .navbar-brand > .navbar-item, -.navbar.is-dark .navbar-brand .navbar-link { - color: #fff; -} - -.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, -.navbar.is-dark .navbar-brand .navbar-link:focus, -.navbar.is-dark .navbar-brand .navbar-link:hover, -.navbar.is-dark .navbar-brand .navbar-link.is-active { - 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-start > .navbar-item, - .navbar.is-dark .navbar-start .navbar-link, - .navbar.is-dark .navbar-end > .navbar-item, - .navbar.is-dark .navbar-end .navbar-link { - color: #fff; - } - .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, - .navbar.is-dark .navbar-start .navbar-link:focus, - .navbar.is-dark .navbar-start .navbar-link:hover, - .navbar.is-dark .navbar-start .navbar-link.is-active, - .navbar.is-dark .navbar-end > a.navbar-item:focus, - .navbar.is-dark .navbar-end > a.navbar-item:hover, - .navbar.is-dark .navbar-end > a.navbar-item.is-active, - .navbar.is-dark .navbar-end .navbar-link:focus, - .navbar.is-dark .navbar-end .navbar-link:hover, - .navbar.is-dark .navbar-end .navbar-link.is-active { - background-color: #292929; - color: #fff; - } - .navbar.is-dark .navbar-start .navbar-link::after, - .navbar.is-dark .navbar-end .navbar-link::after { - border-color: #fff; - } - .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #292929; - color: #fff; - } - .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(0, 0%, 21%); - color: #fff; - } -} -.navbar.is-primary { - background-color: hsl(171, 100%, 41%); - color: #fff; -} - -.navbar.is-primary .navbar-brand > .navbar-item, -.navbar.is-primary .navbar-brand .navbar-link { - color: #fff; -} - -.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, -.navbar.is-primary .navbar-brand .navbar-link:focus, -.navbar.is-primary .navbar-brand .navbar-link:hover, -.navbar.is-primary .navbar-brand .navbar-link.is-active { - 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-start > .navbar-item, - .navbar.is-primary .navbar-start .navbar-link, - .navbar.is-primary .navbar-end > .navbar-item, - .navbar.is-primary .navbar-end .navbar-link { - color: #fff; - } - .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, - .navbar.is-primary .navbar-start .navbar-link:focus, - .navbar.is-primary .navbar-start .navbar-link:hover, - .navbar.is-primary .navbar-start .navbar-link.is-active, - .navbar.is-primary .navbar-end > a.navbar-item:focus, - .navbar.is-primary .navbar-end > a.navbar-item:hover, - .navbar.is-primary .navbar-end > a.navbar-item.is-active, - .navbar.is-primary .navbar-end .navbar-link:focus, - .navbar.is-primary .navbar-end .navbar-link:hover, - .navbar.is-primary .navbar-end .navbar-link.is-active { - background-color: #00b89c; - color: #fff; - } - .navbar.is-primary .navbar-start .navbar-link::after, - .navbar.is-primary .navbar-end .navbar-link::after { - border-color: #fff; - } - .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #00b89c; - color: #fff; - } - .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(171, 100%, 41%); - color: #fff; - } -} -.navbar.is-link { - background-color: hsl(229, 53%, 53%); - color: #fff; -} - -.navbar.is-link .navbar-brand > .navbar-item, -.navbar.is-link .navbar-brand .navbar-link { - color: #fff; -} - -.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, -.navbar.is-link .navbar-brand .navbar-link:focus, -.navbar.is-link .navbar-brand .navbar-link:hover, -.navbar.is-link .navbar-brand .navbar-link.is-active { - background-color: #3a51bb; - 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-start > .navbar-item, - .navbar.is-link .navbar-start .navbar-link, - .navbar.is-link .navbar-end > .navbar-item, - .navbar.is-link .navbar-end .navbar-link { - color: #fff; - } - .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, - .navbar.is-link .navbar-start .navbar-link:focus, - .navbar.is-link .navbar-start .navbar-link:hover, - .navbar.is-link .navbar-start .navbar-link.is-active, - .navbar.is-link .navbar-end > a.navbar-item:focus, - .navbar.is-link .navbar-end > a.navbar-item:hover, - .navbar.is-link .navbar-end > a.navbar-item.is-active, - .navbar.is-link .navbar-end .navbar-link:focus, - .navbar.is-link .navbar-end .navbar-link:hover, - .navbar.is-link .navbar-end .navbar-link.is-active { - background-color: #3a51bb; - color: #fff; - } - .navbar.is-link .navbar-start .navbar-link::after, - .navbar.is-link .navbar-end .navbar-link::after { - border-color: #fff; - } - .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #3a51bb; - color: #fff; - } - .navbar.is-link .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(229, 53%, 53%); - color: #fff; - } -} -.navbar.is-info { - background-color: hsl(217, 71%, 50%); - color: #fff; -} - -.navbar.is-info .navbar-brand > .navbar-item, -.navbar.is-info .navbar-brand .navbar-link { - color: #fff; -} - -.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, -.navbar.is-info .navbar-brand .navbar-link:focus, -.navbar.is-info .navbar-brand .navbar-link:hover, -.navbar.is-info .navbar-brand .navbar-link.is-active { - background-color: #2160c4; - 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-start > .navbar-item, - .navbar.is-info .navbar-start .navbar-link, - .navbar.is-info .navbar-end > .navbar-item, - .navbar.is-info .navbar-end .navbar-link { - color: #fff; - } - .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, - .navbar.is-info .navbar-start .navbar-link:focus, - .navbar.is-info .navbar-start .navbar-link:hover, - .navbar.is-info .navbar-start .navbar-link.is-active, - .navbar.is-info .navbar-end > a.navbar-item:focus, - .navbar.is-info .navbar-end > a.navbar-item:hover, - .navbar.is-info .navbar-end > a.navbar-item.is-active, - .navbar.is-info .navbar-end .navbar-link:focus, - .navbar.is-info .navbar-end .navbar-link:hover, - .navbar.is-info .navbar-end .navbar-link.is-active { - background-color: #2160c4; - color: #fff; - } - .navbar.is-info .navbar-start .navbar-link::after, - .navbar.is-info .navbar-end .navbar-link::after { - border-color: #fff; - } - .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #2160c4; - color: #fff; - } - .navbar.is-info .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(217, 71%, 50%); - color: #fff; - } -} -.navbar.is-success { - background-color: hsl(141, 53%, 40%); - color: #fff; -} - -.navbar.is-success .navbar-brand > .navbar-item, -.navbar.is-success .navbar-brand .navbar-link { - color: #fff; -} - -.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, -.navbar.is-success .navbar-brand .navbar-link:focus, -.navbar.is-success .navbar-brand .navbar-link:hover, -.navbar.is-success .navbar-brand .navbar-link.is-active { - background-color: #2a894b; - 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-start > .navbar-item, - .navbar.is-success .navbar-start .navbar-link, - .navbar.is-success .navbar-end > .navbar-item, - .navbar.is-success .navbar-end .navbar-link { - color: #fff; - } - .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, - .navbar.is-success .navbar-start .navbar-link:focus, - .navbar.is-success .navbar-start .navbar-link:hover, - .navbar.is-success .navbar-start .navbar-link.is-active, - .navbar.is-success .navbar-end > a.navbar-item:focus, - .navbar.is-success .navbar-end > a.navbar-item:hover, - .navbar.is-success .navbar-end > a.navbar-item.is-active, - .navbar.is-success .navbar-end .navbar-link:focus, - .navbar.is-success .navbar-end .navbar-link:hover, - .navbar.is-success .navbar-end .navbar-link.is-active { - background-color: #2a894b; - color: #fff; - } - .navbar.is-success .navbar-start .navbar-link::after, - .navbar.is-success .navbar-end .navbar-link::after { - border-color: #fff; - } - .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #2a894b; - color: #fff; - } - .navbar.is-success .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(141, 53%, 40%); - color: #fff; - } -} -.navbar.is-warning { - background-color: hsl(38, 93%, 50%); - color: #fff; -} - -.navbar.is-warning .navbar-brand > .navbar-item, -.navbar.is-warning .navbar-brand .navbar-link { - color: #fff; -} - -.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, -.navbar.is-warning .navbar-brand .navbar-link:focus, -.navbar.is-warning .navbar-brand .navbar-link:hover, -.navbar.is-warning .navbar-brand .navbar-link.is-active { - background-color: #dd8f08; - color: #fff; -} - -.navbar.is-warning .navbar-brand .navbar-link::after { - border-color: #fff; -} - -.navbar.is-warning .navbar-burger { - color: #fff; -} - -@media screen and (min-width: 1024px) { - .navbar.is-warning .navbar-start > .navbar-item, - .navbar.is-warning .navbar-start .navbar-link, - .navbar.is-warning .navbar-end > .navbar-item, - .navbar.is-warning .navbar-end .navbar-link { - color: #fff; - } - .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, - .navbar.is-warning .navbar-start .navbar-link:focus, - .navbar.is-warning .navbar-start .navbar-link:hover, - .navbar.is-warning .navbar-start .navbar-link.is-active, - .navbar.is-warning .navbar-end > a.navbar-item:focus, - .navbar.is-warning .navbar-end > a.navbar-item:hover, - .navbar.is-warning .navbar-end > a.navbar-item.is-active, - .navbar.is-warning .navbar-end .navbar-link:focus, - .navbar.is-warning .navbar-end .navbar-link:hover, - .navbar.is-warning .navbar-end .navbar-link.is-active { - background-color: #dd8f08; - color: #fff; - } - .navbar.is-warning .navbar-start .navbar-link::after, - .navbar.is-warning .navbar-end .navbar-link::after { - border-color: #fff; - } - .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #dd8f08; - color: #fff; - } - .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(38, 93%, 50%); - color: #fff; - } -} -.navbar.is-danger { - background-color: hsl(348, 100%, 40%); - color: #fff; -} - -.navbar.is-danger .navbar-brand > .navbar-item, -.navbar.is-danger .navbar-brand .navbar-link { - color: #fff; -} - -.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, -.navbar.is-danger .navbar-brand .navbar-link:focus, -.navbar.is-danger .navbar-brand .navbar-link:hover, -.navbar.is-danger .navbar-brand .navbar-link.is-active { - background-color: #b30024; - 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-start > .navbar-item, - .navbar.is-danger .navbar-start .navbar-link, - .navbar.is-danger .navbar-end > .navbar-item, - .navbar.is-danger .navbar-end .navbar-link { - color: #fff; - } - .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, - .navbar.is-danger .navbar-start .navbar-link:focus, - .navbar.is-danger .navbar-start .navbar-link:hover, - .navbar.is-danger .navbar-start .navbar-link.is-active, - .navbar.is-danger .navbar-end > a.navbar-item:focus, - .navbar.is-danger .navbar-end > a.navbar-item:hover, - .navbar.is-danger .navbar-end > a.navbar-item.is-active, - .navbar.is-danger .navbar-end .navbar-link:focus, - .navbar.is-danger .navbar-end .navbar-link:hover, - .navbar.is-danger .navbar-end .navbar-link.is-active { - background-color: #b30024; - color: #fff; - } - .navbar.is-danger .navbar-start .navbar-link::after, - .navbar.is-danger .navbar-end .navbar-link::after { - border-color: #fff; - } - .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link, - .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #b30024; - color: #fff; - } - .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(348, 100%, 40%); - color: #fff; - } -} -.navbar > .container { - align-items: stretch; - display: flex; - min-height: 3.25rem; - width: 100%; -} - -.navbar.has-shadow { - box-shadow: 0 2px 0 0 hsl(0, 0%, 96%); -} - -.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 hsl(0, 0%, 96%); -} - -.navbar.is-fixed-top { - top: 0; -} - -html.has-navbar-fixed-top, -body.has-navbar-fixed-top { - padding-top: 3.25rem; -} - -html.has-navbar-fixed-bottom, -body.has-navbar-fixed-bottom { - padding-bottom: 3.25rem; -} - -.navbar-brand, -.navbar-tabs { - align-items: stretch; - display: flex; - flex-shrink: 0; - min-height: 3.25rem; -} - -.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover { - background-color: transparent; -} - -.navbar-tabs { - -webkit-overflow-scrolling: touch; - max-width: 100vw; - overflow-x: auto; - overflow-y: hidden; -} - -.navbar-burger { - color: hsl(0, 0%, 29%); - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - background: none; - border: none; - cursor: pointer; - display: block; - height: 3.25rem; - position: relative; - width: 3.25rem; - margin-left: auto; -} - -.navbar-burger span { - background-color: currentColor; - display: block; - height: 1px; - left: calc(50% - 8px); - position: absolute; - transform-origin: center; - transition-duration: 86ms; - transition-property: background-color, opacity, transform; - transition-timing-function: ease-out; - width: 16px; -} - -.navbar-burger span:nth-child(1) { - top: calc(50% - 6px); -} - -.navbar-burger span:nth-child(2) { - top: calc(50% - 1px); -} - -.navbar-burger span:nth-child(3) { - top: calc(50% + 4px); -} - -.navbar-burger:hover { - background-color: rgba(0, 0, 0, 0.05); -} - -.navbar-burger.is-active span:nth-child(1) { - transform: translateY(5px) rotate(45deg); -} - -.navbar-burger.is-active span:nth-child(2) { - opacity: 0; -} - -.navbar-burger.is-active span:nth-child(3) { - transform: translateY(-5px) rotate(-45deg); -} - -.navbar-menu { - display: none; -} - -.navbar-item, -.navbar-link { - color: hsl(0, 0%, 29%); - display: block; - line-height: 1.5; - padding: 0.5rem 0.75rem; - position: relative; -} - -.navbar-item .icon:only-child, -.navbar-link .icon:only-child { - margin-left: -0.25rem; - margin-right: -0.25rem; -} - -a.navbar-item, -.navbar-link { - cursor: pointer; -} - -a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, -.navbar-link:focus, -.navbar-link:focus-within, -.navbar-link:hover, -.navbar-link.is-active { - background-color: hsl(0, 0%, 98%); - color: hsl(229, 53%, 53%); -} - -.navbar-item { - flex-grow: 0; - flex-shrink: 0; -} - -.navbar-item img { - max-height: 1.75rem; -} - -.navbar-item.has-dropdown { - padding: 0; -} - -.navbar-item.is-expanded { - flex-grow: 1; - flex-shrink: 1; -} - -.navbar-item.is-tab { - border-bottom: 1px solid transparent; - min-height: 3.25rem; - padding-bottom: calc(0.5rem - 1px); -} - -.navbar-item.is-tab:focus, .navbar-item.is-tab:hover { - background-color: transparent; - border-bottom-color: hsl(229, 53%, 53%); -} - -.navbar-item.is-tab.is-active { - background-color: transparent; - border-bottom-color: hsl(229, 53%, 53%); - border-bottom-style: solid; - border-bottom-width: 3px; - color: hsl(229, 53%, 53%); - padding-bottom: calc(0.5rem - 3px); -} - -.navbar-content { - flex-grow: 1; - flex-shrink: 1; -} - -.navbar-link:not(.is-arrowless) { - padding-right: 2.5em; -} - -.navbar-link:not(.is-arrowless)::after { - border-color: hsl(229, 53%, 53%); - margin-top: -0.375em; - right: 1.125em; -} - -.navbar-dropdown { - font-size: 0.875rem; - padding-bottom: 0.5rem; - padding-top: 0.5rem; -} - -.navbar-dropdown .navbar-item { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - -.navbar-divider { - background-color: hsl(0, 0%, 96%); - border: none; - display: none; - height: 2px; - margin: 0.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: hsl(0, 0%, 100%); - box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); - padding: 0.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, 0.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; - } - html.has-navbar-fixed-top-touch, - body.has-navbar-fixed-top-touch { - padding-top: 3.25rem; - } - html.has-navbar-fixed-bottom-touch, - body.has-navbar-fixed-bottom-touch { - padding-bottom: 3.25rem; - } -} -@media screen and (min-width: 1024px) { - .navbar, - .navbar-menu, - .navbar-start, - .navbar-end { - align-items: stretch; - display: flex; - } - .navbar { - min-height: 3.25rem; - } - .navbar.is-spaced { - padding: 1rem 2rem; - } - .navbar.is-spaced .navbar-start, - .navbar.is-spaced .navbar-end { - align-items: center; - } - .navbar.is-spaced a.navbar-item, - .navbar.is-spaced .navbar-link { - border-radius: 4px; - } - .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, - .navbar.is-transparent .navbar-link:focus, - .navbar.is-transparent .navbar-link:hover, - .navbar.is-transparent .navbar-link.is-active { - 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: hsl(0, 0%, 96%); - color: hsl(0, 0%, 4%); - } - .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(0, 0%, 96%); - color: hsl(229, 53%, 53%); - } - .navbar-burger { - display: none; - } - .navbar-item, - .navbar-link { - align-items: center; - display: flex; - } - .navbar-item.has-dropdown { - align-items: stretch; - } - .navbar-item.has-dropdown-up .navbar-link::after { - transform: rotate(135deg) translate(0.25em, -0.25em); - } - .navbar-item.has-dropdown-up .navbar-dropdown { - border-bottom: 2px solid hsl(0, 0%, 86%); - border-radius: 6px 6px 0 0; - border-top: none; - bottom: 100%; - box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); - top: auto; - } - .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { - display: block; - } - .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { - opacity: 1; - pointer-events: auto; - transform: translateY(0); - } - .navbar-menu { - flex-grow: 1; - flex-shrink: 0; - } - .navbar-start { - justify-content: flex-start; - margin-right: auto; - } - .navbar-end { - justify-content: flex-end; - margin-left: auto; - } - .navbar-dropdown { - background-color: hsl(0, 0%, 100%); - border-bottom-left-radius: 6px; - border-bottom-right-radius: 6px; - border-top: 2px solid hsl(0, 0%, 86%); - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); - display: none; - font-size: 0.875rem; - left: 0; - min-width: 100%; - position: absolute; - top: 100%; - z-index: 20; - } - .navbar-dropdown .navbar-item { - padding: 0.375rem 1rem; - white-space: nowrap; - } - .navbar-dropdown a.navbar-item { - padding-right: 3rem; - } - .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover { - background-color: hsl(0, 0%, 96%); - color: hsl(0, 0%, 4%); - } - .navbar-dropdown a.navbar-item.is-active { - background-color: hsl(0, 0%, 96%); - color: hsl(229, 53%, 53%); - } - .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed { - border-radius: 6px; - border-top: none; - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - display: block; - opacity: 0; - pointer-events: none; - top: calc(100% - 4px); - transform: translateY(-5px); - transition-duration: 86ms; - transition-property: opacity, transform; - } - .navbar-dropdown.is-right { - left: auto; - right: 0; - } - .navbar-divider { - display: block; - } - .navbar > .container .navbar-brand, - .container > .navbar .navbar-brand { - margin-left: -0.75rem; - } - .navbar > .container .navbar-menu, - .container > .navbar .navbar-menu { - margin-right: -0.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, 0.1); - } - .navbar.is-fixed-top-desktop { - top: 0; - } - html.has-navbar-fixed-top-desktop, - body.has-navbar-fixed-top-desktop { - padding-top: 3.25rem; - } - html.has-navbar-fixed-bottom-desktop, - body.has-navbar-fixed-bottom-desktop { - padding-bottom: 3.25rem; - } - html.has-spaced-navbar-fixed-top, - body.has-spaced-navbar-fixed-top { - padding-top: 5.25rem; - } - html.has-spaced-navbar-fixed-bottom, - body.has-spaced-navbar-fixed-bottom { - padding-bottom: 5.25rem; - } - a.navbar-item.is-active, - .navbar-link.is-active { - color: hsl(0, 0%, 4%); - } - a.navbar-item.is-active:not(:focus):not(:hover), - .navbar-link.is-active:not(:focus):not(:hover) { - background-color: transparent; - } - .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { - background-color: hsl(0, 0%, 98%); - } -} -.hero.is-fullheight-with-navbar { - min-height: calc(100vh - 3.25rem); -} - -.pagination { - font-size: 1rem; - margin: -0.25rem; -} - -.pagination.is-small { - font-size: 0.846rem; -} - -.pagination.is-medium { - font-size: 1.213rem; -} - -.pagination.is-large { - font-size: 1.385rem; -} - -.pagination.is-rounded .pagination-previous, -.pagination.is-rounded .pagination-next { - padding-left: 1em; - padding-right: 1em; - border-radius: 9999px; -} - -.pagination.is-rounded .pagination-link { - border-radius: 9999px; -} - -.pagination, -.pagination-list { - align-items: center; - display: flex; - justify-content: center; - text-align: center; -} - -.pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis { - font-size: 1em; - justify-content: center; - margin: 0.25rem; - padding-left: 0.5em; - padding-right: 0.5em; - text-align: center; -} - -.pagination-previous, -.pagination-next, -.pagination-link { - border-color: hsl(0, 0%, 86%); - color: hsl(0, 0%, 21%); - min-width: 2.5em; -} - -.pagination-previous:hover, -.pagination-next:hover, -.pagination-link:hover { - border-color: hsl(0, 0%, 71%); - color: hsl(0, 0%, 21%); -} - -.pagination-previous:focus, -.pagination-next:focus, -.pagination-link:focus { - border-color: hsl(229, 53%, 53%); -} - -.pagination-previous:active, -.pagination-next:active, -.pagination-link:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); -} - -.pagination-previous[disabled], .pagination-previous.is-disabled, -.pagination-next[disabled], -.pagination-next.is-disabled, -.pagination-link[disabled], -.pagination-link.is-disabled { - background-color: hsl(0, 0%, 86%); - border-color: hsl(0, 0%, 86%); - box-shadow: none; - color: hsl(0, 0%, 48%); - opacity: 0.5; -} - -.pagination-previous, -.pagination-next { - padding-left: 0.75em; - padding-right: 0.75em; - white-space: nowrap; -} - -.pagination-link.is-current { - background-color: hsl(229, 53%, 53%); - border-color: hsl(229, 53%, 53%); - color: #fff; -} - -.pagination-ellipsis { - color: hsl(0, 0%, 71%); - pointer-events: none; -} - -.pagination-list { - flex-wrap: wrap; -} - -.pagination-list li { - list-style: none; -} - -@media screen and (max-width: 768px) { - .pagination { - flex-wrap: wrap; - } - .pagination-previous, - .pagination-next { - 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, - .pagination-next, - .pagination-link, - .pagination-ellipsis { - margin-bottom: 0; - margin-top: 0; - } - .pagination-previous { - order: 2; - } - .pagination-next { - order: 3; - } - .pagination { - justify-content: space-between; - margin-bottom: 0; - margin-top: 0; - } - .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 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); - font-size: 1rem; -} - -.panel:not(:last-child) { - margin-bottom: 1.5rem; -} - -.panel.is-white .panel-heading { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); -} - -.panel.is-white .panel-tabs a.is-active { - border-bottom-color: hsl(0, 0%, 100%); -} - -.panel.is-white .panel-block.is-active .panel-icon { - color: hsl(0, 0%, 100%); -} - -.panel.is-black .panel-heading { - background-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} - -.panel.is-black .panel-tabs a.is-active { - border-bottom-color: hsl(0, 0%, 4%); -} - -.panel.is-black .panel-block.is-active .panel-icon { - color: hsl(0, 0%, 4%); -} - -.panel.is-light .panel-heading { - background-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); -} - -.panel.is-light .panel-tabs a.is-active { - border-bottom-color: hsl(0, 0%, 96%); -} - -.panel.is-light .panel-block.is-active .panel-icon { - color: hsl(0, 0%, 96%); -} - -.panel.is-dark .panel-heading { - background-color: hsl(0, 0%, 21%); - color: #fff; -} - -.panel.is-dark .panel-tabs a.is-active { - border-bottom-color: hsl(0, 0%, 21%); -} - -.panel.is-dark .panel-block.is-active .panel-icon { - color: hsl(0, 0%, 21%); -} - -.panel.is-primary .panel-heading { - background-color: hsl(171, 100%, 41%); - color: #fff; -} - -.panel.is-primary .panel-tabs a.is-active { - border-bottom-color: hsl(171, 100%, 41%); -} - -.panel.is-primary .panel-block.is-active .panel-icon { - color: hsl(171, 100%, 41%); -} - -.panel.is-link .panel-heading { - background-color: hsl(229, 53%, 53%); - color: #fff; -} - -.panel.is-link .panel-tabs a.is-active { - border-bottom-color: hsl(229, 53%, 53%); -} - -.panel.is-link .panel-block.is-active .panel-icon { - color: hsl(229, 53%, 53%); -} - -.panel.is-info .panel-heading { - background-color: hsl(217, 71%, 50%); - color: #fff; -} - -.panel.is-info .panel-tabs a.is-active { - border-bottom-color: hsl(217, 71%, 50%); -} - -.panel.is-info .panel-block.is-active .panel-icon { - color: hsl(217, 71%, 50%); -} - -.panel.is-success .panel-heading { - background-color: hsl(141, 53%, 40%); - color: #fff; -} - -.panel.is-success .panel-tabs a.is-active { - border-bottom-color: hsl(141, 53%, 40%); -} - -.panel.is-success .panel-block.is-active .panel-icon { - color: hsl(141, 53%, 40%); -} - -.panel.is-warning .panel-heading { - background-color: hsl(38, 93%, 50%); - color: #fff; -} - -.panel.is-warning .panel-tabs a.is-active { - border-bottom-color: hsl(38, 93%, 50%); -} - -.panel.is-warning .panel-block.is-active .panel-icon { - color: hsl(38, 93%, 50%); -} - -.panel.is-danger .panel-heading { - background-color: hsl(348, 100%, 40%); - color: #fff; -} - -.panel.is-danger .panel-tabs a.is-active { - border-bottom-color: hsl(348, 100%, 40%); -} - -.panel.is-danger .panel-block.is-active .panel-icon { - color: hsl(348, 100%, 40%); -} - -.panel-tabs:not(:last-child), -.panel-block:not(:last-child) { - border-bottom: 1px solid hsl(0, 0%, 93%); -} - -.panel-heading { - background-color: hsl(0, 0%, 93%); - border-radius: 6px 6px 0 0; - color: hsl(0, 0%, 21%); - font-size: 1.25em; - font-weight: 700; - line-height: 1.25; - padding: 0.75em 1em; -} - -.panel-tabs { - align-items: flex-end; - display: flex; - font-size: 0.875em; - justify-content: center; -} - -.panel-tabs a { - border-bottom: 1px solid hsl(0, 0%, 86%); - margin-bottom: -1px; - padding: 0.5em; -} - -.panel-tabs a.is-active { - border-bottom-color: hsl(0, 0%, 29%); - color: hsl(0, 0%, 21%); -} - -.panel-list a { - color: hsl(0, 0%, 29%); -} - -.panel-list a:hover { - color: hsl(229, 53%, 53%); -} - -.panel-block { - align-items: center; - color: hsl(0, 0%, 21%); - display: flex; - justify-content: flex-start; - padding: 0.5em 0.75em; -} - -.panel-block input[type=checkbox] { - margin-right: 0.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: hsl(229, 53%, 53%); - color: hsl(0, 0%, 21%); -} - -.panel-block.is-active .panel-icon { - color: hsl(229, 53%, 53%); -} - -.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: hsl(0, 0%, 96%); -} - -.panel-icon { - display: inline-block; - font-size: 14px; - height: 1em; - line-height: 1em; - text-align: center; - vertical-align: top; - width: 1em; - color: hsl(0, 0%, 48%); - margin-right: 0.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: hsl(0, 0%, 86%); - border-bottom-style: solid; - border-bottom-width: 1px; - color: hsl(0, 0%, 29%); - display: flex; - justify-content: center; - margin-bottom: -1px; - padding: 0.5em 1em; - vertical-align: top; -} - -.tabs a:hover { - border-bottom-color: hsl(0, 0%, 21%); - color: hsl(0, 0%, 21%); -} - -.tabs li { - display: block; -} - -.tabs li.is-active a { - border-bottom-color: hsl(229, 53%, 53%); - color: hsl(229, 53%, 53%); -} - -.tabs ul { - align-items: center; - border-bottom-color: hsl(0, 0%, 86%); - 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: 0.75em; -} - -.tabs ul.is-center { - flex: none; - justify-content: center; - padding-left: 0.75em; - padding-right: 0.75em; -} - -.tabs ul.is-right { - justify-content: flex-end; - padding-left: 0.75em; -} - -.tabs .icon:first-child { - margin-right: 0.5em; -} - -.tabs .icon:last-child { - margin-left: 0.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: hsl(0, 0%, 96%); - border-bottom-color: hsl(0, 0%, 86%); -} - -.tabs.is-boxed li.is-active a { - background-color: hsl(0, 0%, 100%); - border-color: hsl(0, 0%, 86%); - border-bottom-color: transparent !important; -} - -.tabs.is-fullwidth li { - flex-grow: 1; - flex-shrink: 0; -} - -.tabs.is-toggle a { - border-color: hsl(0, 0%, 86%); - border-style: solid; - border-width: 1px; - margin-bottom: 0; - position: relative; -} - -.tabs.is-toggle a:hover { - background-color: hsl(0, 0%, 96%); - border-color: hsl(0, 0%, 71%); - z-index: 2; -} - -.tabs.is-toggle li + li { - margin-left: -1px; -} - -.tabs.is-toggle li:first-child a { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} - -.tabs.is-toggle li:last-child a { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} - -.tabs.is-toggle li.is-active a { - background-color: hsl(229, 53%, 53%); - border-color: hsl(229, 53%, 53%); - 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: 9999px; - border-top-left-radius: 9999px; - padding-left: 1.25em; -} - -.tabs.is-toggle.is-toggle-rounded li:last-child a { - border-bottom-right-radius: 9999px; - border-top-right-radius: 9999px; - padding-right: 1.25em; -} - -.tabs.is-small { - font-size: 0.846rem; -} - -.tabs.is-medium { - font-size: 1.213rem; -} - -.tabs.is-large { - font-size: 1.385rem; -} - -/* Bulma Grid */ -.column { - display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; - padding: 0.75rem; -} - -.columns.is-mobile > .column.is-narrow { - flex: none; - width: unset; -} - -.columns.is-mobile > .column.is-full { - flex: none; - width: 100%; -} - -.columns.is-mobile > .column.is-three-quarters { - flex: none; - width: 75%; -} - -.columns.is-mobile > .column.is-two-thirds { - flex: none; - width: 66.6666%; -} - -.columns.is-mobile > .column.is-half { - flex: none; - width: 50%; -} - -.columns.is-mobile > .column.is-one-third { - flex: none; - width: 33.3333%; -} - -.columns.is-mobile > .column.is-one-quarter { - flex: none; - width: 25%; -} - -.columns.is-mobile > .column.is-one-fifth { - flex: none; - width: 20%; -} - -.columns.is-mobile > .column.is-two-fifths { - flex: none; - width: 40%; -} - -.columns.is-mobile > .column.is-three-fifths { - flex: none; - width: 60%; -} - -.columns.is-mobile > .column.is-four-fifths { - flex: none; - width: 80%; -} - -.columns.is-mobile > .column.is-offset-three-quarters { - margin-left: 75%; -} - -.columns.is-mobile > .column.is-offset-two-thirds { - margin-left: 66.6666%; -} - -.columns.is-mobile > .column.is-offset-half { - margin-left: 50%; -} - -.columns.is-mobile > .column.is-offset-one-third { - margin-left: 33.3333%; -} - -.columns.is-mobile > .column.is-offset-one-quarter { - margin-left: 25%; -} - -.columns.is-mobile > .column.is-offset-one-fifth { - margin-left: 20%; -} - -.columns.is-mobile > .column.is-offset-two-fifths { - margin-left: 40%; -} - -.columns.is-mobile > .column.is-offset-three-fifths { - margin-left: 60%; -} - -.columns.is-mobile > .column.is-offset-four-fifths { - margin-left: 80%; -} - -.columns.is-mobile > .column.is-0 { - flex: none; - width: 0%; -} - -.columns.is-mobile > .column.is-offset-0 { - margin-left: 0%; -} - -.columns.is-mobile > .column.is-1 { - flex: none; - width: 8.33333337%; -} - -.columns.is-mobile > .column.is-offset-1 { - margin-left: 8.33333337%; -} - -.columns.is-mobile > .column.is-2 { - flex: none; - width: 16.66666674%; -} - -.columns.is-mobile > .column.is-offset-2 { - margin-left: 16.66666674%; -} - -.columns.is-mobile > .column.is-3 { - flex: none; - width: 25%; -} - -.columns.is-mobile > .column.is-offset-3 { - margin-left: 25%; -} - -.columns.is-mobile > .column.is-4 { - flex: none; - width: 33.33333337%; -} - -.columns.is-mobile > .column.is-offset-4 { - margin-left: 33.33333337%; -} - -.columns.is-mobile > .column.is-5 { - flex: none; - width: 41.66666674%; -} - -.columns.is-mobile > .column.is-offset-5 { - margin-left: 41.66666674%; -} - -.columns.is-mobile > .column.is-6 { - flex: none; - width: 50%; -} - -.columns.is-mobile > .column.is-offset-6 { - margin-left: 50%; -} - -.columns.is-mobile > .column.is-7 { - flex: none; - width: 58.33333337%; -} - -.columns.is-mobile > .column.is-offset-7 { - margin-left: 58.33333337%; -} - -.columns.is-mobile > .column.is-8 { - flex: none; - width: 66.66666674%; -} - -.columns.is-mobile > .column.is-offset-8 { - margin-left: 66.66666674%; -} - -.columns.is-mobile > .column.is-9 { - flex: none; - width: 75%; -} - -.columns.is-mobile > .column.is-offset-9 { - margin-left: 75%; -} - -.columns.is-mobile > .column.is-10 { - flex: none; - width: 83.33333337%; -} - -.columns.is-mobile > .column.is-offset-10 { - margin-left: 83.33333337%; -} - -.columns.is-mobile > .column.is-11 { - flex: none; - width: 91.66666674%; -} - -.columns.is-mobile > .column.is-offset-11 { - margin-left: 91.66666674%; -} - -.columns.is-mobile > .column.is-12 { - flex: none; - width: 100%; -} - -.columns.is-mobile > .column.is-offset-12 { - margin-left: 100%; -} - -@media screen and (max-width: 768px) { - .column.is-narrow-mobile { - flex: none; - width: unset; - } - .column.is-full-mobile { - flex: none; - width: 100%; - } - .column.is-three-quarters-mobile { - flex: none; - width: 75%; - } - .column.is-two-thirds-mobile { - flex: none; - width: 66.6666%; - } - .column.is-half-mobile { - flex: none; - width: 50%; - } - .column.is-one-third-mobile { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter-mobile { - flex: none; - width: 25%; - } - .column.is-one-fifth-mobile { - flex: none; - width: 20%; - } - .column.is-two-fifths-mobile { - flex: none; - width: 40%; - } - .column.is-three-fifths-mobile { - flex: none; - width: 60%; - } - .column.is-four-fifths-mobile { - flex: none; - width: 80%; - } - .column.is-offset-three-quarters-mobile { - margin-left: 75%; - } - .column.is-offset-two-thirds-mobile { - margin-left: 66.6666%; - } - .column.is-offset-half-mobile { - margin-left: 50%; - } - .column.is-offset-one-third-mobile { - margin-left: 33.3333%; - } - .column.is-offset-one-quarter-mobile { - margin-left: 25%; - } - .column.is-offset-one-fifth-mobile { - margin-left: 20%; - } - .column.is-offset-two-fifths-mobile { - margin-left: 40%; - } - .column.is-offset-three-fifths-mobile { - margin-left: 60%; - } - .column.is-offset-four-fifths-mobile { - margin-left: 80%; - } - .column.is-0-mobile { - flex: none; - width: 0%; - } - .column.is-offset-0-mobile { - margin-left: 0%; - } - .column.is-1-mobile { - flex: none; - width: 8.33333337%; - } - .column.is-offset-1-mobile { - margin-left: 8.33333337%; - } - .column.is-2-mobile { - flex: none; - width: 16.66666674%; - } - .column.is-offset-2-mobile { - margin-left: 16.66666674%; - } - .column.is-3-mobile { - flex: none; - width: 25%; - } - .column.is-offset-3-mobile { - margin-left: 25%; - } - .column.is-4-mobile { - flex: none; - width: 33.33333337%; - } - .column.is-offset-4-mobile { - margin-left: 33.33333337%; - } - .column.is-5-mobile { - flex: none; - width: 41.66666674%; - } - .column.is-offset-5-mobile { - margin-left: 41.66666674%; - } - .column.is-6-mobile { - flex: none; - width: 50%; - } - .column.is-offset-6-mobile { - margin-left: 50%; - } - .column.is-7-mobile { - flex: none; - width: 58.33333337%; - } - .column.is-offset-7-mobile { - margin-left: 58.33333337%; - } - .column.is-8-mobile { - flex: none; - width: 66.66666674%; - } - .column.is-offset-8-mobile { - margin-left: 66.66666674%; - } - .column.is-9-mobile { - flex: none; - width: 75%; - } - .column.is-offset-9-mobile { - margin-left: 75%; - } - .column.is-10-mobile { - flex: none; - width: 83.33333337%; - } - .column.is-offset-10-mobile { - margin-left: 83.33333337%; - } - .column.is-11-mobile { - flex: none; - width: 91.66666674%; - } - .column.is-offset-11-mobile { - margin-left: 91.66666674%; - } - .column.is-12-mobile { - flex: none; - width: 100%; - } - .column.is-offset-12-mobile { - margin-left: 100%; - } -} -@media screen and (min-width: 769px), print { - .column.is-narrow, .column.is-narrow-tablet { - flex: none; - width: unset; - } - .column.is-full, .column.is-full-tablet { - flex: none; - width: 100%; - } - .column.is-three-quarters, .column.is-three-quarters-tablet { - flex: none; - width: 75%; - } - .column.is-two-thirds, .column.is-two-thirds-tablet { - flex: none; - width: 66.6666%; - } - .column.is-half, .column.is-half-tablet { - flex: none; - width: 50%; - } - .column.is-one-third, .column.is-one-third-tablet { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter, .column.is-one-quarter-tablet { - flex: none; - width: 25%; - } - .column.is-one-fifth, .column.is-one-fifth-tablet { - flex: none; - width: 20%; - } - .column.is-two-fifths, .column.is-two-fifths-tablet { - flex: none; - width: 40%; - } - .column.is-three-fifths, .column.is-three-fifths-tablet { - flex: none; - width: 60%; - } - .column.is-four-fifths, .column.is-four-fifths-tablet { - flex: none; - width: 80%; - } - .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { - margin-left: 75%; - } - .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { - margin-left: 66.6666%; - } - .column.is-offset-half, .column.is-offset-half-tablet { - margin-left: 50%; - } - .column.is-offset-one-third, .column.is-offset-one-third-tablet { - margin-left: 33.3333%; - } - .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { - margin-left: 25%; - } - .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { - margin-left: 20%; - } - .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { - margin-left: 40%; - } - .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { - margin-left: 60%; - } - .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { - margin-left: 80%; - } - .column.is-0, .column.is-0-tablet { - flex: none; - width: 0%; - } - .column.is-offset-0, .column.is-offset-0-tablet { - margin-left: 0%; - } - .column.is-1, .column.is-1-tablet { - flex: none; - width: 8.33333337%; - } - .column.is-offset-1, .column.is-offset-1-tablet { - margin-left: 8.33333337%; - } - .column.is-2, .column.is-2-tablet { - flex: none; - width: 16.66666674%; - } - .column.is-offset-2, .column.is-offset-2-tablet { - margin-left: 16.66666674%; - } - .column.is-3, .column.is-3-tablet { - flex: none; - width: 25%; - } - .column.is-offset-3, .column.is-offset-3-tablet { - margin-left: 25%; - } - .column.is-4, .column.is-4-tablet { - flex: none; - width: 33.33333337%; - } - .column.is-offset-4, .column.is-offset-4-tablet { - margin-left: 33.33333337%; - } - .column.is-5, .column.is-5-tablet { - flex: none; - width: 41.66666674%; - } - .column.is-offset-5, .column.is-offset-5-tablet { - margin-left: 41.66666674%; - } - .column.is-6, .column.is-6-tablet { - flex: none; - width: 50%; - } - .column.is-offset-6, .column.is-offset-6-tablet { - margin-left: 50%; - } - .column.is-7, .column.is-7-tablet { - flex: none; - width: 58.33333337%; - } - .column.is-offset-7, .column.is-offset-7-tablet { - margin-left: 58.33333337%; - } - .column.is-8, .column.is-8-tablet { - flex: none; - width: 66.66666674%; - } - .column.is-offset-8, .column.is-offset-8-tablet { - margin-left: 66.66666674%; - } - .column.is-9, .column.is-9-tablet { - flex: none; - width: 75%; - } - .column.is-offset-9, .column.is-offset-9-tablet { - margin-left: 75%; - } - .column.is-10, .column.is-10-tablet { - flex: none; - width: 83.33333337%; - } - .column.is-offset-10, .column.is-offset-10-tablet { - margin-left: 83.33333337%; - } - .column.is-11, .column.is-11-tablet { - flex: none; - width: 91.66666674%; - } - .column.is-offset-11, .column.is-offset-11-tablet { - margin-left: 91.66666674%; - } - .column.is-12, .column.is-12-tablet { - flex: none; - width: 100%; - } - .column.is-offset-12, .column.is-offset-12-tablet { - margin-left: 100%; - } -} -@media screen and (max-width: 1023px) { - .column.is-narrow-touch { - flex: none; - width: unset; - } - .column.is-full-touch { - flex: none; - width: 100%; - } - .column.is-three-quarters-touch { - flex: none; - width: 75%; - } - .column.is-two-thirds-touch { - flex: none; - width: 66.6666%; - } - .column.is-half-touch { - flex: none; - width: 50%; - } - .column.is-one-third-touch { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter-touch { - flex: none; - width: 25%; - } - .column.is-one-fifth-touch { - flex: none; - width: 20%; - } - .column.is-two-fifths-touch { - flex: none; - width: 40%; - } - .column.is-three-fifths-touch { - flex: none; - width: 60%; - } - .column.is-four-fifths-touch { - flex: none; - width: 80%; - } - .column.is-offset-three-quarters-touch { - margin-left: 75%; - } - .column.is-offset-two-thirds-touch { - margin-left: 66.6666%; - } - .column.is-offset-half-touch { - margin-left: 50%; - } - .column.is-offset-one-third-touch { - margin-left: 33.3333%; - } - .column.is-offset-one-quarter-touch { - margin-left: 25%; - } - .column.is-offset-one-fifth-touch { - margin-left: 20%; - } - .column.is-offset-two-fifths-touch { - margin-left: 40%; - } - .column.is-offset-three-fifths-touch { - margin-left: 60%; - } - .column.is-offset-four-fifths-touch { - margin-left: 80%; - } - .column.is-0-touch { - flex: none; - width: 0%; - } - .column.is-offset-0-touch { - margin-left: 0%; - } - .column.is-1-touch { - flex: none; - width: 8.33333337%; - } - .column.is-offset-1-touch { - margin-left: 8.33333337%; - } - .column.is-2-touch { - flex: none; - width: 16.66666674%; - } - .column.is-offset-2-touch { - margin-left: 16.66666674%; - } - .column.is-3-touch { - flex: none; - width: 25%; - } - .column.is-offset-3-touch { - margin-left: 25%; - } - .column.is-4-touch { - flex: none; - width: 33.33333337%; - } - .column.is-offset-4-touch { - margin-left: 33.33333337%; - } - .column.is-5-touch { - flex: none; - width: 41.66666674%; - } - .column.is-offset-5-touch { - margin-left: 41.66666674%; - } - .column.is-6-touch { - flex: none; - width: 50%; - } - .column.is-offset-6-touch { - margin-left: 50%; - } - .column.is-7-touch { - flex: none; - width: 58.33333337%; - } - .column.is-offset-7-touch { - margin-left: 58.33333337%; - } - .column.is-8-touch { - flex: none; - width: 66.66666674%; - } - .column.is-offset-8-touch { - margin-left: 66.66666674%; - } - .column.is-9-touch { - flex: none; - width: 75%; - } - .column.is-offset-9-touch { - margin-left: 75%; - } - .column.is-10-touch { - flex: none; - width: 83.33333337%; - } - .column.is-offset-10-touch { - margin-left: 83.33333337%; - } - .column.is-11-touch { - flex: none; - width: 91.66666674%; - } - .column.is-offset-11-touch { - margin-left: 91.66666674%; - } - .column.is-12-touch { - flex: none; - width: 100%; - } - .column.is-offset-12-touch { - margin-left: 100%; - } -} -@media screen and (min-width: 1024px) { - .column.is-narrow-desktop { - flex: none; - width: unset; - } - .column.is-full-desktop { - flex: none; - width: 100%; - } - .column.is-three-quarters-desktop { - flex: none; - width: 75%; - } - .column.is-two-thirds-desktop { - flex: none; - width: 66.6666%; - } - .column.is-half-desktop { - flex: none; - width: 50%; - } - .column.is-one-third-desktop { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter-desktop { - flex: none; - width: 25%; - } - .column.is-one-fifth-desktop { - flex: none; - width: 20%; - } - .column.is-two-fifths-desktop { - flex: none; - width: 40%; - } - .column.is-three-fifths-desktop { - flex: none; - width: 60%; - } - .column.is-four-fifths-desktop { - flex: none; - width: 80%; - } - .column.is-offset-three-quarters-desktop { - margin-left: 75%; - } - .column.is-offset-two-thirds-desktop { - margin-left: 66.6666%; - } - .column.is-offset-half-desktop { - margin-left: 50%; - } - .column.is-offset-one-third-desktop { - margin-left: 33.3333%; - } - .column.is-offset-one-quarter-desktop { - margin-left: 25%; - } - .column.is-offset-one-fifth-desktop { - margin-left: 20%; - } - .column.is-offset-two-fifths-desktop { - margin-left: 40%; - } - .column.is-offset-three-fifths-desktop { - margin-left: 60%; - } - .column.is-offset-four-fifths-desktop { - margin-left: 80%; - } - .column.is-0-desktop { - flex: none; - width: 0%; - } - .column.is-offset-0-desktop { - margin-left: 0%; - } - .column.is-1-desktop { - flex: none; - width: 8.33333337%; - } - .column.is-offset-1-desktop { - margin-left: 8.33333337%; - } - .column.is-2-desktop { - flex: none; - width: 16.66666674%; - } - .column.is-offset-2-desktop { - margin-left: 16.66666674%; - } - .column.is-3-desktop { - flex: none; - width: 25%; - } - .column.is-offset-3-desktop { - margin-left: 25%; - } - .column.is-4-desktop { - flex: none; - width: 33.33333337%; - } - .column.is-offset-4-desktop { - margin-left: 33.33333337%; - } - .column.is-5-desktop { - flex: none; - width: 41.66666674%; - } - .column.is-offset-5-desktop { - margin-left: 41.66666674%; - } - .column.is-6-desktop { - flex: none; - width: 50%; - } - .column.is-offset-6-desktop { - margin-left: 50%; - } - .column.is-7-desktop { - flex: none; - width: 58.33333337%; - } - .column.is-offset-7-desktop { - margin-left: 58.33333337%; - } - .column.is-8-desktop { - flex: none; - width: 66.66666674%; - } - .column.is-offset-8-desktop { - margin-left: 66.66666674%; - } - .column.is-9-desktop { - flex: none; - width: 75%; - } - .column.is-offset-9-desktop { - margin-left: 75%; - } - .column.is-10-desktop { - flex: none; - width: 83.33333337%; - } - .column.is-offset-10-desktop { - margin-left: 83.33333337%; - } - .column.is-11-desktop { - flex: none; - width: 91.66666674%; - } - .column.is-offset-11-desktop { - margin-left: 91.66666674%; - } - .column.is-12-desktop { - flex: none; - width: 100%; - } - .column.is-offset-12-desktop { - margin-left: 100%; - } -} -@media screen and (min-width: 1216px) { - .column.is-narrow-widescreen { - flex: none; - width: unset; - } - .column.is-full-widescreen { - flex: none; - width: 100%; - } - .column.is-three-quarters-widescreen { - flex: none; - width: 75%; - } - .column.is-two-thirds-widescreen { - flex: none; - width: 66.6666%; - } - .column.is-half-widescreen { - flex: none; - width: 50%; - } - .column.is-one-third-widescreen { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter-widescreen { - flex: none; - width: 25%; - } - .column.is-one-fifth-widescreen { - flex: none; - width: 20%; - } - .column.is-two-fifths-widescreen { - flex: none; - width: 40%; - } - .column.is-three-fifths-widescreen { - flex: none; - width: 60%; - } - .column.is-four-fifths-widescreen { - flex: none; - width: 80%; - } - .column.is-offset-three-quarters-widescreen { - margin-left: 75%; - } - .column.is-offset-two-thirds-widescreen { - margin-left: 66.6666%; - } - .column.is-offset-half-widescreen { - margin-left: 50%; - } - .column.is-offset-one-third-widescreen { - margin-left: 33.3333%; - } - .column.is-offset-one-quarter-widescreen { - margin-left: 25%; - } - .column.is-offset-one-fifth-widescreen { - margin-left: 20%; - } - .column.is-offset-two-fifths-widescreen { - margin-left: 40%; - } - .column.is-offset-three-fifths-widescreen { - margin-left: 60%; - } - .column.is-offset-four-fifths-widescreen { - margin-left: 80%; - } - .column.is-0-widescreen { - flex: none; - width: 0%; - } - .column.is-offset-0-widescreen { - margin-left: 0%; - } - .column.is-1-widescreen { - flex: none; - width: 8.33333337%; - } - .column.is-offset-1-widescreen { - margin-left: 8.33333337%; - } - .column.is-2-widescreen { - flex: none; - width: 16.66666674%; - } - .column.is-offset-2-widescreen { - margin-left: 16.66666674%; - } - .column.is-3-widescreen { - flex: none; - width: 25%; - } - .column.is-offset-3-widescreen { - margin-left: 25%; - } - .column.is-4-widescreen { - flex: none; - width: 33.33333337%; - } - .column.is-offset-4-widescreen { - margin-left: 33.33333337%; - } - .column.is-5-widescreen { - flex: none; - width: 41.66666674%; - } - .column.is-offset-5-widescreen { - margin-left: 41.66666674%; - } - .column.is-6-widescreen { - flex: none; - width: 50%; - } - .column.is-offset-6-widescreen { - margin-left: 50%; - } - .column.is-7-widescreen { - flex: none; - width: 58.33333337%; - } - .column.is-offset-7-widescreen { - margin-left: 58.33333337%; - } - .column.is-8-widescreen { - flex: none; - width: 66.66666674%; - } - .column.is-offset-8-widescreen { - margin-left: 66.66666674%; - } - .column.is-9-widescreen { - flex: none; - width: 75%; - } - .column.is-offset-9-widescreen { - margin-left: 75%; - } - .column.is-10-widescreen { - flex: none; - width: 83.33333337%; - } - .column.is-offset-10-widescreen { - margin-left: 83.33333337%; - } - .column.is-11-widescreen { - flex: none; - width: 91.66666674%; - } - .column.is-offset-11-widescreen { - margin-left: 91.66666674%; - } - .column.is-12-widescreen { - flex: none; - width: 100%; - } - .column.is-offset-12-widescreen { - margin-left: 100%; - } -} -@media screen and (min-width: 1408px) { - .column.is-narrow-fullhd { - flex: none; - width: unset; - } - .column.is-full-fullhd { - flex: none; - width: 100%; - } - .column.is-three-quarters-fullhd { - flex: none; - width: 75%; - } - .column.is-two-thirds-fullhd { - flex: none; - width: 66.6666%; - } - .column.is-half-fullhd { - flex: none; - width: 50%; - } - .column.is-one-third-fullhd { - flex: none; - width: 33.3333%; - } - .column.is-one-quarter-fullhd { - flex: none; - width: 25%; - } - .column.is-one-fifth-fullhd { - flex: none; - width: 20%; - } - .column.is-two-fifths-fullhd { - flex: none; - width: 40%; - } - .column.is-three-fifths-fullhd { - flex: none; - width: 60%; - } - .column.is-four-fifths-fullhd { - flex: none; - width: 80%; - } - .column.is-offset-three-quarters-fullhd { - margin-left: 75%; - } - .column.is-offset-two-thirds-fullhd { - margin-left: 66.6666%; - } - .column.is-offset-half-fullhd { - margin-left: 50%; - } - .column.is-offset-one-third-fullhd { - margin-left: 33.3333%; - } - .column.is-offset-one-quarter-fullhd { - margin-left: 25%; - } - .column.is-offset-one-fifth-fullhd { - margin-left: 20%; - } - .column.is-offset-two-fifths-fullhd { - margin-left: 40%; - } - .column.is-offset-three-fifths-fullhd { - margin-left: 60%; - } - .column.is-offset-four-fifths-fullhd { - margin-left: 80%; - } - .column.is-0-fullhd { - flex: none; - width: 0%; - } - .column.is-offset-0-fullhd { - margin-left: 0%; - } - .column.is-1-fullhd { - flex: none; - width: 8.33333337%; - } - .column.is-offset-1-fullhd { - margin-left: 8.33333337%; - } - .column.is-2-fullhd { - flex: none; - width: 16.66666674%; - } - .column.is-offset-2-fullhd { - margin-left: 16.66666674%; - } - .column.is-3-fullhd { - flex: none; - width: 25%; - } - .column.is-offset-3-fullhd { - margin-left: 25%; - } - .column.is-4-fullhd { - flex: none; - width: 33.33333337%; - } - .column.is-offset-4-fullhd { - margin-left: 33.33333337%; - } - .column.is-5-fullhd { - flex: none; - width: 41.66666674%; - } - .column.is-offset-5-fullhd { - margin-left: 41.66666674%; - } - .column.is-6-fullhd { - flex: none; - width: 50%; - } - .column.is-offset-6-fullhd { - margin-left: 50%; - } - .column.is-7-fullhd { - flex: none; - width: 58.33333337%; - } - .column.is-offset-7-fullhd { - margin-left: 58.33333337%; - } - .column.is-8-fullhd { - flex: none; - width: 66.66666674%; - } - .column.is-offset-8-fullhd { - margin-left: 66.66666674%; - } - .column.is-9-fullhd { - flex: none; - width: 75%; - } - .column.is-offset-9-fullhd { - margin-left: 75%; - } - .column.is-10-fullhd { - flex: none; - width: 83.33333337%; - } - .column.is-offset-10-fullhd { - margin-left: 83.33333337%; - } - .column.is-11-fullhd { - flex: none; - width: 91.66666674%; - } - .column.is-offset-11-fullhd { - margin-left: 91.66666674%; - } - .column.is-12-fullhd { - flex: none; - width: 100%; - } - .column.is-offset-12-fullhd { - margin-left: 100%; - } -} -.columns { - margin-left: -0.75rem; - margin-right: -0.75rem; - margin-top: -0.75rem; -} - -.columns:last-child { - margin-bottom: -0.75rem; -} - -.columns:not(:last-child) { - margin-bottom: 0.75rem; -} - -.columns.is-centered { - justify-content: center; -} - -.columns.is-gapless { - margin-left: 0; - margin-right: 0; - margin-top: 0; -} - -.columns.is-gapless > .column { - margin: 0; - padding: 0 !important; -} - -.columns.is-gapless:not(:last-child) { - margin-bottom: 1.5rem; -} - -.columns.is-gapless:last-child { - margin-bottom: 0; -} - -.columns.is-mobile { - display: flex; -} - -.columns.is-multiline { - flex-wrap: wrap; -} - -.columns.is-vcentered { - align-items: center; -} - -@media screen and (min-width: 769px), print { - .columns:not(.is-desktop) { - display: flex; - } -} -@media screen and (min-width: 1024px) { - .columns.is-desktop { - display: flex; - } -} -.columns.is-variable { - --columnGap: 0.75rem; - margin-left: calc(-1 * var(--columnGap)); - margin-right: calc(-1 * var(--columnGap)); -} - -.columns.is-variable > .column { - padding-left: var(--columnGap); - padding-right: var(--columnGap); -} - -.columns.is-variable.is-0 { - --columnGap: 0rem; -} - -@media screen and (max-width: 768px) { - .columns.is-variable.is-0-mobile { - --columnGap: 0rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-0-tablet { - --columnGap: 0rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-0-tablet-only { - --columnGap: 0rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-0-touch { - --columnGap: 0rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-0-desktop { - --columnGap: 0rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-0-desktop-only { - --columnGap: 0rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-0-widescreen { - --columnGap: 0rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-0-widescreen-only { - --columnGap: 0rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-0-fullhd { - --columnGap: 0rem; - } -} -.columns.is-variable.is-1 { - --columnGap: 0.25rem; -} - -@media screen and (max-width: 768px) { - .columns.is-variable.is-1-mobile { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-1-tablet { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-1-tablet-only { - --columnGap: 0.25rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-1-touch { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-1-desktop { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-1-desktop-only { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-1-widescreen { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-1-widescreen-only { - --columnGap: 0.25rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-1-fullhd { - --columnGap: 0.25rem; - } -} -.columns.is-variable.is-2 { - --columnGap: 0.5rem; -} - -@media screen and (max-width: 768px) { - .columns.is-variable.is-2-mobile { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-2-tablet { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-2-tablet-only { - --columnGap: 0.5rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-2-touch { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-2-desktop { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-2-desktop-only { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-2-widescreen { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-2-widescreen-only { - --columnGap: 0.5rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-2-fullhd { - --columnGap: 0.5rem; - } -} -.columns.is-variable.is-3 { - --columnGap: 0.75rem; -} - -@media screen and (max-width: 768px) { - .columns.is-variable.is-3-mobile { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-3-tablet { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-3-tablet-only { - --columnGap: 0.75rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-3-touch { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-3-desktop { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-3-desktop-only { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-3-widescreen { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-3-widescreen-only { - --columnGap: 0.75rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-3-fullhd { - --columnGap: 0.75rem; - } -} -.columns.is-variable.is-4 { - --columnGap: 1rem; -} - -@media screen and (max-width: 768px) { - .columns.is-variable.is-4-mobile { - --columnGap: 1rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-4-tablet { - --columnGap: 1rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-4-tablet-only { - --columnGap: 1rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-4-touch { - --columnGap: 1rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-4-desktop { - --columnGap: 1rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-4-desktop-only { - --columnGap: 1rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-4-widescreen { - --columnGap: 1rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-4-widescreen-only { - --columnGap: 1rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-4-fullhd { - --columnGap: 1rem; - } -} -.columns.is-variable.is-5 { - --columnGap: 1.25rem; -} - -@media screen and (max-width: 768px) { - .columns.is-variable.is-5-mobile { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-5-tablet { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-5-tablet-only { - --columnGap: 1.25rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-5-touch { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-5-desktop { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-5-desktop-only { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-5-widescreen { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-5-widescreen-only { - --columnGap: 1.25rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-5-fullhd { - --columnGap: 1.25rem; - } -} -.columns.is-variable.is-6 { - --columnGap: 1.5rem; -} - -@media screen and (max-width: 768px) { - .columns.is-variable.is-6-mobile { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-6-tablet { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-6-tablet-only { - --columnGap: 1.5rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-6-touch { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-6-desktop { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-6-desktop-only { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-6-widescreen { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-6-widescreen-only { - --columnGap: 1.5rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-6-fullhd { - --columnGap: 1.5rem; - } -} -.columns.is-variable.is-7 { - --columnGap: 1.75rem; -} - -@media screen and (max-width: 768px) { - .columns.is-variable.is-7-mobile { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-7-tablet { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-7-tablet-only { - --columnGap: 1.75rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-7-touch { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-7-desktop { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-7-desktop-only { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-7-widescreen { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-7-widescreen-only { - --columnGap: 1.75rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-7-fullhd { - --columnGap: 1.75rem; - } -} -.columns.is-variable.is-8 { - --columnGap: 2rem; -} - -@media screen and (max-width: 768px) { - .columns.is-variable.is-8-mobile { - --columnGap: 2rem; - } -} -@media screen and (min-width: 769px), print { - .columns.is-variable.is-8-tablet { - --columnGap: 2rem; - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .columns.is-variable.is-8-tablet-only { - --columnGap: 2rem; - } -} -@media screen and (max-width: 1023px) { - .columns.is-variable.is-8-touch { - --columnGap: 2rem; - } -} -@media screen and (min-width: 1024px) { - .columns.is-variable.is-8-desktop { - --columnGap: 2rem; - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .columns.is-variable.is-8-desktop-only { - --columnGap: 2rem; - } -} -@media screen and (min-width: 1216px) { - .columns.is-variable.is-8-widescreen { - --columnGap: 2rem; - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .columns.is-variable.is-8-widescreen-only { - --columnGap: 2rem; - } -} -@media screen and (min-width: 1408px) { - .columns.is-variable.is-8-fullhd { - --columnGap: 2rem; - } -} -.tile { - align-items: stretch; - display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; - min-height: min-content; -} - -.tile.is-ancestor { - margin-left: -0.75rem; - margin-right: -0.75rem; - margin-top: -0.75rem; -} - -.tile.is-ancestor:last-child { - margin-bottom: -0.75rem; -} - -.tile.is-ancestor:not(:last-child) { - margin-bottom: 0.75rem; -} - -.tile.is-child { - margin: 0 !important; -} - -.tile.is-parent { - padding: 0.75rem; -} - -.tile.is-vertical { - flex-direction: column; -} - -.tile.is-vertical > .tile.is-child:not(:last-child) { - margin-bottom: 1.5rem !important; -} - -@media screen and (min-width: 769px), print { - .tile:not(.is-child) { - display: flex; - } - .tile.is-1 { - flex: none; - width: 8.33333337%; - } - .tile.is-2 { - flex: none; - width: 16.66666674%; - } - .tile.is-3 { - flex: none; - width: 25%; - } - .tile.is-4 { - flex: none; - width: 33.33333337%; - } - .tile.is-5 { - flex: none; - width: 41.66666674%; - } - .tile.is-6 { - flex: none; - width: 50%; - } - .tile.is-7 { - flex: none; - width: 58.33333337%; - } - .tile.is-8 { - flex: none; - width: 66.66666674%; - } - .tile.is-9 { - flex: none; - width: 75%; - } - .tile.is-10 { - flex: none; - width: 83.33333337%; - } - .tile.is-11 { - flex: none; - width: 91.66666674%; - } - .tile.is-12 { - flex: none; - width: 100%; - } -} -/* Bulma Helpers */ -.has-text-white { - color: hsl(0, 0%, 100%) !important; -} - -a.has-text-white:hover, a.has-text-white:focus { - color: #e6e6e6 !important; -} - -.has-background-white { - background-color: hsl(0, 0%, 100%) !important; -} - -.has-text-black { - color: hsl(0, 0%, 4%) !important; -} - -a.has-text-black:hover, a.has-text-black:focus { - color: black !important; -} - -.has-background-black { - background-color: hsl(0, 0%, 4%) !important; -} - -.has-text-light { - color: hsl(0, 0%, 96%) !important; -} - -a.has-text-light:hover, a.has-text-light:focus { - color: #dbdbdb !important; -} - -.has-background-light { - background-color: hsl(0, 0%, 96%) !important; -} - -.has-text-dark { - color: hsl(0, 0%, 21%) !important; -} - -a.has-text-dark:hover, a.has-text-dark:focus { - color: #1c1c1c !important; -} - -.has-background-dark { - background-color: hsl(0, 0%, 21%) !important; -} - -.has-text-primary { - color: hsl(171, 100%, 41%) !important; -} - -a.has-text-primary:hover, a.has-text-primary:focus { - color: #009e86 !important; -} - -.has-background-primary { - background-color: hsl(171, 100%, 41%) !important; -} - -.has-text-primary-light { - color: var(--primary-light) !important; -} - -a.has-text-primary-light:hover, a.has-text-primary-light:focus { - color: var(--primary-light) !important; -} - -.has-background-primary-light { - background-color: var(--primary-light) !important; -} - -.has-text-primary-dark { - color: #00947e !important; -} - -a.has-text-primary-dark:hover, a.has-text-primary-dark:focus { - color: #00c7a9 !important; -} - -.has-background-primary-dark { - background-color: #00947e !important; -} - -.has-text-link { - color: hsl(229, 53%, 53%) !important; -} - -a.has-text-link:hover, a.has-text-link:focus { - color: #3449a8 !important; -} - -.has-background-link { - background-color: hsl(229, 53%, 53%) !important; -} - -.has-text-link-light { - color: #eff1fa !important; -} - -a.has-text-link-light:hover, a.has-text-link-light:focus { - color: #c8cfee !important; -} - -.has-background-link-light { - background-color: #eff1fa !important; -} - -.has-text-link-dark { - color: #3850b7 !important; -} - -a.has-text-link-dark:hover, a.has-text-link-dark:focus { - color: #576dcb !important; -} - -.has-background-link-dark { - background-color: #3850b7 !important; -} - -.has-text-info { - color: hsl(217, 71%, 50%) !important; -} - -a.has-text-info:hover, a.has-text-info:focus { - color: #1e55ae !important; -} - -.has-background-info { - background-color: hsl(217, 71%, 50%) !important; -} - -.has-text-info-light { - color: #eef3fc !important; -} - -a.has-text-info-light:hover, a.has-text-info-light:focus { - color: #c2d5f5 !important; -} - -.has-background-info-light { - background-color: #eef3fc !important; -} - -.has-text-info-dark { - color: #2262c9 !important; -} - -a.has-text-info-dark:hover, a.has-text-info-dark:focus { - color: #3f7cde !important; -} - -.has-background-info-dark { - background-color: #2262c9 !important; -} - -.has-text-success { - color: hsl(141, 53%, 40%) !important; -} - -a.has-text-success:hover, a.has-text-success:focus { - color: #247540 !important; -} - -.has-background-success { - background-color: hsl(141, 53%, 40%) !important; -} - -.has-text-success-light { - color: #effaf3 !important; -} - -a.has-text-success-light:hover, a.has-text-success-light:focus { - color: #c8eed6 !important; -} - -.has-background-success-light { - background-color: #effaf3 !important; -} - -.has-text-success-dark { - color: #31a058 !important; -} - -a.has-text-success-dark:hover, a.has-text-success-dark:focus { - color: #40c46e !important; -} - -.has-background-success-dark { - background-color: #31a058 !important; -} - -.has-text-warning { - color: hsl(38, 93%, 50%) !important; -} - -a.has-text-warning:hover, a.has-text-warning:focus { - color: #c57f07 !important; -} - -.has-background-warning { - background-color: hsl(38, 93%, 50%) !important; -} - -.has-text-warning-light { - color: #fef7eb !important; -} - -a.has-text-warning-light:hover, a.has-text-warning-light:focus { - color: #fde4ba !important; -} - -.has-background-warning-light { - background-color: #fef7eb !important; -} - -.has-text-warning-dark { - color: #996306 !important; -} - -a.has-text-warning-dark:hover, a.has-text-warning-dark:focus { - color: #ca8207 !important; -} - -.has-background-warning-dark { - background-color: #996306 !important; -} - -.has-text-danger { - color: hsl(348, 100%, 40%) !important; -} - -a.has-text-danger:hover, a.has-text-danger:focus { - color: #99001f !important; -} - -.has-background-danger { - background-color: hsl(348, 100%, 40%) !important; -} - -.has-text-danger-light { - color: #ffebef !important; -} - -a.has-text-danger-light:hover, a.has-text-danger-light:focus { - color: #ffb8c6 !important; -} - -.has-background-danger-light { - background-color: #ffebef !important; -} - -.has-text-danger-dark { - color: #ff0033 !important; -} - -a.has-text-danger-dark:hover, a.has-text-danger-dark:focus { - color: #ff335c !important; -} - -.has-background-danger-dark { - background-color: #ff0033 !important; -} - -.has-text-black-bis { - color: hsl(0, 0%, 7%) !important; -} - -.has-background-black-bis { - background-color: hsl(0, 0%, 7%) !important; -} - -.has-text-black-ter { - color: hsl(0, 0%, 14%) !important; -} - -.has-background-black-ter { - background-color: hsl(0, 0%, 14%) !important; -} - -.has-text-grey-darker { - color: hsl(0, 0%, 21%) !important; -} - -.has-background-grey-darker { - background-color: hsl(0, 0%, 21%) !important; -} - -.has-text-grey-dark { - color: hsl(0, 0%, 29%) !important; -} - -.has-background-grey-dark { - background-color: hsl(0, 0%, 29%) !important; -} - -.has-text-grey { - color: hsl(0, 0%, 48%) !important; -} - -.has-background-grey { - background-color: hsl(0, 0%, 48%) !important; -} - -.has-text-grey-light { - color: hsl(0, 0%, 71%) !important; -} - -.has-background-grey-light { - background-color: hsl(0, 0%, 71%) !important; -} - -.has-text-grey-lighter { - color: hsl(0, 0%, 86%) !important; -} - -.has-background-grey-lighter { - background-color: hsl(0, 0%, 86%) !important; -} - -.has-text-white-ter { - color: hsl(0, 0%, 96%) !important; -} - -.has-background-white-ter { - background-color: hsl(0, 0%, 96%) !important; -} - -.has-text-white-bis { - color: hsl(0, 0%, 98%) !important; -} - -.has-background-white-bis { - background-color: hsl(0, 0%, 98%) !important; -} - -.is-flex-direction-row { - flex-direction: row !important; -} - -.is-flex-direction-row-reverse { - flex-direction: row-reverse !important; -} - -.is-flex-direction-column { - flex-direction: column !important; -} - -.is-flex-direction-column-reverse { - flex-direction: column-reverse !important; -} - -.is-flex-wrap-nowrap { - flex-wrap: nowrap !important; -} - -.is-flex-wrap-wrap { - flex-wrap: wrap !important; -} - -.is-flex-wrap-wrap-reverse { - flex-wrap: wrap-reverse !important; -} - -.is-justify-content-flex-start { - justify-content: flex-start !important; -} - -.is-justify-content-flex-end { - justify-content: flex-end !important; -} - -.is-justify-content-center { - justify-content: center !important; -} - -.is-justify-content-space-between { - justify-content: space-between !important; -} - -.is-justify-content-space-around { - justify-content: space-around !important; -} - -.is-justify-content-space-evenly { - justify-content: space-evenly !important; -} - -.is-justify-content-start { - justify-content: start !important; -} - -.is-justify-content-end { - justify-content: end !important; -} - -.is-justify-content-left { - justify-content: left !important; -} - -.is-justify-content-right { - justify-content: right !important; -} - -.is-align-content-flex-start { - align-content: flex-start !important; -} - -.is-align-content-flex-end { - align-content: flex-end !important; -} - -.is-align-content-center { - align-content: center !important; -} - -.is-align-content-space-between { - align-content: space-between !important; -} - -.is-align-content-space-around { - align-content: space-around !important; -} - -.is-align-content-space-evenly { - align-content: space-evenly !important; -} - -.is-align-content-stretch { - align-content: stretch !important; -} - -.is-align-content-start { - align-content: start !important; -} - -.is-align-content-end { - align-content: end !important; -} - -.is-align-content-baseline { - align-content: baseline !important; -} - -.is-align-items-stretch { - align-items: stretch !important; -} - -.is-align-items-flex-start { - align-items: flex-start !important; -} - -.is-align-items-flex-end { - align-items: flex-end !important; -} - -.is-align-items-center { - align-items: center !important; -} - -.is-align-items-baseline { - align-items: baseline !important; -} - -.is-align-items-start { - align-items: start !important; -} - -.is-align-items-end { - align-items: end !important; -} - -.is-align-items-self-start { - align-items: self-start !important; -} - -.is-align-items-self-end { - align-items: self-end !important; -} - -.is-align-self-auto { - align-self: auto !important; -} - -.is-align-self-flex-start { - align-self: flex-start !important; -} - -.is-align-self-flex-end { - align-self: flex-end !important; -} - -.is-align-self-center { - align-self: center !important; -} - -.is-align-self-baseline { - align-self: baseline !important; -} - -.is-align-self-stretch { - align-self: stretch !important; -} - -.is-flex-grow-0 { - flex-grow: 0 !important; -} - -.is-flex-grow-1 { - flex-grow: 1 !important; -} - -.is-flex-grow-2 { - flex-grow: 2 !important; -} - -.is-flex-grow-3 { - flex-grow: 3 !important; -} - -.is-flex-grow-4 { - flex-grow: 4 !important; -} - -.is-flex-grow-5 { - flex-grow: 5 !important; -} - -.is-flex-shrink-0 { - flex-shrink: 0 !important; -} - -.is-flex-shrink-1 { - flex-shrink: 1 !important; -} - -.is-flex-shrink-2 { - flex-shrink: 2 !important; -} - -.is-flex-shrink-3 { - flex-shrink: 3 !important; -} - -.is-flex-shrink-4 { - flex-shrink: 4 !important; -} - -.is-flex-shrink-5 { - flex-shrink: 5 !important; -} - -.is-clearfix::after { - clear: both; - content: " "; - display: table; -} - -.is-pulled-left { - float: left !important; -} - -.is-pulled-right { - float: right !important; -} - -.is-radiusless { - border-radius: 0 !important; -} - -.is-shadowless { - box-shadow: none !important; -} - -.is-clickable { - cursor: pointer !important; - pointer-events: all !important; -} - -.is-clipped { - overflow: hidden !important; -} - -.is-relative { - position: relative !important; -} - -.is-marginless { - margin: 0 !important; -} - -.is-paddingless { - padding: 0 !important; -} - -.m-0 { - margin: 0 !important; -} - -.mt-0 { - margin-top: 0 !important; -} - -.mr-0 { - margin-right: 0 !important; -} - -.mb-0 { - margin-bottom: 0 !important; -} - -.ml-0 { - margin-left: 0 !important; -} - -.mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; -} - -.my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; -} - -.m-1 { - margin: 0.25rem !important; -} - -.mt-1 { - margin-top: 0.25rem !important; -} - -.mr-1 { - margin-right: 0.25rem !important; -} - -.mb-1 { - margin-bottom: 0.25rem !important; -} - -.ml-1 { - margin-left: 0.25rem !important; -} - -.mx-1 { - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; -} - -.my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; -} - -.m-2 { - margin: 0.5rem !important; -} - -.mt-2 { - margin-top: 0.5rem !important; -} - -.mr-2 { - margin-right: 0.5rem !important; -} - -.mb-2 { - margin-bottom: 0.5rem !important; -} - -.ml-2 { - margin-left: 0.5rem !important; -} - -.mx-2 { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; -} - -.my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; -} - -.m-3 { - margin: 0.75rem !important; -} - -.mt-3 { - margin-top: 0.75rem !important; -} - -.mr-3 { - margin-right: 0.75rem !important; -} - -.mb-3 { - margin-bottom: 0.75rem !important; -} - -.ml-3 { - margin-left: 0.75rem !important; -} - -.mx-3 { - margin-left: 0.75rem !important; - margin-right: 0.75rem !important; -} - -.my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; -} - -.m-4 { - margin: 1rem !important; -} - -.mt-4 { - margin-top: 1rem !important; -} - -.mr-4 { - margin-right: 1rem !important; -} - -.mb-4 { - margin-bottom: 1rem !important; -} - -.ml-4 { - margin-left: 1rem !important; -} - -.mx-4 { - margin-left: 1rem !important; - margin-right: 1rem !important; -} - -.my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; -} - -.m-5 { - margin: 1.5rem !important; -} - -.mt-5 { - margin-top: 1.5rem !important; -} - -.mr-5 { - margin-right: 1.5rem !important; -} - -.mb-5 { - margin-bottom: 1.5rem !important; -} - -.ml-5 { - margin-left: 1.5rem !important; -} - -.mx-5 { - margin-left: 1.5rem !important; - margin-right: 1.5rem !important; -} - -.my-5 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; -} - -.m-6 { - margin: 3rem !important; -} - -.mt-6 { - margin-top: 3rem !important; -} - -.mr-6 { - margin-right: 3rem !important; -} - -.mb-6 { - margin-bottom: 3rem !important; -} - -.ml-6 { - margin-left: 3rem !important; -} - -.mx-6 { - margin-left: 3rem !important; - margin-right: 3rem !important; -} - -.my-6 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; -} - -.m-auto { - margin: auto !important; -} - -.mt-auto { - margin-top: auto !important; -} - -.mr-auto { - margin-right: auto !important; -} - -.mb-auto { - margin-bottom: auto !important; -} - -.ml-auto { - margin-left: auto !important; -} - -.mx-auto { - margin-left: auto !important; - margin-right: auto !important; -} - -.my-auto { - margin-top: auto !important; - margin-bottom: auto !important; -} - -.p-0 { - padding: 0 !important; -} - -.pt-0 { - padding-top: 0 !important; -} - -.pr-0 { - padding-right: 0 !important; -} - -.pb-0 { - padding-bottom: 0 !important; -} - -.pl-0 { - padding-left: 0 !important; -} - -.px-0 { - padding-left: 0 !important; - padding-right: 0 !important; -} - -.py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; -} - -.p-1 { - padding: 0.25rem !important; -} - -.pt-1 { - padding-top: 0.25rem !important; -} - -.pr-1 { - padding-right: 0.25rem !important; -} - -.pb-1 { - padding-bottom: 0.25rem !important; -} - -.pl-1 { - padding-left: 0.25rem !important; -} - -.px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; -} - -.py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; -} - -.p-2 { - padding: 0.5rem !important; -} - -.pt-2 { - padding-top: 0.5rem !important; -} - -.pr-2 { - padding-right: 0.5rem !important; -} - -.pb-2 { - padding-bottom: 0.5rem !important; -} - -.pl-2 { - padding-left: 0.5rem !important; -} - -.px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; -} - -.py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; -} - -.p-3 { - padding: 0.75rem !important; -} - -.pt-3 { - padding-top: 0.75rem !important; -} - -.pr-3 { - padding-right: 0.75rem !important; -} - -.pb-3 { - padding-bottom: 0.75rem !important; -} - -.pl-3 { - padding-left: 0.75rem !important; -} - -.px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; -} - -.py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; -} - -.p-4 { - padding: 1rem !important; -} - -.pt-4 { - padding-top: 1rem !important; -} - -.pr-4 { - padding-right: 1rem !important; -} - -.pb-4 { - padding-bottom: 1rem !important; -} - -.pl-4 { - padding-left: 1rem !important; -} - -.px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; -} - -.py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; -} - -.p-5 { - padding: 1.5rem !important; -} - -.pt-5 { - padding-top: 1.5rem !important; -} - -.pr-5 { - padding-right: 1.5rem !important; -} - -.pb-5 { - padding-bottom: 1.5rem !important; -} - -.pl-5 { - padding-left: 1.5rem !important; -} - -.px-5 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; -} - -.py-5 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; -} - -.p-6 { - padding: 3rem !important; -} - -.pt-6 { - padding-top: 3rem !important; -} - -.pr-6 { - padding-right: 3rem !important; -} - -.pb-6 { - padding-bottom: 3rem !important; -} - -.pl-6 { - padding-left: 3rem !important; -} - -.px-6 { - padding-left: 3rem !important; - padding-right: 3rem !important; -} - -.py-6 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; -} - -.p-auto { - padding: auto !important; -} - -.pt-auto { - padding-top: auto !important; -} - -.pr-auto { - padding-right: auto !important; -} - -.pb-auto { - padding-bottom: auto !important; -} - -.pl-auto { - padding-left: auto !important; -} - -.px-auto { - padding-left: auto !important; - padding-right: auto !important; -} - -.py-auto { - padding-top: auto !important; - padding-bottom: auto !important; -} - -.is-size-1 { - font-size: 2.462rem !important; -} - -.is-size-2 { - font-size: 2rem !important; -} - -.is-size-3 { - font-size: 1.692rem !important; -} - -.is-size-4 { - font-size: 1.385rem !important; -} - -.is-size-5 { - font-size: 1.213rem !important; -} - -.is-size-6 { - font-size: 1rem !important; -} - -.is-size-7 { - font-size: 0.846rem !important; -} - -@media screen and (max-width: 768px) { - .is-size-1-mobile { - font-size: 2.462rem !important; - } - .is-size-2-mobile { - font-size: 2rem !important; - } - .is-size-3-mobile { - font-size: 1.692rem !important; - } - .is-size-4-mobile { - font-size: 1.385rem !important; - } - .is-size-5-mobile { - font-size: 1.213rem !important; - } - .is-size-6-mobile { - font-size: 1rem !important; - } - .is-size-7-mobile { - font-size: 0.846rem !important; - } -} -@media screen and (min-width: 769px), print { - .is-size-1-tablet { - font-size: 2.462rem !important; - } - .is-size-2-tablet { - font-size: 2rem !important; - } - .is-size-3-tablet { - font-size: 1.692rem !important; - } - .is-size-4-tablet { - font-size: 1.385rem !important; - } - .is-size-5-tablet { - font-size: 1.213rem !important; - } - .is-size-6-tablet { - font-size: 1rem !important; - } - .is-size-7-tablet { - font-size: 0.846rem !important; - } -} -@media screen and (max-width: 1023px) { - .is-size-1-touch { - font-size: 2.462rem !important; - } - .is-size-2-touch { - font-size: 2rem !important; - } - .is-size-3-touch { - font-size: 1.692rem !important; - } - .is-size-4-touch { - font-size: 1.385rem !important; - } - .is-size-5-touch { - font-size: 1.213rem !important; - } - .is-size-6-touch { - font-size: 1rem !important; - } - .is-size-7-touch { - font-size: 0.846rem !important; - } -} -@media screen and (min-width: 1024px) { - .is-size-1-desktop { - font-size: 2.462rem !important; - } - .is-size-2-desktop { - font-size: 2rem !important; - } - .is-size-3-desktop { - font-size: 1.692rem !important; - } - .is-size-4-desktop { - font-size: 1.385rem !important; - } - .is-size-5-desktop { - font-size: 1.213rem !important; - } - .is-size-6-desktop { - font-size: 1rem !important; - } - .is-size-7-desktop { - font-size: 0.846rem !important; - } -} -@media screen and (min-width: 1216px) { - .is-size-1-widescreen { - font-size: 2.462rem !important; - } - .is-size-2-widescreen { - font-size: 2rem !important; - } - .is-size-3-widescreen { - font-size: 1.692rem !important; - } - .is-size-4-widescreen { - font-size: 1.385rem !important; - } - .is-size-5-widescreen { - font-size: 1.213rem !important; - } - .is-size-6-widescreen { - font-size: 1rem !important; - } - .is-size-7-widescreen { - font-size: 0.846rem !important; - } -} -@media screen and (min-width: 1408px) { - .is-size-1-fullhd { - font-size: 2.462rem !important; - } - .is-size-2-fullhd { - font-size: 2rem !important; - } - .is-size-3-fullhd { - font-size: 1.692rem !important; - } - .is-size-4-fullhd { - font-size: 1.385rem !important; - } - .is-size-5-fullhd { - font-size: 1.213rem !important; - } - .is-size-6-fullhd { - font-size: 1rem !important; - } - .is-size-7-fullhd { - font-size: 0.846rem !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; -} - -.is-underlined { - text-decoration: underline !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: 0.01em !important; - overflow: hidden !important; - padding: 0 !important; - position: absolute !important; - white-space: nowrap !important; - width: 0.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; - } -} -/* Bulma Layout */ -.hero { - align-items: stretch; - display: flex; - flex-direction: column; - justify-content: space-between; -} - -.hero .navbar { - background: none; -} - -.hero .tabs ul { - border-bottom: none; -} - -.hero.is-white { - background-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); -} - -.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), -.hero.is-white strong { - color: inherit; -} - -.hero.is-white .title { - color: hsl(0, 0%, 4%); -} - -.hero.is-white .subtitle { - color: rgba(10, 10, 10, 0.9); -} - -.hero.is-white .subtitle a:not(.button), -.hero.is-white .subtitle strong { - color: hsl(0, 0%, 4%); -} - -@media screen and (max-width: 1023px) { - .hero.is-white .navbar-menu { - background-color: hsl(0, 0%, 100%); - } -} -.hero.is-white .navbar-item, -.hero.is-white .navbar-link { - color: rgba(10, 10, 10, 0.7); -} - -.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, -.hero.is-white .navbar-link:hover, -.hero.is-white .navbar-link.is-active { - background-color: #f2f2f2; - color: hsl(0, 0%, 4%); -} - -.hero.is-white .tabs a { - color: hsl(0, 0%, 4%); - opacity: 0.9; -} - -.hero.is-white .tabs a:hover { - opacity: 1; -} - -.hero.is-white .tabs li.is-active a { - color: hsl(0, 0%, 100%) !important; - opacity: 1; -} - -.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { - color: hsl(0, 0%, 4%); -} - -.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); -} - -.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { - background-color: hsl(0, 0%, 4%); - border-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} - -.hero.is-white.is-bold { - background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0, 0%, 100%) 71%, white 100%); -} - -@media screen and (max-width: 768px) { - .hero.is-white.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #e8e3e4 0%, hsl(0, 0%, 100%) 71%, white 100%); - } -} -.hero.is-black { - background-color: hsl(0, 0%, 4%); - color: hsl(0, 0%, 100%); -} - -.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), -.hero.is-black strong { - color: inherit; -} - -.hero.is-black .title { - color: hsl(0, 0%, 100%); -} - -.hero.is-black .subtitle { - color: rgba(255, 255, 255, 0.9); -} - -.hero.is-black .subtitle a:not(.button), -.hero.is-black .subtitle strong { - color: hsl(0, 0%, 100%); -} - -@media screen and (max-width: 1023px) { - .hero.is-black .navbar-menu { - background-color: hsl(0, 0%, 4%); - } -} -.hero.is-black .navbar-item, -.hero.is-black .navbar-link { - color: rgba(255, 255, 255, 0.7); -} - -.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, -.hero.is-black .navbar-link:hover, -.hero.is-black .navbar-link.is-active { - background-color: black; - color: hsl(0, 0%, 100%); -} - -.hero.is-black .tabs a { - color: hsl(0, 0%, 100%); - opacity: 0.9; -} - -.hero.is-black .tabs a:hover { - opacity: 1; -} - -.hero.is-black .tabs li.is-active a { - color: hsl(0, 0%, 4%) !important; - opacity: 1; -} - -.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { - color: hsl(0, 0%, 100%); -} - -.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); -} - -.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { - background-color: hsl(0, 0%, 100%); - border-color: hsl(0, 0%, 100%); - color: hsl(0, 0%, 4%); -} - -.hero.is-black.is-bold { - background-image: linear-gradient(141deg, black 0%, hsl(0, 0%, 4%) 71%, #181616 100%); -} - -@media screen and (max-width: 768px) { - .hero.is-black.is-bold .navbar-menu { - background-image: linear-gradient(141deg, black 0%, hsl(0, 0%, 4%) 71%, #181616 100%); - } -} -.hero.is-light { - background-color: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); -} - -.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), -.hero.is-light strong { - color: inherit; -} - -.hero.is-light .title { - color: rgba(0, 0, 0, 0.7); -} - -.hero.is-light .subtitle { - color: rgba(0, 0, 0, 0.9); -} - -.hero.is-light .subtitle a:not(.button), -.hero.is-light .subtitle strong { - color: rgba(0, 0, 0, 0.7); -} - -@media screen and (max-width: 1023px) { - .hero.is-light .navbar-menu { - background-color: hsl(0, 0%, 96%); - } -} -.hero.is-light .navbar-item, -.hero.is-light .navbar-link { - color: rgba(0, 0, 0, 0.7); -} - -.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, -.hero.is-light .navbar-link:hover, -.hero.is-light .navbar-link.is-active { - background-color: #e8e8e8; - color: rgba(0, 0, 0, 0.7); -} - -.hero.is-light .tabs a { - color: rgba(0, 0, 0, 0.7); - opacity: 0.9; -} - -.hero.is-light .tabs a:hover { - opacity: 1; -} - -.hero.is-light .tabs li.is-active a { - color: hsl(0, 0%, 96%) !important; - opacity: 1; -} - -.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { - color: rgba(0, 0, 0, 0.7); -} - -.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); -} - -.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { - background-color: rgba(0, 0, 0, 0.7); - border-color: rgba(0, 0, 0, 0.7); - color: hsl(0, 0%, 96%); -} - -.hero.is-light.is-bold { - background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0, 0%, 96%) 71%, white 100%); -} - -@media screen and (max-width: 768px) { - .hero.is-light.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #dfd8d9 0%, hsl(0, 0%, 96%) 71%, white 100%); - } -} -.hero.is-dark { - background-color: hsl(0, 0%, 21%); - color: #fff; -} - -.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), -.hero.is-dark strong { - color: inherit; -} - -.hero.is-dark .title { - color: #fff; -} - -.hero.is-dark .subtitle { - color: rgba(255, 255, 255, 0.9); -} - -.hero.is-dark .subtitle a:not(.button), -.hero.is-dark .subtitle strong { - color: #fff; -} - -@media screen and (max-width: 1023px) { - .hero.is-dark .navbar-menu { - background-color: hsl(0, 0%, 21%); - } -} -.hero.is-dark .navbar-item, -.hero.is-dark .navbar-link { - color: rgba(255, 255, 255, 0.7); -} - -.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, -.hero.is-dark .navbar-link:hover, -.hero.is-dark .navbar-link.is-active { - background-color: #292929; - color: #fff; -} - -.hero.is-dark .tabs a { - color: #fff; - opacity: 0.9; -} - -.hero.is-dark .tabs a:hover { - opacity: 1; -} - -.hero.is-dark .tabs li.is-active a { - color: hsl(0, 0%, 21%) !important; - opacity: 1; -} - -.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { - color: #fff; -} - -.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); -} - -.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: hsl(0, 0%, 21%); -} - -.hero.is-dark.is-bold { - background-image: linear-gradient(141deg, #1f191a 0%, hsl(0, 0%, 21%) 71%, #46403f 100%); -} - -@media screen and (max-width: 768px) { - .hero.is-dark.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #1f191a 0%, hsl(0, 0%, 21%) 71%, #46403f 100%); - } -} -.hero.is-primary { - background-color: hsl(171, 100%, 41%); - color: #fff; -} - -.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), -.hero.is-primary strong { - color: inherit; -} - -.hero.is-primary .title { - color: #fff; -} - -.hero.is-primary .subtitle { - color: rgba(255, 255, 255, 0.9); -} - -.hero.is-primary .subtitle a:not(.button), -.hero.is-primary .subtitle strong { - color: #fff; -} - -@media screen and (max-width: 1023px) { - .hero.is-primary .navbar-menu { - background-color: hsl(171, 100%, 41%); - } -} -.hero.is-primary .navbar-item, -.hero.is-primary .navbar-link { - color: rgba(255, 255, 255, 0.7); -} - -.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, -.hero.is-primary .navbar-link:hover, -.hero.is-primary .navbar-link.is-active { - background-color: #00b89c; - color: #fff; -} - -.hero.is-primary .tabs a { - color: #fff; - opacity: 0.9; -} - -.hero.is-primary .tabs a:hover { - opacity: 1; -} - -.hero.is-primary .tabs li.is-active a { - color: hsl(171, 100%, 41%) !important; - opacity: 1; -} - -.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { - color: #fff; -} - -.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); -} - -.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: hsl(171, 100%, 41%); -} - -.hero.is-primary.is-bold { - background-image: linear-gradient(141deg, #009e6c 0%, hsl(171, 100%, 41%) 71%, #00e7eb 100%); -} - -@media screen and (max-width: 768px) { - .hero.is-primary.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #009e6c 0%, hsl(171, 100%, 41%) 71%, #00e7eb 100%); - } -} -.hero.is-link { - background-color: hsl(229, 53%, 53%); - color: #fff; -} - -.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), -.hero.is-link strong { - color: inherit; -} - -.hero.is-link .title { - color: #fff; -} - -.hero.is-link .subtitle { - color: rgba(255, 255, 255, 0.9); -} - -.hero.is-link .subtitle a:not(.button), -.hero.is-link .subtitle strong { - color: #fff; -} - -@media screen and (max-width: 1023px) { - .hero.is-link .navbar-menu { - background-color: hsl(229, 53%, 53%); - } -} -.hero.is-link .navbar-item, -.hero.is-link .navbar-link { - color: rgba(255, 255, 255, 0.7); -} - -.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, -.hero.is-link .navbar-link:hover, -.hero.is-link .navbar-link.is-active { - background-color: #3a51bb; - color: #fff; -} - -.hero.is-link .tabs a { - color: #fff; - opacity: 0.9; -} - -.hero.is-link .tabs a:hover { - opacity: 1; -} - -.hero.is-link .tabs li.is-active a { - color: hsl(229, 53%, 53%) !important; - opacity: 1; -} - -.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { - color: #fff; -} - -.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); -} - -.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: hsl(229, 53%, 53%); -} - -.hero.is-link.is-bold { - background-image: linear-gradient(141deg, #2959b3 0%, hsl(229, 53%, 53%) 71%, #5658d2 100%); -} - -@media screen and (max-width: 768px) { - .hero.is-link.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #2959b3 0%, hsl(229, 53%, 53%) 71%, #5658d2 100%); - } -} -.hero.is-info { - background-color: hsl(217, 71%, 50%); - color: #fff; -} - -.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), -.hero.is-info strong { - color: inherit; -} - -.hero.is-info .title { - color: #fff; -} - -.hero.is-info .subtitle { - color: rgba(255, 255, 255, 0.9); -} - -.hero.is-info .subtitle a:not(.button), -.hero.is-info .subtitle strong { - color: #fff; -} - -@media screen and (max-width: 1023px) { - .hero.is-info .navbar-menu { - background-color: hsl(217, 71%, 50%); - } -} -.hero.is-info .navbar-item, -.hero.is-info .navbar-link { - color: rgba(255, 255, 255, 0.7); -} - -.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, -.hero.is-info .navbar-link:hover, -.hero.is-info .navbar-link.is-active { - background-color: #2160c4; - color: #fff; -} - -.hero.is-info .tabs a { - color: #fff; - opacity: 0.9; -} - -.hero.is-info .tabs a:hover { - opacity: 1; -} - -.hero.is-info .tabs li.is-active a { - color: hsl(217, 71%, 50%) !important; - opacity: 1; -} - -.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { - color: #fff; -} - -.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); -} - -.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: hsl(217, 71%, 50%); -} - -.hero.is-info.is-bold { - background-image: linear-gradient(141deg, #136eb9 0%, hsl(217, 71%, 50%) 71%, #355be3 100%); -} - -@media screen and (max-width: 768px) { - .hero.is-info.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #136eb9 0%, hsl(217, 71%, 50%) 71%, #355be3 100%); - } -} -.hero.is-success { - background-color: hsl(141, 53%, 40%); - color: #fff; -} - -.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), -.hero.is-success strong { - color: inherit; -} - -.hero.is-success .title { - color: #fff; -} - -.hero.is-success .subtitle { - color: rgba(255, 255, 255, 0.9); -} - -.hero.is-success .subtitle a:not(.button), -.hero.is-success .subtitle strong { - color: #fff; -} - -@media screen and (max-width: 1023px) { - .hero.is-success .navbar-menu { - background-color: hsl(141, 53%, 40%); - } -} -.hero.is-success .navbar-item, -.hero.is-success .navbar-link { - color: rgba(255, 255, 255, 0.7); -} - -.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, -.hero.is-success .navbar-link:hover, -.hero.is-success .navbar-link.is-active { - background-color: #2a894b; - color: #fff; -} - -.hero.is-success .tabs a { - color: #fff; - opacity: 0.9; -} - -.hero.is-success .tabs a:hover { - opacity: 1; -} - -.hero.is-success .tabs li.is-active a { - color: hsl(141, 53%, 40%) !important; - opacity: 1; -} - -.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { - color: #fff; -} - -.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); -} - -.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: hsl(141, 53%, 40%); -} - -.hero.is-success.is-bold { - background-image: linear-gradient(141deg, #1c7d2e 0%, hsl(141, 53%, 40%) 71%, #30b575 100%); -} - -@media screen and (max-width: 768px) { - .hero.is-success.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #1c7d2e 0%, hsl(141, 53%, 40%) 71%, #30b575 100%); - } -} -.hero.is-warning { - background-color: hsl(38, 93%, 50%); - color: #fff; -} - -.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: #fff; -} - -.hero.is-warning .subtitle { - color: rgba(255, 255, 255, 0.9); -} - -.hero.is-warning .subtitle a:not(.button), -.hero.is-warning .subtitle strong { - color: #fff; -} - -@media screen and (max-width: 1023px) { - .hero.is-warning .navbar-menu { - background-color: hsl(38, 93%, 50%); - } -} -.hero.is-warning .navbar-item, -.hero.is-warning .navbar-link { - color: rgba(255, 255, 255, 0.7); -} - -.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, -.hero.is-warning .navbar-link:hover, -.hero.is-warning .navbar-link.is-active { - background-color: #dd8f08; - color: #fff; -} - -.hero.is-warning .tabs a { - color: #fff; - opacity: 0.9; -} - -.hero.is-warning .tabs a:hover { - opacity: 1; -} - -.hero.is-warning .tabs li.is-active a { - color: hsl(38, 93%, 50%) !important; - opacity: 1; -} - -.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { - color: #fff; -} - -.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); -} - -.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: hsl(38, 93%, 50%); -} - -.hero.is-warning.is-bold { - background-image: linear-gradient(141deg, #cc5f00 0%, hsl(38, 93%, 50%) 71%, #fdd01c 100%); -} - -@media screen and (max-width: 768px) { - .hero.is-warning.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #cc5f00 0%, hsl(38, 93%, 50%) 71%, #fdd01c 100%); - } -} -.hero.is-danger { - background-color: hsl(348, 100%, 40%); - color: #fff; -} - -.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), -.hero.is-danger strong { - color: inherit; -} - -.hero.is-danger .title { - color: #fff; -} - -.hero.is-danger .subtitle { - color: rgba(255, 255, 255, 0.9); -} - -.hero.is-danger .subtitle a:not(.button), -.hero.is-danger .subtitle strong { - color: #fff; -} - -@media screen and (max-width: 1023px) { - .hero.is-danger .navbar-menu { - background-color: hsl(348, 100%, 40%); - } -} -.hero.is-danger .navbar-item, -.hero.is-danger .navbar-link { - color: rgba(255, 255, 255, 0.7); -} - -.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, -.hero.is-danger .navbar-link:hover, -.hero.is-danger .navbar-link.is-active { - background-color: #b30024; - color: #fff; -} - -.hero.is-danger .tabs a { - color: #fff; - opacity: 0.9; -} - -.hero.is-danger .tabs a:hover { - opacity: 1; -} - -.hero.is-danger .tabs li.is-active a { - color: hsl(348, 100%, 40%) !important; - opacity: 1; -} - -.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { - color: #fff; -} - -.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); -} - -.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: hsl(348, 100%, 40%); -} - -.hero.is-danger.is-bold { - background-image: linear-gradient(141deg, #990038 0%, hsl(348, 100%, 40%) 71%, #e60008 100%); -} - -@media screen and (max-width: 768px) { - .hero.is-danger.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #990038 0%, hsl(348, 100%, 40%) 71%, #e60008 100%); - } -} -.hero.is-small .hero-body { - padding: 1.5rem; -} - -@media screen and (min-width: 769px), print { - .hero.is-medium .hero-body { - padding: 9rem 4.5rem; - } -} -@media screen and (min-width: 769px), print { - .hero.is-large .hero-body { - padding: 18rem 6rem; - } -} -.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body { - align-items: center; - display: flex; -} - -.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container { - flex-grow: 1; - flex-shrink: 1; -} - -.hero.is-halfheight { - min-height: 50vh; -} - -.hero.is-fullheight { - min-height: 100vh; -} - -.hero-video { - overflow: hidden; -} - -.hero-video video { - left: 50%; - min-height: 100%; - min-width: 100%; - position: absolute; - top: 50%; - transform: translate3d(-50%, -50%, 0); -} - -.hero-video.is-transparent { - opacity: 0.3; -} - -@media screen and (max-width: 768px) { - .hero-video { - display: none; - } -} -.hero-buttons { - margin-top: 1.5rem; -} - -@media screen and (max-width: 768px) { - .hero-buttons .button { - display: flex; - } - .hero-buttons .button:not(:last-child) { - margin-bottom: 0.75rem; - } -} -@media screen and (min-width: 769px), print { - .hero-buttons { - display: flex; - justify-content: center; - } - .hero-buttons .button:not(:last-child) { - margin-right: 1.5rem; - } -} -.hero-head, -.hero-foot { - flex-grow: 0; - flex-shrink: 0; -} - -.hero-body { - flex-grow: 1; - flex-shrink: 0; - padding: 3rem 1.5rem; -} - -@media screen and (min-width: 769px), print { - .hero-body { - padding: 3rem 3rem; - } -} -.section { - padding: 3rem 1.5rem; -} - -@media screen and (min-width: 1024px) { - .section { - padding: 3rem 3rem; - } - .section.is-medium { - padding: 9rem 4.5rem; - } - .section.is-large { - padding: 18rem 6rem; - } -} -.footer { - background-color: hsl(0, 0%, 98%); - padding: 3rem 1.5rem 6rem; -} - -/* Bulma Utilities */ -.button, .input, .textarea, .select select, .file-cta, -.file-name, .pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis { - -moz-appearance: none; - -webkit-appearance: none; - align-items: center; - border: 1px solid transparent; - border-radius: 4px; - box-shadow: none; - display: inline-flex; - font-size: 1rem; - height: 2.5em; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.5em - 1px); - padding-left: calc(0.75em - 1px); - padding-right: calc(0.75em - 1px); - padding-top: calc(0.5em - 1px); - position: relative; - vertical-align: top; -} - -.button:focus, .input:focus, .textarea:focus, .select select:focus, .file-cta:focus, -.file-name:focus, .pagination-previous:focus, -.pagination-next:focus, -.pagination-link:focus, -.pagination-ellipsis:focus, .is-focused.button, .is-focused.input, .is-focused.textarea, .select select.is-focused, .is-focused.file-cta, -.is-focused.file-name, .is-focused.pagination-previous, -.is-focused.pagination-next, -.is-focused.pagination-link, -.is-focused.pagination-ellipsis, .button:active, .input:active, .textarea:active, .select select:active, .file-cta:active, -.file-name:active, .pagination-previous:active, -.pagination-next:active, -.pagination-link:active, -.pagination-ellipsis:active, .is-active.button, .is-active.input, .is-active.textarea, .select select.is-active, .is-active.file-cta, -.is-active.file-name, .is-active.pagination-previous, -.is-active.pagination-next, -.is-active.pagination-link, -.is-active.pagination-ellipsis { - outline: none; -} - -[disabled].button, [disabled].input, [disabled].textarea, .select select[disabled], [disabled].file-cta, -[disabled].file-name, [disabled].pagination-previous, -[disabled].pagination-next, -[disabled].pagination-link, -[disabled].pagination-ellipsis, fieldset[disabled] .button, fieldset[disabled] .input, fieldset[disabled] .textarea, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .file-cta, -fieldset[disabled] .file-name, fieldset[disabled] .pagination-previous, -fieldset[disabled] .pagination-next, -fieldset[disabled] .pagination-link, -fieldset[disabled] .pagination-ellipsis { - cursor: not-allowed; -} - -.button, .file, .breadcrumb, .pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis, .tabs, .is-unselectable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} - -.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after { - border: 3px solid transparent; - border-radius: 2px; - border-right: 0; - border-top: 0; - content: " "; - display: block; - height: 0.625em; - margin-top: -0.4375em; - pointer-events: none; - position: absolute; - top: 50%; - transform: rotate(-45deg); - transform-origin: center; - width: 0.625em; -} - -.box:not(:last-child), .content:not(:last-child), .notification:not(:last-child), .progress:not(:last-child), .table:not(:last-child), .table-container:not(:last-child), .title:not(:last-child), -.subtitle:not(:last-child), .block:not(:last-child), .breadcrumb:not(:last-child), .level:not(:last-child), .message:not(:last-child), .pagination:not(:last-child), .tabs:not(:last-child) { - margin-bottom: 1.5rem; -} - -.delete, .modal-close { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -moz-appearance: none; - -webkit-appearance: none; - background-color: rgba(10, 10, 10, 0.2); - border: none; - border-radius: 9999px; - 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: none; - position: relative; - vertical-align: top; - width: 20px; -} - -.delete::before, .modal-close::before, .delete::after, .modal-close::after { - background-color: hsl(0, 0%, 100%); - 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:hover, .modal-close:hover, .delete:focus, .modal-close:focus { - background-color: rgba(10, 10, 10, 0.3); -} - -.delete:active, .modal-close:active { - background-color: rgba(10, 10, 10, 0.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, .loader, .select.is-loading::after, .control.is-loading::after { - animation: spinAround 500ms infinite linear; - border: 2px solid hsl(0, 0%, 86%); - border-radius: 9999px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; -} - -.image.is-square img, -.image.is-square .has-ratio, .image.is-1by1 img, -.image.is-1by1 .has-ratio, .image.is-5by4 img, -.image.is-5by4 .has-ratio, .image.is-4by3 img, -.image.is-4by3 .has-ratio, .image.is-3by2 img, -.image.is-3by2 .has-ratio, .image.is-5by3 img, -.image.is-5by3 .has-ratio, .image.is-16by9 img, -.image.is-16by9 .has-ratio, .image.is-2by1 img, -.image.is-2by1 .has-ratio, .image.is-3by1 img, -.image.is-3by1 .has-ratio, .image.is-4by5 img, -.image.is-4by5 .has-ratio, .image.is-3by4 img, -.image.is-3by4 .has-ratio, .image.is-2by3 img, -.image.is-2by3 .has-ratio, .image.is-3by5 img, -.image.is-3by5 .has-ratio, .image.is-9by16 img, -.image.is-9by16 .has-ratio, .image.is-1by2 img, -.image.is-1by2 .has-ratio, .image.is-1by3 img, -.image.is-1by3 .has-ratio, .modal, .modal-background, .is-overlay, .hero-video { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; -} - -.navbar-burger { - -moz-appearance: none; - -webkit-appearance: none; - appearance: none; - background: none; - border: none; - color: currentColor; - font-family: inherit; - font-size: 1em; - margin: 0; - padding: 0; -} - -.is-checkradio[type=radio], -.is-checkradio[type=checkbox] { - outline: 0; - user-select: none; - display: none; - position: absolute; - opacity: 0; -} - -.is-checkradio[type=radio] + label, -.is-checkradio[type=checkbox] + label { - position: relative; - display: initial; - cursor: pointer; - vertical-align: middle; - margin: 0.5em; - padding: 0.2rem 0.5rem 0.2rem 0; - border-radius: 4px; -} - -.is-checkradio[type=radio] + label:first-of-type, -.is-checkradio[type=checkbox] + label:first-of-type { - margin-left: 0; -} - -.is-checkradio[type=radio] + label:hover::before, .is-checkradio[type=radio] + label:hover:before, -.is-checkradio[type=checkbox] + label:hover::before, -.is-checkradio[type=checkbox] + label:hover:before { - animation-duration: 0.4s; - animation-fill-mode: both; - animation-name: hover-color; -} - -.is-checkradio[type=radio] + label::before, .is-checkradio[type=radio] + label:before, -.is-checkradio[type=checkbox] + label::before, -.is-checkradio[type=checkbox] + label:before { - position: absolute; - left: 0; - top: 0rem; - content: ""; - border: 0.1rem solid hsl(0, 0%, 86%); -} - -.is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label:after, -.is-checkradio[type=checkbox] + label::after, -.is-checkradio[type=checkbox] + label:after { - position: absolute; - display: none; - content: ""; - top: 0rem; -} - -.is-checkradio[type=radio].is-rtl + label, -.is-checkradio[type=checkbox].is-rtl + label { - margin-right: 0rem; - margin-left: 0.5rem; -} - -.is-checkradio[type=radio].is-rtl + label::before, .is-checkradio[type=radio].is-rtl + label:before, -.is-checkradio[type=checkbox].is-rtl + label::before, -.is-checkradio[type=checkbox].is-rtl + label:before { - left: auto; - right: 0; -} - -.is-checkradio[type=radio]:focus + label::before, .is-checkradio[type=radio]:focus + label:before, -.is-checkradio[type=checkbox]:focus + label::before, -.is-checkradio[type=checkbox]:focus + label:before { - outline: 1px dotted hsl(0, 0%, 71%); -} - -.is-checkradio[type=radio]:hover:not([disabled]) + label::before, .is-checkradio[type=radio]:hover:not([disabled]) + label:before, -.is-checkradio[type=checkbox]:hover:not([disabled]) + label::before, -.is-checkradio[type=checkbox]:hover:not([disabled]) + label:before { - border-color: hsl(171, 100%, 41%) !important; -} - -.is-checkradio[type=radio]:checked + label::before, .is-checkradio[type=radio]:checked + label:before, -.is-checkradio[type=checkbox]:checked + label::before, -.is-checkradio[type=checkbox]:checked + label:before { - border: 0.1rem solid hsl(0, 0%, 86%); -} - -.is-checkradio[type=radio]:checked[disabled], -.is-checkradio[type=checkbox]:checked[disabled] { - cursor: not-allowed; -} - -.is-checkradio[type=radio]:checked[disabled] + label, -.is-checkradio[type=checkbox]:checked[disabled] + label { - opacity: 0.5; -} - -.is-checkradio[type=radio]:checked + label::before, .is-checkradio[type=radio]:checked + label:before, -.is-checkradio[type=checkbox]:checked + label::before, -.is-checkradio[type=checkbox]:checked + label:before { - animation-name: none; -} - -.is-checkradio[type=radio]:checked + label::after, .is-checkradio[type=radio]:checked + label:after, -.is-checkradio[type=checkbox]:checked + label::after, -.is-checkradio[type=checkbox]:checked + label:after { - display: inline-block; -} - -.is-checkradio[type=radio][disabled], -.is-checkradio[type=checkbox][disabled] { - cursor: not-allowed; -} - -.is-checkradio[type=radio][disabled] + label, -.is-checkradio[type=checkbox][disabled] + label { - opacity: 0.5; - cursor: not-allowed; -} - -.is-checkradio[type=radio][disabled] + label:hover, .is-checkradio[type=radio][disabled] + label:before, .is-checkradio[type=radio][disabled] + label::before, .is-checkradio[type=radio][disabled] + label::after, .is-checkradio[type=radio][disabled] + label:after, -.is-checkradio[type=checkbox][disabled] + label:hover, -.is-checkradio[type=checkbox][disabled] + label:before, -.is-checkradio[type=checkbox][disabled] + label::before, -.is-checkradio[type=checkbox][disabled] + label::after, -.is-checkradio[type=checkbox][disabled] + label:after { - cursor: not-allowed; -} - -.is-checkradio[type=radio][disabled]:hover, -.is-checkradio[type=checkbox][disabled]:hover { - cursor: not-allowed; -} - -.is-checkradio[type=radio][disabled]:hover::before, .is-checkradio[type=radio][disabled]:hover:before, -.is-checkradio[type=checkbox][disabled]:hover::before, -.is-checkradio[type=checkbox][disabled]:hover:before { - animation-name: none; -} - -.is-checkradio[type=radio][disabled]::before, .is-checkradio[type=radio][disabled]:before, -.is-checkradio[type=checkbox][disabled]::before, -.is-checkradio[type=checkbox][disabled]:before { - cursor: not-allowed; -} - -.is-checkradio[type=radio][disabled]::after, .is-checkradio[type=radio][disabled]:after, -.is-checkradio[type=checkbox][disabled]::after, -.is-checkradio[type=checkbox][disabled]:after { - cursor: not-allowed; -} - -.is-checkradio[type=radio].has-no-border + label::before, .is-checkradio[type=radio].has-no-border + label:before, -.is-checkradio[type=checkbox].has-no-border + label::before, -.is-checkradio[type=checkbox].has-no-border + label:before { - border: none !important; -} - -.is-checkradio[type=radio].is-block, -.is-checkradio[type=checkbox].is-block { - display: none !important; -} - -.is-checkradio[type=radio].is-block + label, -.is-checkradio[type=checkbox].is-block + label { - width: 100% !important; - background: hsl(0, 0%, 96%); - color: rgba(0, 0, 0, 0.7); - padding-right: 0.75em; -} - -.is-checkradio[type=radio].is-block:hover:not([disabled]) + label, -.is-checkradio[type=checkbox].is-block:hover:not([disabled]) + label { - background: #e8e8e8; -} - -.is-checkradio[type=checkbox] + label::before, .is-checkradio[type=checkbox] + label:before { - border-radius: 4px; -} - -.is-checkradio[type=checkbox] + label::after, .is-checkradio[type=checkbox] + label:after { - box-sizing: border-box; - transform: translateY(0rem) rotate(45deg); - border-width: 0.1rem; - border-style: solid; - border-color: hsl(171, 100%, 41%); - border-top: 0; - border-left: 0; -} - -.is-checkradio[type=checkbox].is-circle + label::before, .is-checkradio[type=checkbox].is-circle + label:before { - border-radius: 50%; -} - -.is-checkradio[type=checkbox] + label { - font-size: 1rem; - padding-left: 2rem; -} - -.is-checkradio[type=checkbox] + label::before, .is-checkradio[type=checkbox] + label:before { - width: 1.5rem; - height: 1.5rem; -} - -.is-checkradio[type=checkbox] + label::after, .is-checkradio[type=checkbox] + label:after { - width: 0.375rem; - height: 0.6rem; - top: 0.405rem; - left: 0.6rem; -} - -.is-checkradio[type=checkbox].is-block + label::before, .is-checkradio[type=checkbox].is-block + label:before { - width: 1.25rem; - height: 1.25rem; - left: 0.175rem; - top: 0.175rem; -} - -.is-checkradio[type=checkbox].is-block + label::after, .is-checkradio[type=checkbox].is-block + label:after { - top: 0.325rem; - left: 0.65rem; -} - -.is-checkradio[type=checkbox].is-rtl + label { - padding-left: 0; - padding-right: 2rem; -} - -.is-checkradio[type=checkbox].is-rtl + label::after, .is-checkradio[type=checkbox].is-rtl + label:after { - left: auto; - right: 0.6rem; -} - -.is-checkradio[type=checkbox].is-small + label { - font-size: 0.846rem; - padding-left: 1.692rem; -} - -.is-checkradio[type=checkbox].is-small + label::before, .is-checkradio[type=checkbox].is-small + label:before { - width: 1.269rem; - height: 1.269rem; -} - -.is-checkradio[type=checkbox].is-small + label::after, .is-checkradio[type=checkbox].is-small + label:after { - width: 0.31725rem; - height: 0.5076rem; - top: 0.34263rem; - left: 0.5076rem; -} - -.is-checkradio[type=checkbox].is-small.is-block + label::before, .is-checkradio[type=checkbox].is-small.is-block + label:before { - width: 1.0575rem; - height: 1.0575rem; - left: 0.175rem; - top: 0.175rem; -} - -.is-checkradio[type=checkbox].is-small.is-block + label::after, .is-checkradio[type=checkbox].is-small.is-block + label:after { - top: 0.30575rem; - left: 0.5807rem; -} - -.is-checkradio[type=checkbox].is-small.is-rtl + label { - padding-left: 0; - padding-right: 1.692rem; -} - -.is-checkradio[type=checkbox].is-small.is-rtl + label::after, .is-checkradio[type=checkbox].is-small.is-rtl + label:after { - left: auto; - right: 0.5076rem; -} - -.is-checkradio[type=checkbox].is-medium + label { - font-size: 1.213rem; - padding-left: 2.426rem; -} - -.is-checkradio[type=checkbox].is-medium + label::before, .is-checkradio[type=checkbox].is-medium + label:before { - width: 1.8195rem; - height: 1.8195rem; -} - -.is-checkradio[type=checkbox].is-medium + label::after, .is-checkradio[type=checkbox].is-medium + label:after { - width: 0.454875rem; - height: 0.7278rem; - top: 0.491265rem; - left: 0.7278rem; -} - -.is-checkradio[type=checkbox].is-medium.is-block + label::before, .is-checkradio[type=checkbox].is-medium.is-block + label:before { - width: 1.51625rem; - height: 1.51625rem; - left: 0.175rem; - top: 0.175rem; -} - -.is-checkradio[type=checkbox].is-medium.is-block + label::after, .is-checkradio[type=checkbox].is-medium.is-block + label:after { - top: 0.351625rem; - left: 0.74585rem; -} - -.is-checkradio[type=checkbox].is-medium.is-rtl + label { - padding-left: 0; - padding-right: 2.426rem; -} - -.is-checkradio[type=checkbox].is-medium.is-rtl + label::after, .is-checkradio[type=checkbox].is-medium.is-rtl + label:after { - left: auto; - right: 0.7278rem; -} - -.is-checkradio[type=checkbox].is-large + label { - font-size: 1.385rem; - padding-left: 2.77rem; -} - -.is-checkradio[type=checkbox].is-large + label::before, .is-checkradio[type=checkbox].is-large + label:before { - width: 2.0775rem; - height: 2.0775rem; -} - -.is-checkradio[type=checkbox].is-large + label::after, .is-checkradio[type=checkbox].is-large + label:after { - width: 0.519375rem; - height: 0.831rem; - top: 0.560925rem; - left: 0.831rem; -} - -.is-checkradio[type=checkbox].is-large.is-block + label::before, .is-checkradio[type=checkbox].is-large.is-block + label:before { - width: 1.73125rem; - height: 1.73125rem; - left: 0.175rem; - top: 0.175rem; -} - -.is-checkradio[type=checkbox].is-large.is-block + label::after, .is-checkradio[type=checkbox].is-large.is-block + label:after { - top: 0.373125rem; - left: 0.82325rem; -} - -.is-checkradio[type=checkbox].is-large.is-rtl + label { - padding-left: 0; - padding-right: 2.77rem; -} - -.is-checkradio[type=checkbox].is-large.is-rtl + label::after, .is-checkradio[type=checkbox].is-large.is-rtl + label:after { - left: auto; - right: 0.831rem; -} - -.is-checkradio[type=checkbox].is-white.has-background-color + label::before, .is-checkradio[type=checkbox].is-white.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(0, 0%, 100%) !important; -} - -.is-checkradio[type=checkbox].is-white:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white:hover:not([disabled]) + label:before { - border-color: hsl(0, 0%, 100%) !important; -} - -.is-checkradio[type=checkbox].is-white:checked + label::after, .is-checkradio[type=checkbox].is-white:checked + label:after { - border-color: hsl(0, 0%, 100%) !important; -} - -.is-checkradio[type=checkbox].is-white:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-white:checked.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(0, 0%, 100%) !important; -} - -.is-checkradio[type=checkbox].is-white:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-white:checked.has-background-color + label:after { - border-color: hsl(0, 0%, 4%) !important; - background-color: hsl(0, 0%, 100%) !important; -} - -.is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white.is-block:hover:not([disabled]) + label:before { - border-color: hsl(0, 0%, 100%) !important; -} - -.is-checkradio[type=checkbox].is-white.is-block:checked + label { - color: hsl(0, 0%, 4%); - border-color: hsl(0, 0%, 100%) !important; - background: hsl(0, 0%, 100%); -} - -.is-checkradio[type=checkbox].is-white.is-block:checked + label::after, .is-checkradio[type=checkbox].is-white.is-block:checked + label:after { - border-color: hsl(0, 0%, 4%) !important; -} - -.is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label { - background: #f2f2f2; -} - -.is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-white.is-block:checked:hover:not([disabled]) + label:before { - border-color: black !important; -} - -.is-checkradio[type=checkbox].is-black.has-background-color + label::before, .is-checkradio[type=checkbox].is-black.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(0, 0%, 4%) !important; -} - -.is-checkradio[type=checkbox].is-black:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black:hover:not([disabled]) + label:before { - border-color: hsl(0, 0%, 4%) !important; -} - -.is-checkradio[type=checkbox].is-black:checked + label::after, .is-checkradio[type=checkbox].is-black:checked + label:after { - border-color: hsl(0, 0%, 4%) !important; -} - -.is-checkradio[type=checkbox].is-black:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-black:checked.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(0, 0%, 4%) !important; -} - -.is-checkradio[type=checkbox].is-black:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-black:checked.has-background-color + label:after { - border-color: hsl(0, 0%, 100%) !important; - background-color: hsl(0, 0%, 4%) !important; -} - -.is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black.is-block:hover:not([disabled]) + label:before { - border-color: hsl(0, 0%, 4%) !important; -} - -.is-checkradio[type=checkbox].is-black.is-block:checked + label { - color: hsl(0, 0%, 100%); - border-color: hsl(0, 0%, 4%) !important; - background: hsl(0, 0%, 4%); -} - -.is-checkradio[type=checkbox].is-black.is-block:checked + label::after, .is-checkradio[type=checkbox].is-black.is-block:checked + label:after { - border-color: hsl(0, 0%, 100%) !important; -} - -.is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label { - background: black; -} - -.is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-black.is-block:checked:hover:not([disabled]) + label:before { - border-color: #f2f2f2 !important; -} - -.is-checkradio[type=checkbox].is-light.has-background-color + label::before, .is-checkradio[type=checkbox].is-light.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(0, 0%, 96%) !important; -} - -.is-checkradio[type=checkbox].is-light:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light:hover:not([disabled]) + label:before { - border-color: hsl(0, 0%, 96%) !important; -} - -.is-checkradio[type=checkbox].is-light:checked + label::after, .is-checkradio[type=checkbox].is-light:checked + label:after { - border-color: hsl(0, 0%, 96%) !important; -} - -.is-checkradio[type=checkbox].is-light:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-light:checked.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(0, 0%, 96%) !important; -} - -.is-checkradio[type=checkbox].is-light:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-light:checked.has-background-color + label:after { - border-color: rgba(0, 0, 0, 0.7) !important; - background-color: hsl(0, 0%, 96%) !important; -} - -.is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light.is-block:hover:not([disabled]) + label:before { - border-color: hsl(0, 0%, 96%) !important; -} - -.is-checkradio[type=checkbox].is-light.is-block:checked + label { - color: rgba(0, 0, 0, 0.7); - border-color: hsl(0, 0%, 96%) !important; - background: hsl(0, 0%, 96%); -} - -.is-checkradio[type=checkbox].is-light.is-block:checked + label::after, .is-checkradio[type=checkbox].is-light.is-block:checked + label:after { - border-color: rgba(0, 0, 0, 0.7) !important; -} - -.is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label { - background: #e8e8e8; -} - -.is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-light.is-block:checked:hover:not([disabled]) + label:before { - border-color: rgba(0, 0, 0, 0.7) !important; -} - -.is-checkradio[type=checkbox].is-dark.has-background-color + label::before, .is-checkradio[type=checkbox].is-dark.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(0, 0%, 21%) !important; -} - -.is-checkradio[type=checkbox].is-dark:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark:hover:not([disabled]) + label:before { - border-color: hsl(0, 0%, 21%) !important; -} - -.is-checkradio[type=checkbox].is-dark:checked + label::after, .is-checkradio[type=checkbox].is-dark:checked + label:after { - border-color: hsl(0, 0%, 21%) !important; -} - -.is-checkradio[type=checkbox].is-dark:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-dark:checked.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(0, 0%, 21%) !important; -} - -.is-checkradio[type=checkbox].is-dark:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-dark:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: hsl(0, 0%, 21%) !important; -} - -.is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark.is-block:hover:not([disabled]) + label:before { - border-color: hsl(0, 0%, 21%) !important; -} - -.is-checkradio[type=checkbox].is-dark.is-block:checked + label { - color: #fff; - border-color: hsl(0, 0%, 21%) !important; - background: hsl(0, 0%, 21%); -} - -.is-checkradio[type=checkbox].is-dark.is-block:checked + label::after, .is-checkradio[type=checkbox].is-dark.is-block:checked + label:after { - border-color: #fff !important; -} - -.is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label { - background: #292929; -} - -.is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-dark.is-block:checked:hover:not([disabled]) + label:before { - border-color: #f2f2f2 !important; -} - -.is-checkradio[type=checkbox].is-primary.has-background-color + label::before, .is-checkradio[type=checkbox].is-primary.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(171, 100%, 41%) !important; -} - -.is-checkradio[type=checkbox].is-primary:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary:hover:not([disabled]) + label:before { - border-color: hsl(171, 100%, 41%) !important; -} - -.is-checkradio[type=checkbox].is-primary:checked + label::after, .is-checkradio[type=checkbox].is-primary:checked + label:after { - border-color: hsl(171, 100%, 41%) !important; -} - -.is-checkradio[type=checkbox].is-primary:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-primary:checked.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(171, 100%, 41%) !important; -} - -.is-checkradio[type=checkbox].is-primary:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-primary:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: hsl(171, 100%, 41%) !important; -} - -.is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary.is-block:hover:not([disabled]) + label:before { - border-color: hsl(171, 100%, 41%) !important; -} - -.is-checkradio[type=checkbox].is-primary.is-block:checked + label { - color: #fff; - border-color: hsl(171, 100%, 41%) !important; - background: hsl(171, 100%, 41%); -} - -.is-checkradio[type=checkbox].is-primary.is-block:checked + label::after, .is-checkradio[type=checkbox].is-primary.is-block:checked + label:after { - border-color: #fff !important; -} - -.is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label { - background: #00b89c; -} - -.is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-primary.is-block:checked:hover:not([disabled]) + label:before { - border-color: #f2f2f2 !important; -} - -.is-checkradio[type=checkbox].is-link.has-background-color + label::before, .is-checkradio[type=checkbox].is-link.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(229, 53%, 53%) !important; -} - -.is-checkradio[type=checkbox].is-link:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link:hover:not([disabled]) + label:before { - border-color: hsl(229, 53%, 53%) !important; -} - -.is-checkradio[type=checkbox].is-link:checked + label::after, .is-checkradio[type=checkbox].is-link:checked + label:after { - border-color: hsl(229, 53%, 53%) !important; -} - -.is-checkradio[type=checkbox].is-link:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-link:checked.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(229, 53%, 53%) !important; -} - -.is-checkradio[type=checkbox].is-link:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-link:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: hsl(229, 53%, 53%) !important; -} - -.is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link.is-block:hover:not([disabled]) + label:before { - border-color: hsl(229, 53%, 53%) !important; -} - -.is-checkradio[type=checkbox].is-link.is-block:checked + label { - color: #fff; - border-color: hsl(229, 53%, 53%) !important; - background: hsl(229, 53%, 53%); -} - -.is-checkradio[type=checkbox].is-link.is-block:checked + label::after, .is-checkradio[type=checkbox].is-link.is-block:checked + label:after { - border-color: #fff !important; -} - -.is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label { - background: #3a51bb; -} - -.is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-link.is-block:checked:hover:not([disabled]) + label:before { - border-color: #f2f2f2 !important; -} - -.is-checkradio[type=checkbox].is-info.has-background-color + label::before, .is-checkradio[type=checkbox].is-info.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(217, 71%, 50%) !important; -} - -.is-checkradio[type=checkbox].is-info:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info:hover:not([disabled]) + label:before { - border-color: hsl(217, 71%, 50%) !important; -} - -.is-checkradio[type=checkbox].is-info:checked + label::after, .is-checkradio[type=checkbox].is-info:checked + label:after { - border-color: hsl(217, 71%, 50%) !important; -} - -.is-checkradio[type=checkbox].is-info:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-info:checked.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(217, 71%, 50%) !important; -} - -.is-checkradio[type=checkbox].is-info:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-info:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: hsl(217, 71%, 50%) !important; -} - -.is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info.is-block:hover:not([disabled]) + label:before { - border-color: hsl(217, 71%, 50%) !important; -} - -.is-checkradio[type=checkbox].is-info.is-block:checked + label { - color: #fff; - border-color: hsl(217, 71%, 50%) !important; - background: hsl(217, 71%, 50%); -} - -.is-checkradio[type=checkbox].is-info.is-block:checked + label::after, .is-checkradio[type=checkbox].is-info.is-block:checked + label:after { - border-color: #fff !important; -} - -.is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label { - background: #2160c4; -} - -.is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-info.is-block:checked:hover:not([disabled]) + label:before { - border-color: #f2f2f2 !important; -} - -.is-checkradio[type=checkbox].is-success.has-background-color + label::before, .is-checkradio[type=checkbox].is-success.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(141, 53%, 40%) !important; -} - -.is-checkradio[type=checkbox].is-success:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success:hover:not([disabled]) + label:before { - border-color: hsl(141, 53%, 40%) !important; -} - -.is-checkradio[type=checkbox].is-success:checked + label::after, .is-checkradio[type=checkbox].is-success:checked + label:after { - border-color: hsl(141, 53%, 40%) !important; -} - -.is-checkradio[type=checkbox].is-success:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-success:checked.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(141, 53%, 40%) !important; -} - -.is-checkradio[type=checkbox].is-success:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-success:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: hsl(141, 53%, 40%) !important; -} - -.is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success.is-block:hover:not([disabled]) + label:before { - border-color: hsl(141, 53%, 40%) !important; -} - -.is-checkradio[type=checkbox].is-success.is-block:checked + label { - color: #fff; - border-color: hsl(141, 53%, 40%) !important; - background: hsl(141, 53%, 40%); -} - -.is-checkradio[type=checkbox].is-success.is-block:checked + label::after, .is-checkradio[type=checkbox].is-success.is-block:checked + label:after { - border-color: #fff !important; -} - -.is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label { - background: #2a894b; -} - -.is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-success.is-block:checked:hover:not([disabled]) + label:before { - border-color: #f2f2f2 !important; -} - -.is-checkradio[type=checkbox].is-warning.has-background-color + label::before, .is-checkradio[type=checkbox].is-warning.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(38, 93%, 50%) !important; -} - -.is-checkradio[type=checkbox].is-warning:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning:hover:not([disabled]) + label:before { - border-color: hsl(38, 93%, 50%) !important; -} - -.is-checkradio[type=checkbox].is-warning:checked + label::after, .is-checkradio[type=checkbox].is-warning:checked + label:after { - border-color: hsl(38, 93%, 50%) !important; -} - -.is-checkradio[type=checkbox].is-warning:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-warning:checked.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(38, 93%, 50%) !important; -} - -.is-checkradio[type=checkbox].is-warning:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-warning:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: hsl(38, 93%, 50%) !important; -} - -.is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning.is-block:hover:not([disabled]) + label:before { - border-color: hsl(38, 93%, 50%) !important; -} - -.is-checkradio[type=checkbox].is-warning.is-block:checked + label { - color: #fff; - border-color: hsl(38, 93%, 50%) !important; - background: hsl(38, 93%, 50%); -} - -.is-checkradio[type=checkbox].is-warning.is-block:checked + label::after, .is-checkradio[type=checkbox].is-warning.is-block:checked + label:after { - border-color: #fff !important; -} - -.is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label { - background: #dd8f08; -} - -.is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-warning.is-block:checked:hover:not([disabled]) + label:before { - border-color: #f2f2f2 !important; -} - -.is-checkradio[type=checkbox].is-danger.has-background-color + label::before, .is-checkradio[type=checkbox].is-danger.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(348, 100%, 40%) !important; -} - -.is-checkradio[type=checkbox].is-danger:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger:hover:not([disabled]) + label:before { - border-color: hsl(348, 100%, 40%) !important; -} - -.is-checkradio[type=checkbox].is-danger:checked + label::after, .is-checkradio[type=checkbox].is-danger:checked + label:after { - border-color: hsl(348, 100%, 40%) !important; -} - -.is-checkradio[type=checkbox].is-danger:checked.has-background-color + label::before, .is-checkradio[type=checkbox].is-danger:checked.has-background-color + label:before { - border-color: transparent !important; - background-color: hsl(348, 100%, 40%) !important; -} - -.is-checkradio[type=checkbox].is-danger:checked.has-background-color + label::after, .is-checkradio[type=checkbox].is-danger:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: hsl(348, 100%, 40%) !important; -} - -.is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger.is-block:hover:not([disabled]) + label:before { - border-color: hsl(348, 100%, 40%) !important; -} - -.is-checkradio[type=checkbox].is-danger.is-block:checked + label { - color: #fff; - border-color: hsl(348, 100%, 40%) !important; - background: hsl(348, 100%, 40%); -} - -.is-checkradio[type=checkbox].is-danger.is-block:checked + label::after, .is-checkradio[type=checkbox].is-danger.is-block:checked + label:after { - border-color: #fff !important; -} - -.is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label { - background: #b30024; -} - -.is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label::after, .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label:after, .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label::before, .is-checkradio[type=checkbox].is-danger.is-block:checked:hover:not([disabled]) + label:before { - border-color: #f2f2f2 !important; -} - -.is-checkradio[type=checkbox]:indeterminate + label::after, .is-checkradio[type=checkbox]:indeterminate + label:after { - display: inline-block; - transform: rotate(90deg); - border-bottom: none; -} - -.is-checkradio[type=checkbox]:indeterminate.is-white + label::after, .is-checkradio[type=checkbox]:indeterminate.is-white + label:after { - border-color: hsl(0, 0%, 100%); -} - -.is-checkradio[type=checkbox]:indeterminate.is-black + label::after, .is-checkradio[type=checkbox]:indeterminate.is-black + label:after { - border-color: hsl(0, 0%, 4%); -} - -.is-checkradio[type=checkbox]:indeterminate.is-light + label::after, .is-checkradio[type=checkbox]:indeterminate.is-light + label:after { - border-color: hsl(0, 0%, 96%); -} - -.is-checkradio[type=checkbox]:indeterminate.is-dark + label::after, .is-checkradio[type=checkbox]:indeterminate.is-dark + label:after { - border-color: hsl(0, 0%, 21%); -} - -.is-checkradio[type=checkbox]:indeterminate.is-primary + label::after, .is-checkradio[type=checkbox]:indeterminate.is-primary + label:after { - border-color: hsl(171, 100%, 41%); -} - -.is-checkradio[type=checkbox]:indeterminate.is-link + label::after, .is-checkradio[type=checkbox]:indeterminate.is-link + label:after { - border-color: hsl(229, 53%, 53%); -} - -.is-checkradio[type=checkbox]:indeterminate.is-info + label::after, .is-checkradio[type=checkbox]:indeterminate.is-info + label:after { - border-color: hsl(217, 71%, 50%); -} - -.is-checkradio[type=checkbox]:indeterminate.is-success + label::after, .is-checkradio[type=checkbox]:indeterminate.is-success + label:after { - border-color: hsl(141, 53%, 40%); -} - -.is-checkradio[type=checkbox]:indeterminate.is-warning + label::after, .is-checkradio[type=checkbox]:indeterminate.is-warning + label:after { - border-color: hsl(38, 93%, 50%); -} - -.is-checkradio[type=checkbox]:indeterminate.is-danger + label::after, .is-checkradio[type=checkbox]:indeterminate.is-danger + label:after { - border-color: hsl(348, 100%, 40%); -} - -.is-checkradio[type=radio] + label::before, .is-checkradio[type=radio] + label:before { - border-radius: 50%; -} - -.is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label:after { - border-radius: 50%; - background: hsl(171, 100%, 41%); - left: 0; - transform: scale(0.5); -} - -.is-checkradio[type=radio]:checked.has-background-color + label::before, .is-checkradio[type=radio]:checked.has-background-color + label:before { - border-color: hsl(0, 0%, 29%) !important; - background-color: hsl(0, 0%, 29%) !important; -} - -.is-checkradio[type=radio]:checked.has-background-color + label::after, .is-checkradio[type=radio]:checked.has-background-color + label:after { - border-color: hsl(0, 0%, 29%) !important; - background-color: hsl(0, 0%, 29%) !important; -} - -.is-checkradio[type=radio].is-rtl + label { - padding-left: 0; -} - -.is-checkradio[type=radio].is-rtl + label::after, .is-checkradio[type=radio].is-rtl + label:after { - left: auto; - right: 0; -} - -.is-checkradio[type=radio] + label { - font-size: 1rem; - line-height: 1.5rem; - padding-left: 2rem; -} - -.is-checkradio[type=radio] + label::before, .is-checkradio[type=radio] + label:before, .is-checkradio[type=radio] + label::after, .is-checkradio[type=radio] + label:after { - width: 1.5rem; - height: 1.5rem; -} - -.is-checkradio[type=radio].is-rtl + label { - padding-right: 2rem; -} - -.is-checkradio[type=radio].is-small + label { - font-size: 0.846rem; - line-height: 1.269rem; - padding-left: 1.692rem; -} - -.is-checkradio[type=radio].is-small + label::before, .is-checkradio[type=radio].is-small + label:before, .is-checkradio[type=radio].is-small + label::after, .is-checkradio[type=radio].is-small + label:after { - width: 1.269rem; - height: 1.269rem; -} - -.is-checkradio[type=radio].is-small.is-rtl + label { - padding-right: 1.692rem; -} - -.is-checkradio[type=radio].is-medium + label { - font-size: 1.213rem; - line-height: 1.8195rem; - padding-left: 2.426rem; -} - -.is-checkradio[type=radio].is-medium + label::before, .is-checkradio[type=radio].is-medium + label:before, .is-checkradio[type=radio].is-medium + label::after, .is-checkradio[type=radio].is-medium + label:after { - width: 1.8195rem; - height: 1.8195rem; -} - -.is-checkradio[type=radio].is-medium.is-rtl + label { - padding-right: 2.426rem; -} - -.is-checkradio[type=radio].is-large + label { - font-size: 1.385rem; - line-height: 2.0775rem; - padding-left: 2.77rem; -} - -.is-checkradio[type=radio].is-large + label::before, .is-checkradio[type=radio].is-large + label:before, .is-checkradio[type=radio].is-large + label::after, .is-checkradio[type=radio].is-large + label:after { - width: 2.0775rem; - height: 2.0775rem; -} - -.is-checkradio[type=radio].is-large.is-rtl + label { - padding-right: 2.77rem; -} - -.is-checkradio[type=radio].is-white.has-background-color + label::before, .is-checkradio[type=radio].is-white.has-background-color + label:before { - border-color: hsl(0, 0%, 100%) !important; - background-color: hsl(0, 0%, 100%) !important; -} - -.is-checkradio[type=radio].is-white:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-white:hover:not([disabled]) + label:before { - border-color: hsl(0, 0%, 100%) !important; -} - -.is-checkradio[type=radio].is-white:checked + label::after, .is-checkradio[type=radio].is-white:checked + label:after { - border-color: hsl(0, 0%, 100%) !important; - background-color: hsl(0, 0%, 100%) !important; -} - -.is-checkradio[type=radio].is-white:checked.has-background-color + label::before, .is-checkradio[type=radio].is-white:checked.has-background-color + label:before { - border-color: hsl(0, 0%, 100%) !important; - background-color: hsl(0, 0%, 100%) !important; -} - -.is-checkradio[type=radio].is-white:checked.has-background-color + label::after, .is-checkradio[type=radio].is-white:checked.has-background-color + label:after { - border-color: hsl(0, 0%, 4%) !important; - background-color: hsl(0, 0%, 4%) !important; -} - -.is-checkradio[type=radio].is-black.has-background-color + label::before, .is-checkradio[type=radio].is-black.has-background-color + label:before { - border-color: hsl(0, 0%, 4%) !important; - background-color: hsl(0, 0%, 4%) !important; -} - -.is-checkradio[type=radio].is-black:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-black:hover:not([disabled]) + label:before { - border-color: hsl(0, 0%, 4%) !important; -} - -.is-checkradio[type=radio].is-black:checked + label::after, .is-checkradio[type=radio].is-black:checked + label:after { - border-color: hsl(0, 0%, 4%) !important; - background-color: hsl(0, 0%, 4%) !important; -} - -.is-checkradio[type=radio].is-black:checked.has-background-color + label::before, .is-checkradio[type=radio].is-black:checked.has-background-color + label:before { - border-color: hsl(0, 0%, 4%) !important; - background-color: hsl(0, 0%, 4%) !important; -} - -.is-checkradio[type=radio].is-black:checked.has-background-color + label::after, .is-checkradio[type=radio].is-black:checked.has-background-color + label:after { - border-color: hsl(0, 0%, 100%) !important; - background-color: hsl(0, 0%, 100%) !important; -} - -.is-checkradio[type=radio].is-light.has-background-color + label::before, .is-checkradio[type=radio].is-light.has-background-color + label:before { - border-color: hsl(0, 0%, 96%) !important; - background-color: hsl(0, 0%, 96%) !important; -} - -.is-checkradio[type=radio].is-light:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-light:hover:not([disabled]) + label:before { - border-color: hsl(0, 0%, 96%) !important; -} - -.is-checkradio[type=radio].is-light:checked + label::after, .is-checkradio[type=radio].is-light:checked + label:after { - border-color: hsl(0, 0%, 96%) !important; - background-color: hsl(0, 0%, 96%) !important; -} - -.is-checkradio[type=radio].is-light:checked.has-background-color + label::before, .is-checkradio[type=radio].is-light:checked.has-background-color + label:before { - border-color: hsl(0, 0%, 96%) !important; - background-color: hsl(0, 0%, 96%) !important; -} - -.is-checkradio[type=radio].is-light:checked.has-background-color + label::after, .is-checkradio[type=radio].is-light:checked.has-background-color + label:after { - border-color: rgba(0, 0, 0, 0.7) !important; - background-color: rgba(0, 0, 0, 0.7) !important; -} - -.is-checkradio[type=radio].is-dark.has-background-color + label::before, .is-checkradio[type=radio].is-dark.has-background-color + label:before { - border-color: hsl(0, 0%, 21%) !important; - background-color: hsl(0, 0%, 21%) !important; -} - -.is-checkradio[type=radio].is-dark:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-dark:hover:not([disabled]) + label:before { - border-color: hsl(0, 0%, 21%) !important; -} - -.is-checkradio[type=radio].is-dark:checked + label::after, .is-checkradio[type=radio].is-dark:checked + label:after { - border-color: hsl(0, 0%, 21%) !important; - background-color: hsl(0, 0%, 21%) !important; -} - -.is-checkradio[type=radio].is-dark:checked.has-background-color + label::before, .is-checkradio[type=radio].is-dark:checked.has-background-color + label:before { - border-color: hsl(0, 0%, 21%) !important; - background-color: hsl(0, 0%, 21%) !important; -} - -.is-checkradio[type=radio].is-dark:checked.has-background-color + label::after, .is-checkradio[type=radio].is-dark:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: #fff !important; -} - -.is-checkradio[type=radio].is-primary.has-background-color + label::before, .is-checkradio[type=radio].is-primary.has-background-color + label:before { - border-color: hsl(171, 100%, 41%) !important; - background-color: hsl(171, 100%, 41%) !important; -} - -.is-checkradio[type=radio].is-primary:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-primary:hover:not([disabled]) + label:before { - border-color: hsl(171, 100%, 41%) !important; -} - -.is-checkradio[type=radio].is-primary:checked + label::after, .is-checkradio[type=radio].is-primary:checked + label:after { - border-color: hsl(171, 100%, 41%) !important; - background-color: hsl(171, 100%, 41%) !important; -} - -.is-checkradio[type=radio].is-primary:checked.has-background-color + label::before, .is-checkradio[type=radio].is-primary:checked.has-background-color + label:before { - border-color: hsl(171, 100%, 41%) !important; - background-color: hsl(171, 100%, 41%) !important; -} - -.is-checkradio[type=radio].is-primary:checked.has-background-color + label::after, .is-checkradio[type=radio].is-primary:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: #fff !important; -} - -.is-checkradio[type=radio].is-link.has-background-color + label::before, .is-checkradio[type=radio].is-link.has-background-color + label:before { - border-color: hsl(229, 53%, 53%) !important; - background-color: hsl(229, 53%, 53%) !important; -} - -.is-checkradio[type=radio].is-link:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-link:hover:not([disabled]) + label:before { - border-color: hsl(229, 53%, 53%) !important; -} - -.is-checkradio[type=radio].is-link:checked + label::after, .is-checkradio[type=radio].is-link:checked + label:after { - border-color: hsl(229, 53%, 53%) !important; - background-color: hsl(229, 53%, 53%) !important; -} - -.is-checkradio[type=radio].is-link:checked.has-background-color + label::before, .is-checkradio[type=radio].is-link:checked.has-background-color + label:before { - border-color: hsl(229, 53%, 53%) !important; - background-color: hsl(229, 53%, 53%) !important; -} - -.is-checkradio[type=radio].is-link:checked.has-background-color + label::after, .is-checkradio[type=radio].is-link:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: #fff !important; -} - -.is-checkradio[type=radio].is-info.has-background-color + label::before, .is-checkradio[type=radio].is-info.has-background-color + label:before { - border-color: hsl(217, 71%, 50%) !important; - background-color: hsl(217, 71%, 50%) !important; -} - -.is-checkradio[type=radio].is-info:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-info:hover:not([disabled]) + label:before { - border-color: hsl(217, 71%, 50%) !important; -} - -.is-checkradio[type=radio].is-info:checked + label::after, .is-checkradio[type=radio].is-info:checked + label:after { - border-color: hsl(217, 71%, 50%) !important; - background-color: hsl(217, 71%, 50%) !important; -} - -.is-checkradio[type=radio].is-info:checked.has-background-color + label::before, .is-checkradio[type=radio].is-info:checked.has-background-color + label:before { - border-color: hsl(217, 71%, 50%) !important; - background-color: hsl(217, 71%, 50%) !important; -} - -.is-checkradio[type=radio].is-info:checked.has-background-color + label::after, .is-checkradio[type=radio].is-info:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: #fff !important; -} - -.is-checkradio[type=radio].is-success.has-background-color + label::before, .is-checkradio[type=radio].is-success.has-background-color + label:before { - border-color: hsl(141, 53%, 40%) !important; - background-color: hsl(141, 53%, 40%) !important; -} - -.is-checkradio[type=radio].is-success:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-success:hover:not([disabled]) + label:before { - border-color: hsl(141, 53%, 40%) !important; -} - -.is-checkradio[type=radio].is-success:checked + label::after, .is-checkradio[type=radio].is-success:checked + label:after { - border-color: hsl(141, 53%, 40%) !important; - background-color: hsl(141, 53%, 40%) !important; -} - -.is-checkradio[type=radio].is-success:checked.has-background-color + label::before, .is-checkradio[type=radio].is-success:checked.has-background-color + label:before { - border-color: hsl(141, 53%, 40%) !important; - background-color: hsl(141, 53%, 40%) !important; -} - -.is-checkradio[type=radio].is-success:checked.has-background-color + label::after, .is-checkradio[type=radio].is-success:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: #fff !important; -} - -.is-checkradio[type=radio].is-warning.has-background-color + label::before, .is-checkradio[type=radio].is-warning.has-background-color + label:before { - border-color: hsl(38, 93%, 50%) !important; - background-color: hsl(38, 93%, 50%) !important; -} - -.is-checkradio[type=radio].is-warning:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-warning:hover:not([disabled]) + label:before { - border-color: hsl(38, 93%, 50%) !important; -} - -.is-checkradio[type=radio].is-warning:checked + label::after, .is-checkradio[type=radio].is-warning:checked + label:after { - border-color: hsl(38, 93%, 50%) !important; - background-color: hsl(38, 93%, 50%) !important; -} - -.is-checkradio[type=radio].is-warning:checked.has-background-color + label::before, .is-checkradio[type=radio].is-warning:checked.has-background-color + label:before { - border-color: hsl(38, 93%, 50%) !important; - background-color: hsl(38, 93%, 50%) !important; -} - -.is-checkradio[type=radio].is-warning:checked.has-background-color + label::after, .is-checkradio[type=radio].is-warning:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: #fff !important; -} - -.is-checkradio[type=radio].is-danger.has-background-color + label::before, .is-checkradio[type=radio].is-danger.has-background-color + label:before { - border-color: hsl(348, 100%, 40%) !important; - background-color: hsl(348, 100%, 40%) !important; -} - -.is-checkradio[type=radio].is-danger:hover:not([disabled]) + label::before, .is-checkradio[type=radio].is-danger:hover:not([disabled]) + label:before { - border-color: hsl(348, 100%, 40%) !important; -} - -.is-checkradio[type=radio].is-danger:checked + label::after, .is-checkradio[type=radio].is-danger:checked + label:after { - border-color: hsl(348, 100%, 40%) !important; - background-color: hsl(348, 100%, 40%) !important; -} - -.is-checkradio[type=radio].is-danger:checked.has-background-color + label::before, .is-checkradio[type=radio].is-danger:checked.has-background-color + label:before { - border-color: hsl(348, 100%, 40%) !important; - background-color: hsl(348, 100%, 40%) !important; -} - -.is-checkradio[type=radio].is-danger:checked.has-background-color + label::after, .is-checkradio[type=radio].is-danger:checked.has-background-color + label:after { - border-color: #fff !important; - background-color: #fff !important; -} - -.switch[type=checkbox] { - outline: 0; - user-select: none; - display: inline-block; - position: absolute; - opacity: 0; -} - -.switch[type=checkbox]:focus + label::before, .switch[type=checkbox]:focus + label:before, .switch[type=checkbox]:focus + label::after, .switch[type=checkbox]:focus + label:after { - outline: 1px dotted hsl(0, 0%, 71%); -} - -.switch[type=checkbox][disabled] { - cursor: not-allowed; -} - -.switch[type=checkbox][disabled] + label { - opacity: 0.5; -} - -.switch[type=checkbox][disabled] + label::before, .switch[type=checkbox][disabled] + label:before { - opacity: 0.5; -} - -.switch[type=checkbox][disabled] + label::after, .switch[type=checkbox][disabled] + label:after { - opacity: 0.5; -} - -.switch[type=checkbox][disabled] + label:hover { - cursor: not-allowed; -} - -.switch[type=checkbox] + label { - position: relative; - display: inline-flex; - align-items: center; - justify-content: flex-start; - font-size: 1rem; - height: 2.5em; - line-height: 1.5; - padding-left: 3.5rem; - padding-top: 0.2rem; - cursor: pointer; -} - -.switch[type=checkbox] + label::before, .switch[type=checkbox] + label:before { - position: absolute; - display: block; - top: calc(50% - 0.75rem); - left: 0; - width: 3rem; - height: 1.5rem; - border: 0.1rem solid transparent; - border-radius: 4px; - background: hsl(0, 0%, 71%); - content: ""; -} - -.switch[type=checkbox] + label::after, .switch[type=checkbox] + label:after { - display: block; - position: absolute; - top: calc(50% - 0.5rem); - left: 0.25rem; - width: 1rem; - height: 1rem; - transform: translate3d(0, 0, 0); - border-radius: 4px; - background: hsl(0, 0%, 100%); - transition: all 0.25s ease-out; - content: ""; -} - -.switch[type=checkbox] + label .switch-active, .switch[type=checkbox] + label .switch-inactive { - font-size: 0.9rem; - z-index: 1; - margin-top: -4px; -} - -.switch[type=checkbox] + label.has-text-inside .switch-inactive { - margin-left: -1.925rem; -} - -.switch[type=checkbox] + label.has-text-inside .switch-active { - margin-left: -3.25rem; -} - -.switch[type=checkbox].is-rtl + label { - padding-left: 0; - padding-right: 3.5rem; -} - -.switch[type=checkbox].is-rtl + label::before, .switch[type=checkbox].is-rtl + label:before { - left: auto; - right: 0; -} - -.switch[type=checkbox].is-rtl + label::after, .switch[type=checkbox].is-rtl + label:after { - left: auto; - right: 1.625rem; -} - -.switch[type=checkbox]:checked + label::before, .switch[type=checkbox]:checked + label:before { - background: hsl(171, 100%, 41%); -} - -.switch[type=checkbox]:checked + label::after { - left: 1.625rem; -} - -.switch[type=checkbox]:checked.is-rtl + label::after, .switch[type=checkbox]:checked.is-rtl + label:after { - left: auto; - right: 0.25rem; -} - -.switch[type=checkbox].is-outlined + label::before, .switch[type=checkbox].is-outlined + label:before { - background-color: transparent; - border-color: hsl(0, 0%, 71%); -} - -.switch[type=checkbox].is-outlined + label::after, .switch[type=checkbox].is-outlined + label:after { - background: hsl(0, 0%, 71%); -} - -.switch[type=checkbox].is-outlined:checked + label::before, .switch[type=checkbox].is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-outlined:checked + label::after, .switch[type=checkbox].is-outlined:checked + label:after { - background: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-thin + label::before, .switch[type=checkbox].is-thin + label:before { - top: 0.5454545456rem; - height: 0.375rem; -} - -.switch[type=checkbox].is-thin + label::after, .switch[type=checkbox].is-thin + label:after { - box-shadow: 0px 0px 3px hsl(0, 0%, 48%); -} - -.switch[type=checkbox].is-rounded + label::before, .switch[type=checkbox].is-rounded + label:before { - border-radius: 24px; -} - -.switch[type=checkbox].is-rounded + label::after, .switch[type=checkbox].is-rounded + label:after { - border-radius: 50%; -} - -.switch[type=checkbox].is-small + label { - position: relative; - display: inline-flex; - align-items: center; - justify-content: flex-start; - font-size: 0.846rem; - height: 2.5em; - line-height: 1.5; - padding-left: 3.038rem; - padding-top: 0.2rem; - cursor: pointer; -} - -.switch[type=checkbox].is-small + label::before, .switch[type=checkbox].is-small + label:before { - position: absolute; - display: block; - top: calc(50% - 0.6345rem); - left: 0; - width: 2.538rem; - height: 1.269rem; - border: 0.1rem solid transparent; - border-radius: 4px; - background: hsl(0, 0%, 71%); - content: ""; -} - -.switch[type=checkbox].is-small + label::after, .switch[type=checkbox].is-small + label:after { - display: block; - position: absolute; - top: calc(50% - 0.3845rem); - left: 0.25rem; - width: 0.769rem; - height: 0.769rem; - transform: translate3d(0, 0, 0); - border-radius: 4px; - background: hsl(0, 0%, 100%); - transition: all 0.25s ease-out; - content: ""; -} - -.switch[type=checkbox].is-small + label .switch-active, .switch[type=checkbox].is-small + label .switch-inactive { - font-size: 0.746rem; - z-index: 1; - margin-top: -4px; -} - -.switch[type=checkbox].is-small + label.has-text-inside .switch-inactive { - margin-left: -1.694rem; -} - -.switch[type=checkbox].is-small + label.has-text-inside .switch-active { - margin-left: -2.788rem; -} - -.switch[type=checkbox].is-small.is-rtl + label { - padding-left: 0; - padding-right: 3.038rem; -} - -.switch[type=checkbox].is-small.is-rtl + label::before, .switch[type=checkbox].is-small.is-rtl + label:before { - left: auto; - right: 0; -} - -.switch[type=checkbox].is-small.is-rtl + label::after, .switch[type=checkbox].is-small.is-rtl + label:after { - left: auto; - right: 1.394rem; -} - -.switch[type=checkbox].is-small:checked + label::before, .switch[type=checkbox].is-small:checked + label:before { - background: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-small:checked + label::after { - left: 1.394rem; -} - -.switch[type=checkbox].is-small:checked.is-rtl + label::after, .switch[type=checkbox].is-small:checked.is-rtl + label:after { - left: auto; - right: 0.25rem; -} - -.switch[type=checkbox].is-small.is-outlined + label::before, .switch[type=checkbox].is-small.is-outlined + label:before { - background-color: transparent; - border-color: hsl(0, 0%, 71%); -} - -.switch[type=checkbox].is-small.is-outlined + label::after, .switch[type=checkbox].is-small.is-outlined + label:after { - background: hsl(0, 0%, 71%); -} - -.switch[type=checkbox].is-small.is-outlined:checked + label::before, .switch[type=checkbox].is-small.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-small.is-outlined:checked + label::after, .switch[type=checkbox].is-small.is-outlined:checked + label:after { - background: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-small.is-thin + label::before, .switch[type=checkbox].is-small.is-thin + label:before { - top: 0.4614545456rem; - height: 0.31725rem; -} - -.switch[type=checkbox].is-small.is-thin + label::after, .switch[type=checkbox].is-small.is-thin + label:after { - box-shadow: 0px 0px 3px hsl(0, 0%, 48%); -} - -.switch[type=checkbox].is-small.is-rounded + label::before, .switch[type=checkbox].is-small.is-rounded + label:before { - border-radius: 24px; -} - -.switch[type=checkbox].is-small.is-rounded + label::after, .switch[type=checkbox].is-small.is-rounded + label:after { - border-radius: 50%; -} - -.switch[type=checkbox].is-medium + label { - position: relative; - display: inline-flex; - align-items: center; - justify-content: flex-start; - font-size: 1.213rem; - height: 2.5em; - line-height: 1.5; - padding-left: 4.139rem; - padding-top: 0.2rem; - cursor: pointer; -} - -.switch[type=checkbox].is-medium + label::before, .switch[type=checkbox].is-medium + label:before { - position: absolute; - display: block; - top: calc(50% - 0.90975rem); - left: 0; - width: 3.639rem; - height: 1.8195rem; - border: 0.1rem solid transparent; - border-radius: 4px; - background: hsl(0, 0%, 71%); - content: ""; -} - -.switch[type=checkbox].is-medium + label::after, .switch[type=checkbox].is-medium + label:after { - display: block; - position: absolute; - top: calc(50% - 0.65975rem); - left: 0.25rem; - width: 1.3195rem; - height: 1.3195rem; - transform: translate3d(0, 0, 0); - border-radius: 4px; - background: hsl(0, 0%, 100%); - transition: all 0.25s ease-out; - content: ""; -} - -.switch[type=checkbox].is-medium + label .switch-active, .switch[type=checkbox].is-medium + label .switch-inactive { - font-size: 1.113rem; - z-index: 1; - margin-top: -4px; -} - -.switch[type=checkbox].is-medium + label.has-text-inside .switch-inactive { - margin-left: -2.2445rem; -} - -.switch[type=checkbox].is-medium + label.has-text-inside .switch-active { - margin-left: -3.889rem; -} - -.switch[type=checkbox].is-medium.is-rtl + label { - padding-left: 0; - padding-right: 4.139rem; -} - -.switch[type=checkbox].is-medium.is-rtl + label::before, .switch[type=checkbox].is-medium.is-rtl + label:before { - left: auto; - right: 0; -} - -.switch[type=checkbox].is-medium.is-rtl + label::after, .switch[type=checkbox].is-medium.is-rtl + label:after { - left: auto; - right: 1.9445rem; -} - -.switch[type=checkbox].is-medium:checked + label::before, .switch[type=checkbox].is-medium:checked + label:before { - background: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-medium:checked + label::after { - left: 1.9445rem; -} - -.switch[type=checkbox].is-medium:checked.is-rtl + label::after, .switch[type=checkbox].is-medium:checked.is-rtl + label:after { - left: auto; - right: 0.25rem; -} - -.switch[type=checkbox].is-medium.is-outlined + label::before, .switch[type=checkbox].is-medium.is-outlined + label:before { - background-color: transparent; - border-color: hsl(0, 0%, 71%); -} - -.switch[type=checkbox].is-medium.is-outlined + label::after, .switch[type=checkbox].is-medium.is-outlined + label:after { - background: hsl(0, 0%, 71%); -} - -.switch[type=checkbox].is-medium.is-outlined:checked + label::before, .switch[type=checkbox].is-medium.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-medium.is-outlined:checked + label::after, .switch[type=checkbox].is-medium.is-outlined:checked + label:after { - background: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-medium.is-thin + label::before, .switch[type=checkbox].is-medium.is-thin + label:before { - top: 0.6616363637rem; - height: 0.454875rem; -} - -.switch[type=checkbox].is-medium.is-thin + label::after, .switch[type=checkbox].is-medium.is-thin + label:after { - box-shadow: 0px 0px 3px hsl(0, 0%, 48%); -} - -.switch[type=checkbox].is-medium.is-rounded + label::before, .switch[type=checkbox].is-medium.is-rounded + label:before { - border-radius: 24px; -} - -.switch[type=checkbox].is-medium.is-rounded + label::after, .switch[type=checkbox].is-medium.is-rounded + label:after { - border-radius: 50%; -} - -.switch[type=checkbox].is-large + label { - position: relative; - display: inline-flex; - align-items: center; - justify-content: flex-start; - font-size: 1.385rem; - height: 2.5em; - line-height: 1.5; - padding-left: 4.655rem; - padding-top: 0.2rem; - cursor: pointer; -} - -.switch[type=checkbox].is-large + label::before, .switch[type=checkbox].is-large + label:before { - position: absolute; - display: block; - top: calc(50% - 1.03875rem); - left: 0; - width: 4.155rem; - height: 2.0775rem; - border: 0.1rem solid transparent; - border-radius: 4px; - background: hsl(0, 0%, 71%); - content: ""; -} - -.switch[type=checkbox].is-large + label::after, .switch[type=checkbox].is-large + label:after { - display: block; - position: absolute; - top: calc(50% - 0.78875rem); - left: 0.25rem; - width: 1.5775rem; - height: 1.5775rem; - transform: translate3d(0, 0, 0); - border-radius: 4px; - background: hsl(0, 0%, 100%); - transition: all 0.25s ease-out; - content: ""; -} - -.switch[type=checkbox].is-large + label .switch-active, .switch[type=checkbox].is-large + label .switch-inactive { - font-size: 1.285rem; - z-index: 1; - margin-top: -4px; -} - -.switch[type=checkbox].is-large + label.has-text-inside .switch-inactive { - margin-left: -2.5025rem; -} - -.switch[type=checkbox].is-large + label.has-text-inside .switch-active { - margin-left: -4.405rem; -} - -.switch[type=checkbox].is-large.is-rtl + label { - padding-left: 0; - padding-right: 4.655rem; -} - -.switch[type=checkbox].is-large.is-rtl + label::before, .switch[type=checkbox].is-large.is-rtl + label:before { - left: auto; - right: 0; -} - -.switch[type=checkbox].is-large.is-rtl + label::after, .switch[type=checkbox].is-large.is-rtl + label:after { - left: auto; - right: 2.2025rem; -} - -.switch[type=checkbox].is-large:checked + label::before, .switch[type=checkbox].is-large:checked + label:before { - background: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-large:checked + label::after { - left: 2.2025rem; -} - -.switch[type=checkbox].is-large:checked.is-rtl + label::after, .switch[type=checkbox].is-large:checked.is-rtl + label:after { - left: auto; - right: 0.25rem; -} - -.switch[type=checkbox].is-large.is-outlined + label::before, .switch[type=checkbox].is-large.is-outlined + label:before { - background-color: transparent; - border-color: hsl(0, 0%, 71%); -} - -.switch[type=checkbox].is-large.is-outlined + label::after, .switch[type=checkbox].is-large.is-outlined + label:after { - background: hsl(0, 0%, 71%); -} - -.switch[type=checkbox].is-large.is-outlined:checked + label::before, .switch[type=checkbox].is-large.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-large.is-outlined:checked + label::after, .switch[type=checkbox].is-large.is-outlined:checked + label:after { - background: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-large.is-thin + label::before, .switch[type=checkbox].is-large.is-thin + label:before { - top: 0.7554545456rem; - height: 0.519375rem; -} - -.switch[type=checkbox].is-large.is-thin + label::after, .switch[type=checkbox].is-large.is-thin + label:after { - box-shadow: 0px 0px 3px hsl(0, 0%, 48%); -} - -.switch[type=checkbox].is-large.is-rounded + label::before, .switch[type=checkbox].is-large.is-rounded + label:before { - border-radius: 24px; -} - -.switch[type=checkbox].is-large.is-rounded + label::after, .switch[type=checkbox].is-large.is-rounded + label:after { - border-radius: 50%; -} - -.switch[type=checkbox].is-white + label .switch-active { - display: none; -} - -.switch[type=checkbox].is-white + label .switch-inactive { - display: inline-block; -} - -.switch[type=checkbox].is-white:checked + label::before, .switch[type=checkbox].is-white:checked + label:before { - background: hsl(0, 0%, 100%); -} - -.switch[type=checkbox].is-white:checked + label .switch-active { - display: inline-block; -} - -.switch[type=checkbox].is-white:checked + label .switch-inactive { - display: none; -} - -.switch[type=checkbox].is-white.is-outlined:checked + label::before, .switch[type=checkbox].is-white.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(0, 0%, 100%) !important; -} - -.switch[type=checkbox].is-white.is-outlined:checked + label::after, .switch[type=checkbox].is-white.is-outlined:checked + label:after { - background: hsl(0, 0%, 100%); -} - -.switch[type=checkbox].is-white.is-thin.is-outlined + label::after, .switch[type=checkbox].is-white.is-thin.is-outlined + label:after { - box-shadow: none; -} - -.switch[type=checkbox].is-unchecked-white + label::before, .switch[type=checkbox].is-unchecked-white + label:before { - background: hsl(0, 0%, 100%); -} - -.switch[type=checkbox].is-unchecked-white.is-outlined + label::before, .switch[type=checkbox].is-unchecked-white.is-outlined + label:before { - background-color: transparent; - border-color: hsl(0, 0%, 100%) !important; -} - -.switch[type=checkbox].is-unchecked-white.is-outlined + label::after, .switch[type=checkbox].is-unchecked-white.is-outlined + label:after { - background: hsl(0, 0%, 100%); -} - -.switch[type=checkbox].is-black + label .switch-active { - display: none; -} - -.switch[type=checkbox].is-black + label .switch-inactive { - display: inline-block; -} - -.switch[type=checkbox].is-black:checked + label::before, .switch[type=checkbox].is-black:checked + label:before { - background: hsl(0, 0%, 4%); -} - -.switch[type=checkbox].is-black:checked + label .switch-active { - display: inline-block; -} - -.switch[type=checkbox].is-black:checked + label .switch-inactive { - display: none; -} - -.switch[type=checkbox].is-black.is-outlined:checked + label::before, .switch[type=checkbox].is-black.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(0, 0%, 4%) !important; -} - -.switch[type=checkbox].is-black.is-outlined:checked + label::after, .switch[type=checkbox].is-black.is-outlined:checked + label:after { - background: hsl(0, 0%, 4%); -} - -.switch[type=checkbox].is-black.is-thin.is-outlined + label::after, .switch[type=checkbox].is-black.is-thin.is-outlined + label:after { - box-shadow: none; -} - -.switch[type=checkbox].is-unchecked-black + label::before, .switch[type=checkbox].is-unchecked-black + label:before { - background: hsl(0, 0%, 4%); -} - -.switch[type=checkbox].is-unchecked-black.is-outlined + label::before, .switch[type=checkbox].is-unchecked-black.is-outlined + label:before { - background-color: transparent; - border-color: hsl(0, 0%, 4%) !important; -} - -.switch[type=checkbox].is-unchecked-black.is-outlined + label::after, .switch[type=checkbox].is-unchecked-black.is-outlined + label:after { - background: hsl(0, 0%, 4%); -} - -.switch[type=checkbox].is-light + label .switch-active { - display: none; -} - -.switch[type=checkbox].is-light + label .switch-inactive { - display: inline-block; -} - -.switch[type=checkbox].is-light:checked + label::before, .switch[type=checkbox].is-light:checked + label:before { - background: hsl(0, 0%, 96%); -} - -.switch[type=checkbox].is-light:checked + label .switch-active { - display: inline-block; -} - -.switch[type=checkbox].is-light:checked + label .switch-inactive { - display: none; -} - -.switch[type=checkbox].is-light.is-outlined:checked + label::before, .switch[type=checkbox].is-light.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(0, 0%, 96%) !important; -} - -.switch[type=checkbox].is-light.is-outlined:checked + label::after, .switch[type=checkbox].is-light.is-outlined:checked + label:after { - background: hsl(0, 0%, 96%); -} - -.switch[type=checkbox].is-light.is-thin.is-outlined + label::after, .switch[type=checkbox].is-light.is-thin.is-outlined + label:after { - box-shadow: none; -} - -.switch[type=checkbox].is-unchecked-light + label::before, .switch[type=checkbox].is-unchecked-light + label:before { - background: hsl(0, 0%, 96%); -} - -.switch[type=checkbox].is-unchecked-light.is-outlined + label::before, .switch[type=checkbox].is-unchecked-light.is-outlined + label:before { - background-color: transparent; - border-color: hsl(0, 0%, 96%) !important; -} - -.switch[type=checkbox].is-unchecked-light.is-outlined + label::after, .switch[type=checkbox].is-unchecked-light.is-outlined + label:after { - background: hsl(0, 0%, 96%); -} - -.switch[type=checkbox].is-dark + label .switch-active { - display: none; -} - -.switch[type=checkbox].is-dark + label .switch-inactive { - display: inline-block; -} - -.switch[type=checkbox].is-dark:checked + label::before, .switch[type=checkbox].is-dark:checked + label:before { - background: hsl(0, 0%, 21%); -} - -.switch[type=checkbox].is-dark:checked + label .switch-active { - display: inline-block; -} - -.switch[type=checkbox].is-dark:checked + label .switch-inactive { - display: none; -} - -.switch[type=checkbox].is-dark.is-outlined:checked + label::before, .switch[type=checkbox].is-dark.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(0, 0%, 21%) !important; -} - -.switch[type=checkbox].is-dark.is-outlined:checked + label::after, .switch[type=checkbox].is-dark.is-outlined:checked + label:after { - background: hsl(0, 0%, 21%); -} - -.switch[type=checkbox].is-dark.is-thin.is-outlined + label::after, .switch[type=checkbox].is-dark.is-thin.is-outlined + label:after { - box-shadow: none; -} - -.switch[type=checkbox].is-unchecked-dark + label::before, .switch[type=checkbox].is-unchecked-dark + label:before { - background: hsl(0, 0%, 21%); -} - -.switch[type=checkbox].is-unchecked-dark.is-outlined + label::before, .switch[type=checkbox].is-unchecked-dark.is-outlined + label:before { - background-color: transparent; - border-color: hsl(0, 0%, 21%) !important; -} - -.switch[type=checkbox].is-unchecked-dark.is-outlined + label::after, .switch[type=checkbox].is-unchecked-dark.is-outlined + label:after { - background: hsl(0, 0%, 21%); -} - -.switch[type=checkbox].is-primary + label .switch-active { - display: none; -} - -.switch[type=checkbox].is-primary + label .switch-inactive { - display: inline-block; -} - -.switch[type=checkbox].is-primary:checked + label::before, .switch[type=checkbox].is-primary:checked + label:before { - background: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-primary:checked + label .switch-active { - display: inline-block; -} - -.switch[type=checkbox].is-primary:checked + label .switch-inactive { - display: none; -} - -.switch[type=checkbox].is-primary.is-outlined:checked + label::before, .switch[type=checkbox].is-primary.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(171, 100%, 41%) !important; -} - -.switch[type=checkbox].is-primary.is-outlined:checked + label::after, .switch[type=checkbox].is-primary.is-outlined:checked + label:after { - background: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-primary.is-thin.is-outlined + label::after, .switch[type=checkbox].is-primary.is-thin.is-outlined + label:after { - box-shadow: none; -} - -.switch[type=checkbox].is-unchecked-primary + label::before, .switch[type=checkbox].is-unchecked-primary + label:before { - background: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-unchecked-primary.is-outlined + label::before, .switch[type=checkbox].is-unchecked-primary.is-outlined + label:before { - background-color: transparent; - border-color: hsl(171, 100%, 41%) !important; -} - -.switch[type=checkbox].is-unchecked-primary.is-outlined + label::after, .switch[type=checkbox].is-unchecked-primary.is-outlined + label:after { - background: hsl(171, 100%, 41%); -} - -.switch[type=checkbox].is-link + label .switch-active { - display: none; -} - -.switch[type=checkbox].is-link + label .switch-inactive { - display: inline-block; -} - -.switch[type=checkbox].is-link:checked + label::before, .switch[type=checkbox].is-link:checked + label:before { - background: hsl(229, 53%, 53%); -} - -.switch[type=checkbox].is-link:checked + label .switch-active { - display: inline-block; -} - -.switch[type=checkbox].is-link:checked + label .switch-inactive { - display: none; -} - -.switch[type=checkbox].is-link.is-outlined:checked + label::before, .switch[type=checkbox].is-link.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(229, 53%, 53%) !important; -} - -.switch[type=checkbox].is-link.is-outlined:checked + label::after, .switch[type=checkbox].is-link.is-outlined:checked + label:after { - background: hsl(229, 53%, 53%); -} - -.switch[type=checkbox].is-link.is-thin.is-outlined + label::after, .switch[type=checkbox].is-link.is-thin.is-outlined + label:after { - box-shadow: none; -} - -.switch[type=checkbox].is-unchecked-link + label::before, .switch[type=checkbox].is-unchecked-link + label:before { - background: hsl(229, 53%, 53%); -} - -.switch[type=checkbox].is-unchecked-link.is-outlined + label::before, .switch[type=checkbox].is-unchecked-link.is-outlined + label:before { - background-color: transparent; - border-color: hsl(229, 53%, 53%) !important; -} - -.switch[type=checkbox].is-unchecked-link.is-outlined + label::after, .switch[type=checkbox].is-unchecked-link.is-outlined + label:after { - background: hsl(229, 53%, 53%); -} - -.switch[type=checkbox].is-info + label .switch-active { - display: none; -} - -.switch[type=checkbox].is-info + label .switch-inactive { - display: inline-block; -} - -.switch[type=checkbox].is-info:checked + label::before, .switch[type=checkbox].is-info:checked + label:before { - background: hsl(217, 71%, 50%); -} - -.switch[type=checkbox].is-info:checked + label .switch-active { - display: inline-block; -} - -.switch[type=checkbox].is-info:checked + label .switch-inactive { - display: none; -} - -.switch[type=checkbox].is-info.is-outlined:checked + label::before, .switch[type=checkbox].is-info.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(217, 71%, 50%) !important; -} - -.switch[type=checkbox].is-info.is-outlined:checked + label::after, .switch[type=checkbox].is-info.is-outlined:checked + label:after { - background: hsl(217, 71%, 50%); -} - -.switch[type=checkbox].is-info.is-thin.is-outlined + label::after, .switch[type=checkbox].is-info.is-thin.is-outlined + label:after { - box-shadow: none; -} - -.switch[type=checkbox].is-unchecked-info + label::before, .switch[type=checkbox].is-unchecked-info + label:before { - background: hsl(217, 71%, 50%); -} - -.switch[type=checkbox].is-unchecked-info.is-outlined + label::before, .switch[type=checkbox].is-unchecked-info.is-outlined + label:before { - background-color: transparent; - border-color: hsl(217, 71%, 50%) !important; -} - -.switch[type=checkbox].is-unchecked-info.is-outlined + label::after, .switch[type=checkbox].is-unchecked-info.is-outlined + label:after { - background: hsl(217, 71%, 50%); -} - -.switch[type=checkbox].is-success + label .switch-active { - display: none; -} - -.switch[type=checkbox].is-success + label .switch-inactive { - display: inline-block; -} - -.switch[type=checkbox].is-success:checked + label::before, .switch[type=checkbox].is-success:checked + label:before { - background: hsl(141, 53%, 40%); -} - -.switch[type=checkbox].is-success:checked + label .switch-active { - display: inline-block; -} - -.switch[type=checkbox].is-success:checked + label .switch-inactive { - display: none; -} - -.switch[type=checkbox].is-success.is-outlined:checked + label::before, .switch[type=checkbox].is-success.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(141, 53%, 40%) !important; -} - -.switch[type=checkbox].is-success.is-outlined:checked + label::after, .switch[type=checkbox].is-success.is-outlined:checked + label:after { - background: hsl(141, 53%, 40%); -} - -.switch[type=checkbox].is-success.is-thin.is-outlined + label::after, .switch[type=checkbox].is-success.is-thin.is-outlined + label:after { - box-shadow: none; -} - -.switch[type=checkbox].is-unchecked-success + label::before, .switch[type=checkbox].is-unchecked-success + label:before { - background: hsl(141, 53%, 40%); -} - -.switch[type=checkbox].is-unchecked-success.is-outlined + label::before, .switch[type=checkbox].is-unchecked-success.is-outlined + label:before { - background-color: transparent; - border-color: hsl(141, 53%, 40%) !important; -} - -.switch[type=checkbox].is-unchecked-success.is-outlined + label::after, .switch[type=checkbox].is-unchecked-success.is-outlined + label:after { - background: hsl(141, 53%, 40%); -} - -.switch[type=checkbox].is-warning + label .switch-active { - display: none; -} - -.switch[type=checkbox].is-warning + label .switch-inactive { - display: inline-block; -} - -.switch[type=checkbox].is-warning:checked + label::before, .switch[type=checkbox].is-warning:checked + label:before { - background: hsl(38, 93%, 50%); -} - -.switch[type=checkbox].is-warning:checked + label .switch-active { - display: inline-block; -} - -.switch[type=checkbox].is-warning:checked + label .switch-inactive { - display: none; -} - -.switch[type=checkbox].is-warning.is-outlined:checked + label::before, .switch[type=checkbox].is-warning.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(38, 93%, 50%) !important; -} - -.switch[type=checkbox].is-warning.is-outlined:checked + label::after, .switch[type=checkbox].is-warning.is-outlined:checked + label:after { - background: hsl(38, 93%, 50%); -} - -.switch[type=checkbox].is-warning.is-thin.is-outlined + label::after, .switch[type=checkbox].is-warning.is-thin.is-outlined + label:after { - box-shadow: none; -} - -.switch[type=checkbox].is-unchecked-warning + label::before, .switch[type=checkbox].is-unchecked-warning + label:before { - background: hsl(38, 93%, 50%); -} - -.switch[type=checkbox].is-unchecked-warning.is-outlined + label::before, .switch[type=checkbox].is-unchecked-warning.is-outlined + label:before { - background-color: transparent; - border-color: hsl(38, 93%, 50%) !important; -} - -.switch[type=checkbox].is-unchecked-warning.is-outlined + label::after, .switch[type=checkbox].is-unchecked-warning.is-outlined + label:after { - background: hsl(38, 93%, 50%); -} - -.switch[type=checkbox].is-danger + label .switch-active { - display: none; -} - -.switch[type=checkbox].is-danger + label .switch-inactive { - display: inline-block; -} - -.switch[type=checkbox].is-danger:checked + label::before, .switch[type=checkbox].is-danger:checked + label:before { - background: hsl(348, 100%, 40%); -} - -.switch[type=checkbox].is-danger:checked + label .switch-active { - display: inline-block; -} - -.switch[type=checkbox].is-danger:checked + label .switch-inactive { - display: none; -} - -.switch[type=checkbox].is-danger.is-outlined:checked + label::before, .switch[type=checkbox].is-danger.is-outlined:checked + label:before { - background-color: transparent; - border-color: hsl(348, 100%, 40%) !important; -} - -.switch[type=checkbox].is-danger.is-outlined:checked + label::after, .switch[type=checkbox].is-danger.is-outlined:checked + label:after { - background: hsl(348, 100%, 40%); -} - -.switch[type=checkbox].is-danger.is-thin.is-outlined + label::after, .switch[type=checkbox].is-danger.is-thin.is-outlined + label:after { - box-shadow: none; -} - -.switch[type=checkbox].is-unchecked-danger + label::before, .switch[type=checkbox].is-unchecked-danger + label:before { - background: hsl(348, 100%, 40%); -} - -.switch[type=checkbox].is-unchecked-danger.is-outlined + label::before, .switch[type=checkbox].is-unchecked-danger.is-outlined + label:before { - background-color: transparent; - border-color: hsl(348, 100%, 40%) !important; -} - -.switch[type=checkbox].is-unchecked-danger.is-outlined + label::after, .switch[type=checkbox].is-unchecked-danger.is-outlined + label:after { - background: hsl(348, 100%, 40%); -} - -.field-body .switch[type=checkbox] + label { - margin-top: 0.375em; -} - -[data-tooltip]:not(.is-loading), [data-tooltip]:not(.is-disabled), [data-tooltip]:not([disabled]) { - cursor: pointer; - overflow: visible; - position: relative; -} - -[data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-loading)::after, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not(.is-disabled)::after, [data-tooltip]:not([disabled])::before, [data-tooltip]:not([disabled])::after { - box-sizing: border-box; - color: hsl(0, 0%, 100%); - display: inline-block; - font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif; - font-size: 0.846rem; - hyphens: auto; - opacity: 0; - overflow: hidden; - pointer-events: none; - position: absolute; - visibility: hidden; - z-index: 1020; -} - -[data-tooltip]:not(.is-loading)::after, [data-tooltip]:not(.is-disabled)::after, [data-tooltip]:not([disabled])::after { - content: ""; - border-style: solid; - border-width: 6px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; - margin-bottom: -5px; -} - -[data-tooltip]:not(.is-loading)::after, [data-tooltip]:not(.is-disabled)::after, [data-tooltip]:not([disabled])::after { - top: 0; - right: auto; - bottom: auto; - left: 50%; - margin-top: -5px; - margin-right: auto; - margin-bottom: auto; - margin-left: -5px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; -} - -[data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not([disabled])::before { - background: rgba(74, 74, 74, 0.9); - border-radius: 2px; - content: attr(data-tooltip); - padding: 0.5rem 1rem; - text-overflow: ellipsis; - white-space: pre; -} - -[data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not([disabled])::before { - top: 0; - right: auto; - bottom: auto; - left: 50%; - top: 0; - margin-top: -5px; - margin-bottom: auto; - transform: translate(-50%, -100%); -} - -[data-tooltip]:not(.is-loading).has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-bottom::after { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-right: auto; - margin-bottom: -5px; - margin-left: -5px; - border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-bottom::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom::before, [data-tooltip]:not([disabled]).has-tooltip-bottom::before { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-bottom: -5px; - transform: translate(-50%, 100%); -} - -[data-tooltip]:not(.is-loading).has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-left::after { - top: auto; - right: auto; - bottom: 50%; - left: 0; - margin-top: auto; - margin-right: auto; - margin-bottom: -6px; - margin-left: -11px; - border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); -} - -[data-tooltip]:not(.is-loading).has-tooltip-left::before, [data-tooltip]:not(.is-disabled).has-tooltip-left::before, [data-tooltip]:not([disabled]).has-tooltip-left::before { - top: auto; - right: auto; - bottom: 50%; - left: -11px; - transform: translate(-100%, 50%); -} - -[data-tooltip]:not(.is-loading).has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-right::after { - top: auto; - right: 0; - bottom: 50%; - left: auto; - margin-top: auto; - margin-right: -11px; - margin-bottom: -6px; - margin-left: auto; - border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-right::before, [data-tooltip]:not(.is-disabled).has-tooltip-right::before, [data-tooltip]:not([disabled]).has-tooltip-right::before { - top: auto; - right: -11px; - bottom: 50%; - left: auto; - margin-top: auto; - transform: translate(100%, 50%); -} - -[data-tooltip]:not(.is-loading).has-tooltip-multiline::before, [data-tooltip]:not(.is-disabled).has-tooltip-multiline::before, [data-tooltip]:not([disabled]).has-tooltip-multiline::before { - height: auto; - width: 15rem; - max-width: 15rem; - text-overflow: clip; - white-space: normal; - word-break: keep-all; -} - -[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-bottom::after { - border-color: transparent transparent rgba(255, 255, 255, 0.9) transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-left::after { - border-color: transparent transparent transparent rgba(255, 255, 255, 0.9); -} - -[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-right::after { - border-color: transparent rgba(255, 255, 255, 0.9) transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-white:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-white:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-white:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-white:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-white:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-white:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-white:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-white:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-white:not(.has-tooltip-right)::after { - border-color: rgba(255, 255, 255, 0.9) transparent transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-white:before, [data-tooltip]:not(.is-disabled).has-tooltip-white:before, [data-tooltip]:not([disabled]).has-tooltip-white:before { - background-color: rgba(255, 255, 255, 0.9); - color: hsl(0, 0%, 4%); -} - -[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-bottom::after { - border-color: transparent transparent rgba(10, 10, 10, 0.9) transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-left::after { - border-color: transparent transparent transparent rgba(10, 10, 10, 0.9); -} - -[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-right::after { - border-color: transparent rgba(10, 10, 10, 0.9) transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-black:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-black:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-black:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-black:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-black:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-black:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-black:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-black:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-black:not(.has-tooltip-right)::after { - border-color: rgba(10, 10, 10, 0.9) transparent transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-black:before, [data-tooltip]:not(.is-disabled).has-tooltip-black:before, [data-tooltip]:not([disabled]).has-tooltip-black:before { - background-color: rgba(10, 10, 10, 0.9); - color: hsl(0, 0%, 100%); -} - -[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-bottom::after { - border-color: transparent transparent rgba(245, 245, 245, 0.9) transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-left::after { - border-color: transparent transparent transparent rgba(245, 245, 245, 0.9); -} - -[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-right::after { - border-color: transparent rgba(245, 245, 245, 0.9) transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-light:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-light:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-light:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-light:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-light:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-light:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-light:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-light:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-light:not(.has-tooltip-right)::after { - border-color: rgba(245, 245, 245, 0.9) transparent transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-light:before, [data-tooltip]:not(.is-disabled).has-tooltip-light:before, [data-tooltip]:not([disabled]).has-tooltip-light:before { - background-color: rgba(245, 245, 245, 0.9); - color: rgba(0, 0, 0, 0.7); -} - -[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-bottom::after { - border-color: transparent transparent rgba(54, 54, 54, 0.9) transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-left::after { - border-color: transparent transparent transparent rgba(54, 54, 54, 0.9); -} - -[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-right::after { - border-color: transparent rgba(54, 54, 54, 0.9) transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-dark:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-dark:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-dark:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-dark:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-dark:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-dark:not(.has-tooltip-right)::after { - border-color: rgba(54, 54, 54, 0.9) transparent transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-dark:before, [data-tooltip]:not(.is-disabled).has-tooltip-dark:before, [data-tooltip]:not([disabled]).has-tooltip-dark:before { - background-color: rgba(54, 54, 54, 0.9); - color: #fff; -} - -[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-bottom::after { - border-color: transparent transparent rgba(0, 209, 178, 0.9) transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-left::after { - border-color: transparent transparent transparent rgba(0, 209, 178, 0.9); -} - -[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-right::after { - border-color: transparent rgba(0, 209, 178, 0.9) transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-primary:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-primary:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-primary:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-primary:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-primary:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-primary:not(.has-tooltip-right)::after { - border-color: rgba(0, 209, 178, 0.9) transparent transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-primary:before, [data-tooltip]:not(.is-disabled).has-tooltip-primary:before, [data-tooltip]:not([disabled]).has-tooltip-primary:before { - background-color: rgba(0, 209, 178, 0.9); - color: #fff; -} - -[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-bottom::after { - border-color: transparent transparent rgba(72, 95, 199, 0.9) transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-left::after { - border-color: transparent transparent transparent rgba(72, 95, 199, 0.9); -} - -[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-right::after { - border-color: transparent rgba(72, 95, 199, 0.9) transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-link:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-link:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-link:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-link:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-link:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-link:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-link:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-link:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-link:not(.has-tooltip-right)::after { - border-color: rgba(72, 95, 199, 0.9) transparent transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-link:before, [data-tooltip]:not(.is-disabled).has-tooltip-link:before, [data-tooltip]:not([disabled]).has-tooltip-link:before { - background-color: rgba(72, 95, 199, 0.9); - color: #fff; -} - -[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-bottom::after { - border-color: transparent transparent rgba(37, 106, 218, 0.9) transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-left::after { - border-color: transparent transparent transparent rgba(37, 106, 218, 0.9); -} - -[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-right::after { - border-color: transparent rgba(37, 106, 218, 0.9) transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-info:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-info:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-info:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-info:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-info:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-info:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-info:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-info:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-info:not(.has-tooltip-right)::after { - border-color: rgba(37, 106, 218, 0.9) transparent transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-info:before, [data-tooltip]:not(.is-disabled).has-tooltip-info:before, [data-tooltip]:not([disabled]).has-tooltip-info:before { - background-color: rgba(37, 106, 218, 0.9); - color: #fff; -} - -[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-bottom::after { - border-color: transparent transparent rgba(48, 156, 86, 0.9) transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-left::after { - border-color: transparent transparent transparent rgba(48, 156, 86, 0.9); -} - -[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-right::after { - border-color: transparent rgba(48, 156, 86, 0.9) transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-success:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-success:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-success:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-success:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-success:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-success:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-success:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-success:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-success:not(.has-tooltip-right)::after { - border-color: rgba(48, 156, 86, 0.9) transparent transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-success:before, [data-tooltip]:not(.is-disabled).has-tooltip-success:before, [data-tooltip]:not([disabled]).has-tooltip-success:before { - background-color: rgba(48, 156, 86, 0.9); - color: #fff; -} - -[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-bottom::after { - border-color: transparent transparent rgba(246, 159, 9, 0.9) transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-left::after { - border-color: transparent transparent transparent rgba(246, 159, 9, 0.9); -} - -[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-right::after { - border-color: transparent rgba(246, 159, 9, 0.9) transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-warning:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-warning:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-warning:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-warning:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-warning:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-warning:not(.has-tooltip-right)::after { - border-color: rgba(246, 159, 9, 0.9) transparent transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-warning:before, [data-tooltip]:not(.is-disabled).has-tooltip-warning:before, [data-tooltip]:not([disabled]).has-tooltip-warning:before { - background-color: rgba(246, 159, 9, 0.9); - color: #fff; -} - -[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-bottom::after { - border-color: transparent transparent rgba(204, 0, 41, 0.9) transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-left::after { - border-color: transparent transparent transparent rgba(204, 0, 41, 0.9); -} - -[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-right::after { - border-color: transparent rgba(204, 0, 41, 0.9) transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-danger:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-loading).has-tooltip-danger:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-loading).has-tooltip-danger:not(.has-tooltip-right)::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger:not(.has-tooltip-bottom)::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger:not(.has-tooltip-left)::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger:not(.has-tooltip-right)::after, [data-tooltip]:not([disabled]).has-tooltip-danger:not(.has-tooltip-bottom)::after, [data-tooltip]:not([disabled]).has-tooltip-danger:not(.has-tooltip-left)::after, [data-tooltip]:not([disabled]).has-tooltip-danger:not(.has-tooltip-right)::after { - border-color: rgba(204, 0, 41, 0.9) transparent transparent transparent; -} - -[data-tooltip]:not(.is-loading).has-tooltip-danger:before, [data-tooltip]:not(.is-disabled).has-tooltip-danger:before, [data-tooltip]:not([disabled]).has-tooltip-danger:before { - background-color: rgba(204, 0, 41, 0.9); - color: #fff; -} - -[data-tooltip]:not(.is-loading):focus::before, [data-tooltip]:not(.is-loading):focus::after, [data-tooltip]:not(.is-loading):hover::before, [data-tooltip]:not(.is-loading):hover::after, [data-tooltip]:not(.is-loading).has-tooltip-active::before, [data-tooltip]:not(.is-loading).has-tooltip-active::after, [data-tooltip]:not(.is-disabled):focus::before, [data-tooltip]:not(.is-disabled):focus::after, [data-tooltip]:not(.is-disabled):hover::before, [data-tooltip]:not(.is-disabled):hover::after, [data-tooltip]:not(.is-disabled).has-tooltip-active::before, [data-tooltip]:not(.is-disabled).has-tooltip-active::after, [data-tooltip]:not([disabled]):focus::before, [data-tooltip]:not([disabled]):focus::after, [data-tooltip]:not([disabled]):hover::before, [data-tooltip]:not([disabled]):hover::after, [data-tooltip]:not([disabled]).has-tooltip-active::before, [data-tooltip]:not([disabled]).has-tooltip-active::after { - opacity: 1; - visibility: visible; -} - -[data-tooltip]:not(.is-loading).has-tooltip-fade::before, [data-tooltip]:not(.is-loading).has-tooltip-fade::after, [data-tooltip]:not(.is-disabled).has-tooltip-fade::before, [data-tooltip]:not(.is-disabled).has-tooltip-fade::after, [data-tooltip]:not([disabled]).has-tooltip-fade::before, [data-tooltip]:not([disabled]).has-tooltip-fade::after { - transition: opacity 0.3s linear, visibility 0.3s linear; -} - -@media screen and (max-width: 768px) { - .has-tooltip-top-mobile::after { - top: 0; - right: auto; - bottom: auto; - left: 50%; - margin-top: -5px; - margin-right: auto; - margin-bottom: auto; - margin-left: -5px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; - } - .has-tooltip-top-mobile::before { - top: 0; - right: auto; - bottom: auto; - left: 50%; - top: 0; - margin-top: -5px; - margin-bottom: auto; - transform: translate(-50%, -100%); - } -} -@media screen and (min-width: 769px), print { - .has-tooltip-top-tablet::after { - top: 0; - right: auto; - bottom: auto; - left: 50%; - margin-top: -5px; - margin-right: auto; - margin-bottom: auto; - margin-left: -5px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; - } - .has-tooltip-top-tablet::before { - top: 0; - right: auto; - bottom: auto; - left: 50%; - top: 0; - margin-top: -5px; - margin-bottom: auto; - transform: translate(-50%, -100%); - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .has-tooltip-top-tablet-only::after { - top: 0; - right: auto; - bottom: auto; - left: 50%; - margin-top: -5px; - margin-right: auto; - margin-bottom: auto; - margin-left: -5px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; - } - .has-tooltip-top-tablet-only::before { - top: 0; - right: auto; - bottom: auto; - left: 50%; - top: 0; - margin-top: -5px; - margin-bottom: auto; - transform: translate(-50%, -100%); - } -} -@media screen and (max-width: 1023px) { - .has-tooltip-top-touch::after { - top: 0; - right: auto; - bottom: auto; - left: 50%; - margin-top: -5px; - margin-right: auto; - margin-bottom: auto; - margin-left: -5px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; - } - .has-tooltip-top-touch::before { - top: 0; - right: auto; - bottom: auto; - left: 50%; - top: 0; - margin-top: -5px; - margin-bottom: auto; - transform: translate(-50%, -100%); - } -} -@media screen and (min-width: 1024px) { - .has-tooltip-top-desktop::after { - top: 0; - right: auto; - bottom: auto; - left: 50%; - margin-top: -5px; - margin-right: auto; - margin-bottom: auto; - margin-left: -5px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; - } - .has-tooltip-top-desktop::before { - top: 0; - right: auto; - bottom: auto; - left: 50%; - top: 0; - margin-top: -5px; - margin-bottom: auto; - transform: translate(-50%, -100%); - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .has-tooltip-top-desktop-only::after { - top: 0; - right: auto; - bottom: auto; - left: 50%; - margin-top: -5px; - margin-right: auto; - margin-bottom: auto; - margin-left: -5px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; - } - .has-tooltip-top-desktop-only::before { - top: 0; - right: auto; - bottom: auto; - left: 50%; - top: 0; - margin-top: -5px; - margin-bottom: auto; - transform: translate(-50%, -100%); - } -} -@media screen and (max-width: 1215px) { - .has-tooltip-top-until-widescreen::after { - top: 0; - right: auto; - bottom: auto; - left: 50%; - margin-top: -5px; - margin-right: auto; - margin-bottom: auto; - margin-left: -5px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; - } - .has-tooltip-top-until-widescreen::before { - top: 0; - right: auto; - bottom: auto; - left: 50%; - top: 0; - margin-top: -5px; - margin-bottom: auto; - transform: translate(-50%, -100%); - } -} -@media screen and (min-width: 1216px) { - .has-tooltip-top-widescreen::after { - top: 0; - right: auto; - bottom: auto; - left: 50%; - margin-top: -5px; - margin-right: auto; - margin-bottom: auto; - margin-left: -5px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; - } - .has-tooltip-top-widescreen::before { - top: 0; - right: auto; - bottom: auto; - left: 50%; - top: 0; - margin-top: -5px; - margin-bottom: auto; - transform: translate(-50%, -100%); - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .has-tooltip-top-widescreen-only::after { - top: 0; - right: auto; - bottom: auto; - left: 50%; - margin-top: -5px; - margin-right: auto; - margin-bottom: auto; - margin-left: -5px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; - } - .has-tooltip-top-widescreen-only::before { - top: 0; - right: auto; - bottom: auto; - left: 50%; - top: 0; - margin-top: -5px; - margin-bottom: auto; - transform: translate(-50%, -100%); - } -} -@media screen and (max-width: 1407px) { - .has-tooltip-top-until-fullhd::after { - top: 0; - right: auto; - bottom: auto; - left: 50%; - margin-top: -5px; - margin-right: auto; - margin-bottom: auto; - margin-left: -5px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; - } - .has-tooltip-top-until-fullhd::before { - top: 0; - right: auto; - bottom: auto; - left: 50%; - top: 0; - margin-top: -5px; - margin-bottom: auto; - transform: translate(-50%, -100%); - } -} -@media screen and (min-width: 1408px) { - .has-tooltip-top-fullhd::after { - top: 0; - right: auto; - bottom: auto; - left: 50%; - margin-top: -5px; - margin-right: auto; - margin-bottom: auto; - margin-left: -5px; - border-color: rgba(74, 74, 74, 0.9) transparent transparent transparent; - } - .has-tooltip-top-fullhd::before { - top: 0; - right: auto; - bottom: auto; - left: 50%; - top: 0; - margin-top: -5px; - margin-bottom: auto; - transform: translate(-50%, -100%); - } -} -@media screen and (max-width: 768px) { - .has-tooltip-right-mobile::after { - top: auto; - right: 0; - bottom: 50%; - left: auto; - margin-top: auto; - margin-right: -11px; - margin-bottom: -6px; - margin-left: auto; - border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; - } - .has-tooltip-right-mobile::before { - top: auto; - right: -11px; - bottom: 50%; - left: auto; - margin-top: auto; - transform: translate(100%, 50%); - } -} -@media screen and (min-width: 769px), print { - .has-tooltip-right-tablet::after { - top: auto; - right: 0; - bottom: 50%; - left: auto; - margin-top: auto; - margin-right: -11px; - margin-bottom: -6px; - margin-left: auto; - border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; - } - .has-tooltip-right-tablet::before { - top: auto; - right: -11px; - bottom: 50%; - left: auto; - margin-top: auto; - transform: translate(100%, 50%); - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .has-tooltip-right-tablet-only::after { - top: auto; - right: 0; - bottom: 50%; - left: auto; - margin-top: auto; - margin-right: -11px; - margin-bottom: -6px; - margin-left: auto; - border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; - } - .has-tooltip-right-tablet-only::before { - top: auto; - right: -11px; - bottom: 50%; - left: auto; - margin-top: auto; - transform: translate(100%, 50%); - } -} -@media screen and (max-width: 1023px) { - .has-tooltip-right-touch::after { - top: auto; - right: 0; - bottom: 50%; - left: auto; - margin-top: auto; - margin-right: -11px; - margin-bottom: -6px; - margin-left: auto; - border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; - } - .has-tooltip-right-touch::before { - top: auto; - right: -11px; - bottom: 50%; - left: auto; - margin-top: auto; - transform: translate(100%, 50%); - } -} -@media screen and (min-width: 1024px) { - .has-tooltip-right-desktop::after { - top: auto; - right: 0; - bottom: 50%; - left: auto; - margin-top: auto; - margin-right: -11px; - margin-bottom: -6px; - margin-left: auto; - border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; - } - .has-tooltip-right-desktop::before { - top: auto; - right: -11px; - bottom: 50%; - left: auto; - margin-top: auto; - transform: translate(100%, 50%); - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .has-tooltip-right-desktop-only::after { - top: auto; - right: 0; - bottom: 50%; - left: auto; - margin-top: auto; - margin-right: -11px; - margin-bottom: -6px; - margin-left: auto; - border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; - } - .has-tooltip-right-desktop-only::before { - top: auto; - right: -11px; - bottom: 50%; - left: auto; - margin-top: auto; - transform: translate(100%, 50%); - } -} -@media screen and (max-width: 1215px) { - .has-tooltip-right-until-widescreen::after { - top: auto; - right: 0; - bottom: 50%; - left: auto; - margin-top: auto; - margin-right: -11px; - margin-bottom: -6px; - margin-left: auto; - border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; - } - .has-tooltip-right-until-widescreen::before { - top: auto; - right: -11px; - bottom: 50%; - left: auto; - margin-top: auto; - transform: translate(100%, 50%); - } -} -@media screen and (min-width: 1216px) { - .has-tooltip-right-widescreen::after { - top: auto; - right: 0; - bottom: 50%; - left: auto; - margin-top: auto; - margin-right: -11px; - margin-bottom: -6px; - margin-left: auto; - border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; - } - .has-tooltip-right-widescreen::before { - top: auto; - right: -11px; - bottom: 50%; - left: auto; - margin-top: auto; - transform: translate(100%, 50%); - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .has-tooltip-right-widescreen-only::after { - top: auto; - right: 0; - bottom: 50%; - left: auto; - margin-top: auto; - margin-right: -11px; - margin-bottom: -6px; - margin-left: auto; - border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; - } - .has-tooltip-right-widescreen-only::before { - top: auto; - right: -11px; - bottom: 50%; - left: auto; - margin-top: auto; - transform: translate(100%, 50%); - } -} -@media screen and (max-width: 1407px) { - .has-tooltip-right-until-fullhd::after { - top: auto; - right: 0; - bottom: 50%; - left: auto; - margin-top: auto; - margin-right: -11px; - margin-bottom: -6px; - margin-left: auto; - border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; - } - .has-tooltip-right-until-fullhd::before { - top: auto; - right: -11px; - bottom: 50%; - left: auto; - margin-top: auto; - transform: translate(100%, 50%); - } -} -@media screen and (min-width: 1408px) { - .has-tooltip-right-fullhd::after { - top: auto; - right: 0; - bottom: 50%; - left: auto; - margin-top: auto; - margin-right: -11px; - margin-bottom: -6px; - margin-left: auto; - border-color: transparent rgba(74, 74, 74, 0.9) transparent transparent; - } - .has-tooltip-right-fullhd::before { - top: auto; - right: -11px; - bottom: 50%; - left: auto; - margin-top: auto; - transform: translate(100%, 50%); - } -} -@media screen and (max-width: 768px) { - .has-tooltip-bottom-mobile::after { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-right: auto; - margin-bottom: -5px; - margin-left: -5px; - border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; - } - .has-tooltip-bottom-mobile::before { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-bottom: -5px; - transform: translate(-50%, 100%); - } -} -@media screen and (min-width: 769px), print { - .has-tooltip-bottom-tablet::after { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-right: auto; - margin-bottom: -5px; - margin-left: -5px; - border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; - } - .has-tooltip-bottom-tablet::before { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-bottom: -5px; - transform: translate(-50%, 100%); - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .has-tooltip-bottom-tablet-only::after { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-right: auto; - margin-bottom: -5px; - margin-left: -5px; - border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; - } - .has-tooltip-bottom-tablet-only::before { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-bottom: -5px; - transform: translate(-50%, 100%); - } -} -@media screen and (max-width: 1023px) { - .has-tooltip-bottom-touch::after { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-right: auto; - margin-bottom: -5px; - margin-left: -5px; - border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; - } - .has-tooltip-bottom-touch::before { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-bottom: -5px; - transform: translate(-50%, 100%); - } -} -@media screen and (min-width: 1024px) { - .has-tooltip-bottom-desktop::after { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-right: auto; - margin-bottom: -5px; - margin-left: -5px; - border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; - } - .has-tooltip-bottom-desktop::before { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-bottom: -5px; - transform: translate(-50%, 100%); - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .has-tooltip-bottom-desktop-only::after { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-right: auto; - margin-bottom: -5px; - margin-left: -5px; - border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; - } - .has-tooltip-bottom-desktop-only::before { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-bottom: -5px; - transform: translate(-50%, 100%); - } -} -@media screen and (max-width: 1215px) { - .has-tooltip-bottom-until-widescreen::after { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-right: auto; - margin-bottom: -5px; - margin-left: -5px; - border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; - } - .has-tooltip-bottom-until-widescreen::before { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-bottom: -5px; - transform: translate(-50%, 100%); - } -} -@media screen and (min-width: 1216px) { - .has-tooltip-bottom-widescreen::after { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-right: auto; - margin-bottom: -5px; - margin-left: -5px; - border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; - } - .has-tooltip-bottom-widescreen::before { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-bottom: -5px; - transform: translate(-50%, 100%); - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .has-tooltip-bottom-widescreen-only::after { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-right: auto; - margin-bottom: -5px; - margin-left: -5px; - border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; - } - .has-tooltip-bottom-widescreen-only::before { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-bottom: -5px; - transform: translate(-50%, 100%); - } -} -@media screen and (max-width: 1407px) { - .has-tooltip-bottom-until-fullhd::after { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-right: auto; - margin-bottom: -5px; - margin-left: -5px; - border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; - } - .has-tooltip-bottom-until-fullhd::before { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-bottom: -5px; - transform: translate(-50%, 100%); - } -} -@media screen and (min-width: 1408px) { - .has-tooltip-bottom-fullhd::after { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-right: auto; - margin-bottom: -5px; - margin-left: -5px; - border-color: transparent transparent rgba(74, 74, 74, 0.9) transparent; - } - .has-tooltip-bottom-fullhd::before { - top: auto; - right: auto; - bottom: 0; - left: 50%; - margin-top: auto; - margin-bottom: -5px; - transform: translate(-50%, 100%); - } -} -@media screen and (max-width: 768px) { - .has-tooltip-left-mobile::after { - top: auto; - right: auto; - bottom: 50%; - left: 0; - margin-top: auto; - margin-right: auto; - margin-bottom: -6px; - margin-left: -11px; - border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); - } - .has-tooltip-left-mobile::before { - top: auto; - right: auto; - bottom: 50%; - left: -11px; - transform: translate(-100%, 50%); - } -} -@media screen and (min-width: 769px), print { - .has-tooltip-left-tablet::after { - top: auto; - right: auto; - bottom: 50%; - left: 0; - margin-top: auto; - margin-right: auto; - margin-bottom: -6px; - margin-left: -11px; - border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); - } - .has-tooltip-left-tablet::before { - top: auto; - right: auto; - bottom: 50%; - left: -11px; - transform: translate(-100%, 50%); - } -} -@media screen and (min-width: 769px) and (max-width: 1023px) { - .has-tooltip-left-tablet-only::after { - top: auto; - right: auto; - bottom: 50%; - left: 0; - margin-top: auto; - margin-right: auto; - margin-bottom: -6px; - margin-left: -11px; - border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); - } - .has-tooltip-left-tablet-only::before { - top: auto; - right: auto; - bottom: 50%; - left: -11px; - transform: translate(-100%, 50%); - } -} -@media screen and (max-width: 1023px) { - .has-tooltip-left-touch::after { - top: auto; - right: auto; - bottom: 50%; - left: 0; - margin-top: auto; - margin-right: auto; - margin-bottom: -6px; - margin-left: -11px; - border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); - } - .has-tooltip-left-touch::before { - top: auto; - right: auto; - bottom: 50%; - left: -11px; - transform: translate(-100%, 50%); - } -} -@media screen and (min-width: 1024px) { - .has-tooltip-left-desktop::after { - top: auto; - right: auto; - bottom: 50%; - left: 0; - margin-top: auto; - margin-right: auto; - margin-bottom: -6px; - margin-left: -11px; - border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); - } - .has-tooltip-left-desktop::before { - top: auto; - right: auto; - bottom: 50%; - left: -11px; - transform: translate(-100%, 50%); - } -} -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .has-tooltip-left-desktop-only::after { - top: auto; - right: auto; - bottom: 50%; - left: 0; - margin-top: auto; - margin-right: auto; - margin-bottom: -6px; - margin-left: -11px; - border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); - } - .has-tooltip-left-desktop-only::before { - top: auto; - right: auto; - bottom: 50%; - left: -11px; - transform: translate(-100%, 50%); - } -} -@media screen and (max-width: 1215px) { - .has-tooltip-left-until-widescreen::after { - top: auto; - right: auto; - bottom: 50%; - left: 0; - margin-top: auto; - margin-right: auto; - margin-bottom: -6px; - margin-left: -11px; - border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); - } - .has-tooltip-left-until-widescreen::before { - top: auto; - right: auto; - bottom: 50%; - left: -11px; - transform: translate(-100%, 50%); - } -} -@media screen and (min-width: 1216px) { - .has-tooltip-left-widescreen::after { - top: auto; - right: auto; - bottom: 50%; - left: 0; - margin-top: auto; - margin-right: auto; - margin-bottom: -6px; - margin-left: -11px; - border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); - } - .has-tooltip-left-widescreen::before { - top: auto; - right: auto; - bottom: 50%; - left: -11px; - transform: translate(-100%, 50%); - } -} -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .has-tooltip-left-widescreen-only::after { - top: auto; - right: auto; - bottom: 50%; - left: 0; - margin-top: auto; - margin-right: auto; - margin-bottom: -6px; - margin-left: -11px; - border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); - } - .has-tooltip-left-widescreen-only::before { - top: auto; - right: auto; - bottom: 50%; - left: -11px; - transform: translate(-100%, 50%); - } -} -@media screen and (max-width: 1407px) { - .has-tooltip-left-until-fullhd::after { - top: auto; - right: auto; - bottom: 50%; - left: 0; - margin-top: auto; - margin-right: auto; - margin-bottom: -6px; - margin-left: -11px; - border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); - } - .has-tooltip-left-until-fullhd::before { - top: auto; - right: auto; - bottom: 50%; - left: -11px; - transform: translate(-100%, 50%); - } -} -@media screen and (min-width: 1408px) { - .has-tooltip-left-fullhd::after { - top: auto; - right: auto; - bottom: 50%; - left: 0; - margin-top: auto; - margin-right: auto; - margin-bottom: -6px; - margin-left: -11px; - border-color: transparent transparent transparent rgba(74, 74, 74, 0.9); - } - .has-tooltip-left-fullhd::before { - top: auto; - right: auto; - bottom: 50%; - left: -11px; - transform: translate(-100%, 50%); - } -} -:root { - --primary-hue: 149; - --primary-saturation: 100%; - --primary-light: 30%; - --secondary-hue: 196; - --secondary-saturation: 50%; - --secondary-light: 20%; -} - -.text-primary-10 { - color: hsl(var(--primary-hue), var(--primary-saturation), 10%); -} - -.text-primary-20 { - color: hsl(var(--primary-hue), var(--primary-saturation), 20%); -} - -.text-primary-30 { - color: hsl(var(--primary-hue), var(--primary-saturation), 30%); -} - -.text-primary-40 { - color: hsl(var(--primary-hue), var(--primary-saturation), 40%); -} - -.text-primary-50 { - color: hsl(var(--primary-hue), var(--primary-saturation), 50%); -} - -.text-primary-60 { - color: hsl(var(--primary-hue), var(--primary-saturation), 60%); -} - -.text-primary-70 { - color: hsl(var(--primary-hue), var(--primary-saturation), 70%); -} - -.text-primary-80 { - color: hsl(var(--primary-hue), var(--primary-saturation), 80%); -} - -.text-primary-90 { - color: hsl(var(--primary-hue), var(--primary-saturation), 90%); -} - -.bg-primary-10 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 10%); -} - -.bg-primary-20 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 20%); -} - -.bg-primary-30 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 30%); -} - -.bg-primary-40 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 40%); -} - -.bg-primary-50 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 50%); -} - -.bg-primary-60 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 60%); -} - -.bg-primary-70 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 70%); -} - -.bg-primary-80 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 80%); -} - -.bg-primary-90 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 90%); -} - -.text-primary-5 { - color: hsl(var(--primary-hue), var(--primary-saturation), 5%); -} - -.bg-primary-5 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 5%); -} - -.text-primary-93 { - color: hsl(var(--primary-hue), var(--primary-saturation), 93%); -} - -.text-primary-95 { - color: hsl(var(--primary-hue), var(--primary-saturation), 95%); -} - -.text-primary-97 { - color: hsl(var(--primary-hue), var(--primary-saturation), 97%); -} - -.bg-primary-93 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 93%); -} - -.bg-primary-95 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 95%); -} - -.bg-primary-97 { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 97%); -} - -.text-secondary-10 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 10%); -} - -.text-secondary-20 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 20%); -} - -.text-secondary-30 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 30%); -} - -.text-secondary-40 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 40%); -} - -.text-secondary-50 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 50%); -} - -.text-secondary-60 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 60%); -} - -.text-secondary-70 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 70%); -} - -.text-secondary-80 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 80%); -} - -.text-secondary-90 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 90%); -} - -.bg-secondary-10 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 10%); -} - -.bg-secondary-20 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 20%); -} - -.bg-secondary-30 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 30%); -} - -.bg-secondary-40 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 40%); -} - -.bg-secondary-50 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 50%); -} - -.bg-secondary-60 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 60%); -} - -.bg-secondary-70 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 70%); -} - -.bg-secondary-80 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 80%); -} - -.bg-secondary-90 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 90%); -} - -.text-secondary-5 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 5%); -} - -.bg-secondary-5 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 5%); -} - -.text-secondary-93 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 93%); -} - -.text-secondary-95 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 95%); -} - -.text-secondary-97 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), 97%); -} - -.bg-secondary-93 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 93%); -} - -.bg-secondary-95 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 95%); -} - -.bg-secondary-97 { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 97%); -} - -.text-secondary-10 { - color: hsl(0, 0%, 10%); -} - -.text-secondary-20 { - color: hsl(0, 0%, 20%); -} - -.text-secondary-30 { - color: hsl(0, 0%, 30%); -} - -.text-secondary-40 { - color: hsl(0, 0%, 40%); -} - -.text-secondary-50 { - color: hsl(0, 0%, 50%); -} - -.text-secondary-60 { - color: hsl(0, 0%, 60%); -} - -.text-secondary-70 { - color: hsl(0, 0%, 70%); -} - -.text-secondary-80 { - color: hsl(0, 0%, 80%); -} - -.text-secondary-90 { - color: hsl(0, 0%, 90%); -} - -.bg-gray-10 { - background-color: hsl(0, 0%, 10%); -} - -.bg-gray-20 { - background-color: hsl(0, 0%, 20%); -} - -.bg-gray-30 { - background-color: hsl(0, 0%, 30%); -} - -.bg-gray-40 { - background-color: hsl(0, 0%, 40%); -} - -.bg-gray-50 { - background-color: hsl(0, 0%, 50%); -} - -.bg-gray-60 { - background-color: hsl(0, 0%, 60%); -} - -.bg-gray-70 { - background-color: hsl(0, 0%, 70%); -} - -.bg-gray-80 { - background-color: hsl(0, 0%, 80%); -} - -.bg-gray-90 { - background-color: hsl(0, 0%, 90%); -} - -.text-gray-5 { - color: hsl(0, 0%, 5%); -} - -.bg-gray-5 { - background-color: hsl(0, 0%, 5%); -} - -.text-gray-93 { - color: hsl(0, 0%, 93%); -} - -.text-gray-95 { - color: hsl(0, 0%, 95%); -} - -.text-gray-97 { - color: hsl(0, 0%, 97%); -} - -.bg-gray-93 { - background-color: hsl(0, 0%, 93%); -} - -.bg-gray-95 { - background-color: hsl(0, 0%, 95%); -} - -.bg-gray-97 { - background-color: hsl(0, 0%, 97%); -} - -.text-green-10 { - color: hsl(141, 53%, 10%); -} - -.text-green-20 { - color: hsl(141, 53%, 20%); -} - -.text-green-30 { - color: hsl(141, 53%, 30%); -} - -.text-green-40 { - color: hsl(141, 53%, 40%); -} - -.text-green-50 { - color: hsl(141, 53%, 50%); -} - -.text-green-60 { - color: hsl(141, 53%, 60%); -} - -.text-green-70 { - color: hsl(141, 53%, 70%); -} - -.text-green-80 { - color: hsl(141, 53%, 80%); -} - -.text-green-90 { - color: hsl(141, 53%, 90%); -} - -.bg-green-10 { - background-color: hsl(141, 53%, 10%); -} - -.bg-green-20 { - background-color: hsl(141, 53%, 20%); -} - -.bg-green-30 { - background-color: hsl(141, 53%, 30%); -} - -.bg-green-40 { - background-color: hsl(141, 53%, 40%); -} - -.bg-green-50 { - background-color: hsl(141, 53%, 50%); -} - -.bg-green-60 { - background-color: hsl(141, 53%, 60%); -} - -.bg-green-70 { - background-color: hsl(141, 53%, 70%); -} - -.bg-green-80 { - background-color: hsl(141, 53%, 80%); -} - -.bg-green-90 { - background-color: hsl(141, 53%, 90%); -} - -.text-green-5 { - color: hsl(141, 53%, 5%); -} - -.bg-green-5 { - background-color: hsl(141, 53%, 5%); -} - -.text-green-93 { - color: hsl(141, 53%, 93%); -} - -.text-green-95 { - color: hsl(141, 53%, 95%); -} - -.text-green-97 { - color: hsl(141, 53%, 97%); -} - -.bg-green-93 { - background-color: hsl(141, 53%, 93%); -} - -.bg-green-95 { - background-color: hsl(141, 53%, 95%); -} - -.bg-green-97 { - background-color: hsl(141, 53%, 97%); -} - -.text-yellow-10 { - color: hsl(38, 93%, 10%); -} - -.text-yellow-20 { - color: hsl(38, 93%, 20%); -} - -.text-yellow-30 { - color: hsl(38, 93%, 30%); -} - -.text-yellow-40 { - color: hsl(38, 93%, 40%); -} - -.text-yellow-50 { - color: hsl(38, 93%, 50%); -} - -.text-yellow-60 { - color: hsl(38, 93%, 60%); -} - -.text-yellow-70 { - color: hsl(38, 93%, 70%); -} - -.text-yellow-80 { - color: hsl(38, 93%, 80%); -} - -.text-yellow-90 { - color: hsl(38, 93%, 90%); -} - -.bg-yellow-10 { - background-color: hsl(38, 93%, 10%); -} - -.bg-yellow-20 { - background-color: hsl(38, 93%, 20%); -} - -.bg-yellow-30 { - background-color: hsl(38, 93%, 30%); -} - -.bg-yellow-40 { - background-color: hsl(38, 93%, 40%); -} - -.bg-yellow-50 { - background-color: hsl(38, 93%, 50%); -} - -.bg-yellow-60 { - background-color: hsl(38, 93%, 60%); -} - -.bg-yellow-70 { - background-color: hsl(38, 93%, 70%); -} - -.bg-yellow-80 { - background-color: hsl(38, 93%, 80%); -} - -.bg-yellow-90 { - background-color: hsl(38, 93%, 90%); -} - -.text-yellow-5 { - color: hsl(38, 93%, 5%); -} - -.bg-yellow-5 { - background-color: hsl(38, 93%, 5%); -} - -.text-yellow-93 { - color: hsl(38, 93%, 93%); -} - -.text-yellow-95 { - color: hsl(38, 93%, 95%); -} - -.text-yellow-97 { - color: hsl(38, 93%, 97%); -} - -.bg-yellow-93 { - background-color: hsl(38, 93%, 93%); -} - -.bg-yellow-95 { - background-color: hsl(38, 93%, 95%); -} - -.bg-yellow-97 { - background-color: hsl(38, 93%, 97%); -} - -.text-purple-10 { - color: hsl(286, 66%, 10%); -} - -.text-purple-20 { - color: hsl(286, 66%, 20%); -} - -.text-purple-30 { - color: hsl(286, 66%, 30%); -} - -.text-purple-40 { - color: hsl(286, 66%, 40%); -} - -.text-purple-50 { - color: hsl(286, 66%, 50%); -} - -.text-purple-60 { - color: hsl(286, 66%, 60%); -} - -.text-purple-70 { - color: hsl(286, 66%, 70%); -} - -.text-purple-80 { - color: hsl(286, 66%, 80%); -} - -.text-purple-90 { - color: hsl(286, 66%, 90%); -} - -.bg-purple-10 { - background-color: hsl(286, 66%, 10%); -} - -.bg-purple-20 { - background-color: hsl(286, 66%, 20%); -} - -.bg-purple-30 { - background-color: hsl(286, 66%, 30%); -} - -.bg-purple-40 { - background-color: hsl(286, 66%, 40%); -} - -.bg-purple-50 { - background-color: hsl(286, 66%, 50%); -} - -.bg-purple-60 { - background-color: hsl(286, 66%, 60%); -} - -.bg-purple-70 { - background-color: hsl(286, 66%, 70%); -} - -.bg-purple-80 { - background-color: hsl(286, 66%, 80%); -} - -.bg-purple-90 { - background-color: hsl(286, 66%, 90%); -} - -.text-purple-5 { - color: hsl(286, 66%, 5%); -} - -.bg-purple-5 { - background-color: hsl(286, 66%, 5%); -} - -.text-purple-93 { - color: hsl(286, 66%, 93%); -} - -.text-purple-95 { - color: hsl(286, 66%, 95%); -} - -.text-purple-97 { - color: hsl(286, 66%, 97%); -} - -.bg-purple-93 { - background-color: hsl(286, 66%, 93%); -} - -.bg-purple-95 { - background-color: hsl(286, 66%, 95%); -} - -.bg-purple-97 { - background-color: hsl(286, 66%, 97%); -} - -html, -body { - background-color: hsl(0, 0%, 100%); - font-family: "Roboto", sans-serif; - font-weight: 400; - font-size: 13px; - color: #334155; -} - -p { - font-size: 1rem; - font-family: "Roboto", sans-serif; - font-weight: 400; - line-height: 1.5; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: "Roboto", sans-serif; - font-weight: 600; - color: #020617; -} - -h1 { - font-size: 2.462rem; -} - -h2 { - font-size: 2rem; -} - -h3 { - font-size: 1.692rem; -} - -h4 { - font-size: 1.385rem; -} - -h5 { - font-size: 1.231rem; - font-weight: 600; - letter-spacing: normal; -} - -h6 { - font-size: 1rem; - letter-spacing: 0; - font-weight: 500; -} - -h6.is-tiny { - font-size: 0.846rem; - line-height: 1.2; -} - -h6.is-extra-small { - font-size: 0.923rem; - line-height: 1.2; -} - -h6.is-small, h6.is-normal { - font-size: 1rem; - line-height: 1.2; -} - -h6.is-semi-normal { - font-size: 1.077rem; - line-height: 1.2; -} - -h6.is-medium { - font-size: 1.231rem; - line-height: 1.2; -} - -.content h1, -.content h2, -.content h3, -.content h4, -.content h5, -.content h6 { - color: #020617; -} - -.content p { - color: #334155; -} - -a:not(.ac-button) { - font-family: "Roboto", sans-serif; - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -a:not(.ac-button):hover { - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.text-xm { - font-size: 0.769rem; -} - -.text-sm { - font-size: 0.846rem; -} - -.text-xs { - font-size: 0.923rem; -} - -.text-base { - font-size: 1rem; -} - -.text-lg { - font-size: 1.077rem; -} - -.text-xl { - font-size: 1.231rem; -} - -.text-2xl { - font-size: 1.385rem; -} - -.text-3xl { - font-size: 1.846rem; -} - -.text-4xl { - font-size: 2.308rem; -} - -.text-5xl { - font-size: 2.769rem; -} - -.text-6xl { - font-size: 3.231rem; -} - -hr { - background-color: hsl(0, 0%, 60%); - border: none; - display: block; - height: 1px; - margin: 15px 0; -} - -strong { - color: #334155; -} - -.is-font-light { - font-weight: 300; -} - -.is-font-medium { - font-weight: 500; -} - -.is-font-semibold { - font-weight: 600; -} - -.is-font-bold { - font-weight: 700; -} - -.material-icons { - font-size: 1em; -} - -.has-text-primary { - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)) !important; -} - -.has-hover-style:not(.is-disabled) { - cursor: pointer; -} - -.has-hover-style:not(.is-disabled)::before { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-top: solid 1px; - border-bottom: solid 1px; - transition: 0.3s; - transform: scaleX(0); - border-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.has-hover-style:not(.is-disabled)::after { - content: ""; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border-left: solid 1px; - border-right: solid 1px; - transition: 0.3s; - transform: scaleY(0); - border-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.has-hover-style:not(.is-disabled):hover::before, .has-hover-style:not(.is-disabled):hover::after { - transform: scale(1); -} - -.b-b-n { - border-bottom: none !important; -} - -.b-t-n { - border-top: none !important; -} - -.b-l-n { - border-left: none !important; -} - -.b-r-n { - border-right: none !important; -} - -.b-b-1 { - border-bottom: 1px solid #e2e8f0; -} - -.b-t-1 { - border-top: 1px solid #e2e8f0; -} - -.b-l-1 { - border-left: 1px solid #e2e8f0; -} - -.b-r-1 { - border-right: 1px solid #e2e8f0; -} - -.b-1 { - border: 1px solid #e2e8f0; -} - -.is-rounded-0 { - border-radius: 0; -} - -.is-rounded-2 { - border-radius: 2px; -} - -.is-rounded-4 { - border-radius: 4px; -} - -.is-rounded-8 { - border-radius: 8px; -} - -.is-rounded-12 { - border-radius: 12px; -} - -.is-rounded-16 { - border-radius: 16px; -} - -.is-rounded-50 { - border-radius: 50px; -} - -.is-fullwidth { - width: 100%; -} - -.is-fullheight { - height: 100%; -} - -.is-ellipsis-0 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 0; - -webkit-line-clamp: 0; - box-orient: vertical; - -webkit-box-orient: vertical; -} - -.is-ellipsis-1 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 1; - -webkit-line-clamp: 1; - box-orient: vertical; - -webkit-box-orient: vertical; -} - -.is-ellipsis-2 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 2; - -webkit-line-clamp: 2; - box-orient: vertical; - -webkit-box-orient: vertical; -} - -.is-ellipsis-3 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 3; - -webkit-line-clamp: 3; - box-orient: vertical; - -webkit-box-orient: vertical; -} - -.is-ellipsis-4 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 4; - -webkit-line-clamp: 4; - box-orient: vertical; - -webkit-box-orient: vertical; -} - -.is-ellipsis-5 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 5; - -webkit-line-clamp: 5; - box-orient: vertical; - -webkit-box-orient: vertical; -} - -.is-ellipsis-6 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 6; - -webkit-line-clamp: 6; - box-orient: vertical; - -webkit-box-orient: vertical; -} - -.is-ellipsis-7 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 7; - -webkit-line-clamp: 7; - box-orient: vertical; - -webkit-box-orient: vertical; -} - -.is-ellipsis-8 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 8; - -webkit-line-clamp: 8; - box-orient: vertical; - -webkit-box-orient: vertical; -} - -.is-ellipsis-9 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 9; - -webkit-line-clamp: 9; - box-orient: vertical; - -webkit-box-orient: vertical; -} - -.is-ellipsis-10 { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 10; - -webkit-line-clamp: 10; - box-orient: vertical; - -webkit-box-orient: vertical; -} - -.ac-navbar-area .brand-tag { - color: #020617; - background-color: hsl(0, 0%, 100%); - border: 1px solid #e2e8f0; -} - -.sidebar-collapsed:not(.is-hoverable) .ac-left-sidebar .brand-tag { - display: none; -} - -.brand-tag { - color: hsl(0, 0%, 100%); - background-color: rgba(255, 255, 255, 0.2); - border: 1px solid rgba(255, 255, 255, 0.3); - font-weight: 600; - font-size: 14px; - border-radius: 2px; - margin-left: 4px; - padding: 4px; - display: flex; - line-height: 1; - white-space: nowrap; -} - -.form-content { - width: 800px; -} - -input[type=color] { - -webkit-appearance: none; - border: none; - width: 20px; - height: 20px; - border-radius: 50%; - border: 1px solid #777; - margin-left: 3px; - padding: 2px; - cursor: pointer; -} - -input[type=color]::-webkit-color-swatch-wrapper { - padding: 0; -} - -input[type=color]::-webkit-color-swatch { - border: none; - border-radius: 50%; -} - -input[type=color]::-moz-color-swatch { - border: none; - border-radius: 50%; -} - -hr { - background-color: #e2e8f0; -} - -.is-auto-hight { - height: auto !important; - min-height: auto !important; -} - -.is-auto-height { - height: auto !important; - min-height: auto !important; -} - -.is-fixed { - position: fixed !important; -} - -.is-not-fixed { - position: inherit !important; -} - -.is-border-none { - border: none !important; -} - -.is-disabled { - opacity: 0.5; - cursor: not-allowed; - pointer-events: none; -} - -.no-data-image img { - width: 250px; - height: auto; - padding: 20px; -} - -.toasted-container .ac-toast-action.mr-10 { - text-decoration: underline !important; -} - -.toasted-container .has-report-issue { - padding-right: 140px !important; -} - -.is-dark-theme .toasted-container i.fa { - color: hsl(0, 0%, 100%) !important; -} - -.is-middle-alignment { - display: flex; - align-items: center; - vertical-align: middle; -} - -.ac-vcentered { - display: flex; - justify-content: space-between; - align-items: center; -} - -.ac-hscrollbar { - padding: 15px; - transition: 0.3s ease-in-out; - overflow-x: auto; -} - -.ac-hscrollbar::-webkit-scrollbar { - border-radius: 50px; - height: 3px; -} - -.ac-hscrollbar::-webkit-scrollbar:hover { - height: 7px; -} - -.ac-hscrollbar::-webkit-scrollbar-thumb { - background-color: hsl(0, 0%, 80%); - border-radius: 50px; - height: 2px !important; -} - -.ac-hscrollbar::-webkit-scrollbar-thumb:hover { - background-color: hsl(0, 0%, 80%); -} - -.ac-hscrollbar:hover::-webkit-scrollbar-corner { - height: 40px; -} - -.ac-vscrollbar { - padding: 15px; - transition: 0.3s ease-in-out; - overflow-y: auto; -} - -.ac-vscrollbar::-webkit-scrollbar { - border-radius: 50px; - width: 3px; -} - -.ac-vscrollbar::-moz-scrollbar { - border-radius: 50px; - width: 3px; -} - -.ac-vscrollbar::-ms-scrollbar { - border-radius: 50px; - width: 3px; -} - -.ac-vscrollbar::-webkit-scrollbar:hover { - width: 7px; -} - -.ac-vscrollbar::-moz-scrollbar:hover { - width: 7px; -} - -.ac-vscrollbar::-ms-scrollbar:hover { - width: 7px; -} - -.ac-vscrollbar::-webkit-scrollbar-thumb { - background-color: hsl(0, 0%, 80%); - border-radius: 50px; - height: 2px !important; -} - -.ac-vscrollbar::-moz-scrollbar-thumb { - background-color: hsl(0, 0%, 80%); - border-radius: 50px; - height: 2px !important; -} - -.ac-vscrollbar::-ms-scrollbar-thumb { - background-color: hsl(0, 0%, 80%); - border-radius: 50px; - height: 2px !important; -} - -.ac-vscrollbar::-webkit-scrollbar-thumb:hover { - background-color: hsl(0, 0%, 80%); -} - -.ac-vscrollbar::-moz-scrollbar-thumb:hover { - background-color: hsl(0, 0%, 80%); -} - -.ac-vscrollbar::-ms-scrollbar-thumb:hover { - background-color: hsl(0, 0%, 80%); -} - -.ac-vscrollbar:hover::-webkit-scrollbar-corner { - height: 40px; -} - -.ac-vscrollbar:hover::-moz-scrollbar-corner { - height: 40px; -} - -.ac-vscrollbar:hover::-ms-scrollbar-corner { - height: 40px; -} - -.ac-scrollbar { - padding: 15px; - transition: 0.3s ease-in-out; - overflow: auto; -} - -.ac-scrollbar::-webkit-scrollbar { - border-radius: 50px; - width: 3px; -} - -.ac-scrollbar::-webkit-scrollbar:hover { - width: 7px; -} - -.ac-scrollbar::-webkit-scrollbar-thumb { - background-color: hsl(0, 0%, 80%); - border-radius: 50px; - width: 2px !important; -} - -.ac-scrollbar::-webkit-scrollbar-thumb:hover { - background-color: hsl(0, 0%, 80%); -} - -.ac-scrollbar:hover::-webkit-scrollbar-corner { - width: 40px; -} - -.overflow-y-hidden { - overflow-y: hidden; -} - -.overflow-x-hidden { - overflow-x: hidden; -} - -.overflow-y-auto { - overflow-y: auto; -} - -.overflow-x-auto { - overflow-x: auto; -} - -.is-transparent-bg { - background-color: transparent !important; -} - -.is-shadowless { - box-shadow: none !important; -} - -.is-shadow { - box-shadow: 0 1px 4px rgba(26, 80, 151, 0.16) !important; -} - -.is-transparent { - border: none; - background-color: transparent !important; -} - -p.is-danger { - color: hsl(348, 100%, 40%); -} - -code { - color: #020617; -} - -.is-dark-theme code { - background-color: hsl(0, 0%, 80%); - color: hsl(0, 0%, 100%); -} - -.has-text-danger { - color: hsl(348, 100%, 40%) !important; -} - -button:focus { - box-shadow: none; - outline: none; -} - -.is-bg-white { - background-color: hsl(0, 0%, 100%) !important; -} - -.bg-white { - background-color: hsl(0, 0%, 100%) !important; -} - -@keyframes shake { - 10%, 90% { - transform: translate3d(-1px, 0, 0); - } - 20%, 80% { - transform: translate3d(2px, 0, 0); - } - 30%, 50%, 70% { - transform: translate3d(-4px, 0, 0); - } - 40%, 60% { - transform: translate3d(4px, 0, 0); - } -} -.ac-shake { - animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; - transform: translate3d(0, 0, 0); - backface-visibility: hidden; - perspective: 1000px; - animation-iteration-count: 20; -} - -.tooltip { - display: block !important; - z-index: 10000; -} - -.tooltip.is-button-info .tooltip-inner { - background: hsl(0, 0%, 100%); - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - border-radius: 4px; - padding: 5px 20px 4px; - box-shadow: 0 1px 4px rgba(26, 80, 151, 0.16); - font-weight: 500; - font-size: 1rem; -} - -.tooltip.is-button-info .tooltip-arrow { - width: 0; - height: 0; - border-style: solid; - position: absolute; - margin: 5px; - border-color: hsl(0, 0%, 100%); -} - -.tooltip.is-errors-tooltip .tooltip-inner { - background: hsl(0, 0%, 100%); - color: hsl(348, 100%, 40%); - border-radius: 4px; - padding: 5px 20px 4px; - box-shadow: 0 1px 4px rgba(26, 80, 151, 0.16); - font-weight: 500; - font-size: 1rem; -} - -.tooltip.is-errors-tooltip .tooltip-inner .errors-wrapper .error-element { - padding: 5px 0; -} - -.tooltip.is-errors-tooltip .tooltip-arrow { - width: 0; - height: 0; - border-style: solid; - position: absolute; - margin: 5px; - border-color: hsl(0, 0%, 100%); -} - -.tooltip[x-placement^=top] { - margin-bottom: 5px; -} - -.tooltip[x-placement^=top] .tooltip-arrow { - border-width: 5px 5px 0 5px; - border-left-color: transparent !important; - border-right-color: transparent !important; - border-bottom-color: transparent !important; - bottom: -5px; - left: calc(50% - 5px); - margin-top: 0; - margin-bottom: 0; -} - -.tooltip[x-placement^=bottom] { - margin-top: 5px; -} - -.tooltip[x-placement^=bottom] .tooltip-arrow { - border-width: 0 5px 5px 5px; - border-left-color: transparent !important; - border-right-color: transparent !important; - border-top-color: transparent !important; - top: -5px; - left: calc(50% - 5px); - margin-top: 0; - margin-bottom: 0; -} - -.tooltip[x-placement^=right] { - margin-left: 5px; -} - -.tooltip[x-placement^=right] .tooltip-arrow { - border-width: 5px 5px 5px 0; - border-left-color: transparent !important; - border-top-color: transparent !important; - border-bottom-color: transparent !important; - left: -5px; - top: calc(50% - 5px); - margin-left: 0; - margin-right: 0; -} - -.tooltip[x-placement^=left] { - margin-right: 5px; -} - -.tooltip[x-placement^=left] .tooltip-arrow { - border-width: 5px 0 5px 5px; - border-top-color: transparent !important; - border-right-color: transparent !important; - border-bottom-color: transparent !important; - right: -5px; - top: calc(50% - 5px); - margin-left: 0; - margin-right: 0; -} - -.tooltip.popover .popover-inner { - background: #f9f9f9; - color: black; - padding: 24px; - border-radius: 4px; - box-shadow: 0 1px 4px rgba(26, 80, 151, 0.16); -} - -.tooltip.popover .popover-arrow { - border-color: #f9f9f9; -} - -.tooltip[aria-hidden=true] { - visibility: hidden; - opacity: 0; - transition: opacity 0.15s, visibility 0.15s; -} - -.tooltip[aria-hidden=false] { - visibility: visible; - opacity: 1; - transition: opacity 0.15s; -} - -.status { - height: 10px; - width: 10px; - border-radius: 50%; - background-color: hsl(0, 0%, 80%); - border: 2px solid hsl(0, 0%, 100%); - display: inline-flex; -} - -.status.is-success { - background-color: #27ae60; -} - -.status.is-danger { - background-color: hsl(348, 100%, 40%); -} - -body:has(.has-info-content):after { - position: fixed; - content: ""; - left: 0; - top: 0; - width: calc(100% - 550px); - height: 100vh; - background-color: rgba(0, 0, 0, 0.5); - z-index: 9999; -} - -.information-center { - height: 100vh; - overflow-y: auto; - padding: 20px; - border-left: 1px solid #e2e8f0; - width: 550px; - margin-left: auto; - position: fixed; - right: 0; - background: hsl(0, 0%, 100%); - top: 0; - z-index: 99999; - box-shadow: -3px 2px 10px 3px rgba(0, 0, 0, 0.1); -} - -.information-center .info-title { - display: flex; -} - -.tag:not(body).is-primary { - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - color: hsl(0, 0%, 100%); -} - -.tag:not(body).is-primary.is-light { - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - background-color: hsl(var(--primary-hue), var(--primary-saturation), 95%); -} - -.tag a { - color: inherit; -} - -em { - background: hsl(var(--primary-hue), var(--primary-saturation), 95%); - padding: 2px 4px; - font-style: normal; - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - border-radius: 2px; - font-size: 90%; - font-weight: 500; -} - -.is-absolute { - position: absolute; -} - -.z-1 { - z-index: 1; -} - -.z-000 { - z-index: 0; -} - -.z-100 { - z-index: 100; -} - -.z-200 { - z-index: 200; -} - -.z-300 { - z-index: 300; -} - -.z-400 { - z-index: 400; -} - -.z-500 { - z-index: 500; -} - -.z-600 { - z-index: 600; -} - -.z-700 { - z-index: 700; -} - -.z-800 { - z-index: 800; -} - -.z-900 { - z-index: 900; -} - -.z-1000 { - z-index: 1000; -} - -.is-spin { - animation: spin 1000ms linear infinite; -} - -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} -.shake { - animation: shake 150ms 4 linear; -} - -@keyframes shake { - 0% { - transform: translate(3px, 0); - } - 50% { - transform: translate(-3px, 0); - } - 100% { - transform: translate(0, 0); - } -} -.grid { - display: grid; -} - -.grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); -} - -.grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); -} - -.grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); -} - -.grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); -} - -.grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); -} - -.grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); -} - -.grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); -} - -.grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); -} - -.grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); -} - -.grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); -} - -.grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); -} - -.grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); -} - -.grid-cols-none { - grid-template-columns: none; -} - -.col-span-1 { - grid-column: span 1/span 1; -} - -.col-span-2 { - grid-column: span 2/span 2; -} - -.col-span-3 { - grid-column: span 3/span 3; -} - -.col-span-4 { - grid-column: span 4/span 4; -} - -.col-span-5 { - grid-column: span 5/span 5; -} - -.col-span-6 { - grid-column: span 6/span 6; -} - -.col-span-7 { - grid-column: span 7/span 7; -} - -.col-span-8 { - grid-column: span 8/span 8; -} - -.col-span-9 { - grid-column: span 9/span 9; -} - -.col-span-10 { - grid-column: span 10/span 10; -} - -.col-span-11 { - grid-column: span 11/span 11; -} - -.col-span-12 { - grid-column: span 12/span 12; -} - -.col-auto { - grid-column: auto; -} - -.gap-0 { - gap: 0px; -} - -.gap-1 { - gap: 1px; -} - -.gap-2 { - gap: 2px; -} - -.gap-3 { - gap: 3px; -} - -.gap-4 { - gap: 4px; -} - -.gap-5 { - gap: 5px; -} - -.gap-6 { - gap: 6px; -} - -.gap-7 { - gap: 7px; -} - -.gap-8 { - gap: 8px; -} - -.gap-9 { - gap: 9px; -} - -.gap-10 { - gap: 10px; -} - -.gap-11 { - gap: 11px; -} - -.gap-12 { - gap: 12px; -} - -.gap-13 { - gap: 13px; -} - -.gap-14 { - gap: 14px; -} - -.gap-15 { - gap: 15px; -} - -.gap-16 { - gap: 16px; -} - -.gap-17 { - gap: 17px; -} - -.gap-18 { - gap: 18px; -} - -.gap-19 { - gap: 19px; -} - -.gap-20 { - gap: 20px; -} - -.gap-21 { - gap: 21px; -} - -.gap-22 { - gap: 22px; -} - -.gap-23 { - gap: 23px; -} - -.gap-24 { - gap: 24px; -} - -.gap-25 { - gap: 25px; -} - -.gap-26 { - gap: 26px; -} - -.gap-27 { - gap: 27px; -} - -.gap-28 { - gap: 28px; -} - -.gap-29 { - gap: 29px; -} - -.gap-30 { - gap: 30px; -} - -.gap-31 { - gap: 31px; -} - -.gap-32 { - gap: 32px; -} - -/* Margin & Padding view-height & view-width */ -.m-0 { - margin: 0px !important; -} - -.mt-0 { - margin-top: 0px !important; -} - -.mb-0 { - margin-bottom: 0px !important; -} - -.ml-0 { - margin-left: 0px !important; -} - -.mr-0 { - margin-right: 0px !important; -} - -.p-0 { - padding: 0px !important; -} - -.pt-0 { - padding-top: 0px !important; -} - -.pb-0 { - padding-bottom: 0px !important; -} - -.pl-0 { - padding-left: 0px !important; -} - -.pr-0 { - padding-right: 0px !important; -} - -.vh-0 { - height: 0vh !important; -} - -.vw-0 { - width: 0vw !important; -} - -.font-0 { - font-size: 0px !important; -} - -.m-1 { - margin: 1px !important; -} - -.mt-1 { - margin-top: 1px !important; -} - -.mb-1 { - margin-bottom: 1px !important; -} - -.ml-1 { - margin-left: 1px !important; -} - -.mr-1 { - margin-right: 1px !important; -} - -.p-1 { - padding: 1px !important; -} - -.pt-1 { - padding-top: 1px !important; -} - -.pb-1 { - padding-bottom: 1px !important; -} - -.pl-1 { - padding-left: 1px !important; -} - -.pr-1 { - padding-right: 1px !important; -} - -.vh-1 { - height: 1vh !important; -} - -.vw-1 { - width: 1vw !important; -} - -.font-1 { - font-size: 1px !important; -} - -.m-2 { - margin: 2px !important; -} - -.mt-2 { - margin-top: 2px !important; -} - -.mb-2 { - margin-bottom: 2px !important; -} - -.ml-2 { - margin-left: 2px !important; -} - -.mr-2 { - margin-right: 2px !important; -} - -.p-2 { - padding: 2px !important; -} - -.pt-2 { - padding-top: 2px !important; -} - -.pb-2 { - padding-bottom: 2px !important; -} - -.pl-2 { - padding-left: 2px !important; -} - -.pr-2 { - padding-right: 2px !important; -} - -.vh-2 { - height: 2vh !important; -} - -.vw-2 { - width: 2vw !important; -} - -.font-2 { - font-size: 2px !important; -} - -.m-3 { - margin: 3px !important; -} - -.mt-3 { - margin-top: 3px !important; -} - -.mb-3 { - margin-bottom: 3px !important; -} - -.ml-3 { - margin-left: 3px !important; -} - -.mr-3 { - margin-right: 3px !important; -} - -.p-3 { - padding: 3px !important; -} - -.pt-3 { - padding-top: 3px !important; -} - -.pb-3 { - padding-bottom: 3px !important; -} - -.pl-3 { - padding-left: 3px !important; -} - -.pr-3 { - padding-right: 3px !important; -} - -.vh-3 { - height: 3vh !important; -} - -.vw-3 { - width: 3vw !important; -} - -.font-3 { - font-size: 3px !important; -} - -.m-4 { - margin: 4px !important; -} - -.mt-4 { - margin-top: 4px !important; -} - -.mb-4 { - margin-bottom: 4px !important; -} - -.ml-4 { - margin-left: 4px !important; -} - -.mr-4 { - margin-right: 4px !important; -} - -.p-4 { - padding: 4px !important; -} - -.pt-4 { - padding-top: 4px !important; -} - -.pb-4 { - padding-bottom: 4px !important; -} - -.pl-4 { - padding-left: 4px !important; -} - -.pr-4 { - padding-right: 4px !important; -} - -.vh-4 { - height: 4vh !important; -} - -.vw-4 { - width: 4vw !important; -} - -.font-4 { - font-size: 4px !important; -} - -.m-5 { - margin: 5px !important; -} - -.mt-5 { - margin-top: 5px !important; -} - -.mb-5 { - margin-bottom: 5px !important; -} - -.ml-5 { - margin-left: 5px !important; -} - -.mr-5 { - margin-right: 5px !important; -} - -.p-5 { - padding: 5px !important; -} - -.pt-5 { - padding-top: 5px !important; -} - -.pb-5 { - padding-bottom: 5px !important; -} - -.pl-5 { - padding-left: 5px !important; -} - -.pr-5 { - padding-right: 5px !important; -} - -.vh-5 { - height: 5vh !important; -} - -.vw-5 { - width: 5vw !important; -} - -.font-5 { - font-size: 5px !important; -} - -.m-6 { - margin: 6px !important; -} - -.mt-6 { - margin-top: 6px !important; -} - -.mb-6 { - margin-bottom: 6px !important; -} - -.ml-6 { - margin-left: 6px !important; -} - -.mr-6 { - margin-right: 6px !important; -} - -.p-6 { - padding: 6px !important; -} - -.pt-6 { - padding-top: 6px !important; -} - -.pb-6 { - padding-bottom: 6px !important; -} - -.pl-6 { - padding-left: 6px !important; -} - -.pr-6 { - padding-right: 6px !important; -} - -.vh-6 { - height: 6vh !important; -} - -.vw-6 { - width: 6vw !important; -} - -.font-6 { - font-size: 6px !important; -} - -.m-7 { - margin: 7px !important; -} - -.mt-7 { - margin-top: 7px !important; -} - -.mb-7 { - margin-bottom: 7px !important; -} - -.ml-7 { - margin-left: 7px !important; -} - -.mr-7 { - margin-right: 7px !important; -} - -.p-7 { - padding: 7px !important; -} - -.pt-7 { - padding-top: 7px !important; -} - -.pb-7 { - padding-bottom: 7px !important; -} - -.pl-7 { - padding-left: 7px !important; -} - -.pr-7 { - padding-right: 7px !important; -} - -.vh-7 { - height: 7vh !important; -} - -.vw-7 { - width: 7vw !important; -} - -.font-7 { - font-size: 7px !important; -} - -.m-8 { - margin: 8px !important; -} - -.mt-8 { - margin-top: 8px !important; -} - -.mb-8 { - margin-bottom: 8px !important; -} - -.ml-8 { - margin-left: 8px !important; -} - -.mr-8 { - margin-right: 8px !important; -} - -.p-8 { - padding: 8px !important; -} - -.pt-8 { - padding-top: 8px !important; -} - -.pb-8 { - padding-bottom: 8px !important; -} - -.pl-8 { - padding-left: 8px !important; -} - -.pr-8 { - padding-right: 8px !important; -} - -.vh-8 { - height: 8vh !important; -} - -.vw-8 { - width: 8vw !important; -} - -.font-8 { - font-size: 8px !important; -} - -.m-9 { - margin: 9px !important; -} - -.mt-9 { - margin-top: 9px !important; -} - -.mb-9 { - margin-bottom: 9px !important; -} - -.ml-9 { - margin-left: 9px !important; -} - -.mr-9 { - margin-right: 9px !important; -} - -.p-9 { - padding: 9px !important; -} - -.pt-9 { - padding-top: 9px !important; -} - -.pb-9 { - padding-bottom: 9px !important; -} - -.pl-9 { - padding-left: 9px !important; -} - -.pr-9 { - padding-right: 9px !important; -} - -.vh-9 { - height: 9vh !important; -} - -.vw-9 { - width: 9vw !important; -} - -.font-9 { - font-size: 9px !important; -} - -.m-10 { - margin: 10px !important; -} - -.mt-10 { - margin-top: 10px !important; -} - -.mb-10 { - margin-bottom: 10px !important; -} - -.ml-10 { - margin-left: 10px !important; -} - -.mr-10 { - margin-right: 10px !important; -} - -.p-10 { - padding: 10px !important; -} - -.pt-10 { - padding-top: 10px !important; -} - -.pb-10 { - padding-bottom: 10px !important; -} - -.pl-10 { - padding-left: 10px !important; -} - -.pr-10 { - padding-right: 10px !important; -} - -.vh-10 { - height: 10vh !important; -} - -.vw-10 { - width: 10vw !important; -} - -.font-10 { - font-size: 10px !important; -} - -.m-11 { - margin: 11px !important; -} - -.mt-11 { - margin-top: 11px !important; -} - -.mb-11 { - margin-bottom: 11px !important; -} - -.ml-11 { - margin-left: 11px !important; -} - -.mr-11 { - margin-right: 11px !important; -} - -.p-11 { - padding: 11px !important; -} - -.pt-11 { - padding-top: 11px !important; -} - -.pb-11 { - padding-bottom: 11px !important; -} - -.pl-11 { - padding-left: 11px !important; -} - -.pr-11 { - padding-right: 11px !important; -} - -.vh-11 { - height: 11vh !important; -} - -.vw-11 { - width: 11vw !important; -} - -.font-11 { - font-size: 11px !important; -} - -.m-12 { - margin: 12px !important; -} - -.mt-12 { - margin-top: 12px !important; -} - -.mb-12 { - margin-bottom: 12px !important; -} - -.ml-12 { - margin-left: 12px !important; -} - -.mr-12 { - margin-right: 12px !important; -} - -.p-12 { - padding: 12px !important; -} - -.pt-12 { - padding-top: 12px !important; -} - -.pb-12 { - padding-bottom: 12px !important; -} - -.pl-12 { - padding-left: 12px !important; -} - -.pr-12 { - padding-right: 12px !important; -} - -.vh-12 { - height: 12vh !important; -} - -.vw-12 { - width: 12vw !important; -} - -.font-12 { - font-size: 12px !important; -} - -.m-13 { - margin: 13px !important; -} - -.mt-13 { - margin-top: 13px !important; -} - -.mb-13 { - margin-bottom: 13px !important; -} - -.ml-13 { - margin-left: 13px !important; -} - -.mr-13 { - margin-right: 13px !important; -} - -.p-13 { - padding: 13px !important; -} - -.pt-13 { - padding-top: 13px !important; -} - -.pb-13 { - padding-bottom: 13px !important; -} - -.pl-13 { - padding-left: 13px !important; -} - -.pr-13 { - padding-right: 13px !important; -} - -.vh-13 { - height: 13vh !important; -} - -.vw-13 { - width: 13vw !important; -} - -.font-13 { - font-size: 13px !important; -} - -.m-14 { - margin: 14px !important; -} - -.mt-14 { - margin-top: 14px !important; -} - -.mb-14 { - margin-bottom: 14px !important; -} - -.ml-14 { - margin-left: 14px !important; -} - -.mr-14 { - margin-right: 14px !important; -} - -.p-14 { - padding: 14px !important; -} - -.pt-14 { - padding-top: 14px !important; -} - -.pb-14 { - padding-bottom: 14px !important; -} - -.pl-14 { - padding-left: 14px !important; -} - -.pr-14 { - padding-right: 14px !important; -} - -.vh-14 { - height: 14vh !important; -} - -.vw-14 { - width: 14vw !important; -} - -.font-14 { - font-size: 14px !important; -} - -.m-15 { - margin: 15px !important; -} - -.mt-15 { - margin-top: 15px !important; -} - -.mb-15 { - margin-bottom: 15px !important; -} - -.ml-15 { - margin-left: 15px !important; -} - -.mr-15 { - margin-right: 15px !important; -} - -.p-15 { - padding: 15px !important; -} - -.pt-15 { - padding-top: 15px !important; -} - -.pb-15 { - padding-bottom: 15px !important; -} - -.pl-15 { - padding-left: 15px !important; -} - -.pr-15 { - padding-right: 15px !important; -} - -.vh-15 { - height: 15vh !important; -} - -.vw-15 { - width: 15vw !important; -} - -.font-15 { - font-size: 15px !important; -} - -.m-16 { - margin: 16px !important; -} - -.mt-16 { - margin-top: 16px !important; -} - -.mb-16 { - margin-bottom: 16px !important; -} - -.ml-16 { - margin-left: 16px !important; -} - -.mr-16 { - margin-right: 16px !important; -} - -.p-16 { - padding: 16px !important; -} - -.pt-16 { - padding-top: 16px !important; -} - -.pb-16 { - padding-bottom: 16px !important; -} - -.pl-16 { - padding-left: 16px !important; -} - -.pr-16 { - padding-right: 16px !important; -} - -.vh-16 { - height: 16vh !important; -} - -.vw-16 { - width: 16vw !important; -} - -.font-16 { - font-size: 16px !important; -} - -.m-17 { - margin: 17px !important; -} - -.mt-17 { - margin-top: 17px !important; -} - -.mb-17 { - margin-bottom: 17px !important; -} - -.ml-17 { - margin-left: 17px !important; -} - -.mr-17 { - margin-right: 17px !important; -} - -.p-17 { - padding: 17px !important; -} - -.pt-17 { - padding-top: 17px !important; -} - -.pb-17 { - padding-bottom: 17px !important; -} - -.pl-17 { - padding-left: 17px !important; -} - -.pr-17 { - padding-right: 17px !important; -} - -.vh-17 { - height: 17vh !important; -} - -.vw-17 { - width: 17vw !important; -} - -.font-17 { - font-size: 17px !important; -} - -.m-18 { - margin: 18px !important; -} - -.mt-18 { - margin-top: 18px !important; -} - -.mb-18 { - margin-bottom: 18px !important; -} - -.ml-18 { - margin-left: 18px !important; -} - -.mr-18 { - margin-right: 18px !important; -} - -.p-18 { - padding: 18px !important; -} - -.pt-18 { - padding-top: 18px !important; -} - -.pb-18 { - padding-bottom: 18px !important; -} - -.pl-18 { - padding-left: 18px !important; -} - -.pr-18 { - padding-right: 18px !important; -} - -.vh-18 { - height: 18vh !important; -} - -.vw-18 { - width: 18vw !important; -} - -.font-18 { - font-size: 18px !important; -} - -.m-19 { - margin: 19px !important; -} - -.mt-19 { - margin-top: 19px !important; -} - -.mb-19 { - margin-bottom: 19px !important; -} - -.ml-19 { - margin-left: 19px !important; -} - -.mr-19 { - margin-right: 19px !important; -} - -.p-19 { - padding: 19px !important; -} - -.pt-19 { - padding-top: 19px !important; -} - -.pb-19 { - padding-bottom: 19px !important; -} - -.pl-19 { - padding-left: 19px !important; -} - -.pr-19 { - padding-right: 19px !important; -} - -.vh-19 { - height: 19vh !important; -} - -.vw-19 { - width: 19vw !important; -} - -.font-19 { - font-size: 19px !important; -} - -.m-20 { - margin: 20px !important; -} - -.mt-20 { - margin-top: 20px !important; -} - -.mb-20 { - margin-bottom: 20px !important; -} - -.ml-20 { - margin-left: 20px !important; -} - -.mr-20 { - margin-right: 20px !important; -} - -.p-20 { - padding: 20px !important; -} - -.pt-20 { - padding-top: 20px !important; -} - -.pb-20 { - padding-bottom: 20px !important; -} - -.pl-20 { - padding-left: 20px !important; -} - -.pr-20 { - padding-right: 20px !important; -} - -.vh-20 { - height: 20vh !important; -} - -.vw-20 { - width: 20vw !important; -} - -.font-20 { - font-size: 20px !important; -} - -.m-21 { - margin: 21px !important; -} - -.mt-21 { - margin-top: 21px !important; -} - -.mb-21 { - margin-bottom: 21px !important; -} - -.ml-21 { - margin-left: 21px !important; -} - -.mr-21 { - margin-right: 21px !important; -} - -.p-21 { - padding: 21px !important; -} - -.pt-21 { - padding-top: 21px !important; -} - -.pb-21 { - padding-bottom: 21px !important; -} - -.pl-21 { - padding-left: 21px !important; -} - -.pr-21 { - padding-right: 21px !important; -} - -.vh-21 { - height: 21vh !important; -} - -.vw-21 { - width: 21vw !important; -} - -.font-21 { - font-size: 21px !important; -} - -.m-22 { - margin: 22px !important; -} - -.mt-22 { - margin-top: 22px !important; -} - -.mb-22 { - margin-bottom: 22px !important; -} - -.ml-22 { - margin-left: 22px !important; -} - -.mr-22 { - margin-right: 22px !important; -} - -.p-22 { - padding: 22px !important; -} - -.pt-22 { - padding-top: 22px !important; -} - -.pb-22 { - padding-bottom: 22px !important; -} - -.pl-22 { - padding-left: 22px !important; -} - -.pr-22 { - padding-right: 22px !important; -} - -.vh-22 { - height: 22vh !important; -} - -.vw-22 { - width: 22vw !important; -} - -.font-22 { - font-size: 22px !important; -} - -.m-23 { - margin: 23px !important; -} - -.mt-23 { - margin-top: 23px !important; -} - -.mb-23 { - margin-bottom: 23px !important; -} - -.ml-23 { - margin-left: 23px !important; -} - -.mr-23 { - margin-right: 23px !important; -} - -.p-23 { - padding: 23px !important; -} - -.pt-23 { - padding-top: 23px !important; -} - -.pb-23 { - padding-bottom: 23px !important; -} - -.pl-23 { - padding-left: 23px !important; -} - -.pr-23 { - padding-right: 23px !important; -} - -.vh-23 { - height: 23vh !important; -} - -.vw-23 { - width: 23vw !important; -} - -.font-23 { - font-size: 23px !important; -} - -.m-24 { - margin: 24px !important; -} - -.mt-24 { - margin-top: 24px !important; -} - -.mb-24 { - margin-bottom: 24px !important; -} - -.ml-24 { - margin-left: 24px !important; -} - -.mr-24 { - margin-right: 24px !important; -} - -.p-24 { - padding: 24px !important; -} - -.pt-24 { - padding-top: 24px !important; -} - -.pb-24 { - padding-bottom: 24px !important; -} - -.pl-24 { - padding-left: 24px !important; -} - -.pr-24 { - padding-right: 24px !important; -} - -.vh-24 { - height: 24vh !important; -} - -.vw-24 { - width: 24vw !important; -} - -.font-24 { - font-size: 24px !important; -} - -.m-25 { - margin: 25px !important; -} - -.mt-25 { - margin-top: 25px !important; -} - -.mb-25 { - margin-bottom: 25px !important; -} - -.ml-25 { - margin-left: 25px !important; -} - -.mr-25 { - margin-right: 25px !important; -} - -.p-25 { - padding: 25px !important; -} - -.pt-25 { - padding-top: 25px !important; -} - -.pb-25 { - padding-bottom: 25px !important; -} - -.pl-25 { - padding-left: 25px !important; -} - -.pr-25 { - padding-right: 25px !important; -} - -.vh-25 { - height: 25vh !important; -} - -.vw-25 { - width: 25vw !important; -} - -.font-25 { - font-size: 25px !important; -} - -.m-26 { - margin: 26px !important; -} - -.mt-26 { - margin-top: 26px !important; -} - -.mb-26 { - margin-bottom: 26px !important; -} - -.ml-26 { - margin-left: 26px !important; -} - -.mr-26 { - margin-right: 26px !important; -} - -.p-26 { - padding: 26px !important; -} - -.pt-26 { - padding-top: 26px !important; -} - -.pb-26 { - padding-bottom: 26px !important; -} - -.pl-26 { - padding-left: 26px !important; -} - -.pr-26 { - padding-right: 26px !important; -} - -.vh-26 { - height: 26vh !important; -} - -.vw-26 { - width: 26vw !important; -} - -.font-26 { - font-size: 26px !important; -} - -.m-27 { - margin: 27px !important; -} - -.mt-27 { - margin-top: 27px !important; -} - -.mb-27 { - margin-bottom: 27px !important; -} - -.ml-27 { - margin-left: 27px !important; -} - -.mr-27 { - margin-right: 27px !important; -} - -.p-27 { - padding: 27px !important; -} - -.pt-27 { - padding-top: 27px !important; -} - -.pb-27 { - padding-bottom: 27px !important; -} - -.pl-27 { - padding-left: 27px !important; -} - -.pr-27 { - padding-right: 27px !important; -} - -.vh-27 { - height: 27vh !important; -} - -.vw-27 { - width: 27vw !important; -} - -.font-27 { - font-size: 27px !important; -} - -.m-28 { - margin: 28px !important; -} - -.mt-28 { - margin-top: 28px !important; -} - -.mb-28 { - margin-bottom: 28px !important; -} - -.ml-28 { - margin-left: 28px !important; -} - -.mr-28 { - margin-right: 28px !important; -} - -.p-28 { - padding: 28px !important; -} - -.pt-28 { - padding-top: 28px !important; -} - -.pb-28 { - padding-bottom: 28px !important; -} - -.pl-28 { - padding-left: 28px !important; -} - -.pr-28 { - padding-right: 28px !important; -} - -.vh-28 { - height: 28vh !important; -} - -.vw-28 { - width: 28vw !important; -} - -.font-28 { - font-size: 28px !important; -} - -.m-29 { - margin: 29px !important; -} - -.mt-29 { - margin-top: 29px !important; -} - -.mb-29 { - margin-bottom: 29px !important; -} - -.ml-29 { - margin-left: 29px !important; -} - -.mr-29 { - margin-right: 29px !important; -} - -.p-29 { - padding: 29px !important; -} - -.pt-29 { - padding-top: 29px !important; -} - -.pb-29 { - padding-bottom: 29px !important; -} - -.pl-29 { - padding-left: 29px !important; -} - -.pr-29 { - padding-right: 29px !important; -} - -.vh-29 { - height: 29vh !important; -} - -.vw-29 { - width: 29vw !important; -} - -.font-29 { - font-size: 29px !important; -} - -.m-30 { - margin: 30px !important; -} - -.mt-30 { - margin-top: 30px !important; -} - -.mb-30 { - margin-bottom: 30px !important; -} - -.ml-30 { - margin-left: 30px !important; -} - -.mr-30 { - margin-right: 30px !important; -} - -.p-30 { - padding: 30px !important; -} - -.pt-30 { - padding-top: 30px !important; -} - -.pb-30 { - padding-bottom: 30px !important; -} - -.pl-30 { - padding-left: 30px !important; -} - -.pr-30 { - padding-right: 30px !important; -} - -.vh-30 { - height: 30vh !important; -} - -.vw-30 { - width: 30vw !important; -} - -.font-30 { - font-size: 30px !important; -} - -.m-31 { - margin: 31px !important; -} - -.mt-31 { - margin-top: 31px !important; -} - -.mb-31 { - margin-bottom: 31px !important; -} - -.ml-31 { - margin-left: 31px !important; -} - -.mr-31 { - margin-right: 31px !important; -} - -.p-31 { - padding: 31px !important; -} - -.pt-31 { - padding-top: 31px !important; -} - -.pb-31 { - padding-bottom: 31px !important; -} - -.pl-31 { - padding-left: 31px !important; -} - -.pr-31 { - padding-right: 31px !important; -} - -.vh-31 { - height: 31vh !important; -} - -.vw-31 { - width: 31vw !important; -} - -.font-31 { - font-size: 31px !important; -} - -.m-32 { - margin: 32px !important; -} - -.mt-32 { - margin-top: 32px !important; -} - -.mb-32 { - margin-bottom: 32px !important; -} - -.ml-32 { - margin-left: 32px !important; -} - -.mr-32 { - margin-right: 32px !important; -} - -.p-32 { - padding: 32px !important; -} - -.pt-32 { - padding-top: 32px !important; -} - -.pb-32 { - padding-bottom: 32px !important; -} - -.pl-32 { - padding-left: 32px !important; -} - -.pr-32 { - padding-right: 32px !important; -} - -.vh-32 { - height: 32vh !important; -} - -.vw-32 { - width: 32vw !important; -} - -.font-32 { - font-size: 32px !important; -} - -.m-33 { - margin: 33px !important; -} - -.mt-33 { - margin-top: 33px !important; -} - -.mb-33 { - margin-bottom: 33px !important; -} - -.ml-33 { - margin-left: 33px !important; -} - -.mr-33 { - margin-right: 33px !important; -} - -.p-33 { - padding: 33px !important; -} - -.pt-33 { - padding-top: 33px !important; -} - -.pb-33 { - padding-bottom: 33px !important; -} - -.pl-33 { - padding-left: 33px !important; -} - -.pr-33 { - padding-right: 33px !important; -} - -.vh-33 { - height: 33vh !important; -} - -.vw-33 { - width: 33vw !important; -} - -.font-33 { - font-size: 33px !important; -} - -.m-34 { - margin: 34px !important; -} - -.mt-34 { - margin-top: 34px !important; -} - -.mb-34 { - margin-bottom: 34px !important; -} - -.ml-34 { - margin-left: 34px !important; -} - -.mr-34 { - margin-right: 34px !important; -} - -.p-34 { - padding: 34px !important; -} - -.pt-34 { - padding-top: 34px !important; -} - -.pb-34 { - padding-bottom: 34px !important; -} - -.pl-34 { - padding-left: 34px !important; -} - -.pr-34 { - padding-right: 34px !important; -} - -.vh-34 { - height: 34vh !important; -} - -.vw-34 { - width: 34vw !important; -} - -.font-34 { - font-size: 34px !important; -} - -.m-35 { - margin: 35px !important; -} - -.mt-35 { - margin-top: 35px !important; -} - -.mb-35 { - margin-bottom: 35px !important; -} - -.ml-35 { - margin-left: 35px !important; -} - -.mr-35 { - margin-right: 35px !important; -} - -.p-35 { - padding: 35px !important; -} - -.pt-35 { - padding-top: 35px !important; -} - -.pb-35 { - padding-bottom: 35px !important; -} - -.pl-35 { - padding-left: 35px !important; -} - -.pr-35 { - padding-right: 35px !important; -} - -.vh-35 { - height: 35vh !important; -} - -.vw-35 { - width: 35vw !important; -} - -.font-35 { - font-size: 35px !important; -} - -.m-36 { - margin: 36px !important; -} - -.mt-36 { - margin-top: 36px !important; -} - -.mb-36 { - margin-bottom: 36px !important; -} - -.ml-36 { - margin-left: 36px !important; -} - -.mr-36 { - margin-right: 36px !important; -} - -.p-36 { - padding: 36px !important; -} - -.pt-36 { - padding-top: 36px !important; -} - -.pb-36 { - padding-bottom: 36px !important; -} - -.pl-36 { - padding-left: 36px !important; -} - -.pr-36 { - padding-right: 36px !important; -} - -.vh-36 { - height: 36vh !important; -} - -.vw-36 { - width: 36vw !important; -} - -.font-36 { - font-size: 36px !important; -} - -.m-37 { - margin: 37px !important; -} - -.mt-37 { - margin-top: 37px !important; -} - -.mb-37 { - margin-bottom: 37px !important; -} - -.ml-37 { - margin-left: 37px !important; -} - -.mr-37 { - margin-right: 37px !important; -} - -.p-37 { - padding: 37px !important; -} - -.pt-37 { - padding-top: 37px !important; -} - -.pb-37 { - padding-bottom: 37px !important; -} - -.pl-37 { - padding-left: 37px !important; -} - -.pr-37 { - padding-right: 37px !important; -} - -.vh-37 { - height: 37vh !important; -} - -.vw-37 { - width: 37vw !important; -} - -.font-37 { - font-size: 37px !important; -} - -.m-38 { - margin: 38px !important; -} - -.mt-38 { - margin-top: 38px !important; -} - -.mb-38 { - margin-bottom: 38px !important; -} - -.ml-38 { - margin-left: 38px !important; -} - -.mr-38 { - margin-right: 38px !important; -} - -.p-38 { - padding: 38px !important; -} - -.pt-38 { - padding-top: 38px !important; -} - -.pb-38 { - padding-bottom: 38px !important; -} - -.pl-38 { - padding-left: 38px !important; -} - -.pr-38 { - padding-right: 38px !important; -} - -.vh-38 { - height: 38vh !important; -} - -.vw-38 { - width: 38vw !important; -} - -.font-38 { - font-size: 38px !important; -} - -.m-39 { - margin: 39px !important; -} - -.mt-39 { - margin-top: 39px !important; -} - -.mb-39 { - margin-bottom: 39px !important; -} - -.ml-39 { - margin-left: 39px !important; -} - -.mr-39 { - margin-right: 39px !important; -} - -.p-39 { - padding: 39px !important; -} - -.pt-39 { - padding-top: 39px !important; -} - -.pb-39 { - padding-bottom: 39px !important; -} - -.pl-39 { - padding-left: 39px !important; -} - -.pr-39 { - padding-right: 39px !important; -} - -.vh-39 { - height: 39vh !important; -} - -.vw-39 { - width: 39vw !important; -} - -.font-39 { - font-size: 39px !important; -} - -.m-40 { - margin: 40px !important; -} - -.mt-40 { - margin-top: 40px !important; -} - -.mb-40 { - margin-bottom: 40px !important; -} - -.ml-40 { - margin-left: 40px !important; -} - -.mr-40 { - margin-right: 40px !important; -} - -.p-40 { - padding: 40px !important; -} - -.pt-40 { - padding-top: 40px !important; -} - -.pb-40 { - padding-bottom: 40px !important; -} - -.pl-40 { - padding-left: 40px !important; -} - -.pr-40 { - padding-right: 40px !important; -} - -.vh-40 { - height: 40vh !important; -} - -.vw-40 { - width: 40vw !important; -} - -.font-40 { - font-size: 40px !important; -} - -.m-41 { - margin: 41px !important; -} - -.mt-41 { - margin-top: 41px !important; -} - -.mb-41 { - margin-bottom: 41px !important; -} - -.ml-41 { - margin-left: 41px !important; -} - -.mr-41 { - margin-right: 41px !important; -} - -.p-41 { - padding: 41px !important; -} - -.pt-41 { - padding-top: 41px !important; -} - -.pb-41 { - padding-bottom: 41px !important; -} - -.pl-41 { - padding-left: 41px !important; -} - -.pr-41 { - padding-right: 41px !important; -} - -.vh-41 { - height: 41vh !important; -} - -.vw-41 { - width: 41vw !important; -} - -.font-41 { - font-size: 41px !important; -} - -.m-42 { - margin: 42px !important; -} - -.mt-42 { - margin-top: 42px !important; -} - -.mb-42 { - margin-bottom: 42px !important; -} - -.ml-42 { - margin-left: 42px !important; -} - -.mr-42 { - margin-right: 42px !important; -} - -.p-42 { - padding: 42px !important; -} - -.pt-42 { - padding-top: 42px !important; -} - -.pb-42 { - padding-bottom: 42px !important; -} - -.pl-42 { - padding-left: 42px !important; -} - -.pr-42 { - padding-right: 42px !important; -} - -.vh-42 { - height: 42vh !important; -} - -.vw-42 { - width: 42vw !important; -} - -.font-42 { - font-size: 42px !important; -} - -.m-43 { - margin: 43px !important; -} - -.mt-43 { - margin-top: 43px !important; -} - -.mb-43 { - margin-bottom: 43px !important; -} - -.ml-43 { - margin-left: 43px !important; -} - -.mr-43 { - margin-right: 43px !important; -} - -.p-43 { - padding: 43px !important; -} - -.pt-43 { - padding-top: 43px !important; -} - -.pb-43 { - padding-bottom: 43px !important; -} - -.pl-43 { - padding-left: 43px !important; -} - -.pr-43 { - padding-right: 43px !important; -} - -.vh-43 { - height: 43vh !important; -} - -.vw-43 { - width: 43vw !important; -} - -.font-43 { - font-size: 43px !important; -} - -.m-44 { - margin: 44px !important; -} - -.mt-44 { - margin-top: 44px !important; -} - -.mb-44 { - margin-bottom: 44px !important; -} - -.ml-44 { - margin-left: 44px !important; -} - -.mr-44 { - margin-right: 44px !important; -} - -.p-44 { - padding: 44px !important; -} - -.pt-44 { - padding-top: 44px !important; -} - -.pb-44 { - padding-bottom: 44px !important; -} - -.pl-44 { - padding-left: 44px !important; -} - -.pr-44 { - padding-right: 44px !important; -} - -.vh-44 { - height: 44vh !important; -} - -.vw-44 { - width: 44vw !important; -} - -.font-44 { - font-size: 44px !important; -} - -.m-45 { - margin: 45px !important; -} - -.mt-45 { - margin-top: 45px !important; -} - -.mb-45 { - margin-bottom: 45px !important; -} - -.ml-45 { - margin-left: 45px !important; -} - -.mr-45 { - margin-right: 45px !important; -} - -.p-45 { - padding: 45px !important; -} - -.pt-45 { - padding-top: 45px !important; -} - -.pb-45 { - padding-bottom: 45px !important; -} - -.pl-45 { - padding-left: 45px !important; -} - -.pr-45 { - padding-right: 45px !important; -} - -.vh-45 { - height: 45vh !important; -} - -.vw-45 { - width: 45vw !important; -} - -.font-45 { - font-size: 45px !important; -} - -.m-46 { - margin: 46px !important; -} - -.mt-46 { - margin-top: 46px !important; -} - -.mb-46 { - margin-bottom: 46px !important; -} - -.ml-46 { - margin-left: 46px !important; -} - -.mr-46 { - margin-right: 46px !important; -} - -.p-46 { - padding: 46px !important; -} - -.pt-46 { - padding-top: 46px !important; -} - -.pb-46 { - padding-bottom: 46px !important; -} - -.pl-46 { - padding-left: 46px !important; -} - -.pr-46 { - padding-right: 46px !important; -} - -.vh-46 { - height: 46vh !important; -} - -.vw-46 { - width: 46vw !important; -} - -.font-46 { - font-size: 46px !important; -} - -.m-47 { - margin: 47px !important; -} - -.mt-47 { - margin-top: 47px !important; -} - -.mb-47 { - margin-bottom: 47px !important; -} - -.ml-47 { - margin-left: 47px !important; -} - -.mr-47 { - margin-right: 47px !important; -} - -.p-47 { - padding: 47px !important; -} - -.pt-47 { - padding-top: 47px !important; -} - -.pb-47 { - padding-bottom: 47px !important; -} - -.pl-47 { - padding-left: 47px !important; -} - -.pr-47 { - padding-right: 47px !important; -} - -.vh-47 { - height: 47vh !important; -} - -.vw-47 { - width: 47vw !important; -} - -.font-47 { - font-size: 47px !important; -} - -.m-48 { - margin: 48px !important; -} - -.mt-48 { - margin-top: 48px !important; -} - -.mb-48 { - margin-bottom: 48px !important; -} - -.ml-48 { - margin-left: 48px !important; -} - -.mr-48 { - margin-right: 48px !important; -} - -.p-48 { - padding: 48px !important; -} - -.pt-48 { - padding-top: 48px !important; -} - -.pb-48 { - padding-bottom: 48px !important; -} - -.pl-48 { - padding-left: 48px !important; -} - -.pr-48 { - padding-right: 48px !important; -} - -.vh-48 { - height: 48vh !important; -} - -.vw-48 { - width: 48vw !important; -} - -.font-48 { - font-size: 48px !important; -} - -.m-49 { - margin: 49px !important; -} - -.mt-49 { - margin-top: 49px !important; -} - -.mb-49 { - margin-bottom: 49px !important; -} - -.ml-49 { - margin-left: 49px !important; -} - -.mr-49 { - margin-right: 49px !important; -} - -.p-49 { - padding: 49px !important; -} - -.pt-49 { - padding-top: 49px !important; -} - -.pb-49 { - padding-bottom: 49px !important; -} - -.pl-49 { - padding-left: 49px !important; -} - -.pr-49 { - padding-right: 49px !important; -} - -.vh-49 { - height: 49vh !important; -} - -.vw-49 { - width: 49vw !important; -} - -.font-49 { - font-size: 49px !important; -} - -.m-50 { - margin: 50px !important; -} - -.mt-50 { - margin-top: 50px !important; -} - -.mb-50 { - margin-bottom: 50px !important; -} - -.ml-50 { - margin-left: 50px !important; -} - -.mr-50 { - margin-right: 50px !important; -} - -.p-50 { - padding: 50px !important; -} - -.pt-50 { - padding-top: 50px !important; -} - -.pb-50 { - padding-bottom: 50px !important; -} - -.pl-50 { - padding-left: 50px !important; -} - -.pr-50 { - padding-right: 50px !important; -} - -.vh-50 { - height: 50vh !important; -} - -.vw-50 { - width: 50vw !important; -} - -.font-50 { - font-size: 50px !important; -} - -.m-51 { - margin: 51px !important; -} - -.mt-51 { - margin-top: 51px !important; -} - -.mb-51 { - margin-bottom: 51px !important; -} - -.ml-51 { - margin-left: 51px !important; -} - -.mr-51 { - margin-right: 51px !important; -} - -.p-51 { - padding: 51px !important; -} - -.pt-51 { - padding-top: 51px !important; -} - -.pb-51 { - padding-bottom: 51px !important; -} - -.pl-51 { - padding-left: 51px !important; -} - -.pr-51 { - padding-right: 51px !important; -} - -.vh-51 { - height: 51vh !important; -} - -.vw-51 { - width: 51vw !important; -} - -.font-51 { - font-size: 51px !important; -} - -.m-52 { - margin: 52px !important; -} - -.mt-52 { - margin-top: 52px !important; -} - -.mb-52 { - margin-bottom: 52px !important; -} - -.ml-52 { - margin-left: 52px !important; -} - -.mr-52 { - margin-right: 52px !important; -} - -.p-52 { - padding: 52px !important; -} - -.pt-52 { - padding-top: 52px !important; -} - -.pb-52 { - padding-bottom: 52px !important; -} - -.pl-52 { - padding-left: 52px !important; -} - -.pr-52 { - padding-right: 52px !important; -} - -.vh-52 { - height: 52vh !important; -} - -.vw-52 { - width: 52vw !important; -} - -.font-52 { - font-size: 52px !important; -} - -.m-53 { - margin: 53px !important; -} - -.mt-53 { - margin-top: 53px !important; -} - -.mb-53 { - margin-bottom: 53px !important; -} - -.ml-53 { - margin-left: 53px !important; -} - -.mr-53 { - margin-right: 53px !important; -} - -.p-53 { - padding: 53px !important; -} - -.pt-53 { - padding-top: 53px !important; -} - -.pb-53 { - padding-bottom: 53px !important; -} - -.pl-53 { - padding-left: 53px !important; -} - -.pr-53 { - padding-right: 53px !important; -} - -.vh-53 { - height: 53vh !important; -} - -.vw-53 { - width: 53vw !important; -} - -.font-53 { - font-size: 53px !important; -} - -.m-54 { - margin: 54px !important; -} - -.mt-54 { - margin-top: 54px !important; -} - -.mb-54 { - margin-bottom: 54px !important; -} - -.ml-54 { - margin-left: 54px !important; -} - -.mr-54 { - margin-right: 54px !important; -} - -.p-54 { - padding: 54px !important; -} - -.pt-54 { - padding-top: 54px !important; -} - -.pb-54 { - padding-bottom: 54px !important; -} - -.pl-54 { - padding-left: 54px !important; -} - -.pr-54 { - padding-right: 54px !important; -} - -.vh-54 { - height: 54vh !important; -} - -.vw-54 { - width: 54vw !important; -} - -.font-54 { - font-size: 54px !important; -} - -.m-55 { - margin: 55px !important; -} - -.mt-55 { - margin-top: 55px !important; -} - -.mb-55 { - margin-bottom: 55px !important; -} - -.ml-55 { - margin-left: 55px !important; -} - -.mr-55 { - margin-right: 55px !important; -} - -.p-55 { - padding: 55px !important; -} - -.pt-55 { - padding-top: 55px !important; -} - -.pb-55 { - padding-bottom: 55px !important; -} - -.pl-55 { - padding-left: 55px !important; -} - -.pr-55 { - padding-right: 55px !important; -} - -.vh-55 { - height: 55vh !important; -} - -.vw-55 { - width: 55vw !important; -} - -.font-55 { - font-size: 55px !important; -} - -.m-56 { - margin: 56px !important; -} - -.mt-56 { - margin-top: 56px !important; -} - -.mb-56 { - margin-bottom: 56px !important; -} - -.ml-56 { - margin-left: 56px !important; -} - -.mr-56 { - margin-right: 56px !important; -} - -.p-56 { - padding: 56px !important; -} - -.pt-56 { - padding-top: 56px !important; -} - -.pb-56 { - padding-bottom: 56px !important; -} - -.pl-56 { - padding-left: 56px !important; -} - -.pr-56 { - padding-right: 56px !important; -} - -.vh-56 { - height: 56vh !important; -} - -.vw-56 { - width: 56vw !important; -} - -.font-56 { - font-size: 56px !important; -} - -.m-57 { - margin: 57px !important; -} - -.mt-57 { - margin-top: 57px !important; -} - -.mb-57 { - margin-bottom: 57px !important; -} - -.ml-57 { - margin-left: 57px !important; -} - -.mr-57 { - margin-right: 57px !important; -} - -.p-57 { - padding: 57px !important; -} - -.pt-57 { - padding-top: 57px !important; -} - -.pb-57 { - padding-bottom: 57px !important; -} - -.pl-57 { - padding-left: 57px !important; -} - -.pr-57 { - padding-right: 57px !important; -} - -.vh-57 { - height: 57vh !important; -} - -.vw-57 { - width: 57vw !important; -} - -.font-57 { - font-size: 57px !important; -} - -.m-58 { - margin: 58px !important; -} - -.mt-58 { - margin-top: 58px !important; -} - -.mb-58 { - margin-bottom: 58px !important; -} - -.ml-58 { - margin-left: 58px !important; -} - -.mr-58 { - margin-right: 58px !important; -} - -.p-58 { - padding: 58px !important; -} - -.pt-58 { - padding-top: 58px !important; -} - -.pb-58 { - padding-bottom: 58px !important; -} - -.pl-58 { - padding-left: 58px !important; -} - -.pr-58 { - padding-right: 58px !important; -} - -.vh-58 { - height: 58vh !important; -} - -.vw-58 { - width: 58vw !important; -} - -.font-58 { - font-size: 58px !important; -} - -.m-59 { - margin: 59px !important; -} - -.mt-59 { - margin-top: 59px !important; -} - -.mb-59 { - margin-bottom: 59px !important; -} - -.ml-59 { - margin-left: 59px !important; -} - -.mr-59 { - margin-right: 59px !important; -} - -.p-59 { - padding: 59px !important; -} - -.pt-59 { - padding-top: 59px !important; -} - -.pb-59 { - padding-bottom: 59px !important; -} - -.pl-59 { - padding-left: 59px !important; -} - -.pr-59 { - padding-right: 59px !important; -} - -.vh-59 { - height: 59vh !important; -} - -.vw-59 { - width: 59vw !important; -} - -.font-59 { - font-size: 59px !important; -} - -.m-60 { - margin: 60px !important; -} - -.mt-60 { - margin-top: 60px !important; -} - -.mb-60 { - margin-bottom: 60px !important; -} - -.ml-60 { - margin-left: 60px !important; -} - -.mr-60 { - margin-right: 60px !important; -} - -.p-60 { - padding: 60px !important; -} - -.pt-60 { - padding-top: 60px !important; -} - -.pb-60 { - padding-bottom: 60px !important; -} - -.pl-60 { - padding-left: 60px !important; -} - -.pr-60 { - padding-right: 60px !important; -} - -.vh-60 { - height: 60vh !important; -} - -.vw-60 { - width: 60vw !important; -} - -.font-60 { - font-size: 60px !important; -} - -.m-61 { - margin: 61px !important; -} - -.mt-61 { - margin-top: 61px !important; -} - -.mb-61 { - margin-bottom: 61px !important; -} - -.ml-61 { - margin-left: 61px !important; -} - -.mr-61 { - margin-right: 61px !important; -} - -.p-61 { - padding: 61px !important; -} - -.pt-61 { - padding-top: 61px !important; -} - -.pb-61 { - padding-bottom: 61px !important; -} - -.pl-61 { - padding-left: 61px !important; -} - -.pr-61 { - padding-right: 61px !important; -} - -.vh-61 { - height: 61vh !important; -} - -.vw-61 { - width: 61vw !important; -} - -.font-61 { - font-size: 61px !important; -} - -.m-62 { - margin: 62px !important; -} - -.mt-62 { - margin-top: 62px !important; -} - -.mb-62 { - margin-bottom: 62px !important; -} - -.ml-62 { - margin-left: 62px !important; -} - -.mr-62 { - margin-right: 62px !important; -} - -.p-62 { - padding: 62px !important; -} - -.pt-62 { - padding-top: 62px !important; -} - -.pb-62 { - padding-bottom: 62px !important; -} - -.pl-62 { - padding-left: 62px !important; -} - -.pr-62 { - padding-right: 62px !important; -} - -.vh-62 { - height: 62vh !important; -} - -.vw-62 { - width: 62vw !important; -} - -.font-62 { - font-size: 62px !important; -} - -.m-63 { - margin: 63px !important; -} - -.mt-63 { - margin-top: 63px !important; -} - -.mb-63 { - margin-bottom: 63px !important; -} - -.ml-63 { - margin-left: 63px !important; -} - -.mr-63 { - margin-right: 63px !important; -} - -.p-63 { - padding: 63px !important; -} - -.pt-63 { - padding-top: 63px !important; -} - -.pb-63 { - padding-bottom: 63px !important; -} - -.pl-63 { - padding-left: 63px !important; -} - -.pr-63 { - padding-right: 63px !important; -} - -.vh-63 { - height: 63vh !important; -} - -.vw-63 { - width: 63vw !important; -} - -.font-63 { - font-size: 63px !important; -} - -.m-64 { - margin: 64px !important; -} - -.mt-64 { - margin-top: 64px !important; -} - -.mb-64 { - margin-bottom: 64px !important; -} - -.ml-64 { - margin-left: 64px !important; -} - -.mr-64 { - margin-right: 64px !important; -} - -.p-64 { - padding: 64px !important; -} - -.pt-64 { - padding-top: 64px !important; -} - -.pb-64 { - padding-bottom: 64px !important; -} - -.pl-64 { - padding-left: 64px !important; -} - -.pr-64 { - padding-right: 64px !important; -} - -.vh-64 { - height: 64vh !important; -} - -.vw-64 { - width: 64vw !important; -} - -.font-64 { - font-size: 64px !important; -} - -.m-65 { - margin: 65px !important; -} - -.mt-65 { - margin-top: 65px !important; -} - -.mb-65 { - margin-bottom: 65px !important; -} - -.ml-65 { - margin-left: 65px !important; -} - -.mr-65 { - margin-right: 65px !important; -} - -.p-65 { - padding: 65px !important; -} - -.pt-65 { - padding-top: 65px !important; -} - -.pb-65 { - padding-bottom: 65px !important; -} - -.pl-65 { - padding-left: 65px !important; -} - -.pr-65 { - padding-right: 65px !important; -} - -.vh-65 { - height: 65vh !important; -} - -.vw-65 { - width: 65vw !important; -} - -.font-65 { - font-size: 65px !important; -} - -.m-66 { - margin: 66px !important; -} - -.mt-66 { - margin-top: 66px !important; -} - -.mb-66 { - margin-bottom: 66px !important; -} - -.ml-66 { - margin-left: 66px !important; -} - -.mr-66 { - margin-right: 66px !important; -} - -.p-66 { - padding: 66px !important; -} - -.pt-66 { - padding-top: 66px !important; -} - -.pb-66 { - padding-bottom: 66px !important; -} - -.pl-66 { - padding-left: 66px !important; -} - -.pr-66 { - padding-right: 66px !important; -} - -.vh-66 { - height: 66vh !important; -} - -.vw-66 { - width: 66vw !important; -} - -.font-66 { - font-size: 66px !important; -} - -.m-67 { - margin: 67px !important; -} - -.mt-67 { - margin-top: 67px !important; -} - -.mb-67 { - margin-bottom: 67px !important; -} - -.ml-67 { - margin-left: 67px !important; -} - -.mr-67 { - margin-right: 67px !important; -} - -.p-67 { - padding: 67px !important; -} - -.pt-67 { - padding-top: 67px !important; -} - -.pb-67 { - padding-bottom: 67px !important; -} - -.pl-67 { - padding-left: 67px !important; -} - -.pr-67 { - padding-right: 67px !important; -} - -.vh-67 { - height: 67vh !important; -} - -.vw-67 { - width: 67vw !important; -} - -.font-67 { - font-size: 67px !important; -} - -.m-68 { - margin: 68px !important; -} - -.mt-68 { - margin-top: 68px !important; -} - -.mb-68 { - margin-bottom: 68px !important; -} - -.ml-68 { - margin-left: 68px !important; -} - -.mr-68 { - margin-right: 68px !important; -} - -.p-68 { - padding: 68px !important; -} - -.pt-68 { - padding-top: 68px !important; -} - -.pb-68 { - padding-bottom: 68px !important; -} - -.pl-68 { - padding-left: 68px !important; -} - -.pr-68 { - padding-right: 68px !important; -} - -.vh-68 { - height: 68vh !important; -} - -.vw-68 { - width: 68vw !important; -} - -.font-68 { - font-size: 68px !important; -} - -.m-69 { - margin: 69px !important; -} - -.mt-69 { - margin-top: 69px !important; -} - -.mb-69 { - margin-bottom: 69px !important; -} - -.ml-69 { - margin-left: 69px !important; -} - -.mr-69 { - margin-right: 69px !important; -} - -.p-69 { - padding: 69px !important; -} - -.pt-69 { - padding-top: 69px !important; -} - -.pb-69 { - padding-bottom: 69px !important; -} - -.pl-69 { - padding-left: 69px !important; -} - -.pr-69 { - padding-right: 69px !important; -} - -.vh-69 { - height: 69vh !important; -} - -.vw-69 { - width: 69vw !important; -} - -.font-69 { - font-size: 69px !important; -} - -.m-70 { - margin: 70px !important; -} - -.mt-70 { - margin-top: 70px !important; -} - -.mb-70 { - margin-bottom: 70px !important; -} - -.ml-70 { - margin-left: 70px !important; -} - -.mr-70 { - margin-right: 70px !important; -} - -.p-70 { - padding: 70px !important; -} - -.pt-70 { - padding-top: 70px !important; -} - -.pb-70 { - padding-bottom: 70px !important; -} - -.pl-70 { - padding-left: 70px !important; -} - -.pr-70 { - padding-right: 70px !important; -} - -.vh-70 { - height: 70vh !important; -} - -.vw-70 { - width: 70vw !important; -} - -.font-70 { - font-size: 70px !important; -} - -.m-71 { - margin: 71px !important; -} - -.mt-71 { - margin-top: 71px !important; -} - -.mb-71 { - margin-bottom: 71px !important; -} - -.ml-71 { - margin-left: 71px !important; -} - -.mr-71 { - margin-right: 71px !important; -} - -.p-71 { - padding: 71px !important; -} - -.pt-71 { - padding-top: 71px !important; -} - -.pb-71 { - padding-bottom: 71px !important; -} - -.pl-71 { - padding-left: 71px !important; -} - -.pr-71 { - padding-right: 71px !important; -} - -.vh-71 { - height: 71vh !important; -} - -.vw-71 { - width: 71vw !important; -} - -.font-71 { - font-size: 71px !important; -} - -.m-72 { - margin: 72px !important; -} - -.mt-72 { - margin-top: 72px !important; -} - -.mb-72 { - margin-bottom: 72px !important; -} - -.ml-72 { - margin-left: 72px !important; -} - -.mr-72 { - margin-right: 72px !important; -} - -.p-72 { - padding: 72px !important; -} - -.pt-72 { - padding-top: 72px !important; -} - -.pb-72 { - padding-bottom: 72px !important; -} - -.pl-72 { - padding-left: 72px !important; -} - -.pr-72 { - padding-right: 72px !important; -} - -.vh-72 { - height: 72vh !important; -} - -.vw-72 { - width: 72vw !important; -} - -.font-72 { - font-size: 72px !important; -} - -.m-73 { - margin: 73px !important; -} - -.mt-73 { - margin-top: 73px !important; -} - -.mb-73 { - margin-bottom: 73px !important; -} - -.ml-73 { - margin-left: 73px !important; -} - -.mr-73 { - margin-right: 73px !important; -} - -.p-73 { - padding: 73px !important; -} - -.pt-73 { - padding-top: 73px !important; -} - -.pb-73 { - padding-bottom: 73px !important; -} - -.pl-73 { - padding-left: 73px !important; -} - -.pr-73 { - padding-right: 73px !important; -} - -.vh-73 { - height: 73vh !important; -} - -.vw-73 { - width: 73vw !important; -} - -.font-73 { - font-size: 73px !important; -} - -.m-74 { - margin: 74px !important; -} - -.mt-74 { - margin-top: 74px !important; -} - -.mb-74 { - margin-bottom: 74px !important; -} - -.ml-74 { - margin-left: 74px !important; -} - -.mr-74 { - margin-right: 74px !important; -} - -.p-74 { - padding: 74px !important; -} - -.pt-74 { - padding-top: 74px !important; -} - -.pb-74 { - padding-bottom: 74px !important; -} - -.pl-74 { - padding-left: 74px !important; -} - -.pr-74 { - padding-right: 74px !important; -} - -.vh-74 { - height: 74vh !important; -} - -.vw-74 { - width: 74vw !important; -} - -.font-74 { - font-size: 74px !important; -} - -.m-75 { - margin: 75px !important; -} - -.mt-75 { - margin-top: 75px !important; -} - -.mb-75 { - margin-bottom: 75px !important; -} - -.ml-75 { - margin-left: 75px !important; -} - -.mr-75 { - margin-right: 75px !important; -} - -.p-75 { - padding: 75px !important; -} - -.pt-75 { - padding-top: 75px !important; -} - -.pb-75 { - padding-bottom: 75px !important; -} - -.pl-75 { - padding-left: 75px !important; -} - -.pr-75 { - padding-right: 75px !important; -} - -.vh-75 { - height: 75vh !important; -} - -.vw-75 { - width: 75vw !important; -} - -.font-75 { - font-size: 75px !important; -} - -.m-76 { - margin: 76px !important; -} - -.mt-76 { - margin-top: 76px !important; -} - -.mb-76 { - margin-bottom: 76px !important; -} - -.ml-76 { - margin-left: 76px !important; -} - -.mr-76 { - margin-right: 76px !important; -} - -.p-76 { - padding: 76px !important; -} - -.pt-76 { - padding-top: 76px !important; -} - -.pb-76 { - padding-bottom: 76px !important; -} - -.pl-76 { - padding-left: 76px !important; -} - -.pr-76 { - padding-right: 76px !important; -} - -.vh-76 { - height: 76vh !important; -} - -.vw-76 { - width: 76vw !important; -} - -.font-76 { - font-size: 76px !important; -} - -.m-77 { - margin: 77px !important; -} - -.mt-77 { - margin-top: 77px !important; -} - -.mb-77 { - margin-bottom: 77px !important; -} - -.ml-77 { - margin-left: 77px !important; -} - -.mr-77 { - margin-right: 77px !important; -} - -.p-77 { - padding: 77px !important; -} - -.pt-77 { - padding-top: 77px !important; -} - -.pb-77 { - padding-bottom: 77px !important; -} - -.pl-77 { - padding-left: 77px !important; -} - -.pr-77 { - padding-right: 77px !important; -} - -.vh-77 { - height: 77vh !important; -} - -.vw-77 { - width: 77vw !important; -} - -.font-77 { - font-size: 77px !important; -} - -.m-78 { - margin: 78px !important; -} - -.mt-78 { - margin-top: 78px !important; -} - -.mb-78 { - margin-bottom: 78px !important; -} - -.ml-78 { - margin-left: 78px !important; -} - -.mr-78 { - margin-right: 78px !important; -} - -.p-78 { - padding: 78px !important; -} - -.pt-78 { - padding-top: 78px !important; -} - -.pb-78 { - padding-bottom: 78px !important; -} - -.pl-78 { - padding-left: 78px !important; -} - -.pr-78 { - padding-right: 78px !important; -} - -.vh-78 { - height: 78vh !important; -} - -.vw-78 { - width: 78vw !important; -} - -.font-78 { - font-size: 78px !important; -} - -.m-79 { - margin: 79px !important; -} - -.mt-79 { - margin-top: 79px !important; -} - -.mb-79 { - margin-bottom: 79px !important; -} - -.ml-79 { - margin-left: 79px !important; -} - -.mr-79 { - margin-right: 79px !important; -} - -.p-79 { - padding: 79px !important; -} - -.pt-79 { - padding-top: 79px !important; -} - -.pb-79 { - padding-bottom: 79px !important; -} - -.pl-79 { - padding-left: 79px !important; -} - -.pr-79 { - padding-right: 79px !important; -} - -.vh-79 { - height: 79vh !important; -} - -.vw-79 { - width: 79vw !important; -} - -.font-79 { - font-size: 79px !important; -} - -.m-80 { - margin: 80px !important; -} - -.mt-80 { - margin-top: 80px !important; -} - -.mb-80 { - margin-bottom: 80px !important; -} - -.ml-80 { - margin-left: 80px !important; -} - -.mr-80 { - margin-right: 80px !important; -} - -.p-80 { - padding: 80px !important; -} - -.pt-80 { - padding-top: 80px !important; -} - -.pb-80 { - padding-bottom: 80px !important; -} - -.pl-80 { - padding-left: 80px !important; -} - -.pr-80 { - padding-right: 80px !important; -} - -.vh-80 { - height: 80vh !important; -} - -.vw-80 { - width: 80vw !important; -} - -.font-80 { - font-size: 80px !important; -} - -.m-81 { - margin: 81px !important; -} - -.mt-81 { - margin-top: 81px !important; -} - -.mb-81 { - margin-bottom: 81px !important; -} - -.ml-81 { - margin-left: 81px !important; -} - -.mr-81 { - margin-right: 81px !important; -} - -.p-81 { - padding: 81px !important; -} - -.pt-81 { - padding-top: 81px !important; -} - -.pb-81 { - padding-bottom: 81px !important; -} - -.pl-81 { - padding-left: 81px !important; -} - -.pr-81 { - padding-right: 81px !important; -} - -.vh-81 { - height: 81vh !important; -} - -.vw-81 { - width: 81vw !important; -} - -.font-81 { - font-size: 81px !important; -} - -.m-82 { - margin: 82px !important; -} - -.mt-82 { - margin-top: 82px !important; -} - -.mb-82 { - margin-bottom: 82px !important; -} - -.ml-82 { - margin-left: 82px !important; -} - -.mr-82 { - margin-right: 82px !important; -} - -.p-82 { - padding: 82px !important; -} - -.pt-82 { - padding-top: 82px !important; -} - -.pb-82 { - padding-bottom: 82px !important; -} - -.pl-82 { - padding-left: 82px !important; -} - -.pr-82 { - padding-right: 82px !important; -} - -.vh-82 { - height: 82vh !important; -} - -.vw-82 { - width: 82vw !important; -} - -.font-82 { - font-size: 82px !important; -} - -.m-83 { - margin: 83px !important; -} - -.mt-83 { - margin-top: 83px !important; -} - -.mb-83 { - margin-bottom: 83px !important; -} - -.ml-83 { - margin-left: 83px !important; -} - -.mr-83 { - margin-right: 83px !important; -} - -.p-83 { - padding: 83px !important; -} - -.pt-83 { - padding-top: 83px !important; -} - -.pb-83 { - padding-bottom: 83px !important; -} - -.pl-83 { - padding-left: 83px !important; -} - -.pr-83 { - padding-right: 83px !important; -} - -.vh-83 { - height: 83vh !important; -} - -.vw-83 { - width: 83vw !important; -} - -.font-83 { - font-size: 83px !important; -} - -.m-84 { - margin: 84px !important; -} - -.mt-84 { - margin-top: 84px !important; -} - -.mb-84 { - margin-bottom: 84px !important; -} - -.ml-84 { - margin-left: 84px !important; -} - -.mr-84 { - margin-right: 84px !important; -} - -.p-84 { - padding: 84px !important; -} - -.pt-84 { - padding-top: 84px !important; -} - -.pb-84 { - padding-bottom: 84px !important; -} - -.pl-84 { - padding-left: 84px !important; -} - -.pr-84 { - padding-right: 84px !important; -} - -.vh-84 { - height: 84vh !important; -} - -.vw-84 { - width: 84vw !important; -} - -.font-84 { - font-size: 84px !important; -} - -.m-85 { - margin: 85px !important; -} - -.mt-85 { - margin-top: 85px !important; -} - -.mb-85 { - margin-bottom: 85px !important; -} - -.ml-85 { - margin-left: 85px !important; -} - -.mr-85 { - margin-right: 85px !important; -} - -.p-85 { - padding: 85px !important; -} - -.pt-85 { - padding-top: 85px !important; -} - -.pb-85 { - padding-bottom: 85px !important; -} - -.pl-85 { - padding-left: 85px !important; -} - -.pr-85 { - padding-right: 85px !important; -} - -.vh-85 { - height: 85vh !important; -} - -.vw-85 { - width: 85vw !important; -} - -.font-85 { - font-size: 85px !important; -} - -.m-86 { - margin: 86px !important; -} - -.mt-86 { - margin-top: 86px !important; -} - -.mb-86 { - margin-bottom: 86px !important; -} - -.ml-86 { - margin-left: 86px !important; -} - -.mr-86 { - margin-right: 86px !important; -} - -.p-86 { - padding: 86px !important; -} - -.pt-86 { - padding-top: 86px !important; -} - -.pb-86 { - padding-bottom: 86px !important; -} - -.pl-86 { - padding-left: 86px !important; -} - -.pr-86 { - padding-right: 86px !important; -} - -.vh-86 { - height: 86vh !important; -} - -.vw-86 { - width: 86vw !important; -} - -.font-86 { - font-size: 86px !important; -} - -.m-87 { - margin: 87px !important; -} - -.mt-87 { - margin-top: 87px !important; -} - -.mb-87 { - margin-bottom: 87px !important; -} - -.ml-87 { - margin-left: 87px !important; -} - -.mr-87 { - margin-right: 87px !important; -} - -.p-87 { - padding: 87px !important; -} - -.pt-87 { - padding-top: 87px !important; -} - -.pb-87 { - padding-bottom: 87px !important; -} - -.pl-87 { - padding-left: 87px !important; -} - -.pr-87 { - padding-right: 87px !important; -} - -.vh-87 { - height: 87vh !important; -} - -.vw-87 { - width: 87vw !important; -} - -.font-87 { - font-size: 87px !important; -} - -.m-88 { - margin: 88px !important; -} - -.mt-88 { - margin-top: 88px !important; -} - -.mb-88 { - margin-bottom: 88px !important; -} - -.ml-88 { - margin-left: 88px !important; -} - -.mr-88 { - margin-right: 88px !important; -} - -.p-88 { - padding: 88px !important; -} - -.pt-88 { - padding-top: 88px !important; -} - -.pb-88 { - padding-bottom: 88px !important; -} - -.pl-88 { - padding-left: 88px !important; -} - -.pr-88 { - padding-right: 88px !important; -} - -.vh-88 { - height: 88vh !important; -} - -.vw-88 { - width: 88vw !important; -} - -.font-88 { - font-size: 88px !important; -} - -.m-89 { - margin: 89px !important; -} - -.mt-89 { - margin-top: 89px !important; -} - -.mb-89 { - margin-bottom: 89px !important; -} - -.ml-89 { - margin-left: 89px !important; -} - -.mr-89 { - margin-right: 89px !important; -} - -.p-89 { - padding: 89px !important; -} - -.pt-89 { - padding-top: 89px !important; -} - -.pb-89 { - padding-bottom: 89px !important; -} - -.pl-89 { - padding-left: 89px !important; -} - -.pr-89 { - padding-right: 89px !important; -} - -.vh-89 { - height: 89vh !important; -} - -.vw-89 { - width: 89vw !important; -} - -.font-89 { - font-size: 89px !important; -} - -.m-90 { - margin: 90px !important; -} - -.mt-90 { - margin-top: 90px !important; -} - -.mb-90 { - margin-bottom: 90px !important; -} - -.ml-90 { - margin-left: 90px !important; -} - -.mr-90 { - margin-right: 90px !important; -} - -.p-90 { - padding: 90px !important; -} - -.pt-90 { - padding-top: 90px !important; -} - -.pb-90 { - padding-bottom: 90px !important; -} - -.pl-90 { - padding-left: 90px !important; -} - -.pr-90 { - padding-right: 90px !important; -} - -.vh-90 { - height: 90vh !important; -} - -.vw-90 { - width: 90vw !important; -} - -.font-90 { - font-size: 90px !important; -} - -.m-91 { - margin: 91px !important; -} - -.mt-91 { - margin-top: 91px !important; -} - -.mb-91 { - margin-bottom: 91px !important; -} - -.ml-91 { - margin-left: 91px !important; -} - -.mr-91 { - margin-right: 91px !important; -} - -.p-91 { - padding: 91px !important; -} - -.pt-91 { - padding-top: 91px !important; -} - -.pb-91 { - padding-bottom: 91px !important; -} - -.pl-91 { - padding-left: 91px !important; -} - -.pr-91 { - padding-right: 91px !important; -} - -.vh-91 { - height: 91vh !important; -} - -.vw-91 { - width: 91vw !important; -} - -.font-91 { - font-size: 91px !important; -} - -.m-92 { - margin: 92px !important; -} - -.mt-92 { - margin-top: 92px !important; -} - -.mb-92 { - margin-bottom: 92px !important; -} - -.ml-92 { - margin-left: 92px !important; -} - -.mr-92 { - margin-right: 92px !important; -} - -.p-92 { - padding: 92px !important; -} - -.pt-92 { - padding-top: 92px !important; -} - -.pb-92 { - padding-bottom: 92px !important; -} - -.pl-92 { - padding-left: 92px !important; -} - -.pr-92 { - padding-right: 92px !important; -} - -.vh-92 { - height: 92vh !important; -} - -.vw-92 { - width: 92vw !important; -} - -.font-92 { - font-size: 92px !important; -} - -.m-93 { - margin: 93px !important; -} - -.mt-93 { - margin-top: 93px !important; -} - -.mb-93 { - margin-bottom: 93px !important; -} - -.ml-93 { - margin-left: 93px !important; -} - -.mr-93 { - margin-right: 93px !important; -} - -.p-93 { - padding: 93px !important; -} - -.pt-93 { - padding-top: 93px !important; -} - -.pb-93 { - padding-bottom: 93px !important; -} - -.pl-93 { - padding-left: 93px !important; -} - -.pr-93 { - padding-right: 93px !important; -} - -.vh-93 { - height: 93vh !important; -} - -.vw-93 { - width: 93vw !important; -} - -.font-93 { - font-size: 93px !important; -} - -.m-94 { - margin: 94px !important; -} - -.mt-94 { - margin-top: 94px !important; -} - -.mb-94 { - margin-bottom: 94px !important; -} - -.ml-94 { - margin-left: 94px !important; -} - -.mr-94 { - margin-right: 94px !important; -} - -.p-94 { - padding: 94px !important; -} - -.pt-94 { - padding-top: 94px !important; -} - -.pb-94 { - padding-bottom: 94px !important; -} - -.pl-94 { - padding-left: 94px !important; -} - -.pr-94 { - padding-right: 94px !important; -} - -.vh-94 { - height: 94vh !important; -} - -.vw-94 { - width: 94vw !important; -} - -.font-94 { - font-size: 94px !important; -} - -.m-95 { - margin: 95px !important; -} - -.mt-95 { - margin-top: 95px !important; -} - -.mb-95 { - margin-bottom: 95px !important; -} - -.ml-95 { - margin-left: 95px !important; -} - -.mr-95 { - margin-right: 95px !important; -} - -.p-95 { - padding: 95px !important; -} - -.pt-95 { - padding-top: 95px !important; -} - -.pb-95 { - padding-bottom: 95px !important; -} - -.pl-95 { - padding-left: 95px !important; -} - -.pr-95 { - padding-right: 95px !important; -} - -.vh-95 { - height: 95vh !important; -} - -.vw-95 { - width: 95vw !important; -} - -.font-95 { - font-size: 95px !important; -} - -.m-96 { - margin: 96px !important; -} - -.mt-96 { - margin-top: 96px !important; -} - -.mb-96 { - margin-bottom: 96px !important; -} - -.ml-96 { - margin-left: 96px !important; -} - -.mr-96 { - margin-right: 96px !important; -} - -.p-96 { - padding: 96px !important; -} - -.pt-96 { - padding-top: 96px !important; -} - -.pb-96 { - padding-bottom: 96px !important; -} - -.pl-96 { - padding-left: 96px !important; -} - -.pr-96 { - padding-right: 96px !important; -} - -.vh-96 { - height: 96vh !important; -} - -.vw-96 { - width: 96vw !important; -} - -.font-96 { - font-size: 96px !important; -} - -.m-97 { - margin: 97px !important; -} - -.mt-97 { - margin-top: 97px !important; -} - -.mb-97 { - margin-bottom: 97px !important; -} - -.ml-97 { - margin-left: 97px !important; -} - -.mr-97 { - margin-right: 97px !important; -} - -.p-97 { - padding: 97px !important; -} - -.pt-97 { - padding-top: 97px !important; -} - -.pb-97 { - padding-bottom: 97px !important; -} - -.pl-97 { - padding-left: 97px !important; -} - -.pr-97 { - padding-right: 97px !important; -} - -.vh-97 { - height: 97vh !important; -} - -.vw-97 { - width: 97vw !important; -} - -.font-97 { - font-size: 97px !important; -} - -.m-98 { - margin: 98px !important; -} - -.mt-98 { - margin-top: 98px !important; -} - -.mb-98 { - margin-bottom: 98px !important; -} - -.ml-98 { - margin-left: 98px !important; -} - -.mr-98 { - margin-right: 98px !important; -} - -.p-98 { - padding: 98px !important; -} - -.pt-98 { - padding-top: 98px !important; -} - -.pb-98 { - padding-bottom: 98px !important; -} - -.pl-98 { - padding-left: 98px !important; -} - -.pr-98 { - padding-right: 98px !important; -} - -.vh-98 { - height: 98vh !important; -} - -.vw-98 { - width: 98vw !important; -} - -.font-98 { - font-size: 98px !important; -} - -.m-99 { - margin: 99px !important; -} - -.mt-99 { - margin-top: 99px !important; -} - -.mb-99 { - margin-bottom: 99px !important; -} - -.ml-99 { - margin-left: 99px !important; -} - -.mr-99 { - margin-right: 99px !important; -} - -.p-99 { - padding: 99px !important; -} - -.pt-99 { - padding-top: 99px !important; -} - -.pb-99 { - padding-bottom: 99px !important; -} - -.pl-99 { - padding-left: 99px !important; -} - -.pr-99 { - padding-right: 99px !important; -} - -.vh-99 { - height: 99vh !important; -} - -.vw-99 { - width: 99vw !important; -} - -.font-99 { - font-size: 99px !important; -} - -.m-100 { - margin: 100px !important; -} - -.mt-100 { - margin-top: 100px !important; -} - -.mb-100 { - margin-bottom: 100px !important; -} - -.ml-100 { - margin-left: 100px !important; -} - -.mr-100 { - margin-right: 100px !important; -} - -.p-100 { - padding: 100px !important; -} - -.pt-100 { - padding-top: 100px !important; -} - -.pb-100 { - padding-bottom: 100px !important; -} - -.pl-100 { - padding-left: 100px !important; -} - -.pr-100 { - padding-right: 100px !important; -} - -.vh-100 { - height: 100vh !important; -} - -.vw-100 { - width: 100vw !important; -} - -.font-100 { - font-size: 100px !important; -} - -/* Deafult height & widht */ -.height-0 { - height: 0px !important; -} - -.width-0 { - width: 0px !important; -} - -.height-1 { - height: 1px !important; -} - -.width-1 { - width: 1px !important; -} - -.height-2 { - height: 2px !important; -} - -.width-2 { - width: 2px !important; -} - -.height-3 { - height: 3px !important; -} - -.width-3 { - width: 3px !important; -} - -.height-4 { - height: 4px !important; -} - -.width-4 { - width: 4px !important; -} - -.height-5 { - height: 5px !important; -} - -.width-5 { - width: 5px !important; -} - -.height-6 { - height: 6px !important; -} - -.width-6 { - width: 6px !important; -} - -.height-7 { - height: 7px !important; -} - -.width-7 { - width: 7px !important; -} - -.height-8 { - height: 8px !important; -} - -.width-8 { - width: 8px !important; -} - -.height-9 { - height: 9px !important; -} - -.width-9 { - width: 9px !important; -} - -.height-10 { - height: 10px !important; -} - -.width-10 { - width: 10px !important; -} - -.height-11 { - height: 11px !important; -} - -.width-11 { - width: 11px !important; -} - -.height-12 { - height: 12px !important; -} - -.width-12 { - width: 12px !important; -} - -.height-13 { - height: 13px !important; -} - -.width-13 { - width: 13px !important; -} - -.height-14 { - height: 14px !important; -} - -.width-14 { - width: 14px !important; -} - -.height-15 { - height: 15px !important; -} - -.width-15 { - width: 15px !important; -} - -.height-16 { - height: 16px !important; -} - -.width-16 { - width: 16px !important; -} - -.height-17 { - height: 17px !important; -} - -.width-17 { - width: 17px !important; -} - -.height-18 { - height: 18px !important; -} - -.width-18 { - width: 18px !important; -} - -.height-19 { - height: 19px !important; -} - -.width-19 { - width: 19px !important; -} - -.height-20 { - height: 20px !important; -} - -.width-20 { - width: 20px !important; -} - -.height-21 { - height: 21px !important; -} - -.width-21 { - width: 21px !important; -} - -.height-22 { - height: 22px !important; -} - -.width-22 { - width: 22px !important; -} - -.height-23 { - height: 23px !important; -} - -.width-23 { - width: 23px !important; -} - -.height-24 { - height: 24px !important; -} - -.width-24 { - width: 24px !important; -} - -.height-25 { - height: 25px !important; -} - -.width-25 { - width: 25px !important; -} - -.height-26 { - height: 26px !important; -} - -.width-26 { - width: 26px !important; -} - -.height-27 { - height: 27px !important; -} - -.width-27 { - width: 27px !important; -} - -.height-28 { - height: 28px !important; -} - -.width-28 { - width: 28px !important; -} - -.height-29 { - height: 29px !important; -} - -.width-29 { - width: 29px !important; -} - -.height-30 { - height: 30px !important; -} - -.width-30 { - width: 30px !important; -} - -.height-31 { - height: 31px !important; -} - -.width-31 { - width: 31px !important; -} - -.height-32 { - height: 32px !important; -} - -.width-32 { - width: 32px !important; -} - -.height-33 { - height: 33px !important; -} - -.width-33 { - width: 33px !important; -} - -.height-34 { - height: 34px !important; -} - -.width-34 { - width: 34px !important; -} - -.height-35 { - height: 35px !important; -} - -.width-35 { - width: 35px !important; -} - -.height-36 { - height: 36px !important; -} - -.width-36 { - width: 36px !important; -} - -.height-37 { - height: 37px !important; -} - -.width-37 { - width: 37px !important; -} - -.height-38 { - height: 38px !important; -} - -.width-38 { - width: 38px !important; -} - -.height-39 { - height: 39px !important; -} - -.width-39 { - width: 39px !important; -} - -.height-40 { - height: 40px !important; -} - -.width-40 { - width: 40px !important; -} - -.height-41 { - height: 41px !important; -} - -.width-41 { - width: 41px !important; -} - -.height-42 { - height: 42px !important; -} - -.width-42 { - width: 42px !important; -} - -.height-43 { - height: 43px !important; -} - -.width-43 { - width: 43px !important; -} - -.height-44 { - height: 44px !important; -} - -.width-44 { - width: 44px !important; -} - -.height-45 { - height: 45px !important; -} - -.width-45 { - width: 45px !important; -} - -.height-46 { - height: 46px !important; -} - -.width-46 { - width: 46px !important; -} - -.height-47 { - height: 47px !important; -} - -.width-47 { - width: 47px !important; -} - -.height-48 { - height: 48px !important; -} - -.width-48 { - width: 48px !important; -} - -.height-49 { - height: 49px !important; -} - -.width-49 { - width: 49px !important; -} - -.height-50 { - height: 50px !important; -} - -.width-50 { - width: 50px !important; -} - -.height-51 { - height: 51px !important; -} - -.width-51 { - width: 51px !important; -} - -.height-52 { - height: 52px !important; -} - -.width-52 { - width: 52px !important; -} - -.height-53 { - height: 53px !important; -} - -.width-53 { - width: 53px !important; -} - -.height-54 { - height: 54px !important; -} - -.width-54 { - width: 54px !important; -} - -.height-55 { - height: 55px !important; -} - -.width-55 { - width: 55px !important; -} - -.height-56 { - height: 56px !important; -} - -.width-56 { - width: 56px !important; -} - -.height-57 { - height: 57px !important; -} - -.width-57 { - width: 57px !important; -} - -.height-58 { - height: 58px !important; -} - -.width-58 { - width: 58px !important; -} - -.height-59 { - height: 59px !important; -} - -.width-59 { - width: 59px !important; -} - -.height-60 { - height: 60px !important; -} - -.width-60 { - width: 60px !important; -} - -.height-61 { - height: 61px !important; -} - -.width-61 { - width: 61px !important; -} - -.height-62 { - height: 62px !important; -} - -.width-62 { - width: 62px !important; -} - -.height-63 { - height: 63px !important; -} - -.width-63 { - width: 63px !important; -} - -.height-64 { - height: 64px !important; -} - -.width-64 { - width: 64px !important; -} - -.height-65 { - height: 65px !important; -} - -.width-65 { - width: 65px !important; -} - -.height-66 { - height: 66px !important; -} - -.width-66 { - width: 66px !important; -} - -.height-67 { - height: 67px !important; -} - -.width-67 { - width: 67px !important; -} - -.height-68 { - height: 68px !important; -} - -.width-68 { - width: 68px !important; -} - -.height-69 { - height: 69px !important; -} - -.width-69 { - width: 69px !important; -} - -.height-70 { - height: 70px !important; -} - -.width-70 { - width: 70px !important; -} - -.height-71 { - height: 71px !important; -} - -.width-71 { - width: 71px !important; -} - -.height-72 { - height: 72px !important; -} - -.width-72 { - width: 72px !important; -} - -.height-73 { - height: 73px !important; -} - -.width-73 { - width: 73px !important; -} - -.height-74 { - height: 74px !important; -} - -.width-74 { - width: 74px !important; -} - -.height-75 { - height: 75px !important; -} - -.width-75 { - width: 75px !important; -} - -.height-76 { - height: 76px !important; -} - -.width-76 { - width: 76px !important; -} - -.height-77 { - height: 77px !important; -} - -.width-77 { - width: 77px !important; -} - -.height-78 { - height: 78px !important; -} - -.width-78 { - width: 78px !important; -} - -.height-79 { - height: 79px !important; -} - -.width-79 { - width: 79px !important; -} - -.height-80 { - height: 80px !important; -} - -.width-80 { - width: 80px !important; -} - -.height-81 { - height: 81px !important; -} - -.width-81 { - width: 81px !important; -} - -.height-82 { - height: 82px !important; -} - -.width-82 { - width: 82px !important; -} - -.height-83 { - height: 83px !important; -} - -.width-83 { - width: 83px !important; -} - -.height-84 { - height: 84px !important; -} - -.width-84 { - width: 84px !important; -} - -.height-85 { - height: 85px !important; -} - -.width-85 { - width: 85px !important; -} - -.height-86 { - height: 86px !important; -} - -.width-86 { - width: 86px !important; -} - -.height-87 { - height: 87px !important; -} - -.width-87 { - width: 87px !important; -} - -.height-88 { - height: 88px !important; -} - -.width-88 { - width: 88px !important; -} - -.height-89 { - height: 89px !important; -} - -.width-89 { - width: 89px !important; -} - -.height-90 { - height: 90px !important; -} - -.width-90 { - width: 90px !important; -} - -.height-91 { - height: 91px !important; -} - -.width-91 { - width: 91px !important; -} - -.height-92 { - height: 92px !important; -} - -.width-92 { - width: 92px !important; -} - -.height-93 { - height: 93px !important; -} - -.width-93 { - width: 93px !important; -} - -.height-94 { - height: 94px !important; -} - -.width-94 { - width: 94px !important; -} - -.height-95 { - height: 95px !important; -} - -.width-95 { - width: 95px !important; -} - -.height-96 { - height: 96px !important; -} - -.width-96 { - width: 96px !important; -} - -.height-97 { - height: 97px !important; -} - -.width-97 { - width: 97px !important; -} - -.height-98 { - height: 98px !important; -} - -.width-98 { - width: 98px !important; -} - -.height-99 { - height: 99px !important; -} - -.width-99 { - width: 99px !important; -} - -.height-100 { - height: 100px !important; -} - -.width-100 { - width: 100px !important; -} - -.height-101 { - height: 101px !important; -} - -.width-101 { - width: 101px !important; -} - -.height-102 { - height: 102px !important; -} - -.width-102 { - width: 102px !important; -} - -.height-103 { - height: 103px !important; -} - -.width-103 { - width: 103px !important; -} - -.height-104 { - height: 104px !important; -} - -.width-104 { - width: 104px !important; -} - -.height-105 { - height: 105px !important; -} - -.width-105 { - width: 105px !important; -} - -.height-106 { - height: 106px !important; -} - -.width-106 { - width: 106px !important; -} - -.height-107 { - height: 107px !important; -} - -.width-107 { - width: 107px !important; -} - -.height-108 { - height: 108px !important; -} - -.width-108 { - width: 108px !important; -} - -.height-109 { - height: 109px !important; -} - -.width-109 { - width: 109px !important; -} - -.height-110 { - height: 110px !important; -} - -.width-110 { - width: 110px !important; -} - -.height-111 { - height: 111px !important; -} - -.width-111 { - width: 111px !important; -} - -.height-112 { - height: 112px !important; -} - -.width-112 { - width: 112px !important; -} - -.height-113 { - height: 113px !important; -} - -.width-113 { - width: 113px !important; -} - -.height-114 { - height: 114px !important; -} - -.width-114 { - width: 114px !important; -} - -.height-115 { - height: 115px !important; -} - -.width-115 { - width: 115px !important; -} - -.height-116 { - height: 116px !important; -} - -.width-116 { - width: 116px !important; -} - -.height-117 { - height: 117px !important; -} - -.width-117 { - width: 117px !important; -} - -.height-118 { - height: 118px !important; -} - -.width-118 { - width: 118px !important; -} - -.height-119 { - height: 119px !important; -} - -.width-119 { - width: 119px !important; -} - -.height-120 { - height: 120px !important; -} - -.width-120 { - width: 120px !important; -} - -.height-121 { - height: 121px !important; -} - -.width-121 { - width: 121px !important; -} - -.height-122 { - height: 122px !important; -} - -.width-122 { - width: 122px !important; -} - -.height-123 { - height: 123px !important; -} - -.width-123 { - width: 123px !important; -} - -.height-124 { - height: 124px !important; -} - -.width-124 { - width: 124px !important; -} - -.height-125 { - height: 125px !important; -} - -.width-125 { - width: 125px !important; -} - -.height-126 { - height: 126px !important; -} - -.width-126 { - width: 126px !important; -} - -.height-127 { - height: 127px !important; -} - -.width-127 { - width: 127px !important; -} - -.height-128 { - height: 128px !important; -} - -.width-128 { - width: 128px !important; -} - -.height-129 { - height: 129px !important; -} - -.width-129 { - width: 129px !important; -} - -.height-130 { - height: 130px !important; -} - -.width-130 { - width: 130px !important; -} - -.height-131 { - height: 131px !important; -} - -.width-131 { - width: 131px !important; -} - -.height-132 { - height: 132px !important; -} - -.width-132 { - width: 132px !important; -} - -.height-133 { - height: 133px !important; -} - -.width-133 { - width: 133px !important; -} - -.height-134 { - height: 134px !important; -} - -.width-134 { - width: 134px !important; -} - -.height-135 { - height: 135px !important; -} - -.width-135 { - width: 135px !important; -} - -.height-136 { - height: 136px !important; -} - -.width-136 { - width: 136px !important; -} - -.height-137 { - height: 137px !important; -} - -.width-137 { - width: 137px !important; -} - -.height-138 { - height: 138px !important; -} - -.width-138 { - width: 138px !important; -} - -.height-139 { - height: 139px !important; -} - -.width-139 { - width: 139px !important; -} - -.height-140 { - height: 140px !important; -} - -.width-140 { - width: 140px !important; -} - -.height-141 { - height: 141px !important; -} - -.width-141 { - width: 141px !important; -} - -.height-142 { - height: 142px !important; -} - -.width-142 { - width: 142px !important; -} - -.height-143 { - height: 143px !important; -} - -.width-143 { - width: 143px !important; -} - -.height-144 { - height: 144px !important; -} - -.width-144 { - width: 144px !important; -} - -.height-145 { - height: 145px !important; -} - -.width-145 { - width: 145px !important; -} - -.height-146 { - height: 146px !important; -} - -.width-146 { - width: 146px !important; -} - -.height-147 { - height: 147px !important; -} - -.width-147 { - width: 147px !important; -} - -.height-148 { - height: 148px !important; -} - -.width-148 { - width: 148px !important; -} - -.height-149 { - height: 149px !important; -} - -.width-149 { - width: 149px !important; -} - -.height-150 { - height: 150px !important; -} - -.width-150 { - width: 150px !important; -} - -.height-151 { - height: 151px !important; -} - -.width-151 { - width: 151px !important; -} - -.height-152 { - height: 152px !important; -} - -.width-152 { - width: 152px !important; -} - -.height-153 { - height: 153px !important; -} - -.width-153 { - width: 153px !important; -} - -.height-154 { - height: 154px !important; -} - -.width-154 { - width: 154px !important; -} - -.height-155 { - height: 155px !important; -} - -.width-155 { - width: 155px !important; -} - -.height-156 { - height: 156px !important; -} - -.width-156 { - width: 156px !important; -} - -.height-157 { - height: 157px !important; -} - -.width-157 { - width: 157px !important; -} - -.height-158 { - height: 158px !important; -} - -.width-158 { - width: 158px !important; -} - -.height-159 { - height: 159px !important; -} - -.width-159 { - width: 159px !important; -} - -.height-160 { - height: 160px !important; -} - -.width-160 { - width: 160px !important; -} - -.height-161 { - height: 161px !important; -} - -.width-161 { - width: 161px !important; -} - -.height-162 { - height: 162px !important; -} - -.width-162 { - width: 162px !important; -} - -.height-163 { - height: 163px !important; -} - -.width-163 { - width: 163px !important; -} - -.height-164 { - height: 164px !important; -} - -.width-164 { - width: 164px !important; -} - -.height-165 { - height: 165px !important; -} - -.width-165 { - width: 165px !important; -} - -.height-166 { - height: 166px !important; -} - -.width-166 { - width: 166px !important; -} - -.height-167 { - height: 167px !important; -} - -.width-167 { - width: 167px !important; -} - -.height-168 { - height: 168px !important; -} - -.width-168 { - width: 168px !important; -} - -.height-169 { - height: 169px !important; -} - -.width-169 { - width: 169px !important; -} - -.height-170 { - height: 170px !important; -} - -.width-170 { - width: 170px !important; -} - -.height-171 { - height: 171px !important; -} - -.width-171 { - width: 171px !important; -} - -.height-172 { - height: 172px !important; -} - -.width-172 { - width: 172px !important; -} - -.height-173 { - height: 173px !important; -} - -.width-173 { - width: 173px !important; -} - -.height-174 { - height: 174px !important; -} - -.width-174 { - width: 174px !important; -} - -.height-175 { - height: 175px !important; -} - -.width-175 { - width: 175px !important; -} - -.height-176 { - height: 176px !important; -} - -.width-176 { - width: 176px !important; -} - -.height-177 { - height: 177px !important; -} - -.width-177 { - width: 177px !important; -} - -.height-178 { - height: 178px !important; -} - -.width-178 { - width: 178px !important; -} - -.height-179 { - height: 179px !important; -} - -.width-179 { - width: 179px !important; -} - -.height-180 { - height: 180px !important; -} - -.width-180 { - width: 180px !important; -} - -.height-181 { - height: 181px !important; -} - -.width-181 { - width: 181px !important; -} - -.height-182 { - height: 182px !important; -} - -.width-182 { - width: 182px !important; -} - -.height-183 { - height: 183px !important; -} - -.width-183 { - width: 183px !important; -} - -.height-184 { - height: 184px !important; -} - -.width-184 { - width: 184px !important; -} - -.height-185 { - height: 185px !important; -} - -.width-185 { - width: 185px !important; -} - -.height-186 { - height: 186px !important; -} - -.width-186 { - width: 186px !important; -} - -.height-187 { - height: 187px !important; -} - -.width-187 { - width: 187px !important; -} - -.height-188 { - height: 188px !important; -} - -.width-188 { - width: 188px !important; -} - -.height-189 { - height: 189px !important; -} - -.width-189 { - width: 189px !important; -} - -.height-190 { - height: 190px !important; -} - -.width-190 { - width: 190px !important; -} - -.height-191 { - height: 191px !important; -} - -.width-191 { - width: 191px !important; -} - -.height-192 { - height: 192px !important; -} - -.width-192 { - width: 192px !important; -} - -.height-193 { - height: 193px !important; -} - -.width-193 { - width: 193px !important; -} - -.height-194 { - height: 194px !important; -} - -.width-194 { - width: 194px !important; -} - -.height-195 { - height: 195px !important; -} - -.width-195 { - width: 195px !important; -} - -.height-196 { - height: 196px !important; -} - -.width-196 { - width: 196px !important; -} - -.height-197 { - height: 197px !important; -} - -.width-197 { - width: 197px !important; -} - -.height-198 { - height: 198px !important; -} - -.width-198 { - width: 198px !important; -} - -.height-199 { - height: 199px !important; -} - -.width-199 { - width: 199px !important; -} - -.height-200 { - height: 200px !important; -} - -.width-200 { - width: 200px !important; -} - -.height-201 { - height: 201px !important; -} - -.width-201 { - width: 201px !important; -} - -.height-202 { - height: 202px !important; -} - -.width-202 { - width: 202px !important; -} - -.height-203 { - height: 203px !important; -} - -.width-203 { - width: 203px !important; -} - -.height-204 { - height: 204px !important; -} - -.width-204 { - width: 204px !important; -} - -.height-205 { - height: 205px !important; -} - -.width-205 { - width: 205px !important; -} - -.height-206 { - height: 206px !important; -} - -.width-206 { - width: 206px !important; -} - -.height-207 { - height: 207px !important; -} - -.width-207 { - width: 207px !important; -} - -.height-208 { - height: 208px !important; -} - -.width-208 { - width: 208px !important; -} - -.height-209 { - height: 209px !important; -} - -.width-209 { - width: 209px !important; -} - -.height-210 { - height: 210px !important; -} - -.width-210 { - width: 210px !important; -} - -.height-211 { - height: 211px !important; -} - -.width-211 { - width: 211px !important; -} - -.height-212 { - height: 212px !important; -} - -.width-212 { - width: 212px !important; -} - -.height-213 { - height: 213px !important; -} - -.width-213 { - width: 213px !important; -} - -.height-214 { - height: 214px !important; -} - -.width-214 { - width: 214px !important; -} - -.height-215 { - height: 215px !important; -} - -.width-215 { - width: 215px !important; -} - -.height-216 { - height: 216px !important; -} - -.width-216 { - width: 216px !important; -} - -.height-217 { - height: 217px !important; -} - -.width-217 { - width: 217px !important; -} - -.height-218 { - height: 218px !important; -} - -.width-218 { - width: 218px !important; -} - -.height-219 { - height: 219px !important; -} - -.width-219 { - width: 219px !important; -} - -.height-220 { - height: 220px !important; -} - -.width-220 { - width: 220px !important; -} - -.height-221 { - height: 221px !important; -} - -.width-221 { - width: 221px !important; -} - -.height-222 { - height: 222px !important; -} - -.width-222 { - width: 222px !important; -} - -.height-223 { - height: 223px !important; -} - -.width-223 { - width: 223px !important; -} - -.height-224 { - height: 224px !important; -} - -.width-224 { - width: 224px !important; -} - -.height-225 { - height: 225px !important; -} - -.width-225 { - width: 225px !important; -} - -.height-226 { - height: 226px !important; -} - -.width-226 { - width: 226px !important; -} - -.height-227 { - height: 227px !important; -} - -.width-227 { - width: 227px !important; -} - -.height-228 { - height: 228px !important; -} - -.width-228 { - width: 228px !important; -} - -.height-229 { - height: 229px !important; -} - -.width-229 { - width: 229px !important; -} - -.height-230 { - height: 230px !important; -} - -.width-230 { - width: 230px !important; -} - -.height-231 { - height: 231px !important; -} - -.width-231 { - width: 231px !important; -} - -.height-232 { - height: 232px !important; -} - -.width-232 { - width: 232px !important; -} - -.height-233 { - height: 233px !important; -} - -.width-233 { - width: 233px !important; -} - -.height-234 { - height: 234px !important; -} - -.width-234 { - width: 234px !important; -} - -.height-235 { - height: 235px !important; -} - -.width-235 { - width: 235px !important; -} - -.height-236 { - height: 236px !important; -} - -.width-236 { - width: 236px !important; -} - -.height-237 { - height: 237px !important; -} - -.width-237 { - width: 237px !important; -} - -.height-238 { - height: 238px !important; -} - -.width-238 { - width: 238px !important; -} - -.height-239 { - height: 239px !important; -} - -.width-239 { - width: 239px !important; -} - -.height-240 { - height: 240px !important; -} - -.width-240 { - width: 240px !important; -} - -.height-241 { - height: 241px !important; -} - -.width-241 { - width: 241px !important; -} - -.height-242 { - height: 242px !important; -} - -.width-242 { - width: 242px !important; -} - -.height-243 { - height: 243px !important; -} - -.width-243 { - width: 243px !important; -} - -.height-244 { - height: 244px !important; -} - -.width-244 { - width: 244px !important; -} - -.height-245 { - height: 245px !important; -} - -.width-245 { - width: 245px !important; -} - -.height-246 { - height: 246px !important; -} - -.width-246 { - width: 246px !important; -} - -.height-247 { - height: 247px !important; -} - -.width-247 { - width: 247px !important; -} - -.height-248 { - height: 248px !important; -} - -.width-248 { - width: 248px !important; -} - -.height-249 { - height: 249px !important; -} - -.width-249 { - width: 249px !important; -} - -.height-250 { - height: 250px !important; -} - -.width-250 { - width: 250px !important; -} - -.height-251 { - height: 251px !important; -} - -.width-251 { - width: 251px !important; -} - -.height-252 { - height: 252px !important; -} - -.width-252 { - width: 252px !important; -} - -.height-253 { - height: 253px !important; -} - -.width-253 { - width: 253px !important; -} - -.height-254 { - height: 254px !important; -} - -.width-254 { - width: 254px !important; -} - -.height-255 { - height: 255px !important; -} - -.width-255 { - width: 255px !important; -} - -.height-256 { - height: 256px !important; -} - -.width-256 { - width: 256px !important; -} - -.height-257 { - height: 257px !important; -} - -.width-257 { - width: 257px !important; -} - -.height-258 { - height: 258px !important; -} - -.width-258 { - width: 258px !important; -} - -.height-259 { - height: 259px !important; -} - -.width-259 { - width: 259px !important; -} - -.height-260 { - height: 260px !important; -} - -.width-260 { - width: 260px !important; -} - -.height-261 { - height: 261px !important; -} - -.width-261 { - width: 261px !important; -} - -.height-262 { - height: 262px !important; -} - -.width-262 { - width: 262px !important; -} - -.height-263 { - height: 263px !important; -} - -.width-263 { - width: 263px !important; -} - -.height-264 { - height: 264px !important; -} - -.width-264 { - width: 264px !important; -} - -.height-265 { - height: 265px !important; -} - -.width-265 { - width: 265px !important; -} - -.height-266 { - height: 266px !important; -} - -.width-266 { - width: 266px !important; -} - -.height-267 { - height: 267px !important; -} - -.width-267 { - width: 267px !important; -} - -.height-268 { - height: 268px !important; -} - -.width-268 { - width: 268px !important; -} - -.height-269 { - height: 269px !important; -} - -.width-269 { - width: 269px !important; -} - -.height-270 { - height: 270px !important; -} - -.width-270 { - width: 270px !important; -} - -.height-271 { - height: 271px !important; -} - -.width-271 { - width: 271px !important; -} - -.height-272 { - height: 272px !important; -} - -.width-272 { - width: 272px !important; -} - -.height-273 { - height: 273px !important; -} - -.width-273 { - width: 273px !important; -} - -.height-274 { - height: 274px !important; -} - -.width-274 { - width: 274px !important; -} - -.height-275 { - height: 275px !important; -} - -.width-275 { - width: 275px !important; -} - -.height-276 { - height: 276px !important; -} - -.width-276 { - width: 276px !important; -} - -.height-277 { - height: 277px !important; -} - -.width-277 { - width: 277px !important; -} - -.height-278 { - height: 278px !important; -} - -.width-278 { - width: 278px !important; -} - -.height-279 { - height: 279px !important; -} - -.width-279 { - width: 279px !important; -} - -.height-280 { - height: 280px !important; -} - -.width-280 { - width: 280px !important; -} - -.height-281 { - height: 281px !important; -} - -.width-281 { - width: 281px !important; -} - -.height-282 { - height: 282px !important; -} - -.width-282 { - width: 282px !important; -} - -.height-283 { - height: 283px !important; -} - -.width-283 { - width: 283px !important; -} - -.height-284 { - height: 284px !important; -} - -.width-284 { - width: 284px !important; -} - -.height-285 { - height: 285px !important; -} - -.width-285 { - width: 285px !important; -} - -.height-286 { - height: 286px !important; -} - -.width-286 { - width: 286px !important; -} - -.height-287 { - height: 287px !important; -} - -.width-287 { - width: 287px !important; -} - -.height-288 { - height: 288px !important; -} - -.width-288 { - width: 288px !important; -} - -.height-289 { - height: 289px !important; -} - -.width-289 { - width: 289px !important; -} - -.height-290 { - height: 290px !important; -} - -.width-290 { - width: 290px !important; -} - -.height-291 { - height: 291px !important; -} - -.width-291 { - width: 291px !important; -} - -.height-292 { - height: 292px !important; -} - -.width-292 { - width: 292px !important; -} - -.height-293 { - height: 293px !important; -} - -.width-293 { - width: 293px !important; -} - -.height-294 { - height: 294px !important; -} - -.width-294 { - width: 294px !important; -} - -.height-295 { - height: 295px !important; -} - -.width-295 { - width: 295px !important; -} - -.height-296 { - height: 296px !important; -} - -.width-296 { - width: 296px !important; -} - -.height-297 { - height: 297px !important; -} - -.width-297 { - width: 297px !important; -} - -.height-298 { - height: 298px !important; -} - -.width-298 { - width: 298px !important; -} - -.height-299 { - height: 299px !important; -} - -.width-299 { - width: 299px !important; -} - -.height-300 { - height: 300px !important; -} - -.width-300 { - width: 300px !important; -} - -.height-auto { - height: auto !important; -} - -.width-auto { - width: auto !important; -} - -/* Deafult z-index and font-weight*/ -.z-index-0 { - z-index: 0 !important; -} - -.font-weight-0 { - font-weight: 0 !important; -} - -.z-index-1 { - z-index: 1 !important; -} - -.font-weight-100 { - font-weight: 100 !important; -} - -.z-index-2 { - z-index: 2 !important; -} - -.font-weight-200 { - font-weight: 200 !important; -} - -.z-index-3 { - z-index: 3 !important; -} - -.font-weight-300 { - font-weight: 300 !important; -} - -.z-index-4 { - z-index: 4 !important; -} - -.font-weight-400 { - font-weight: 400 !important; -} - -.z-index-5 { - z-index: 5 !important; -} - -.font-weight-500 { - font-weight: 500 !important; -} - -.z-index-6 { - z-index: 6 !important; -} - -.font-weight-600 { - font-weight: 600 !important; -} - -.z-index-7 { - z-index: 7 !important; -} - -.font-weight-700 { - font-weight: 700 !important; -} - -.z-index-8 { - z-index: 8 !important; -} - -.font-weight-800 { - font-weight: 800 !important; -} - -.z-index-9 { - z-index: 9 !important; -} - -.font-weight-900 { - font-weight: 900 !important; -} - -.z-index-10 { - z-index: 10 !important; -} - -.font-weight-1000 { - font-weight: 1000 !important; -} - -.mx-auto { - margin: 0 auto; -} - -.mr-auto { - margin-right: auto; -} - -.ml-auto { - margin-left: auto; -} - -.ac-system-body { - display: grid; - grid-gap: 0px; - grid-template-columns: 250px calc(100% - 250px); - padding-top: 50px; - transition: 0.3s ease-in-out; -} - -.ac-system-body.is-fullwidth { - grid-template-columns: auto !important; -} - -.sidebar-collapsed .ac-system-body { - grid-template-columns: 60px calc(100% - 60px); -} - -.ac-menu-item .ac-nav-button { - width: 32px; - height: 32px; - border-radius: 50%; - padding: 5px; - transition: all 0.3s ease-in-out; - position: relative; - z-index: 99; - user-select: none; - border: 1px solid #cbd5e1; - cursor: pointer; -} - -.ac-menu-item .ac-nav-button:after { - position: absolute; - content: ""; - left: 0; - top: 0; - opacity: 1; - z-index: -1; - width: 100%; - height: 100%; - border-radius: 50%; - transition: 0.3s ease-in-out; -} - -.ac-menu-item .ac-nav-button:focus { - box-shadow: none; -} - -.ac-menu-item .ac-nav-button:hover:after { - background-color: #e2e8f0; -} - -.ac-menu-item.ac-profile-button { - margin-right: 15px; -} - -.ac-menu-item.ac-profile-button button.button.ac-nav-button { - width: 100%; - background-color: transparent; - border-radius: 0; - font-weight: 500; - border: none; -} - -.ac-menu-item.ac-profile-button button.button.ac-nav-button::after { - border-radius: 0; - border: none; - background-color: transparent; -} - -.ac-menu-item.ac-profile-button button.button.ac-nav-button .ac-user-profile { - width: 32px; - height: 32px; - border-radius: 50%; - overflow: hidden; - border: 2px solid #e2e8f0; -} - -.ac-menu-item.ac-profile-button button.button.ac-nav-button i.fa { - padding-left: 8px; -} - -.ac-menu-item .ac-menu-content { - position: absolute; - right: 0; - top: 80px; - min-width: 180px; - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in; - width: 260px; - box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); -} - -.ac-menu-item .ac-menu-content.quick-access { - background-color: hsl(0, 0%, 100%); - padding: 20px; - min-width: 260px !important; - max-height: 250px; - overflow-y: auto; - border-radius: 4px; -} - -.ac-menu-item .ac-menu-content.quick-access .header { - display: flex; - justify-content: space-between; - align-items: center; - border-bottom: 1px solid #e2e8f0; - padding-bottom: 20px; -} - -.ac-menu-item .ac-menu-content.quick-access .header p { - font-size: 1rem; - color: #020617; -} - -.ac-menu-item .ac-menu-content.quick-access .header button { - background-color: transparent; - border: none; - cursor: pointer; - color: #334155; -} - -.ac-menu-item .ac-menu-content.quick-access .body-content { - margin-top: 20px; -} - -.ac-menu-item .ac-menu-content.quick-access .body-content p { - font-size: 1rem; - color: #020617; -} - -.ac-menu-item .ac-menu-content.quick-access .body-content .organizations .organization { - display: flex; - align-items: center; - justify-content: space-between; - padding: 5px 0; -} - -.ac-menu-item .ac-menu-content.quick-access .body-content .organizations .organization .org-info { - display: flex; - align-items: center; -} - -.ac-menu-item .ac-menu-content.quick-access .body-content .organizations .organization .org-info img { - max-width: 30px; - margin-right: 10px; - object-fit: cover; -} - -.ac-menu-item .ac-menu-content.quick-access .body-content .organizations .organization .remove { - border: none; - padding: 0; - font-size: 11px; - color: hsl(348, 100%, 40%); - background-color: transparent; -} - -.ac-menu-item .ac-menu-content.is-notification { - right: 0; - background-color: hsl(0, 0%, 100%); - box-shadow: 0px 4px 8px rgba(84, 101, 126, 0.2); - border-radius: 4px; - min-width: 330px; - max-height: 400px; - overflow-y: auto; -} - -.ac-menu-item .ac-menu-content.is-notification .notification-header { - padding: 20px 20px 6px 20px; - display: flex; - justify-content: space-between; - align-items: baseline; -} - -.ac-menu-item .ac-menu-content.is-notification .notification-header .left-content p { - font-weight: 500; - font-size: 1rem; - line-height: 19px; - margin-bottom: 15px; -} - -.ac-menu-item .ac-menu-content.is-notification .notification-header .left-content p span { - font-weight: normal; -} - -.ac-menu-item .ac-menu-content.is-notification .notification-header .left-content p.date { - font-size: 11px; - line-height: 14px; - font-weight: normal; - margin-bottom: 0; -} - -.ac-menu-item .ac-menu-content.is-notification .notification-header .right-content .button { - border: none; - margin: 0; - padding: 10px; - font-size: 1rem; -} - -.ac-menu-item .ac-menu-content.is-notification .notification-header .right-content .button.is-active { - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - color: hsl(0, 0%, 100%); -} - -.ac-menu-item .ac-menu-content.is-notification .notification-header .right-content .button.is-active img { - filter: brightness(100); -} - -.ac-menu-item .ac-menu-content.is-notification .notification-header .right-content .button:hover { - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - color: hsl(0, 0%, 100%); -} - -.ac-menu-item .ac-menu-content.is-notification .notification-header .right-content .button:hover img { - filter: brightness(100); -} - -.ac-menu-item .ac-menu-content.is-notification .notification-body .single-notification-item { - display: block; - border-top: 1px solid #e2e8f0; - padding: 15px 20px; - font-weight: 500; -} - -.ac-menu-item .ac-menu-content.is-notification .notification-body .single-notification-item.is-complete { - font-weight: 400; -} - -.ac-menu-item .ac-menu-content.is-notification .notification-body .single-notification-item:hover { - background-color: #d1e3f2; -} - -.ac-menu-item .ac-menu-content.is-notification .notification-body .single-notification-item p { - color: #020617; - font-size: 11px; -} - -.ac-menu-item .ac-menu-content.is-notification .notification-body .single-notification-item .notification-status { - margin-top: 10px; - display: flex; - align-items: center; - justify-content: space-between; -} - -.ac-menu-item .ac-menu-content.is-notification .notification-body .single-notification-item .notification-status p { - font-size: 11px; - color: #334155; -} - -.ac-menu-item .ac-menu-content.is-notification .notification-body .single-notification-item .notification-status p.is-success { - color: hsl(141, 53%, 40%); -} - -.ac-menu-item .ac-menu-content.is-notification .notification-body .single-notification-item .notification-status p.is-danger { - color: hsl(348, 100%, 40%); -} - -.ac-menu-item .ac-menu-content.is-notification .notification-body .single-notification-item .notification-status p.is-warning { - color: hsl(38, 93%, 50%); -} - -.ac-menu-item .ac-menu-content.is-notification .see-all-message { - border-top: 1px solid #e2e8f0; - text-align: center; - font-weight: 500; - font-size: 1rem; - color: #020617; - display: block; - padding: 10px 20px; -} - -.ac-menu-item .ac-menu-content ul { - background-color: hsl(0, 0%, 100%); - padding: 0; - overflow: hidden; -} - -.ac-menu-item .ac-menu-content ul li a { - display: block; - padding: 8px 15px; - color: #020617; - transition: 0.3s ease-in-out; - font-size: 1rem; -} - -.ac-menu-item .ac-menu-content ul li a:hover { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 95%); -} - -.ac-menu-item .ac-menu-content ul li a:hover p { - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)) !important; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper { - background-color: hsl(0, 0%, 100%); - border-radius: 4px; - border: 1px solid #e2e8f0; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .profile-area { - display: flex; - align-items: center; - border-bottom: 1px solid #e2e8f0; - padding: 16px 16px; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .profile-area .profile-photo { - border-radius: 50%; - position: relative; - z-index: 1; - margin-right: 10px; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .profile-area .profile-photo img { - border-radius: 50%; - width: 100%; - border: 2px solid #d2e7f9; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .profile-area .profile-photo .camera-icon { - position: absolute; - right: -10px; - top: 0; - background-color: transparent; - border: none; - cursor: pointer; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .profile-area .profile-info p { - color: #020617; - font-size: 1rem; - font-weight: 500; - line-height: 1.3; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .profile-area .profile-info a { - font-size: 1rem; - color: #334155; - line-height: 1.3; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .list-items { - max-height: calc(100vh - 200px); - overflow-y: auto; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .list-items li.is-close ul { - max-height: 0; - visibility: hidden; - transition: max-height 0.25s ease-out; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .list-items li.is-close ul.ac-vscrollbar { - padding: 0; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .list-items li.is-open ul { - padding: 8px; - max-height: 200px; - visibility: visible; - transition: max-height 0.25s ease-out; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .list-items li.is-open ul li { - padding: 0; - border: 1px solid #f1f5f9; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .list-items li a { - padding: 8px 16px; - font-weight: 500; - display: block; - color: #020617; - transition: 0.3s; - display: flex; - align-items: center; - gap: 8px; -} - -.ac-menu-item .ac-menu-content .user-profile-wrapper .list-items li a:hover { - background-color: hsl(var(--primary-hue), 10%, 96%); - color: hsl(var(--secondary-hue), var(--secondary-saturation), var(--secondary-light)); -} - -.ac-menu-item.is-active .ac-nav-button::after { - background-color: #e2e8f0; -} - -.ac-menu-item.is-active .ac-menu-content { - opacity: 1; - visibility: visible; - top: 35px; - z-index: 99; -} - -.ac-menu-item.is-active .ac-menu-content::after { - position: absolute; - content: ""; - right: 38px; - top: -6px; - background-color: hsl(0, 0%, 100%); - width: 15px; - height: 15px; - transform: rotate(45deg); - box-shadow: 0px -1px 4px rgba(0, 0, 0, 0.16); - z-index: -1; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper { - position: absolute; - border-radius: 4px; - z-index: 9999; - right: 0px; - top: 40px; - display: block; - transition: all 0.3s ease-in-out; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer { - border-radius: 4px; - overflow: hidden; - background-color: hsl(0, 0%, 100%); - border: 1px solid #e2e8f0; - max-height: calc(100vh - 100px); - overflow-y: auto; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li { - display: block; - font-size: 1rem; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li a { - display: block; - color: #020617 !important; - padding: 10px 20px !important; - font-size: 1rem !important; - transition: 0.2s; - border-bottom: 1px solid #e2e8f0; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li a:hover { - background-color: hsl(var(--primary-hue), 10%, 96%) !important; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li a span { - margin-top: -3px; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li a:hover .media-content .content p { - color: #334155; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li a .media .media-left .image img { - height: 24px; - width: auto; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li a .media .media-content { - overflow: hidden; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li a .media .media-content .content p { - vertical-align: middle; - line-height: 1; - transition: 0.3s; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li a .media .media-content .content p strong { - font-weight: 600; - font-size: 1rem; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li a .media .media-content .content p span { - display: block; - font-size: 1rem; - margin-top: 4px; - line-height: 150%; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li:hover > a { - background-color: hsl(0, 0%, 100%); -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li:first-child:hover > a { - border-radius: 4px 4px 0 0; -} - -.ac-menu-item .ac-menu-content.navbar-dropdown-wrapper ul.app-drawer li:last-child:hover > a { - border-radius: 0 0 4px 4px; -} - -.ac-navbar-area { - position: fixed; - margin-left: 250px; - width: 100%; - top: 0; - z-index: 999; - background-color: hsl(var(--secondary-hue), 10%, 96%); - border-bottom: 1px solid #e2e8f0; -} - -.ac-navbar-area.is-full { - margin-left: 0; -} - -.ac-navbar-area.is-full .ac-navbar { - grid-template-columns: 250px auto auto; - width: 100%; - gap: 20px; -} - -.ac-navbar-area.is-full .ac-navbar .ac-navbar-brand { - padding-left: 15px; -} - -.ac-navbar-area .ac-navbar { - display: inline-grid; - grid-template-columns: auto auto; - grid-gap: 0px; - align-items: center; - width: calc(100% - 255px); - height: 50px; -} - -.ac-navbar-area .ac-navbar .ac-navbar-brand { - display: flex; - align-items: center; -} - -.ac-navbar-area .ac-navbar .ac-navbar-brand a { - display: flex; -} - -.ac-navbar-area .ac-navbar .ac-navbar-brand .logo { - font-size: 20px; - font-weight: 600; - color: hsl(0, 0%, 100%); -} - -.ac-navbar-area .ac-navbar .ac-navbar-brand img { - max-height: 30px; -} - -.ac-navbar-area .ac-navbar .ac-navbar-cluster-switcher { - max-width: 350px; -} - -.ac-navbar-area .ac-navbar .ac-navbar-menu { - display: flex; - align-items: center; - justify-content: flex-end; -} - -.ac-navbar-area .ac-navbar .ac-navbar-menu .ac-menu-item { - position: relative; - z-index: 1; - margin-left: 8px; -} - -.ac-navbar-area .ac-navbar .ac-navbar-menu .ac-menu-item:first-child { - margin-left: 0; -} - -.sidebar-collapsed .ac-navbar .ac-navbar-brand { - padding-left: 70px !important; -} - -.notification-count { - position: absolute; - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - color: hsl(0, 0%, 100%); - padding: 4px; - font-size: 11px; - line-height: 1; - border-radius: 50px; - min-width: 20px; - height: 20px; - right: -10px; - top: -8px; - border: 1px solid hsl(var(--primary-hue), var(--primary-saturation), 97%); - opacity: 1; - z-index: 9; -} - -.dropdown-inner { - border-radius: 4px; - overflow: hidden; - background-color: hsl(0, 0%, 100%); - border: 1px solid #e2e8f0; -} - -.notification-header { - display: flex; - align-items: center; - justify-content: space-between; - border-bottom: 1px solid #e2e8f0; - padding: 8px 16px; -} - -.notification-header h5 { - color: #020617; -} - -.notification-header span { - display: flex; - color: hsl(var(--primary-hue), var(--primary-saturation), 30%); - padding: 2px 8px; - border-radius: 4px; - background-color: hsl(var(--primary-hue), var(--primary-saturation), 95%); -} - -.notification-body { - max-height: calc(100vh - 100px); - overflow-y: auto; -} - -.notification-body a { - display: flex; - color: #334155; - padding: 16px; - border-bottom: 1px solid #f1f5f9; - transition: 0.3s ease-in-out; - justify-content: space-between; -} - -.notification-body a:hover { - background-color: hsl(var(--secondary-hue), var(--secondary-saturation), 97%); -} - -.notification-body a:hover h6 { - color: hsl(var(--secondary-hue), var(--secondary-saturation), var(--secondary-light)); -} - -.notification-body a .round-icon { - width: 36px; - height: 36px; - background-color: hsl(var(--primary-hue), var(--primary-saturation), 95%); - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - font-size: 14px; - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; - margin-right: 8px; - line-height: 1; - font-weight: 500; -} - -.notification-body a .notification-content { - width: calc(100% - 60px); -} - -.notification-body a .notification-content h6 { - font-size: 14px; - font-weight: 500; - transition: 0.3s ease-in-out; -} - -.notification-body a .notification-content p { - font-size: 12px; -} - -.notification-body a span { - font-size: 11px; - color: #334155; -} - -.notification-footer button { - background-color: transparent; - border: none; - display: flex; - align-items: center; - justify-content: center; - width: 100%; - padding: 8px; - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - cursor: pointer; - transition: 0.3s ease-in-out; -} - -.notification-footer button:hover { - text-decoration: underline; -} - -.ac-single-input { - position: relative; - z-index: 1; - margin-bottom: 16px; -} - -.ac-single-input .prepend { - position: absolute; - left: 1px; - top: 1px; - width: 32px; - height: 34px; - display: flex; - align-items: center; - border-radius: 4px 0 0 4px; - justify-content: center; - border-right: 1px solid #cbd5e1; - background-color: hsl(0, 0%, 100%); -} - -.ac-single-input.is-disable, .ac-single-input.is-disabled { - opacity: 0.5; - pointer-events: none; - cursor: no-drop; -} - -.ac-single-input.is-disable input, -.ac-single-input.is-disable .button.is-information, -.ac-single-input.is-disable .eye i.fa, .ac-single-input.is-disabled input, -.ac-single-input.is-disabled .button.is-information, -.ac-single-input.is-disabled .eye i.fa { - cursor: not-allowed; -} - -.ac-single-input.is-information input { - padding-right: 45px; -} - -.ac-single-input.is-information input[type=password] { - padding-right: 80px; -} - -.ac-single-input.is-information span.eye i.fa { - right: 35px; -} - -.ac-single-input.is-success input, -.ac-single-input.is-success .ac-card, -.ac-single-input.is-success textarea, -.ac-single-input.is-success select { - border: 1px solid hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)) !important; -} - -.ac-single-input.is-success p { - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.ac-single-input.is-danger input, -.ac-single-input.is-danger .ac-card, -.ac-single-input.is-danger textarea, -.ac-single-input.is-danger select { - border: 1px solid hsl(348, 100%, 40%); -} - -.ac-single-input.is-danger p { - color: hsl(348, 100%, 40%); -} - -.ac-single-input.is-loading input, -.ac-single-input.is-loading .ac-card, -.ac-single-input.is-loading textarea { - border: 1px solid hsl(217, 71%, 50%); - opacity: 0.5; -} - -.ac-single-input.is-loading p { - color: hsl(217, 71%, 50%); - opacity: 0.5; -} - -.ac-single-input.borderless-input input { - border: none; - font-size: 1rem; - padding: 4px 7px; - height: 30px; - background-color: hsl(0, 0%, 100%); - padding-right: 30px; -} - -.ac-single-input.borderless-input input[type=password] { - padding-right: 30px; -} - -.ac-single-input.borderless-input input:focus { - outline: none; - border: none; -} - -.ac-single-input.borderless-input span.eye i.fa { - padding: 9px; - font-size: 12px; -} - -.ac-single-input.is-normal input, -.ac-single-input.is-normal select { - height: 45px; - font-size: 15px; - font-weight: 400; -} - -.ac-single-input.is-normal .button.is-information { - height: 45px; - width: 45px; - margin-top: 0; -} - -.ac-single-input.is-normal span.eye i.fa { - padding: 14px 10px; -} - -.ac-single-input.is-normal .ac-search-button { - margin-top: -22.5px; -} - -.ac-single-input.is-normal label { - top: 14px; - font-size: 1rem; -} - -.ac-single-input.is-normal label.show-label { - font-size: 12px; - color: hsl(0, 0%, 40%); - top: -9px; - font-weight: 500; - background-color: hsl(0, 0%, 100%); -} - -.ac-single-input.is-normal .control.has-icons-right .icon { - height: 45px; - width: 30px; - font-size: 1rem; -} - -.ac-single-input.is-small input, -.ac-single-input.is-small select { - height: 36px; - font-size: 1rem; - font-weight: 400; -} - -.ac-single-input.is-small .button.is-information { - height: 36px; - width: 36px; - margin-top: 0; - padding: 10px; -} - -.ac-single-input.is-small span.eye i.fa { - padding: 10px; -} - -.ac-single-input.is-small .ac-search-button { - margin-top: -18px; -} - -.ac-single-input.is-small label { - top: 8px; - font-size: 1rem; -} - -.ac-single-input.is-small label.switch-label { - top: 0; -} - -.ac-single-input.is-small label.show-label { - font-size: 12px; - top: -9px; - font-weight: 500; - color: hsl(0, 0%, 40%); -} - -.ac-single-input.is-small label.show-label.is-required:after { - width: calc(100% + 10px); -} - -.ac-single-input.is-small .control.has-icons-right .icon { - height: 36px; - width: 25px; - font-size: 1rem; -} - -.ac-single-input.is-extra-small input, -.ac-single-input.is-extra-small select { - height: 32px; - font-size: 1rem; - font-weight: 400; -} - -.ac-single-input.is-extra-small .button.is-information { - height: 32px; - width: 32px; - margin-top: 0; -} - -.ac-single-input.is-extra-small span.eye i.fa { - padding: 10px; -} - -.ac-single-input.is-extra-small .ac-search-button { - margin-top: 0px; - top: 0; - display: flex; - align-items: center; - width: 40px; - justify-content: center; -} - -.ac-single-input.is-extra-small .ac-search-button svg { - width: 18px; -} - -.ac-single-input.is-extra-small label { - top: 6px; - font-size: 1rem; -} - -.ac-single-input.is-extra-small label.switch-label { - top: 0; -} - -.ac-single-input.is-extra-small label.show-label { - font-size: 12px; - top: -9px; -} - -.ac-single-input.is-extra-small .control.has-icons-right .icon { - height: 32px; - width: 25px; - font-size: 1rem; -} - -.ac-single-input:last-child { - margin-bottom: 0; -} - -.ac-single-input label { - font-size: 1rem; - left: 15px; - top: 11px; - cursor: text; - color: #020617; - position: absolute; - z-index: 2; - transition: 0.1s ease-in-out; -} - -.ac-single-input label .is-required { - color: hsl(348, 100%, 40%); -} - -.ac-single-input label .is-required img { - position: absolute; - top: 7px; - padding-left: 3px; -} - -.ac-single-input label.show-label { - top: -9px; - left: 10px; - padding: 0 5px; - font-size: 1rem; - color: hsl(0, 0%, 40%); -} - -.ac-single-input label.show-label:after { - position: absolute; - content: ""; - left: 0; - top: 50%; - background-color: hsl(0, 0%, 100%); - width: 100%; - height: 2px; - margin-top: -1px; - z-index: -1; -} - -.ac-single-input .button.is-information { - background-color: transparent; - border: none; - position: absolute; - right: 0; - height: 32px; - width: 32px; - margin-top: 0; -} - -.ac-single-input .button.is-information:focus { - outline: none; - box-shadow: none; - background-color: #e4e8ef; - transform: scale(0.8); -} - -.ac-single-input .ac-search-button { - background-color: transparent; - border: none; - position: absolute; - left: 0; - top: 50%; - width: 32px; - height: 100%; - margin-top: -15px; - color: #334155; - cursor: pointer; -} - -.ac-single-input .ac-dropdown-content { - position: absolute; - background-color: #e2e8f0; - width: 100%; - height: auto; - box-shadow: 0px 4px 16px rgba(132, 147, 168, 0.6); - border-radius: 4px; - overflow: hidden; -} - -.ac-single-input .ac-dropdown-content ul li a { - color: #020617; - display: block; - font-size: 1rem; - padding: 8px 20px; - transition: 0.3s; -} - -.ac-single-input .ac-dropdown-content ul li a:hover { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 20%); - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.ac-single-input .ac-textarea .ac-label.is-required:after { - width: calc(100% + 10px); -} - -.ac-single-input .ac-textarea textarea { - border: 1px solid #cbd5e1; - background-color: transparent; - padding: 10px 15px; - min-height: 150px; -} - -.ac-single-input .ac-textarea textarea.bg-white { - background-color: transparent; -} - -.ac-single-input .ac-textarea textarea:focus { - outline: none; - border: 1px solid hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.ac-single-input input, -.ac-single-input .ac-card, -.ac-single-input textarea, -.ac-single-input select { - background-color: hsl(0, 0%, 100%); - color: #020617; - height: 45px; - font-weight: 400; - width: 100%; - border-radius: 4px; - border: 1px solid #cbd5e1; - padding: 8px 15px; - font-size: 1rem; - transition: background-color 0.1s ease-in-out; -} - -.ac-single-input input:hover, -.ac-single-input .ac-card:hover, -.ac-single-input textarea:hover, -.ac-single-input select:hover { - border-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.ac-single-input input.bg-white, -.ac-single-input .ac-card.bg-white, -.ac-single-input textarea.bg-white, -.ac-single-input select.bg-white { - background-color: hsl(0, 0%, 100%); -} - -.ac-single-input input.StripeElement--focus, -.ac-single-input .ac-card.StripeElement--focus, -.ac-single-input textarea.StripeElement--focus, -.ac-single-input select.StripeElement--focus { - border: 1px solid hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.ac-single-input input:focus, -.ac-single-input .ac-card:focus, -.ac-single-input textarea:focus, -.ac-single-input select:focus { - border: 1px solid hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - outline: none; - background-color: hsl(0, 0%, 100%); -} - -.ac-single-input input[type=password], -.ac-single-input .ac-card[type=password], -.ac-single-input textarea[type=password], -.ac-single-input select[type=password] { - padding-right: 40px; -} - -.ac-single-input input[type=search], -.ac-single-input .ac-card[type=search], -.ac-single-input textarea[type=search], -.ac-single-input select[type=search] { - padding-left: 30px; -} - -.ac-single-input .ac-card { - height: 36px; - padding: 10px 20px; -} - -.ac-single-input textarea { - height: 55px; -} - -.ac-single-input b.isRequired { - color: hsl(348, 100%, 40%); - font-size: 1rem; - position: absolute; - right: 5px; - z-index: 9; -} - -.ac-single-input span.eye i.fa { - color: #cbd5e1; - position: absolute; - cursor: pointer; - padding: 15px; - right: 0; - top: 0; -} - -.ac-single-input .is-danger { - font-size: 12px; - line-height: 22px; - color: hsl(348, 100%, 40%); - text-align: left; -} - -.ac-single-input .is-danger i.fa { - padding-right: 10px; -} - -.ac-input.ac-search { - width: 42px; - transition: 0.3s ease-in-out; - padding: 0; -} - -.ac-search:focus { - width: 200px !important; - padding-right: 10px; -} - -.ac-single-radio .is-checkradio[type=radio] + label { - padding-left: 25px; -} - -.ac-single-radio .is-checkradio[type=radio] + label:before { - width: 16px; - height: 16px; - top: 4px; - background: transparent; -} - -.ac-single-radio .is-checkradio[type=radio] + label:after { - width: 16px; - height: 16px; - top: 4px; -} - -.file.ac-file .file-name { - border-color: #cbd5e1; - max-width: 100%; - width: 100%; - height: 36px; - display: flex; - align-items: center; -} - -.file.ac-file .file-label { - width: 100%; -} - -.file.ac-file .file-cta { - color: #020617; - height: 100%; - background-color: hsl(var(--secondary-hue), 10%, 96%); -} - -.file.ac-file:hover .file-cta, -.file.ac-file:hover .file-name { - border-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.file-upload { - border: 1px dashed #cbd5e1; - border-radius: 4px; -} - -.file-upload:hover { - background-color: hsl(var(--secondary-hue), 10%, 96%); - border-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.file-upload:hover label .upload-icon { - border: 1px solid #cbd5e1; -} - -.file-upload:hover label .upload-icon svg { - color: #020617; -} - -.file-upload label { - cursor: pointer; - padding: 32px; - display: block; -} - -.file-upload label .upload-icon { - border: 1px solid #e2e8f0; - display: inline-flex; - align-items: center; - justify-content: center; - border-radius: 50%; - width: 100px; - height: 100px; - margin-bottom: 24px; - padding: 24px; -} - -.file-upload label .upload-icon svg { - color: hsl(var(--primary-hue), var(--primary-saturation), 30%); -} - -.file-upload label p { - color: #020617; -} - -.file-upload label p strong { - font-weight: 600; -} - -.button { - color: #334155; - background-color: hsl(0, 0%, 100%); -} - -.button.ac-button { - padding: 8px 16px; - font-weight: 500; - line-height: 1; -} - -.button.ac-button.is-primary { - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.button.ac-button.is-primary:hover { - background-color: hsl(var(--primary-hue), var(--primary-saturation), calc(var(--primary-light) - 3%)); -} - -.button.ac-button.is-primary.is-light { - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - background-color: hsl(var(--primary-hue), var(--primary-saturation), 95%); -} - -.button.ac-button.is-primary.is-light:hover { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 90%); -} - -.button.ac-button.is-primary.is-light:focus:not(:hover) { - color: inherit; -} - -.button.ac-button.is-primary.is-light:disabled:not(.is-outlined) { - border-color: transparent; -} - -.button.ac-button.is-primary.is-outlined:not(.is-light:disabled) { - border-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - background-color: transparent; -} - -.button.ac-button.is-primary.is-outlined:not(.is-light:disabled):hover { - border-color: hsl(var(--primary-hue), var(--primary-saturation), 30%); - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - color: hsl(0, 0%, 100%); -} - -.button.ac-button.is-primary.is-outlined:not(.is-light:disabled).is-loading::after { - border-color: transparent transparent hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)) hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)) !important; -} - -.button.ac-button.is-warning.is-light { - color: hsl(38, 93%, 30%); -} - -.button.ac-button.is-warning.is-light:focus:not(:hover) { - color: inherit; -} - -.button.ac-button.is-warning.is-light:disabled:not(.is-outlined) { - border-color: transparent; -} - -.button.ac-button.is-info.is-light { - color: hsl(217, 71%, 30%); -} - -.button.ac-button.is-info.is-light:focus:not(:hover) { - color: inherit; -} - -.button.ac-button.is-info.is-light:disabled:not(.is-outlined) { - border-color: transparent; -} - -.button.ac-button.is-danger.is-light { - color: hsl(348, 100%, 30%); -} - -.button.ac-button.is-danger.is-light:focus:not(:hover) { - color: inherit; -} - -.button.ac-button.is-danger.is-light:disabled:not(.is-outlined) { - border-color: transparent; -} - -.button.ac-button.is-success.is-light { - color: hsl(141, 53%, 30%); -} - -.button.ac-button.is-success.is-light:focus:not(:hover) { - color: inherit; -} - -.button.ac-button.is-success.is-light:disabled:not(.is-outlined) { - border-color: transparent; -} - -.button.ac-button.is-light.is-loading::after { - border-color: transparent transparent hsl(var(--primary-hue), var(--primary-saturation), 5%) hsl(var(--primary-hue), var(--primary-saturation), 5%) !important; -} - -.button.ac-button.is-light.is-outlined:hover { - border-color: inherit; -} - -.button.ac-button.is-small { - padding: 4px 12px; -} - -.button.ac-button.is-small:not(.is-rounded) { - border-radius: 4px; -} - -.button.ac-button.is-small.is-square { - width: 28px; - height: 28px; - align-items: center; - justify-content: center; -} - -.button.ac-button.is-medium { - font-size: 1rem; - height: 36px; -} - -.button.ac-button.is-medium.is-square { - width: 36px; - align-items: center; - justify-content: center; -} - -.button.ac-button.is-tinny { - height: 24px; - padding: 0 8px; -} - -button.is-primary { - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.up-down-buttons { - border-radius: 4px; - overflow: hidden; - position: relative; - z-index: 1; - max-width: 36px; - margin-bottom: 0 !important; -} - -.up-down-buttons button.ac-button { - width: 36px; - height: 18px; - cursor: pointer; - border: none; - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - background-color: #e2e8f0; - transition: 0.3s ease-in-out; - margin: 0 !important; - border-radius: 0; -} - -.up-down-buttons button.ac-button:hover { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 80%); -} - -.up-down-buttons button.ac-button.is-primary { - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - color: hsl(0, 0%, 100%); -} - -.up-down-buttons button.ac-button.is-primary:hover { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 30%); -} - -.up-down-buttons button.ac-button .icon { - margin: 0; - padding: 0; - width: auto; - height: auto; -} - -.buttons.has-addons.has-gap { - border: 1px solid #ddd; - padding: 4px; - display: inline-flex; - border-radius: 4px; -} - -.buttons.has-addons.has-gap .button { - margin: 0; - border: none; - border-radius: 4px; -} - -.buttons.has-addons.has-gap .button:focus { - box-shadow: none; -} - -.ac-modal { - min-height: 100vh; - position: fixed; - width: 100%; - left: 0; - top: 0; - z-index: 99999; -} - -.ac-modal.is-side-panel-modal { - margin: 0; - padding: 0; - min-height: 100vh; - left: auto; - right: 0; -} - -.ac-modal.is-side-panel-modal .ac-modal-inner { - margin: 0 0 0 auto; - height: 100vh; - border-radius: 0; - max-width: 1200px; -} - -.ac-modal.is-side-panel-modal .ac-modal-inner .ac-modal-body { - height: calc(100vh - 110px); - max-height: inherit; -} - -.ac-modal .ac-button.is-white { - margin-right: -10px; -} - -.ac-modal:after { - position: absolute; - content: ""; - left: 0; - top: 0; - width: 100%; - height: 100%; - background-color: hsl(var(--primary-hue), var(--primary-saturation), 5%); - z-index: -1; - opacity: 0.5; -} - -.ac-modal.is-small .ac-modal-inner { - border-radius: 4px; - width: 446px; -} - -.ac-modal.is-normal .ac-modal-inner { - width: 518px; -} - -.ac-modal.is-medium .ac-modal-inner { - width: 800px; -} - -.ac-modal.is-large .ac-modal-inner { - width: 1000px !important; -} - -.ac-modal .ac-modal-inner { - margin: 0 auto; - background-color: hsl(0, 0%, 100%); - border-radius: 4px; - overflow: hidden; - box-shadow: 12px 26px 118px rgba(0, 0, 0, 0.16); -} - -.ac-modal .ac-modal-inner .ac-modal-header { - background-color: hsl(0, 0%, 100%); - padding: 10px 20px; - display: flex; - align-items: center; - justify-content: space-between; - border: 1px solid #e2e8f0; -} - -.ac-modal .ac-modal-inner .ac-modal-header h6 { - color: #020617; -} - -.ac-modal .ac-modal-inner .ac-modal-header .ms-close-button button { - cursor: pointer; - padding: 3px 5px; - color: #020617; -} - -.ac-modal .ac-modal-inner .ac-modal-body { - padding: 20px; - max-height: calc(100vh - 230px); - overflow-y: auto; -} - -.ac-modal .ac-modal-inner .ac-modal-body .ac-modal-content img { - height: auto; -} - -.ac-modal .ac-modal-inner .ac-modal-body .ac-modal-content .action-message p { - font-size: 16px; - margin-bottom: 10px; -} - -.ac-modal .ac-modal-inner .ac-modal-body .ac-modal-content .action-message p:last-child { - margin-bottom: 0; -} - -.ac-modal .ac-modal-inner .ac-modal-body .ac-modal-content .action-message p.is-description { - font-weight: 400; - color: #020617; -} - -.ac-modal .ac-modal-inner .ac-modal-body .ac-modal-content .action-message p.is-description strong { - font-weight: 500; -} - -.ac-modal .ac-modal-inner .ac-modal-footer { - border-top: 1px solid #e2e8f0; - padding: 10px 20px; -} - -/**************************************** -Responsive Classes -*****************************************/ -@media (max-width: 575.98px) { - .ac-modal.is-small .ac-modal-inner { - width: 266px; - } - .ac-modal.is-normal .ac-modal-inner { - width: calc(100% - 15px); - } - .ac-modal.is-medium .ac-modal-inner { - width: calc(100% - 15px); - } - .ac-modal.is-large .ac-modal-inner { - width: calc(100% - 15px); - } - .ac-modal .action-message.pt-35.pb-35 { - padding-top: 20px !important; - padding-bottom: 20px !important; - } -} -@media (min-width: 576px) and (max-width: 767.98px) { - .ac-modal.is-small .ac-modal-inner { - width: 266px; - } - .ac-modal.is-normal .ac-modal-inner { - width: calc(100% - 15px); - } - .ac-modal.is-medium .ac-modal-inner { - width: calc(100% - 15px); - } - .ac-modal.is-large .ac-modal-inner { - width: calc(100% - 15px); - } -} -@media (min-width: 768px) and (max-width: 991.98px) { - .ac-modal.is-normal .ac-modal-inner { - width: calc(100% - 50px); - } - .ac-modal.is-medium .ac-modal-inner { - width: calc(100% - 50px); - } - .ac-modal.is-large .ac-modal-inner { - width: calc(100% - 50px); - } -} -.table-container.ac-table-container { - margin-bottom: 8px; - /* Track */ - /* Handle */ - /* Handle on hover */ -} - -.table-container.ac-table-container::-webkit-scrollbar { - height: 7px; -} - -.table-container.ac-table-container::-webkit-scrollbar-track { - background-color: #d1d4de; - border-radius: 10px; -} - -.table-container.ac-table-container::-webkit-scrollbar-thumb { - background-color: hsl(0, 0%, 70%); - border-radius: 10px; -} - -.table-container.ac-table-container::-webkit-scrollbar-thumb:hover { - background-color: hsl(0, 0%, 60%); -} - -.table.ac-table { - background-color: transparent; - margin-bottom: 0; -} - -.table.ac-table thead { - font-size: 1rem; - line-height: initial; -} - -.table.ac-table thead tr { - border-bottom: 1px solid #f1f5f9; -} - -.table.ac-table thead tr th { - padding: 10px 20px; - color: #020617; - border: none; - font-weight: 500; - background-color: hsl(var(--secondary-hue), 10%, 96%); - font-weight: 500; -} - -.table.ac-table thead tr th.sorting { - cursor: pointer; - position: relative; -} - -.table.ac-table thead tr th.sorting.sorting-asc::before { - color: #020617; -} - -.table.ac-table thead tr th.sorting.sorting-desc::after { - color: #020617; -} - -.table.ac-table thead tr th.sorting:after, .table.ac-table thead tr th.sorting::before { - position: absolute; - color: #808998; - top: 10px; - font-size: 1rem; - font-weight: 1000; - display: block; -} - -.table.ac-table thead tr th.sorting:before { - right: 1em; - content: "↑"; -} - -.table.ac-table thead tr th.sorting:after { - right: 0.5em; - content: "↓"; -} - -.table.ac-table tbody.is-selected { - transform: matrix(1, 0, 0, 1, 0, 0) !important; - box-shadow: inset 0 0 0 1px hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - border-radius: 4px; - border-bottom: none; - color: hsl(0, 0%, 5%); -} - -.table.ac-table tbody tr { - border-bottom: 1px solid #e2e8f0; - transition: 0.3s ease-in-out; -} - -.table.ac-table tbody tr.is-link { - cursor: pointer; -} - -.table.ac-table tbody tr.is-selected { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 97%) !important; - transform: matrix(1, 0, 0, 1, 0, 0) !important; - box-shadow: inset 0 0 0 1.2px hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - border-radius: 4px; - border-bottom: none; - color: hsl(0, 0%, 5%); - transition: 0.3s ease-in-out; -} - -.table.ac-table tbody tr.is-selected .tag { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 80%); -} - -.table.ac-table tbody tr.is-selected:hover { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 95%) !important; - transform: matrix(1, 0, 0, 1, 0, 0) !important; - box-shadow: inset 0 0 0 1.2px hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)) !important; -} - -.table.ac-table tbody tr.is-hoverless { - box-shadow: none !important; - transform: none !important; - background-color: hsl(0, 0%, 100%) !important; -} - -.table.ac-table tbody tr td { - font-size: 1rem; - padding: 5px 20px; - color: #020617; - border: none; - white-space: nowrap; -} - -.table.ac-table tbody tr td a:not(.tag a) { - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - font-weight: 500 !important; - transition: 0.3s ease-in-out; - font-weight: 400; -} - -.table.ac-table tbody tr td .tags .tag a { - color: inherit; - transition: 0.3s ease-in-out; - font-weight: 500; -} - -.table.ac-table tbody tr td .tags .tag a:hover { - color: #020617; -} - -.table.ac-table tbody tr td.is-danger { - color: hsl(348, 100%, 40%); -} - -.table.ac-table tbody tr td .image-with-status { - margin-right: 20px; - position: relative; - z-index: 1; - display: inline-flex; -} - -.table.ac-table tbody tr td .image-with-status.is-danger { - background-color: hsl(348, 100%, 40%); -} - -.table.ac-table tbody tr td .image-with-status i.fa { - position: absolute; - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - color: hsl(0, 0%, 100%); - font-size: 11px; - width: 15px; - height: 15px; - text-align: center; - line-height: 15px; - border-radius: 50%; - right: -5px; - top: 5px; -} - -.table.ac-table tbody tr td .image-with-status i.fa.fa-close { - background-color: hsl(348, 100%, 40%); -} - -.table.ac-table tbody tr td .image-with-status img { - width: 20px; - height: 20px; - object-fit: cover; - border-radius: 50%; -} - -.table.ac-table tbody tr td .collapsible-row { - max-height: 0; - overflow-y: hidden; -} - -.table.ac-table tbody tr td .collapsible-row.is-active { - max-height: 60vh; - overflow-y: overlay; - animation: expand 0.5s ease-in-out; -} - -.table.ac-table tbody tr td .collapsible-row.is-closed { - max-height: 0; - overflow-y: hidden; - animation: collapse 0.5s ease-in-out; -} - -.table.ac-table tbody tr .options-items a:hover { - color: hsl(0, 0%, 100%); - text-decoration: none; -} - -.table.ac-table .increase-width { - position: relative; - visibility: hidden; - width: 36px; -} - -.table.ac-table .increase-width .increase-innner { - border-bottom: 1px solid #e2e8f0; - border-top: 1px solid #e2e8f0; - bottom: -1px; - left: 0; - position: absolute; - right: -451px; - top: -1px; - visibility: visible; - background-color: #e2e8f0; -} - -.table.ac-table td.increase-width .increase-innner { - background-color: transparent; -} - -.table.ac-table.is-bordered thead tr th { - background-color: hsl(var(--secondary-hue), 10%, 96%); - border-top: 1px solid #f1f5f9; - border-bottom: 1px solid #f1f5f9; - border-right: 1px solid #f1f5f9; -} - -.table.ac-table.is-bordered thead tr th:first-child { - border-left: 1px solid transparent; -} - -.table.ac-table.is-bordered thead tr th:last-child { - border-right: 1px solid transparent; -} - -.table.ac-table.is-bordered tbody tr:hover { - box-shadow: none; -} - -.table.ac-table.is-bordered tbody tr td { - font-size: 1rem; - color: #334155; - background-color: transparent; - border-bottom: 1px solid #f1f5f9; - border-right: 1px solid #f1f5f9; -} - -.table.ac-table.is-bordered tbody tr td:last-child { - border-right: 1px solid transparent; -} - -.table.ac-table.is-bordered tbody tr td:first-child { - border-left: 1px solid transparent; -} - -.table.ac-table.is-bordered tbody tr td:first-child { - color: #020617; - border-radius: 0; -} - -.table.ac-table.is-bordered tbody tr td:last-child { - border-radius: 0; -} - -.table.ac-table.is-bordered tbody tr td .ac-single-checkbox .is-checkradio[type=checkbox].ac-checkbox + label { - color: #334155; -} - -.table.ac-table.is-bordered tbody tr td .ac-single-checkbox .is-checkradio[type=checkbox].ac-checkbox + label::before { - height: 16px; - width: 16px; - background-color: hsl(var(--primary-hue), var(--primary-saturation), 95%); -} - -.table.ac-table.is-bordered tbody tr td .ac-single-checkbox .is-checkradio[type=checkbox].ac-checkbox + label::after { - top: 6px; - left: 6px; - border-color: hsl(0, 0%, 80%); - width: 0.3rem; - height: 0.5rem; -} - -.table.ac-table.is-bordered tbody tr td .ac-single-checkbox .is-checkradio[type=checkbox]:checked + label::before { - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - border-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.table.ac-table.is-bordered tbody tr td .ac-single-checkbox .is-checkradio[type=checkbox]:checked + label::after { - border-color: #e2e8f0; -} - -.table.ac-table.is-bordered tbody tr td .is-checkradio[type=checkbox].ac-checkbox:checked + label::before { - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - border-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.table.ac-table.is-bordered tbody tr td .is-checkradio[type=checkbox] + label::before, -.table.ac-table.is-bordered tbody tr td .is-checkradio[type=checkbox] + label:before { - top: 3px; -} - -.table.ac-table.ac-separate-tr { - border-collapse: separate; - border-spacing: 0px 5px; -} - -.table.ac-table.ac-separate-tr tbody tr { - background-color: transparent; -} - -.table.ac-table.is-middle tbody tr td { - vertical-align: middle; -} - -.table.ac-table.is-baseline tbody tr td { - vertical-align: baseline; -} - -.table.ac-table.is-bottom tbody tr td { - vertical-align: bottom; -} - -.table.ac-table.is-dark thead { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 5%); -} - -.table.ac-table.is-dark thead tr th { - color: hsl(0, 0%, 100%); -} - -.table.ac-table.is-dark tbody tr td { - color: hsl(0, 0%, 100%); -} - -.table.ac-table.is-dark tbody tr:nth-child(odd) { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 20%); -} - -.table.ac-table.is-dark tbody tr:nth-child(even) { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 5%); -} - -.table.ac-table.is-dark tbody tr:hover { - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.table.ac-table.is-dark tbody tr:hover td { - color: hsl(0, 0%, 100%); -} - -.table.ac-table tbody tr:hover td a:not(.tag a) { - text-decoration: underline; - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.table-inner-shadow { - border-radius: 0px; - background: #e2e8f0; - box-shadow: inset 5px 5px 10px #e3e6e9, inset -5px -5px 10px hsl(0, 0%, 100%); -} - -@keyframes expand { - from { - max-height: 0; - overflow-y: hidden; - } - 1% { - overflow-y: hidden; - } - 99% { - overflow-y: hidden; - } - to { - max-height: 60vh; - overflow-y: overlay; - } -} -@keyframes collapse { - from { - max-height: 60vh; - overflow-y: overlay; - } - 1% { - overflow-y: hidden; - } - 99% { - overflow-y: hidden; - } - to { - max-height: 0; - overflow-y: hidden; - } -} -.multiselect .multiselect__tags { - background-color: hsl(0, 0%, 100%); - min-height: 36px; - font-weight: 500; - width: 100%; - border-radius: 4px; - border: 1px solid #cbd5e1; - padding: 6px 30px 8px 15px; - font-size: 1rem; - border-radius: 4px; -} - -.multiselect .multiselect__tags:hover { - border-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.multiselect .multiselect__tags .multiselect__placeholder { - margin: 0; - padding: 0; - font-weight: 500; - font-size: 1rem; -} - -.multiselect .multiselect__tags .multiselect__tags-wrap { - display: flex; - align-items: center; - flex-wrap: wrap; -} - -.multiselect .multiselect__tags .multiselect__tag { - background-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - margin-top: 4px; - margin-bottom: 0; -} - -.multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon { - font-size: 12px; -} - -.multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon::after { - color: hsl(0, 0%, 100%); -} - -.multiselect .multiselect__tags .multiselect__tag .multiselect__tag-icon:hover { - background-color: hsla(var(--hsl-hue), var(--hsl-saturation), calc(var(--hsl-lightness) - 9%), 1); -} - -.multiselect .multiselect__tags .multiselect__input, -.multiselect .multiselect__tags .multiselect__single { - background-color: hsl(0, 0%, 100%); - margin-bottom: 0; - margin: 0 !important; - padding-left: 0; - left: 0px; - font-size: 1rem !important; - font-weight: 500; - color: #020617; - line-height: 1.5; -} - -.multiselect .multiselect__tags .multiselect__single { - margin-top: 3px; - margin-bottom: 0; -} - -.multiselect .multiselect__select { - height: 36px; -} - -.multiselect .multiselect__content .multiselect__element .multiselect__option { - padding: 4px 16px; - min-height: 32px; - font-size: 1rem; - display: flex; - align-items: center; -} - -.multiselect .multiselect__content .multiselect__element .multiselect__option img { - width: 30px; -} - -.multiselect .multiselect__content .multiselect__element .multiselect__option p { - font-size: 1rem; - color: #020617; -} - -.multiselect .multiselect__content .multiselect__element .multiselect__option p:not(.location) { - font-weight: 500; -} - -.multiselect .multiselect__content .multiselect__element .multiselect__option a { - display: block; - font-weight: 400; - margin-top: -12px; - margin-bottom: -12px; - padding-top: 12px; - padding-bottom: 12px; - width: 100%; -} - -.multiselect .multiselect__content .multiselect__element .multiselect__option:hover { - background-color: hsl(var(--secondary-hue), 10%, 96%); - color: hsl(var(--secondary-hue), var(--secondary-saturation), var(--secondary-light)); -} - -.multiselect .multiselect__content .multiselect__element .multiselect__option.multiselect__option--highlight { - background-color: transparent; - color: hsl(var(--secondary-hue), var(--secondary-saturation), var(--secondary-light)); -} - -.multiselect .multiselect__content .multiselect__element .multiselect__option.multiselect__option--highlight:hover { - background-color: hsl(var(--primary-hue), 10%, 96%); -} - -.multiselect .multiselect__content .multiselect__element .multiselect__option.multiselect__option--highlight:after { - background-color: hsl(var(--secondary-hue), 10%, 96%); - color: hsl(var(--secondary-hue), var(--secondary-saturation), var(--secondary-light)); -} - -.multi-select-wrapper.is-last-child-bold .multiselect .multiselect__content .multiselect__element:nth-last-child(-n+3) .multiselect__option { - font-weight: 500; -} - -.multiselect__element span label { - padding-left: 15px !important; - font-size: 1rem !important; - color: hsl(var(--primary-hue), var(--primary-saturation), 10%) !important; -} - -.multiselect__element span label:after { - position: inherit !important; - content: "" !important; - background-color: transparent; -} - -.multiselect__input::placeholder { - color: #334155; - font-weight: 400; - line-height: 1.6; - font-size: 1rem; -} - -.multiselect__tags > span { - font-size: 1rem; - line-height: 1; - color: #020617; -} - -.multi-select-wrapper { - position: relative; - z-index: 0; -} - -.multi-select-wrapper .multiselect--disabled { - opacity: unset; - background: transparent !important; -} - -.multi-select-wrapper.is-disable { - opacity: 0.5; - cursor: not-allowed; -} - -.multi-select-wrapper.is-disable input, -.multi-select-wrapper.is-disable .button.is-information, -.multi-select-wrapper.is-disable .eye i.fa { - cursor: not-allowed; -} - -.multi-select-wrapper .multiselect__input { - border: none !important; -} - -.multi-select-wrapper.has-bg-color label.show-label:after { - background-color: transparent; -} - -.multi-select-wrapper.is-small label { - font-size: 1rem; - top: 6px; -} - -.multi-select-wrapper.is-small label.show-label { - font-size: 12px; - top: -9px; - font-weight: 500; - color: hsl(0, 0%, 40%); -} - -.multi-select-wrapper.is-small .button.is-information { - width: 36px; - height: 36px; -} - -.multi-select-wrapper.is-small .multiselect__select { - height: 100%; -} - -.multi-select-wrapper.is-small .multiselect__tags .multiselect__tag { - padding: 5px 20px 4px 10px; - font-size: 12px; -} - -.multi-select-wrapper.is-small .multiselect { - min-height: auto; -} - -.multi-select-wrapper.is-small .multiselect--active { - height: 32px !important; - z-index: 50; -} - -.multi-select-wrapper.is-small .multiselect .multiselect__tags { - min-height: 32px !important; - padding: 4px 30px 4px 15px; - font-size: 1rem; -} - -.multi-select-wrapper.is-small .multiselect .multiselect__tags .multiselect__single { - font-size: 12px; -} - -.multi-select-wrapper.is-small .multiselect .multiselect__tags .multiselect__placeholder { - padding: 5px 0 0; - font-size: 1rem; - font-weight: 500; -} - -.multi-select-wrapper.is-small .multiselect__input, -.multi-select-wrapper.is-small .multiselect__single { - font-size: 1rem !important; - font-weight: 500; - line-height: 1.5; - display: flex; - align-items: center; -} - -.multi-select-wrapper.is-small .multiselect__input::placeholder, -.multi-select-wrapper.is-small .multiselect__single::placeholder { - font-weight: 500; - line-height: 1.6; - font-size: 1rem; -} - -.multi-select-wrapper.is-extra-small label { - font-size: 1rem; - top: 6px; - font-weight: 500; -} - -.multi-select-wrapper.is-extra-small label.show-label { - font-size: 12px; - top: -9px; - font-weight: 500; -} - -.multi-select-wrapper.is-extra-small .button.is-information { - width: 32px; - height: 32px; -} - -.multi-select-wrapper.is-extra-small .multiselect__select { - height: 100%; -} - -.multi-select-wrapper.is-extra-small .multiselect__select::before { - top: 73%; -} - -.multi-select-wrapper.is-extra-small .multiselect__tags .multiselect__tag { - padding: 5px 20px 4px 10px; - font-size: 12px; -} - -.multi-select-wrapper.is-extra-small .multiselect { - min-height: auto; -} - -.multi-select-wrapper.is-extra-small .multiselect--active { - height: 32px !important; - z-index: 50; -} - -.multi-select-wrapper.is-extra-small .multiselect .multiselect__tags { - min-height: 32px !important; - padding: 3px 30px 4px 15px; - font-size: 1rem; - display: flex; - align-items: center; -} - -.multi-select-wrapper.is-extra-small .multiselect .multiselect__tags .multiselect__single { - font-size: 12px; - top: 1px !important; -} - -.multi-select-wrapper.is-extra-small .multiselect .multiselect__tags .multiselect__placeholder { - padding: 5px 0 0; - font-size: 1rem; - font-weight: 500; -} - -.multi-select-wrapper.is-extra-small .multiselect__input, -.multi-select-wrapper.is-extra-small .multiselect__single { - font-size: 1rem !important; - font-weight: 500; - line-height: 1.5; - display: flex; - align-items: center; -} - -.multi-select-wrapper.is-extra-small .multiselect__input::placeholder, -.multi-select-wrapper.is-extra-small .multiselect__single::placeholder { - font-weight: 500; - line-height: 1.6; - font-size: 1rem; -} - -.multi-select-wrapper.is-danger input, -.multi-select-wrapper.is-danger .ac-card, -.multi-select-wrapper.is-danger textarea { - border: 1px solid hsl(348, 100%, 40%); -} - -.multi-select-wrapper.is-danger p { - color: hsl(348, 100%, 40%); -} - -.multi-select-wrapper.is-loading input, -.multi-select-wrapper.is-loading .ac-card, -.multi-select-wrapper.is-loading textarea { - border: 1px solid hsl(217, 71%, 50%); - opacity: 0.5; -} - -.multi-select-wrapper.is-loading p { - color: hsl(217, 71%, 50%); - opacity: 0.5; -} - -.multi-select-wrapper .is-danger { - font-size: 12px; - line-height: 22px; - color: hsl(348, 100%, 40%); - text-align: left; -} - -.multi-select-wrapper .is-danger i.fa { - padding-right: 10px; -} - -.multi-select-wrapper .multiselect__select { - height: calc(100% - 2px); - border-radius: 0 4px 4px 0; - background-color: transparent !important; -} - -.multi-select-wrapper label { - font-size: 1rem; - left: 15px; - top: 8px; - cursor: text; - color: #020617; - position: absolute; - z-index: 99; - transition: 0.1s ease-in-out; -} - -.multi-select-wrapper label .is-required img { - position: absolute; - top: 7px; - padding-left: 3px; -} - -.multi-select-wrapper label.show-label { - top: -10px; - left: 10px; - padding: 0 5px; - font-size: 12px; - color: hsl(0, 0%, 40%); - font-weight: 500; -} - -.multi-select-wrapper label.show-label::after { - background-color: hsl(0, 0%, 100%); -} - -.multi-select-wrapper label:after { - position: absolute; - content: ""; - left: 0; - top: 50%; - background-color: hsl(0, 0%, 100%); - width: 100%; - height: 4px; - margin-top: -1px; - z-index: -1; -} - -.multi-select-wrapper label.is-required:after { - width: calc(100% + 10px); -} - -li .multiselect__option { - font-size: 1rem; - color: #020617; -} - -li .multiselect__option:has(input[type=checkbox]) label { - left: 24px; -} - -.multiselect__option--selected label { - right: 30px; -} - -.multi-select-wrapper.is-small .multiselect .multiselect__tags .multiselect__input, -.multi-select-wrapper.is-small .multiselect .multiselect__tags .multiselect__single { - top: 2px !important; -} - -.multi-select-wrapper.is-small .multiselect .multiselect__tags .multiselect__placeholder { - padding-top: 3.5px !important; -} - -.multi-select-wrapper.has-info-button .multiselect__select { - z-index: 99; - right: 30px; -} - -.multi-select-wrapper.has-info-button.has-refresh-button .multiselect__select { - z-index: 99; - right: 60px; -} - -.multi-select-wrapper.has-info-button.has-refresh-button .button.is-refresh { - right: 30px; -} - -.multi-select-wrapper.has-info-button .button.is-information { - right: 0; -} - -.multi-select-wrapper.has-refresh-button .multiselect__select { - z-index: 99; - right: 30px; -} - -.multi-select-wrapper.has-refresh-button .button.is-refresh { - right: 0; -} - -.multi-select-wrapper .multiselect__tags .multiselect__single { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - line-clamp: 1; - -webkit-line-clamp: 1; - box-orient: vertical; - -webkit-box-orient: vertical; - top: 1.5px; -} - -.multi-select-wrapper.has-clear-button.has-refresh-button .multiselect__select { - z-index: 99; - right: 30px; -} - -.multi-select-wrapper.has-clear-button.has-refresh-button .button.is-clear { - right: 60px; -} - -.multi-select-wrapper.has-clear-button.has-info-button.has-refresh-button .multiselect__select { - z-index: 99; - right: 60px; -} - -.multi-select-wrapper.has-clear-button.has-info-button.has-refresh-button .button.is-clear { - right: 90px; -} - -.multi-select-wrapper.has-clear-button.has-info-button .multiselect__select { - z-index: 99; - right: 30px; -} - -.multi-select-wrapper.has-clear-button.has-info-button .button.is-clear { - right: 60px; -} - -.multi-select-wrapper.has-clear-button .multiselect__select { - z-index: 99; - right: 0px; -} - -.multi-select-wrapper.has-clear-button .multiselect__tags { - padding: 3px 100px 4px 15px !important; -} - -.multi-select-wrapper.has-clear-button .button.is-clear { - right: 30px; - height: 100%; -} - -.multi-select-wrapper .button.is-information, .multi-select-wrapper .button.is-refresh, .multi-select-wrapper .button.is-clear { - background-color: transparent; - border: none; - position: absolute; - height: 36px; - width: 36px; - z-index: 90; - margin-top: 0; -} - -.multi-select-wrapper .button.is-information:focus, .multi-select-wrapper .button.is-refresh:focus, .multi-select-wrapper .button.is-clear:focus { - outline: none; - box-shadow: none; - background-color: #e4e8ef; - transform: scale(0.8); -} - -.multi-select-wrapper .button.is-refresh.spin i { - animation: spin 1s linear infinite; -} - -.multiselect__content-wrapper { - box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02); -} - -.multiselect__content .multiselect__element:first-child .multiselect__option--group.multiselect__option--disabled { - border-top: none !important; - margin-top: 0 !important; - padding-top: 12px !important; -} - -.option-group .multiselect__option--disabled { - background: transparent !important; - color: #020617 !important; - font-weight: 700 !important; - font-size: 12px !important; - border-top: 1px solid #f1f5f9; - min-height: 24px !important; - padding-top: 16px !important; - margin-top: 4px !important; -} - -.option-group .multiselect__option:not(.multiselect__option--disabled) { - padding-left: 32px !important; -} - -.option-group .multiselect__option:not(.multiselect__option--disabled):hover { - background-color: #f1f1f1 !important; -} - -.option-group .multiselect__option:not(.multiselect__option--disabled).multiselect__option--selected { - padding-left: 32px !important; -} - -.option-group .multiselect__option--selected { - font-weight: 500 !important; - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)) !important; - background-color: hsl(var(--primary-hue), 10%, 96%) !important; -} - -.option-group .multiselect__option--selected:hover { - background-color: hsl(var(--primary-hue), 10%, 96%) !important; - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)) !important; -} - -.option-group .multiselect__option--selected:before { - position: absolute; - left: 16px; - top: 50%; - margin-top: -8px; - content: "\f00c"; - font-family: "Fontawesome"; - display: inline-block; - vertical-align: top; - line-height: 1; - width: 16px; - height: 16px; - margin-right: 0.3em; - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -@-moz-keyframes spin { - from { - -moz-transform: rotate(0deg); - } - to { - -moz-transform: rotate(360deg); - } -} -@-webkit-keyframes spin { - from { - -webkit-transform: rotate(0deg); - } - to { - -webkit-transform: rotate(360deg); - } -} -@keyframes spin { - from { - transform: rotate(0deg); - } - to { - transform: rotate(360deg); - } -} -/**************************************** -Responsive Classes -*****************************************/ -.ac-toast { - line-height: 1.5 !important; - min-width: 350px !important; - min-height: 40px !important; - justify-content: flex-start !important; - font-size: 1rem !important; - font-weight: 500 !important; - padding-right: 35px !important; - box-shadow: none !important; - border-radius: 4px !important; -} - -.ac-toast * { - color: hsl(0, 0%, 100%) !important; -} - -.ac-toast p { - padding-left: 10px; -} - -.ac-toast p i.fa { - padding-right: 0 !important; -} - -.ac-toast a { - font-weight: 500; - text-decoration: underline; - padding: 0 15px; -} - -.ac-toast a:hover { - color: #f1f1f1; -} - -.ac-toast.is-success { - background-color: hsl(141, 53%, 40%) !important; -} - -.ac-toast.is-danger { - background-color: hsl(348, 100%, 40%) !important; -} - -.ac-toast.is-warning { - background-color: hsl(38, 93%, 50%) !important; -} - -.ac-toast.is-info { - background-color: hsl(217, 71%, 50%) !important; -} - -.ac-toast-action { - font-size: 1rem !important; - font-weight: 400 !important; - color: inherit !important; - font-family: Roboto, sans-serif !important; - display: flex !important; - justify-content: space-between !important; - align-items: center !important; - position: absolute; - right: 15px; -} - -/**************************************** -Responsive Classes -*****************************************/ -.card-select { - min-height: 98px; - padding: 16px; - background-color: hsl(0, 0%, 100%); - border: 1px solid #e2e8f0; - box-sizing: border-box; - border-radius: 4px; - transition: 0.3s ease-in-out; - position: relative; - z-index: 1; - min-width: 200px; - max-width: 250px; - margin-bottom: 0 !important; -} - -.card-select.ac-radio [type=radio] + label { - color: #020617; - font-weight: 500; - font-size: 14px; -} - -.card-select.is-active-require-field:after { - content: ""; - position: absolute; - width: 100%; - height: 100%; - background-color: hsl(0, 0%, 5%); - top: 0; - left: 0; - z-index: 1; - opacity: 0.6; - border-radius: 4px; -} - -.card-select.is-active-require-field .r-dropdown-item { - opacity: 1; - visibility: visible; -} - -.card-select.is-singleline { - height: auto; - padding: 0; - border: none; - background-color: transparent; - width: auto; - margin-bottom: 0; -} - -.card-select.is-singleline label { - font-weight: 400 !important; -} - -.card-select.is-singleline:hover { - box-shadow: none; - border: none; -} - -.card-select.is-singleline:hover label { - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)) !important; -} - -.card-select.is-singleline .ac-single-radio label, -.card-select.is-singleline .ac-single-checkbox label { - font-size: 1rem; - line-height: 20px; - color: #020617; - padding-left: 25px !important; -} - -.card-select.is-singleline.is-disabled { - background-color: transparent; -} - -.card-select.is-singleline.is-disabled label { - color: #020617; - cursor: not-allowed; -} - -.card-select.is-singleline .ac-single-radio .is-checkradio[type=radio]:checked + label { - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.card-select.is-singleline .ac-single-radio { - margin-bottom: 0; -} - -.card-select.is-disabled { - background-color: hsl(var(--primary-hue), 10%, 96%); - cursor: not-allowed; - opacity: 0.8; -} - -.card-select.is-disabled:hover { - border-color: transparent; - box-shadow: none; -} - -.card-select:hover { - box-shadow: 0px 8px 50px rgba(0, 0, 0, 0.2); - border: 1px solid transparent; -} - -.card-select.is-selected::after { - position: absolute; - content: ""; - left: 0; - top: 0; - width: 100%; - height: 100%; - z-index: -1; - border: 2px solid hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - border-radius: 4px; -} - -.card-select:last-child { - margin-right: 0; -} - -.card-select .more-option { - position: relative; - z-index: 1; -} - -.card-select .more-option .btn-more-option { - background-color: #e4e4e4; - height: 16px; - width: 30px; - border: none; - border-radius: 3px; - padding: 0; - cursor: pointer; - margin-left: 5px; - display: inline-flex; - align-items: center; - justify-content: center; - transform: translate(0px, -2px); -} - -.card-select .more-option .btn-more-option span { - display: inline-flex; - width: 4px; - height: 4px; - border-radius: 50%; - background-color: #b1b1b1; - margin-right: 2px; -} - -.card-select .more-option .btn-more-option span:last-child { - margin-right: 0; -} - -.card-select .r-dropdown-item { - position: absolute; - z-index: 2; - right: 10px; - top: 10px; - background-color: hsl(0, 0%, 100%); - box-shadow: 0px 8px 57px rgba(0, 0, 0, 0.16); - display: inline-block; - border-radius: 4px; - padding: 5px 15px; - width: 200px; - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in-out; -} - -.card-select .r-dropdown-item button.close-icon { - position: absolute; - right: -5px; - top: -5px; - border: 1px solid hsl(0, 0%, 80%); - font-size: 10px; - height: 25px; - width: 25px; - text-align: center; - background-color: hsl(0, 0%, 100%); - border-radius: 50%; - cursor: pointer; - color: hsl(348, 100%, 40%); - transition: 0.3s ease-in-out; - display: block; -} - -.card-select .r-dropdown-item button.close-icon:hover { - color: hsl(0, 0%, 100%); - background-color: hsl(348, 100%, 40%); - border: 1px solid hsl(348, 100%, 40%); -} - -.card-select .r-dropdown-item li { - display: inline-block; -} - -.card-select .r-dropdown-item li a { - display: block; - padding: 5px 10px 5px 0; - color: #334155; - font-size: 11px; - text-decoration: underline; - font-weight: 400; -} - -.card-select .r-dropdown-item li a:hover { - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} - -.card-select .ac-single-radio, -.card-select .ac-single-checkbox { - margin-bottom: 10px; -} - -.card-select .ac-single-radio label, -.card-select .ac-single-checkbox label { - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: 500; - font-size: 1rem; - line-height: 24px; - color: #020617; -} - -.card-select p { - font-family: "Roboto", sans-serif; - font-style: normal; - font-weight: normal; - font-size: 1rem; - line-height: 140%; - color: #334155; -} - -.card-select p.is-warning { - color: hsl(348, 100%, 40%); -} - -.card-select p a { - text-decoration: underline; -} - -.ac-object-field-wrapper { - display: grid; - grid-template-columns: auto auto 45px; - grid-gap: 16px; -} - -.ac-array-field-wrapper { - display: grid; - grid-template-columns: auto 99px; - grid-gap: 16px; -} - -.ui-builders-wrapper { - width: 800px; -} - -.ui-builders-wrapper h5 { - margin-bottom: 10px; -} - -.ui-builders-wrapper p { - font-size: 13px; - margin-bottom: 10px; - color: hsl(var(--primary-hue), var(--primary-saturation), 20%); -} - -.key-value-save { - display: grid; - grid-template-columns: 1fr 1fr auto; - grid-gap: 16px; -} - -.key-value-save.has-close { - grid-template-columns: 1fr 1fr auto auto; -} - -.key-value-save-check { - display: grid; - grid-template-columns: 1fr 1fr auto auto; - grid-gap: 16px; -} - -.key-save { - display: grid; - grid-template-columns: 1fr auto; - grid-gap: 16px; -} - -.value-list-save { - display: grid; - grid-template-columns: 1fr auto; - grid-gap: 16px; -} - -.ac-nested-elements { - padding-left: 20px; - position: relative; - z-index: 1; -} - -.ac-nested-elements:first-child { - margin-left: -20px; -} - -.ac-nested-elements.is-active::after { - border: 1px dashed hsl(171, 100%, 41%); -} - -.ac-nested-elements.is-active::before { - background-color: hsl(171, 100%, 41%); -} - -.ac-nested-elements.is-active .nested-header h6 .collaps-icon { - border: 1px solid hsl(171, 100%, 41%) !important; - color: hsl(171, 100%, 41%) !important; -} - -.ac-nested-elements::after { - position: absolute; - content: ""; - left: 27px; - top: 10px; - width: 1px; - height: calc(100% - 20px); - border: 1px dashed #e2e8f0; - z-index: -1; -} - -.ac-nested-elements::before { - position: absolute; - content: ""; - left: 22px; - bottom: 6px; - width: 12px; - height: 12px; - background-color: #e2e8f0; - border-radius: 50%; - z-index: -1; -} - -.ac-nested-elements .nested-header { - display: flex; - align-items: center; - justify-content: space-between; - margin-bottom: 5px; -} - -.ac-nested-elements .nested-header h6 { - display: flex; - align-items: center; - cursor: pointer; -} - -.ac-nested-elements .nested-header h6 .collaps-icon { - width: 16px; - height: 16px; - line-height: 16px; - display: inline-block; - text-align: center; - font-size: 10px; - border: 1px solid #e2e8f0; - border-radius: 50%; - margin-right: 10px; - cursor: pointer; - background-color: hsl(0, 0%, 100%); - color: hsl(var(--primary-hue), var(--primary-saturation), 20%); -} - -.ac-nested-elements .nested-header h6 .collaps-icon.is-disabled { - cursor: not-allowed; -} - -.ac-nested-elements .nested-body { - padding-left: 24px; -} - -.is-collapsed.ac-nested-elements::before, .is-collapsed.ac-nested-elements::after { - display: none; -} - -.details-with-checkradio-wrapper { - display: grid; - gap: 16px; - grid-template-columns: repeat(auto-fill, minmax(min(240px, 100%), 1fr)); -} - -.label-action { - align-items: center; - height: 21px; -} - -.label-action .ac-single-input label { - margin-top: 2px; -} - -.label-action button:not(.is-text) { - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in-out; -} - -.label-action button:not(.is-text) img { - width: 16px; -} - -.label-action button:not(.is-text).label-icon { - border: none; - background-color: transparent; - cursor: pointer; - padding: 0; - transition: 0.3s ease-in-out; -} - -.label-action button:not(.is-text).label-icon:hover { - opacity: 0.8; -} - -.label-action:hover button { - opacity: 1; - visibility: visible; -} - -.label-action .ms-close-button .buttons button, -.label-action .ac-modal-footer .buttons button { - opacity: 1; - visibility: visible; -} - -.label-action .ms-close-button .buttons button:hover, -.label-action .ac-modal-footer .buttons button:hover { - opacity: 0.7; -} - -.label-action .label-icon { - display: flex; - align-items: center; - margin-right: 10px; -} - -.label-action .label-icon img { - width: 16px; -} - -.label-action strong { - font-style: normal; - font-weight: 500; - font-size: 13px; - line-height: 16px; - color: hsl(var(--primary-hue), var(--primary-saturation), 10%); - margin-right: 16px; -} - -.resource-input { - display: grid; - grid-template-columns: 60px 1fr 1fr; - grid-gap: 16px; - align-items: center; - margin-bottom: 16px; -} - -.resource-input .label-text { - font-weight: 300; -} - -.resource-input .ac-single-input { - margin: 0; -} - -.pass-strength { - position: absolute; - right: 30px; - top: 7px; -} - -.ac-final-state { - margin-bottom: 10px; -} - -.ac-final-state:last-child { - margin-bottom: 0; -} - -.ac-final-state .state-left h5 { - font-style: normal; - font-weight: 500; - font-size: 14px; - line-height: 19px; - color: hsl(var(--primary-hue), var(--primary-saturation), 10%); -} - -.ac-final-state .state-left button.ac-button { - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in-out; -} - -.ac-final-state:hover .state-left button.ac-button { - opacity: 1; - visibility: visible; -} - -.up-down-buttons { - border-radius: 4px; - overflow: hidden; - position: relative; - z-index: 1; - max-width: 36px; - margin-bottom: 0 !important; -} - -.up-down-buttons button { - width: 36px; - height: 18px; - cursor: pointer; - border: none; - color: hsl(171, 100%, 41%); - background-color: #e2e8f0; - transition: 0.3s ease-in-out; -} - -.up-down-buttons button:hover { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 80%); -} - -.up-down-buttons button.is-primary { - background-color: hsl(171, 100%, 41%); - color: hsl(0, 0%, 100%); -} - -.up-down-buttons button.is-primary:hover { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 30%); -} - -.up-down-buttons button .icon { - margin: 0; - padding: 0; - width: auto; - height: auto; -} - -p.is-error, -span.is-error { - color: hsl(348, 100%, 40%); - font-weight: 400; -} - -.circle-list-shape { - width: 6px; - height: 6px; - background-color: hsl(0, 0%, 40%); - display: flex; - border-radius: 50%; -} - -.vue-schema-form-array .nested-body { - display: flex; -} - -.vue-schema-form-array .nested-body .form-left-item { - margin-right: 16px; - width: calc(100% - 108px); -} - -.nested-header .tabs.ac-tabs { - margin-bottom: 0; - opacity: 0; - visibility: hidden; - transition: 0.3s ease-in-out; -} - -.nested-header:hover .tabs.ac-tabs { - opacity: 1; - visibility: visible; -} - -.vue-openapi-form { - margin-left: -20px; -} - -.vue-openapi-form .ac-nested-elements:first-child { - margin-left: 0; -} - -.vue-openapi-form .ac-nested-elements .nested-body { - padding-left: 0px; -} - -.vue-openapi-form .ac-nested-elements .nested-header { - width: 100%; -} - -.vue-openapi-form .ac-single-switch { - margin-left: -15px; - margin-bottom: 35px; -} - -.vue-openapi-form .ac-single-input { - margin-left: 25px; -} - -.vue-openapi-form .ac-single-input:last-child { - margin-bottom: 16px; -} - -.vue-form-scema-body .left-content { - background-color: hsl(var(--primary-hue), 10%, 96%); - border-right: 1px solid #e2e8f0; - padding: 30px; - width: 500px; -} - -.vue-form-scema-body .right-content { - margin-top: 30px; -} - -.v-tooltip-open { - background-color: hsl(0, 0%, 100%); -} - -.ac-nested-elements::after { - top: 25px; - width: 1px; - height: calc(100% - 50px); -} - -.ac-nested-elements::before { - bottom: 12px; -} - -.is-collapsed.ac-nested-elements::before, .is-collapsed.ac-nested-elements::after { - display: none; -} - -.ui-builders-wrapper .ac-nested-elements::before { - bottom: 10px !important; -} - -.vue-openapi-form .ac-single-input { - position: relative; - z-index: 1; - margin-bottom: 16px; -} - -.vue-openapi-form .ac-single-input.is-disable { - opacity: 0.5; -} - -.vue-openapi-form .ac-single-input.is-disable input, -.vue-openapi-form .ac-single-input.is-disable .button.is-information, -.vue-openapi-form .ac-single-input.is-disable .eye i.fa { - cursor: not-allowed; -} - -.vue-openapi-form .ac-single-input.is-information input { - padding-right: 45px; -} - -.vue-openapi-form .ac-single-input.is-information input[type=password] { - padding-right: 80px; -} - -.vue-openapi-form .ac-single-input.is-information span.eye i.fa { - right: 35px; -} - -.vue-openapi-form .ac-single-input.is-success input, -.vue-openapi-form .ac-single-input.is-success .ac-card, -.vue-openapi-form .ac-single-input.is-success textarea { - border: 1px solid hsl(171, 100%, 41%) !important; -} - -.vue-openapi-form .ac-single-input.is-success p { - color: hsl(171, 100%, 41%); -} - -.vue-openapi-form .ac-single-input.is-danger input, -.vue-openapi-form .ac-single-input.is-danger .ac-card, -.vue-openapi-form .ac-single-input.is-danger textarea { - border: 1px solid hsl(348, 100%, 40%); -} - -.vue-openapi-form .ac-single-input.is-danger p { - color: hsl(348, 100%, 40%); -} - -.vue-openapi-form .ac-single-input.is-loading input, -.vue-openapi-form .ac-single-input.is-loading .ac-card, -.vue-openapi-form .ac-single-input.is-loading textarea { - border: 1px solid hsl(217, 71%, 50%); - opacity: 0.5; -} - -.vue-openapi-form .ac-single-input.is-loading p { - color: hsl(217, 71%, 50%); - opacity: 0.5; -} - -.vue-openapi-form .ac-single-input.borderless-input input { - border: none; - font-size: 13px; - padding: 4px 7px; - height: 30px; - background-color: hsl(0, 0%, 100%); - padding-right: 30px; -} - -.vue-openapi-form .ac-single-input.borderless-input input[type=password] { - padding-right: 30px; -} - -.vue-openapi-form .ac-single-input.borderless-input input:focus { - outline: none; - border: none; -} - -.vue-openapi-form .ac-single-input.borderless-input span.eye i.fa { - padding: 9px; - font-size: 12px; -} - -.vue-openapi-form .ac-single-input.is-normal input { - height: 45px; - font-size: 15px; - font-weight: 400; -} - -.vue-openapi-form .ac-single-input.is-normal .button.is-information { - height: 45px; - width: 45px; - margin-top: 0; -} - -.vue-openapi-form .ac-single-input.is-normal .button.is-information:focus { - outline: none; - box-shadow: none; -} - -.vue-openapi-form .ac-single-input.is-normal span.eye i.fa { - padding: 14px 10px; -} - -.vue-openapi-form .ac-single-input.is-normal .ac-search-button { - margin-top: -22.5px; -} - -.vue-openapi-form .ac-single-input.is-normal label { - top: 13px; - font-size: 13px; -} - -.vue-openapi-form .ac-single-input.is-normal label.show-label { - font-size: 12px; - color: hsl(0, 0%, 40%); - top: -9px; - font-weight: 500; - background-color: hsl(0, 0%, 100%); -} - -.vue-openapi-form .ac-single-input.is-normal .control.has-icons-right .icon { - height: 45px; - width: 30px; - font-size: 13px; -} - -.vue-openapi-form .ac-single-input.is-small input { - height: 36px; - font-size: 13px; - font-weight: 400; -} - -.vue-openapi-form .ac-single-input.is-small .button.is-information { - height: 36px; - width: 36px; - margin-top: 0; - padding: 10px; -} - -.vue-openapi-form .ac-single-input.is-small span.eye i.fa { - padding: 10px; -} - -.vue-openapi-form .ac-single-input.is-small .ac-search-button { - margin-top: -18px; -} - -.vue-openapi-form .ac-single-input.is-small label { - top: 8px; - font-size: 13px; -} - -.vue-openapi-form .ac-single-input.is-small label.switch-label { - top: 0; -} - -.vue-openapi-form .ac-single-input.is-small label.show-label { - font-size: 12px; - top: -9px; - font-weight: 500; - color: hsl(0, 0%, 40%); -} - -.vue-openapi-form .ac-single-input.is-small label.show-label.is-required:after { - width: calc(100% + 10px); -} - -.vue-openapi-form .ac-single-input.is-small .control.has-icons-right .icon { - height: 36px; - width: 25px; - font-size: 13px; -} - -.vue-openapi-form .ac-single-input.is-extra-small input { - height: 32px; - font-size: 13px; - font-weight: 400; -} - -.vue-openapi-form .ac-single-input.is-extra-small .button.is-information { - height: 32px; - width: 32px; - margin-top: 0; -} - -.vue-openapi-form .ac-single-input.is-extra-small span.eye i.fa { - padding: 10px; -} - -.vue-openapi-form .ac-single-input.is-extra-small .ac-search-button { - margin-top: 0px; - top: 0; - display: flex; - align-items: center; - width: 40px; - justify-content: center; -} - -.vue-openapi-form .ac-single-input.is-extra-small .ac-search-button svg { - width: 18px; -} - -.vue-openapi-form .ac-single-input.is-extra-small label { - top: 8px; - font-size: 13px; -} - -.vue-openapi-form .ac-single-input.is-extra-small label.switch-label { - top: 0; -} - -.vue-openapi-form .ac-single-input.is-extra-small label.show-label { - font-size: 12px; - top: -9px; -} - -.vue-openapi-form .ac-single-input.is-extra-small .control.has-icons-right .icon { - height: 32px; - width: 25px; - font-size: 13px; -} - -.vue-openapi-form .ac-single-input:last-child { - margin-bottom: 0; -} - -.vue-openapi-form .ac-single-input.is-dark input { - background-color: hsl(var(--primary-hue), var(--primary-saturation), 10%); - border-color: transparent; - color: hsl(0, 0%, 100%); -} - -.vue-openapi-form .ac-single-input.is-dark input::placeholder { - color: hsl(var(--primary-hue), var(--primary-saturation), 10%); -} - -.vue-openapi-form .ac-single-input.is-dark input button i.fa { - color: hsl(0, 0%, 100%); -} - -.vue-openapi-form .ac-single-input label { - font-size: 13px; - left: 15px; - top: 11px; - cursor: text; - color: hsl(var(--primary-hue), var(--primary-saturation), 10%); - position: absolute; - z-index: 2; - transition: 0.3s ease-in-out; -} - -.vue-openapi-form .ac-single-input label .is-required { - color: hsl(348, 100%, 40%); -} - -.vue-openapi-form .ac-single-input label .is-required img { - position: absolute; - top: 7px; - padding-left: 3px; -} - -.vue-openapi-form .ac-single-input label.show-label { - top: -9px; - left: 10px; - padding: 0 5px; - font-size: 13px; - color: hsl(0, 0%, 40%); -} - -.vue-openapi-form .ac-single-input label.show-label:after { - position: absolute; - content: ""; - left: 0; - top: 50%; - background-color: hsl(0, 0%, 100%); - width: 100%; - height: 2px; - margin-top: -1px; - z-index: -1; -} - -.vue-openapi-form .ac-single-input .button.is-information { - background-color: transparent; - border: none; - position: absolute; - right: 0; - height: 32px; - width: 32px; - margin-top: 0; -} - -.vue-openapi-form .ac-single-input .button.is-information:focus { - outline: none; - box-shadow: none; - background-color: #e4e8ef; - transform: scale(0.8); -} - -.vue-openapi-form .ac-single-input .ac-search-button { - background-color: transparent; - border: none; - position: absolute; - left: 0; - top: 50%; - width: 32px; - height: 100%; - margin-top: -15px; - color: hsl(var(--primary-hue), var(--primary-saturation), 20%); - cursor: pointer; -} - -.vue-openapi-form .ac-single-input .ac-dropdown-content { - position: absolute; - background-color: #e2e8f0; - width: 100%; - height: auto; - box-shadow: 0px 4px 16px rgba(132, 147, 168, 0.6); - border-radius: 4px; - overflow: hidden; -} - -.vue-openapi-form .ac-single-input .ac-dropdown-content ul li a { - color: hsl(var(--primary-hue), var(--primary-saturation), 10%); - display: block; - font-size: 13px; - padding: 8px 20px; - transition: 0.3s; -} - -.vue-openapi-form .ac-single-input .ac-dropdown-content ul li a:hover { - background-color: hsla(var(--hsl-hue), var(--hsl-saturation), var(--hsl-lightness), 0.2); - color: hsl(171, 100%, 41%); -} - -.vue-openapi-form .ac-single-input .ac-textarea .ac-label.is-required:after { - width: calc(100% + 10px); -} - -.vue-openapi-form .ac-single-input .ac-textarea textarea { - border: 1px solid hsl(var(--primary-hue), var(--primary-saturation), 80%); - background-color: transparent; - padding: 10px 16px; - min-height: 50px; -} - -.vue-openapi-form .ac-single-input .ac-textarea textarea.bg-white { - background-color: transparent; -} - -.vue-openapi-form .ac-single-input .ac-textarea textarea:focus { - outline: none; - border: 1px solid hsl(171, 100%, 41%); -} - -.vue-openapi-form .ac-single-input .ac-card { - height: 36px; - padding: 10px 20px; -} - -.vue-openapi-form .ac-single-input b.isRequired { - color: hsl(348, 100%, 40%); - font-size: 13px; - position: absolute; - right: 5px; - z-index: 9; -} - -.vue-openapi-form .ac-single-input span.eye i.fa { - color: hsl(var(--primary-hue), var(--primary-saturation), 80%); - position: absolute; - cursor: pointer; - padding: 15px; - right: 0; - top: 0; -} - -.vue-openapi-form .ac-single-input .is-danger { - font-size: 12px; - line-height: 22px; - color: hsl(348, 100%, 40%); - text-align: left; -} - -.vue-openapi-form .ac-single-input .is-danger i.fa { - padding-right: 10px; -} - -.vue-openapi-form .ac-input.ac-search { - width: 42px; - transition: 0.3s ease-in-out; - padding: 0; -} - -.vue-openapi-form .ac-search:focus { - width: 200px !important; - padding-right: 10px; -} - -.vue-openapi-form .key-value-save > .ac-single-input { - margin-left: 0; -} - -.vue-openapi-form .key-value-save > .ac-nested-elements { - padding-left: 0; -} - -.vue-openapi-form .key-value-save > .ac-nested-elements:after { - left: 8px; -} - -.vue-openapi-form .key-value-save > .ac-nested-elements:before { - left: 4px; -} - -.is-refresh i.fa { - color: hsl(var(--primary-hue), var(--primary-saturation), 10%); -} - -.tabs.ac-tabs ul { - border-color: #e2e8f0; -} - -.tabs.ac-tabs a { - padding: 8px 20px; - color: #020617; - font-weight: 500; - color: hsl(0, 0%, 40%); -} - -.tabs.ac-tabs a:hover { - border-bottom-color: hsl(0, 0%, 40%); -} - -.tabs.ac-tabs li.is-active a { - border-bottom-color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); - color: hsl(var(--primary-hue), var(--primary-saturation), var(--primary-light)); -} \ No newline at end of file diff --git a/dist/ArrayInput-3d9d769c.js b/dist/ArrayInput-3d9d769c.js deleted file mode 100644 index b2c327a..0000000 --- a/dist/ArrayInput-3d9d769c.js +++ /dev/null @@ -1 +0,0 @@ -import{m as e,v as a,a as t,b as l,_ as n}from"./entry-f11f5a48.js";import{t as s}from"./tabs-693e2862.js";import{s as r}from"./size-d02f66d9.js";import{defineComponent as o,defineAsyncComponent as i,resolveComponent as u,resolveDirective as m,openBlock as d,createElementBlock as c,normalizeClass as p,createElementVNode as f,createTextVNode as v,toDisplayString as h,createVNode as w,Fragment as y,renderList as b,withDirectives as V,withModifiers as k,createBlock as D,withCtx as g,createCommentVNode as C}from"vue";var x=o({name:"ArrayInput",components:{ArrayInputItems:i((function(){return import("./ArrayInputItems-af73e993.js").then((function(e){return e.default}))}))},mixins:[e,s,a,r],props:{schema:{type:Object,default:function(){return{}}},fieldName:{type:String,default:""},modelValue:{type:null,default:function(){return[]}},errors:{type:Object,default:function(){return{}}},isLastChild:{type:Boolean,default:!1}},data:function(){return{newData:null,updatePass:0}},computed:{items:function(){return this.schema.items||{}}},methods:{swapElems:function(e,a){var t=JSON.parse(JSON.stringify(this.modelData[e]));this.modelData[e]=JSON.parse(JSON.stringify(this.modelData[a])),this.modelData[a]=t,this.updatePass+=1},addNewValue:function(e){var a=this;return t(l().mark((function t(){var n;return l().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e();case 2:n=t.sent,n.valid&&(a.modelData.push(a.newData),a.newData=null,a.updatePass+=1);case 5:case"end":return t.stop()}}),t)})))()},deleteValue:function(e){this.modelData.splice(e,1),this.updatePass+=1}}}),U={class:"nested-header mb-5"},j={class:"is-flex is-semi-normal"},I=f("div",{class:"collaps-icon is-disabled"},[f("i",{class:"fa fa-minus"})],-1),N={key:0,class:"is-flex gap-16 is-flex-direction-column"},O={class:"form-right-item"},S={class:"buttons",style:{gap:"16px"}},J=["disabled","onClick"],M=[f("span",{class:"icon is-small"},[f("i",{class:"fa fa-angle-up"})],-1)],_=["disabled","onClick"],A=[f("span",{class:"icon is-small"},[f("i",{class:"fa fa-angle-down"})],-1)],L=["onClick"],P=[f("span",{class:"icon"},[f("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[f("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"})])],-1)],T={class:"value-list-save"},q=["onClick"],E=[f("div",{class:"icon"},[f("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[f("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})])],-1)];x.render=function(e,a,t,l,s,r){var o=u("component-errors"),i=u("tabs"),x=u("array-input-items"),B=u("object-form-wrapper"),z=u("v-field"),F=u("key-value-pairs"),H=u("array-input",!0),G=u("simple-input"),K=u("v-form"),Q=u("yaml-form"),R=u("json-form"),W=m("tooltip");return d(),c("div",{as:"div",class:p(["ac-nested-elements vue-schema-form-array array-input",{"stop-line":e.isLastChild}])},[f("div",U,[f("h6",j,[I,v(" "+h(e.schema.title||"Array Item Description")+" ",1),w(o,{errors:e.calcFormErrors(e.errors,e.fieldName)},null,8,["errors"])]),w(i,{modelValue:e.activeTab,"onUpdate:modelValue":a[0]||(a[0]=function(a){return e.activeTab=a})},null,8,["modelValue"])]),"form"===e.activeTab?(d(),c("div",N,[(d(!0),c(y,null,b(e.modelData,(function(a,t){return d(),c("div",{key:"".concat(t,"-").concat(e.schema.title,"-form"),class:"nested-body"},[w(x,{"field-name":e.fieldName,items:e.items,schema:e.schema,index:t,"model-value":JSON.parse(JSON.stringify(e.modelData)),errors:e.errors,"reference-model":e.referenceModel||[]},null,8,["field-name","items","schema","index","model-value","errors","reference-model"]),f("div",O,[f("div",S,[f("div",{class:p(["buttons up-down-buttons",{"is-small":!e.isMedium}])},[V((d(),c("button",{class:p(["up-down-button",{"is-primary":0!==t}]),disabled:0===t,onClick:k((function(a){return e.swapElems(t-1,t)}),["prevent"])},M,10,J)),[[W,{content:"move up",placement:"top",classes:["is-primary"],targetClasses:["up-down-button"]}]]),V((d(),c("button",{class:p(["up-down-button",{"is-primary":t!==e.modelData.length-1}]),disabled:t===e.modelData.length-1,onClick:k((function(a){return e.swapElems(t,t+1)}),["prevent"])},A,10,_)),[[W,{content:"move down",placement:"bottom",classes:["is-primary"],targetClasses:["up-down-button"]}]])],2),f("button",{class:"button ac-button is-medium is-square is-danger is-outlined mb-0",onClick:k((function(a){return e.deleteValue(t)}),["prevent"])},P,8,L)])])])})),128)),(d(),D(K,{key:e.updatePass,as:""},{default:g((function(t){var l=t.validate,s=t.errors;return[f("div",T,["object"===e.items.type?(d(),D(z,{key:0,modelValue:e.newData,"onUpdate:modelValue":a[1]||(a[1]=function(a){return e.newData=a}),rules:e.ruleObject(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:g((function(a){var t=a.field,l=a.handleChange;return[w(B,{"field-name":"newItem","model-value":t.value,"is-last-child":!0,"expand-form":!0,"is-self-required":!0,schema:n(n({},e.items),{title:"".concat(e.schema.title," new value")}),type:e.items.type,errors:s,"reference-model":{},"onUpdate:modelValue":l},null,8,["model-value","schema","type","errors","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"key-value-pairs"===e.items.type?(d(),D(z,{key:1,modelValue:e.newData,"onUpdate:modelValue":a[2]||(a[2]=function(a){return e.newData=a}),rules:e.ruleObject(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:g((function(a){var t=a.field,l=a.handleChange;return[w(F,{"field-name":"newItem","model-value":t.value,"is-last-child":!0,schema:n(n({},e.items),{title:"".concat(e.schema.title," new value")}),errors:s,type:e.items.type,"reference-model":{},"onUpdate:modelValue":l},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"array"===e.items.type?(d(),D(z,{key:2,modelValue:e.newData,"onUpdate:modelValue":a[3]||(a[3]=function(a){return e.newData=a}),rules:e.ruleArray(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:g((function(a){var t=a.field,l=a.handleChange;return[w(H,{"field-name":"newItem","model-value":t.value,"is-last-child":!0,schema:n(n({},e.items),{title:"".concat(e.schema.title," new value")}),errors:s,type:e.items.type,"reference-model":[],"onUpdate:modelValue":l},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):(d(),D(z,{key:3,modelValue:e.newData,"onUpdate:modelValue":a[4]||(a[4]=function(a){return e.newData=a}),rules:e.ruleString(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:g((function(a){var t=a.field,l=a.handleChange,s=a.errors,r=a.meta;return[w(G,{"model-value":t.value,schema:n(n({},e.items),{title:"".concat(e.schema.title," new value")}),required:!0,type:e.items.type,"validation-ob":n({errors:s},r),"reference-model":"","onUpdate:modelValue":l},null,8,["model-value","schema","type","validation-ob","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","label"])),f("button",{class:"button ac-button is-medium is-square is-primary is-outlined",onClick:k((function(a){return e.addNewValue(l)}),["prevent"])},E,8,q)])]})),_:1}))])):"yaml"===e.activeTab?(d(),D(Q,{key:1,modelValue:e.modelData,"onUpdate:modelValue":a[5]||(a[5]=function(a){return e.modelData=a}),"reference-model":e.referenceModel||[]},null,8,["modelValue","reference-model"])):"json"===e.activeTab?(d(),D(R,{key:2,modelValue:e.modelData,"onUpdate:modelValue":a[6]||(a[6]=function(a){return e.modelData=a}),"reference-model":e.referenceModel||[]},null,8,["modelValue","reference-model"])):C("",!0)],2)};export{x as default}; \ No newline at end of file diff --git a/dist/ArrayInput-5cb00ab9.js b/dist/ArrayInput-5cb00ab9.js deleted file mode 100644 index cc33c4c..0000000 --- a/dist/ArrayInput-5cb00ab9.js +++ /dev/null @@ -1 +0,0 @@ -import{m as e,v as a,a as t,b as l,_ as n}from"./entry-2ace4904.js";import{t as s}from"./tabs-ae6e6a83.js";import{s as r}from"./size-d02f66d9.js";import{defineComponent as o,defineAsyncComponent as i,resolveComponent as u,resolveDirective as m,openBlock as d,createElementBlock as c,normalizeClass as p,createElementVNode as f,createTextVNode as v,toDisplayString as h,createVNode as w,Fragment as y,renderList as b,withDirectives as V,withModifiers as k,createBlock as D,withCtx as g,createCommentVNode as C}from"vue";var x=o({name:"ArrayInput",components:{ArrayInputItems:i((function(){return import("./ArrayInputItems-ee63c6cb.js").then((function(e){return e.default}))}))},mixins:[e,s,a,r],props:{schema:{type:Object,default:function(){return{}}},fieldName:{type:String,default:""},modelValue:{type:null,default:function(){return[]}},errors:{type:Object,default:function(){return{}}},isLastChild:{type:Boolean,default:!1}},data:function(){return{newData:null,updatePass:0}},computed:{items:function(){return this.schema.items||{}}},methods:{swapElems:function(e,a){var t=JSON.parse(JSON.stringify(this.modelData[e]));this.modelData[e]=JSON.parse(JSON.stringify(this.modelData[a])),this.modelData[a]=t,this.updatePass+=1},addNewValue:function(e){var a=this;return t(l().mark((function t(){var n;return l().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e();case 2:n=t.sent,n.valid&&(a.modelData.push(a.newData),a.newData=null,a.updatePass+=1);case 5:case"end":return t.stop()}}),t)})))()},deleteValue:function(e){this.modelData.splice(e,1),this.updatePass+=1}}}),U={class:"nested-header mb-5"},j={class:"is-flex is-semi-normal"},I=f("div",{class:"collaps-icon is-disabled"},[f("i",{class:"fa fa-minus"})],-1),N={key:0,class:"is-flex gap-16 is-flex-direction-column"},O={class:"form-right-item"},S={class:"buttons",style:{gap:"16px"}},J=["disabled","onClick"],M=[f("span",{class:"icon is-small"},[f("i",{class:"fa fa-angle-up"})],-1)],_=["disabled","onClick"],A=[f("span",{class:"icon is-small"},[f("i",{class:"fa fa-angle-down"})],-1)],L=["onClick"],P=[f("span",{class:"icon"},[f("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[f("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"})])],-1)],T={class:"value-list-save"},q=["onClick"],E=[f("div",{class:"icon"},[f("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[f("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})])],-1)];x.render=function(e,a,t,l,s,r){var o=u("component-errors"),i=u("tabs"),x=u("array-input-items"),B=u("object-form-wrapper"),z=u("v-field"),F=u("key-value-pairs"),H=u("array-input",!0),G=u("simple-input"),K=u("v-form"),Q=u("yaml-form"),R=u("json-form"),W=m("tooltip");return d(),c("div",{as:"div",class:p(["ac-nested-elements vue-schema-form-array array-input",{"stop-line":e.isLastChild}])},[f("div",U,[f("h6",j,[I,v(" "+h(e.schema.title||"Array Item Description")+" ",1),w(o,{errors:e.calcFormErrors(e.errors,e.fieldName)},null,8,["errors"])]),w(i,{modelValue:e.activeTab,"onUpdate:modelValue":a[0]||(a[0]=function(a){return e.activeTab=a})},null,8,["modelValue"])]),"form"===e.activeTab?(d(),c("div",N,[(d(!0),c(y,null,b(e.modelData,(function(a,t){return d(),c("div",{key:"".concat(t,"-").concat(e.schema.title,"-form"),class:"nested-body"},[w(x,{"field-name":e.fieldName,items:e.items,schema:e.schema,index:t,"model-value":JSON.parse(JSON.stringify(e.modelData)),errors:e.errors,"reference-model":e.referenceModel||[]},null,8,["field-name","items","schema","index","model-value","errors","reference-model"]),f("div",O,[f("div",S,[f("div",{class:p(["buttons up-down-buttons",{"is-small":!e.isMedium}])},[V((d(),c("button",{class:p(["up-down-button",{"is-primary":0!==t}]),disabled:0===t,onClick:k((function(a){return e.swapElems(t-1,t)}),["prevent"])},M,10,J)),[[W,{content:"move up",placement:"top",classes:["is-primary"],targetClasses:["up-down-button"]}]]),V((d(),c("button",{class:p(["up-down-button",{"is-primary":t!==e.modelData.length-1}]),disabled:t===e.modelData.length-1,onClick:k((function(a){return e.swapElems(t,t+1)}),["prevent"])},A,10,_)),[[W,{content:"move down",placement:"bottom",classes:["is-primary"],targetClasses:["up-down-button"]}]])],2),f("button",{class:"button ac-button is-medium is-square is-danger is-outlined mb-0",onClick:k((function(a){return e.deleteValue(t)}),["prevent"])},P,8,L)])])])})),128)),(d(),D(K,{key:e.updatePass,as:""},{default:g((function(t){var l=t.validate,s=t.errors;return[f("div",T,["object"===e.items.type?(d(),D(z,{key:0,modelValue:e.newData,"onUpdate:modelValue":a[1]||(a[1]=function(a){return e.newData=a}),rules:e.ruleObject(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:g((function(a){var t=a.field,l=a.handleChange;return[w(B,{"field-name":"newItem","model-value":t.value,"is-last-child":!0,"expand-form":!0,"is-self-required":!0,schema:n(n({},e.items),{title:"".concat(e.schema.title," new value")}),type:e.items.type,errors:s,"reference-model":{},"onUpdate:modelValue":l},null,8,["model-value","schema","type","errors","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"key-value-pairs"===e.items.type?(d(),D(z,{key:1,modelValue:e.newData,"onUpdate:modelValue":a[2]||(a[2]=function(a){return e.newData=a}),rules:e.ruleObject(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:g((function(a){var t=a.field,l=a.handleChange;return[w(F,{"field-name":"newItem","model-value":t.value,"is-last-child":!0,schema:n(n({},e.items),{title:"".concat(e.schema.title," new value")}),errors:s,type:e.items.type,"reference-model":{},"onUpdate:modelValue":l},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"array"===e.items.type?(d(),D(z,{key:2,modelValue:e.newData,"onUpdate:modelValue":a[3]||(a[3]=function(a){return e.newData=a}),rules:e.ruleArray(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:g((function(a){var t=a.field,l=a.handleChange;return[w(H,{"field-name":"newItem","model-value":t.value,"is-last-child":!0,schema:n(n({},e.items),{title:"".concat(e.schema.title," new value")}),errors:s,type:e.items.type,"reference-model":[],"onUpdate:modelValue":l},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):(d(),D(z,{key:3,modelValue:e.newData,"onUpdate:modelValue":a[4]||(a[4]=function(a){return e.newData=a}),rules:e.ruleString(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:g((function(a){var t=a.field,l=a.handleChange,s=a.errors,r=a.meta;return[w(G,{"model-value":t.value,schema:n(n({},e.items),{title:"".concat(e.schema.title," new value")}),required:!0,type:e.items.type,"validation-ob":n({errors:s},r),"reference-model":"","onUpdate:modelValue":l},null,8,["model-value","schema","type","validation-ob","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","label"])),f("button",{class:"button ac-button is-medium is-square is-primary is-outlined",onClick:k((function(a){return e.addNewValue(l)}),["prevent"])},E,8,q)])]})),_:1}))])):"yaml"===e.activeTab?(d(),D(Q,{key:1,modelValue:e.modelData,"onUpdate:modelValue":a[5]||(a[5]=function(a){return e.modelData=a}),"reference-model":e.referenceModel||[]},null,8,["modelValue","reference-model"])):"json"===e.activeTab?(d(),D(R,{key:2,modelValue:e.modelData,"onUpdate:modelValue":a[6]||(a[6]=function(a){return e.modelData=a}),"reference-model":e.referenceModel||[]},null,8,["modelValue","reference-model"])):C("",!0)],2)};export{x as default}; \ No newline at end of file diff --git a/dist/ArrayInput-7cdc58f9.js b/dist/ArrayInput-7cdc58f9.js deleted file mode 100644 index 03d8065..0000000 --- a/dist/ArrayInput-7cdc58f9.js +++ /dev/null @@ -1 +0,0 @@ -import{m as e,v as a,a as t,b as l,_ as n}from"./entry-a6929ab2.js";import{t as s}from"./tabs-1a22f292.js";import{s as r}from"./size-d02f66d9.js";import{defineComponent as o,defineAsyncComponent as i,resolveComponent as u,resolveDirective as m,openBlock as d,createElementBlock as c,normalizeClass as p,createElementVNode as f,createTextVNode as v,toDisplayString as h,createVNode as w,Fragment as y,renderList as b,withDirectives as V,withModifiers as k,createBlock as D,withCtx as g,createCommentVNode as C}from"vue";var x=o({name:"ArrayInput",components:{ArrayInputItems:i((function(){return import("./ArrayInputItems-592f292e.js").then((function(e){return e.default}))}))},mixins:[e,s,a,r],props:{schema:{type:Object,default:function(){return{}}},fieldName:{type:String,default:""},modelValue:{type:null,default:function(){return[]}},errors:{type:Object,default:function(){return{}}},isLastChild:{type:Boolean,default:!1}},data:function(){return{newData:null,updatePass:0}},computed:{items:function(){return this.schema.items||{}}},methods:{swapElems:function(e,a){var t=JSON.parse(JSON.stringify(this.modelData[e]));this.modelData[e]=JSON.parse(JSON.stringify(this.modelData[a])),this.modelData[a]=t,this.updatePass+=1},addNewValue:function(e){var a=this;return t(l().mark((function t(){var n;return l().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,e();case 2:n=t.sent,n.valid&&(a.modelData.push(a.newData),a.newData=null,a.updatePass+=1);case 5:case"end":return t.stop()}}),t)})))()},deleteValue:function(e){this.modelData.splice(e,1),this.updatePass+=1}}}),U={class:"nested-header mb-5"},j={class:"is-flex is-semi-normal"},I=f("div",{class:"collaps-icon is-disabled"},[f("i",{class:"fa fa-minus"})],-1),N={key:0,class:"is-flex gap-16 is-flex-direction-column"},O={class:"form-right-item"},S={class:"buttons",style:{gap:"16px"}},J=["disabled","onClick"],M=[f("span",{class:"icon is-small"},[f("i",{class:"fa fa-angle-up"})],-1)],_=["disabled","onClick"],A=[f("span",{class:"icon is-small"},[f("i",{class:"fa fa-angle-down"})],-1)],L=["onClick"],P=[f("span",{class:"icon"},[f("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[f("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"})])],-1)],T={class:"value-list-save"},q=["onClick"],E=[f("div",{class:"icon"},[f("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[f("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})])],-1)];x.render=function(e,a,t,l,s,r){var o=u("component-errors"),i=u("tabs"),x=u("array-input-items"),B=u("object-form-wrapper"),z=u("v-field"),F=u("key-value-pairs"),H=u("array-input",!0),G=u("simple-input"),K=u("v-form"),Q=u("yaml-form"),R=u("json-form"),W=m("tooltip");return d(),c("div",{as:"div",class:p(["ac-nested-elements vue-schema-form-array array-input",{"stop-line":e.isLastChild}])},[f("div",U,[f("h6",j,[I,v(" "+h(e.schema.title||"Array Item Description")+" ",1),w(o,{errors:e.calcFormErrors(e.errors,e.fieldName)},null,8,["errors"])]),w(i,{modelValue:e.activeTab,"onUpdate:modelValue":a[0]||(a[0]=function(a){return e.activeTab=a})},null,8,["modelValue"])]),"form"===e.activeTab?(d(),c("div",N,[(d(!0),c(y,null,b(e.modelData,(function(a,t){return d(),c("div",{key:"".concat(t,"-").concat(e.schema.title,"-form"),class:"nested-body"},[w(x,{"field-name":e.fieldName,items:e.items,schema:e.schema,index:t,"model-value":JSON.parse(JSON.stringify(e.modelData)),errors:e.errors,"reference-model":e.referenceModel||[]},null,8,["field-name","items","schema","index","model-value","errors","reference-model"]),f("div",O,[f("div",S,[f("div",{class:p(["buttons up-down-buttons",{"is-small":!e.isMedium}])},[V((d(),c("button",{class:p(["up-down-button",{"is-primary":0!==t}]),disabled:0===t,onClick:k((function(a){return e.swapElems(t-1,t)}),["prevent"])},M,10,J)),[[W,{content:"move up",placement:"top",classes:["is-primary"],targetClasses:["up-down-button"]}]]),V((d(),c("button",{class:p(["up-down-button",{"is-primary":t!==e.modelData.length-1}]),disabled:t===e.modelData.length-1,onClick:k((function(a){return e.swapElems(t,t+1)}),["prevent"])},A,10,_)),[[W,{content:"move down",placement:"bottom",classes:["is-primary"],targetClasses:["up-down-button"]}]])],2),f("button",{class:"button ac-button is-medium is-square is-danger is-outlined mb-0",onClick:k((function(a){return e.deleteValue(t)}),["prevent"])},P,8,L)])])])})),128)),(d(),D(K,{key:e.updatePass,as:""},{default:g((function(t){var l=t.validate,s=t.errors;return[f("div",T,["object"===e.items.type?(d(),D(z,{key:0,modelValue:e.newData,"onUpdate:modelValue":a[1]||(a[1]=function(a){return e.newData=a}),rules:e.ruleObject(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:g((function(a){var t=a.field,l=a.handleChange;return[w(B,{"field-name":"newItem","model-value":t.value,"is-last-child":!0,"expand-form":!0,"is-self-required":!0,schema:n(n({},e.items),{title:"".concat(e.schema.title," new value")}),type:e.items.type,errors:s,"reference-model":{},"onUpdate:modelValue":l},null,8,["model-value","schema","type","errors","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"key-value-pairs"===e.items.type?(d(),D(z,{key:1,modelValue:e.newData,"onUpdate:modelValue":a[2]||(a[2]=function(a){return e.newData=a}),rules:e.ruleObject(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:g((function(a){var t=a.field,l=a.handleChange;return[w(F,{"field-name":"newItem","model-value":t.value,"is-last-child":!0,schema:n(n({},e.items),{title:"".concat(e.schema.title," new value")}),errors:s,type:e.items.type,"reference-model":{},"onUpdate:modelValue":l},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"array"===e.items.type?(d(),D(z,{key:2,modelValue:e.newData,"onUpdate:modelValue":a[3]||(a[3]=function(a){return e.newData=a}),rules:e.ruleArray(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:g((function(a){var t=a.field,l=a.handleChange;return[w(H,{"field-name":"newItem","model-value":t.value,"is-last-child":!0,schema:n(n({},e.items),{title:"".concat(e.schema.title," new value")}),errors:s,type:e.items.type,"reference-model":[],"onUpdate:modelValue":l},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):(d(),D(z,{key:3,modelValue:e.newData,"onUpdate:modelValue":a[4]||(a[4]=function(a){return e.newData=a}),rules:e.ruleString(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:g((function(a){var t=a.field,l=a.handleChange,s=a.errors,r=a.meta;return[w(G,{"model-value":t.value,schema:n(n({},e.items),{title:"".concat(e.schema.title," new value")}),required:!0,type:e.items.type,"validation-ob":n({errors:s},r),"reference-model":"","onUpdate:modelValue":l},null,8,["model-value","schema","type","validation-ob","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","label"])),f("button",{class:"button ac-button is-medium is-square is-primary is-outlined",onClick:k((function(a){return e.addNewValue(l)}),["prevent"])},E,8,q)])]})),_:1}))])):"yaml"===e.activeTab?(d(),D(Q,{key:1,modelValue:e.modelData,"onUpdate:modelValue":a[5]||(a[5]=function(a){return e.modelData=a}),"reference-model":e.referenceModel||[]},null,8,["modelValue","reference-model"])):"json"===e.activeTab?(d(),D(R,{key:2,modelValue:e.modelData,"onUpdate:modelValue":a[6]||(a[6]=function(a){return e.modelData=a}),"reference-model":e.referenceModel||[]},null,8,["modelValue","reference-model"])):C("",!0)],2)};export{x as default}; \ No newline at end of file diff --git a/dist/ArrayInput-DdkQrE-e.js b/dist/ArrayInput-DdkQrE-e.js new file mode 100644 index 0000000..a9e3112 --- /dev/null +++ b/dist/ArrayInput-DdkQrE-e.js @@ -0,0 +1,314 @@ +import { _ as z, m as B, v as J } from "./entry-CYnQ6pc8.js"; +import { t as E, c as q } from "./classes-DwoiHcKh.js"; +import { s as F } from "./size-BtoaE7vX.js"; +import { resolveComponent as o, openBlock as n, createElementBlock as v, normalizeClass as u, createElementVNode as p, createVNode as t, createTextVNode as L, toDisplayString as R, Fragment as G, renderList as H, withCtx as r, withModifiers as h, createBlock as d, createCommentVNode as K, defineComponent as Q, defineAsyncComponent as W } from "vue"; +import { AcButtons as X, AcButton as Y } from "@ac-design/design-system"; +import { Trash2 as Z, Plus as _, Minus as x, ChevronUp as ee, ChevronDown as ae } from "@lucide/vue"; +const le = Q({ + name: "ArrayInput", + components: { + AcButton: Y, + AcButtons: X, + ChevronDown: ae, + ChevronUp: ee, + Minus: x, + Plus: _, + Trash2: Z, + ArrayInputItems: W( + () => import("./ArrayInputItems-Ce2i65GO.js").then( + (e) => e.default + ) + ) + }, + mixins: [B, E, J, F], + props: { + schema: { + type: Object, + default: () => ({}) + }, + fieldName: { + type: String, + default: "" + }, + modelValue: { + type: null, + default: () => [] + }, + errors: { + type: Object, + default: () => ({}) + }, + isLastChild: { + type: Boolean, + default: !1 + } + }, + setup() { + return { cls: q }; + }, + data() { + return { + newData: null, + updatePass: 0 + }; + }, + computed: { + items() { + return this.schema.items || {}; + }, + // An input has its label above the field; a block or a switch starts with a 36px row + itemIsInput() { + return !["object", "key-value-pairs", "array", "boolean"].includes(this.items.type); + } + }, + methods: { + swapElems(e, a) { + const y = JSON.parse(JSON.stringify(this.modelData[e])); + this.modelData[e] = JSON.parse(JSON.stringify(this.modelData[a])), this.modelData[a] = y, this.updatePass += 1; + }, + async addNewValue(e) { + const { valid: a } = await e(); + a && (this.modelData.push(this.newData), this.newData = null, this.updatePass += 1); + }, + deleteValue(e) { + this.modelData.splice(e, 1), this.updatePass += 1; + } + } +}), oe = { + key: 0, + class: "flex flex-col gap-4" +}, te = { class: "grid grid-cols-[minmax(0,1fr)_auto] items-start gap-4" }; +function se(e, a, y, ne, re, me) { + const w = o("Minus"), b = o("component-errors"), V = o("tabs"), D = o("array-input-items"), k = o("ChevronUp"), c = o("ac-button"), C = o("ChevronDown"), I = o("ac-buttons"), U = o("Trash2"), $ = o("object-form-wrapper"), f = o("v-field"), N = o("key-value-pairs"), g = o("array-input", !0), j = o("simple-input"), A = o("Plus"), O = o("v-form"), M = o("yaml-form"), S = o("json-form"); + return n(), v("div", { + "data-vof-nested": "", + class: u(e.cls.nested) + }, [ + p("div", { + class: u(e.cls.header) + }, [ + p("h6", { + class: u(e.cls.title) + }, [ + p("div", { + class: u([e.cls.foldIcon, "cursor-not-allowed"]) + }, [ + t(w, { "aria-hidden": "true" }) + ], 2), + L(" " + R(e.schema.title || "Array Item Description") + " ", 1), + t(b, { + errors: e.calcFormErrors(e.errors, e.fieldName) + }, null, 8, ["errors"]) + ], 2), + t(V, { + modelValue: e.activeTab, + "onUpdate:modelValue": a[0] || (a[0] = (m) => e.activeTab = m) + }, null, 8, ["modelValue"]) + ], 2), + e.activeTab === "form" ? (n(), v("div", oe, [ + (n(!0), v(G, null, H(e.modelData, (m, s) => (n(), v("div", { + key: `${s}-${e.schema.title}-form`, + class: "flex items-start gap-4" + }, [ + t(D, { + "field-name": e.fieldName, + items: e.items, + schema: e.schema, + index: s, + "model-value": JSON.parse(JSON.stringify(e.modelData)), + errors: e.errors, + "reference-model": e.referenceModel || [] + }, null, 8, ["field-name", "items", "schema", "index", "model-value", "errors", "reference-model"]), + p("div", { + class: u([e.cls.rowActions, { [e.cls.besideInput]: e.itemIsInput }]) + }, [ + t(I, { + attached: "", + inline: "", + label: "Reorder" + }, { + default: r(() => [ + t(c, { + color: "white", + size: "small", + "aria-label": "Move up", + disabled: s === 0, + onClick: h((l) => e.swapElems(s - 1, s), ["prevent"]) + }, { + icon: r(() => [ + t(k, { "aria-hidden": "true" }) + ]), + _: 1 + }, 8, ["disabled", "onClick"]), + t(c, { + color: "white", + size: "small", + "aria-label": "Move down", + disabled: s === e.modelData.length - 1, + onClick: h((l) => e.swapElems(s, s + 1), ["prevent"]) + }, { + icon: r(() => [ + t(C, { "aria-hidden": "true" }) + ]), + _: 1 + }, 8, ["disabled", "onClick"]) + ]), + _: 2 + }, 1024), + t(c, { + color: "white", + size: "small", + "aria-label": "Delete", + onClick: h((l) => e.deleteValue(s), ["prevent"]) + }, { + icon: r(() => [ + t(U, { + class: "text-danger", + "aria-hidden": "true" + }) + ]), + _: 1 + }, 8, ["onClick"]) + ], 2) + ]))), 128)), + (n(), d(O, { + key: e.updatePass, + as: "" + }, { + default: r(({ validate: m, errors: s }) => [ + p("div", te, [ + e.items.type === "object" ? (n(), d(f, { + key: 0, + modelValue: e.newData, + "onUpdate:modelValue": a[1] || (a[1] = (l) => e.newData = l), + rules: e.ruleObject(!0), + name: "newItem", + label: `${e.schema.title} new value`, + as: "" + }, { + default: r(({ field: l, handleChange: i }) => [ + t($, { + "field-name": "newItem", + "model-value": l.value, + "is-last-child": !0, + "expand-form": !0, + "is-self-required": !0, + schema: { + ...e.items, + title: `${e.schema.title} new value` + }, + type: e.items.type, + errors: s, + "reference-model": {}, + "onUpdate:modelValue": i + }, null, 8, ["model-value", "schema", "type", "errors", "onUpdate:modelValue"]) + ]), + _: 2 + }, 1032, ["modelValue", "rules", "label"])) : e.items.type === "key-value-pairs" ? (n(), d(f, { + key: 1, + modelValue: e.newData, + "onUpdate:modelValue": a[2] || (a[2] = (l) => e.newData = l), + rules: e.ruleObject(!0), + name: "newItem", + label: `${e.schema.title} new value`, + as: "" + }, { + default: r(({ field: l, handleChange: i }) => [ + t(N, { + "field-name": "newItem", + "model-value": l.value, + "is-last-child": !0, + schema: { + ...e.items, + title: `${e.schema.title} new value` + }, + errors: s, + type: e.items.type, + "reference-model": {}, + "onUpdate:modelValue": i + }, null, 8, ["model-value", "schema", "errors", "type", "onUpdate:modelValue"]) + ]), + _: 2 + }, 1032, ["modelValue", "rules", "label"])) : e.items.type === "array" ? (n(), d(f, { + key: 2, + modelValue: e.newData, + "onUpdate:modelValue": a[3] || (a[3] = (l) => e.newData = l), + rules: e.ruleArray(!0), + name: "newItem", + label: `${e.schema.title} new value`, + as: "" + }, { + default: r(({ field: l, handleChange: i }) => [ + t(g, { + "field-name": "newItem", + "model-value": l.value, + "is-last-child": !0, + schema: { + ...e.items, + title: `${e.schema.title} new value` + }, + errors: s, + type: e.items.type, + "reference-model": [], + "onUpdate:modelValue": i + }, null, 8, ["model-value", "schema", "errors", "type", "onUpdate:modelValue"]) + ]), + _: 2 + }, 1032, ["modelValue", "rules", "label"])) : (n(), d(f, { + key: 3, + modelValue: e.newData, + "onUpdate:modelValue": a[4] || (a[4] = (l) => e.newData = l), + rules: e.ruleString(!0), + name: "newItem", + label: `${e.schema.title} new value`, + as: "" + }, { + default: r(({ field: l, handleChange: i, errors: T, meta: P }) => [ + t(j, { + "model-value": l.value, + schema: { + ...e.items, + title: `${e.schema.title} new value` + }, + required: !0, + type: e.items.type, + "validation-ob": { errors: T, ...P }, + "reference-model": "", + "onUpdate:modelValue": i + }, null, 8, ["model-value", "schema", "type", "validation-ob", "onUpdate:modelValue"]) + ]), + _: 1 + }, 8, ["modelValue", "rules", "label"])), + t(c, { + color: "white", + size: "small", + class: u({ [e.cls.besideInput]: e.itemIsInput }), + "aria-label": "Add", + onClick: h((l) => e.addNewValue(m), ["prevent"]) + }, { + icon: r(() => [ + t(A, { "aria-hidden": "true" }) + ]), + _: 1 + }, 8, ["class", "onClick"]) + ]) + ]), + _: 1 + })) + ])) : e.activeTab === "yaml" ? (n(), d(M, { + key: 1, + modelValue: e.modelData, + "onUpdate:modelValue": a[5] || (a[5] = (m) => e.modelData = m), + "reference-model": e.referenceModel || [] + }, null, 8, ["modelValue", "reference-model"])) : e.activeTab === "json" ? (n(), d(S, { + key: 2, + modelValue: e.modelData, + "onUpdate:modelValue": a[6] || (a[6] = (m) => e.modelData = m), + "reference-model": e.referenceModel || [] + }, null, 8, ["modelValue", "reference-model"])) : K("", !0) + ], 2); +} +const ve = /* @__PURE__ */ z(le, [["render", se]]); +export { + ve as default +}; diff --git a/dist/ArrayInput-a0a3450f.js b/dist/ArrayInput-a0a3450f.js deleted file mode 100644 index 5eb20c3..0000000 --- a/dist/ArrayInput-a0a3450f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var e=require("./entry-c1fde67d.js"),t=require("./tabs-f0820640.js"),a=require("./size-27a9a503.js"),l=require("vue"),n=l.defineComponent({name:"ArrayInput",components:{ArrayInputItems:l.defineAsyncComponent((function(){return Promise.resolve().then((function(){return require("./ArrayInputItems-81e58d12.js")})).then((function(e){return e.default}))}))},mixins:[e.m,t.t,e.v,a.s],props:{schema:{type:Object,default:function(){return{}}},fieldName:{type:String,default:""},modelValue:{type:null,default:function(){return[]}},errors:{type:Object,default:function(){return{}}},isLastChild:{type:Boolean,default:!1}},data:function(){return{newData:null,updatePass:0}},computed:{items:function(){return this.schema.items||{}}},methods:{swapElems:function(e,t){var a=JSON.parse(JSON.stringify(this.modelData[e]));this.modelData[e]=JSON.parse(JSON.stringify(this.modelData[t])),this.modelData[t]=a,this.updatePass+=1},addNewValue:function(t){var a=this;return e.a(e.b().mark((function l(){var n;return e.b().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t();case 2:n=e.sent,n.valid&&(a.modelData.push(a.newData),a.newData=null,a.updatePass+=1);case 5:case"end":return e.stop()}}),l)})))()},deleteValue:function(e){this.modelData.splice(e,1),this.updatePass+=1}}}),o={class:"nested-header mb-5"},r={class:"is-flex is-semi-normal"},s=l.createElementVNode("div",{class:"collaps-icon is-disabled"},[l.createElementVNode("i",{class:"fa fa-minus"})],-1),i={key:0,class:"is-flex gap-16 is-flex-direction-column"},c={class:"form-right-item"},m={class:"buttons",style:{gap:"16px"}},d=["disabled","onClick"],u=[l.createElementVNode("span",{class:"icon is-small"},[l.createElementVNode("i",{class:"fa fa-angle-up"})],-1)],p=["disabled","onClick"],f=[l.createElementVNode("span",{class:"icon is-small"},[l.createElementVNode("i",{class:"fa fa-angle-down"})],-1)],v=["onClick"],h=[l.createElementVNode("span",{class:"icon"},[l.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[l.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"})])],-1)],w={class:"value-list-save"},V=["onClick"],y=[l.createElementVNode("div",{class:"icon"},[l.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[l.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})])],-1)];n.render=function(t,a,n,k,b,C){var N=l.resolveComponent("component-errors"),D=l.resolveComponent("tabs"),E=l.resolveComponent("array-input-items"),B=l.resolveComponent("object-form-wrapper"),g=l.resolveComponent("v-field"),x=l.resolveComponent("key-value-pairs"),U=l.resolveComponent("array-input",!0),j=l.resolveComponent("simple-input"),_=l.resolveComponent("v-form"),I=l.resolveComponent("yaml-form"),M=l.resolveComponent("json-form"),O=l.resolveDirective("tooltip");return l.openBlock(),l.createElementBlock("div",{as:"div",class:l.normalizeClass(["ac-nested-elements vue-schema-form-array array-input",{"stop-line":t.isLastChild}])},[l.createElementVNode("div",o,[l.createElementVNode("h6",r,[s,l.createTextVNode(" "+l.toDisplayString(t.schema.title||"Array Item Description")+" ",1),l.createVNode(N,{errors:t.calcFormErrors(t.errors,t.fieldName)},null,8,["errors"])]),l.createVNode(D,{modelValue:t.activeTab,"onUpdate:modelValue":a[0]||(a[0]=function(e){return t.activeTab=e})},null,8,["modelValue"])]),"form"===t.activeTab?(l.openBlock(),l.createElementBlock("div",i,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.modelData,(function(e,a){return l.openBlock(),l.createElementBlock("div",{key:"".concat(a,"-").concat(t.schema.title,"-form"),class:"nested-body"},[l.createVNode(E,{"field-name":t.fieldName,items:t.items,schema:t.schema,index:a,"model-value":JSON.parse(JSON.stringify(t.modelData)),errors:t.errors,"reference-model":t.referenceModel||[]},null,8,["field-name","items","schema","index","model-value","errors","reference-model"]),l.createElementVNode("div",c,[l.createElementVNode("div",m,[l.createElementVNode("div",{class:l.normalizeClass(["buttons up-down-buttons",{"is-small":!t.isMedium}])},[l.withDirectives((l.openBlock(),l.createElementBlock("button",{class:l.normalizeClass(["up-down-button",{"is-primary":0!==a}]),disabled:0===a,onClick:l.withModifiers((function(e){return t.swapElems(a-1,a)}),["prevent"])},u,10,d)),[[O,{content:"move up",placement:"top",classes:["is-primary"],targetClasses:["up-down-button"]}]]),l.withDirectives((l.openBlock(),l.createElementBlock("button",{class:l.normalizeClass(["up-down-button",{"is-primary":a!==t.modelData.length-1}]),disabled:a===t.modelData.length-1,onClick:l.withModifiers((function(e){return t.swapElems(a,a+1)}),["prevent"])},f,10,p)),[[O,{content:"move down",placement:"bottom",classes:["is-primary"],targetClasses:["up-down-button"]}]])],2),l.createElementVNode("button",{class:"button ac-button is-medium is-square is-danger is-outlined mb-0",onClick:l.withModifiers((function(e){return t.deleteValue(a)}),["prevent"])},h,8,v)])])])})),128)),(l.openBlock(),l.createBlock(_,{key:t.updatePass,as:""},{default:l.withCtx((function(n){var o=n.validate,r=n.errors;return[l.createElementVNode("div",w,["object"===t.items.type?(l.openBlock(),l.createBlock(g,{key:0,modelValue:t.newData,"onUpdate:modelValue":a[1]||(a[1]=function(e){return t.newData=e}),rules:t.ruleObject(!0),name:"newItem",label:"".concat(t.schema.title," new value"),as:""},{default:l.withCtx((function(a){var n=a.field,o=a.handleChange;return[l.createVNode(B,{"field-name":"newItem","model-value":n.value,"is-last-child":!0,"expand-form":!0,"is-self-required":!0,schema:e._(e._({},t.items),{title:"".concat(t.schema.title," new value")}),type:t.items.type,errors:r,"reference-model":{},"onUpdate:modelValue":o},null,8,["model-value","schema","type","errors","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"key-value-pairs"===t.items.type?(l.openBlock(),l.createBlock(g,{key:1,modelValue:t.newData,"onUpdate:modelValue":a[2]||(a[2]=function(e){return t.newData=e}),rules:t.ruleObject(!0),name:"newItem",label:"".concat(t.schema.title," new value"),as:""},{default:l.withCtx((function(a){var n=a.field,o=a.handleChange;return[l.createVNode(x,{"field-name":"newItem","model-value":n.value,"is-last-child":!0,schema:e._(e._({},t.items),{title:"".concat(t.schema.title," new value")}),errors:r,type:t.items.type,"reference-model":{},"onUpdate:modelValue":o},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"array"===t.items.type?(l.openBlock(),l.createBlock(g,{key:2,modelValue:t.newData,"onUpdate:modelValue":a[3]||(a[3]=function(e){return t.newData=e}),rules:t.ruleArray(!0),name:"newItem",label:"".concat(t.schema.title," new value"),as:""},{default:l.withCtx((function(a){var n=a.field,o=a.handleChange;return[l.createVNode(U,{"field-name":"newItem","model-value":n.value,"is-last-child":!0,schema:e._(e._({},t.items),{title:"".concat(t.schema.title," new value")}),errors:r,type:t.items.type,"reference-model":[],"onUpdate:modelValue":o},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):(l.openBlock(),l.createBlock(g,{key:3,modelValue:t.newData,"onUpdate:modelValue":a[4]||(a[4]=function(e){return t.newData=e}),rules:t.ruleString(!0),name:"newItem",label:"".concat(t.schema.title," new value"),as:""},{default:l.withCtx((function(a){var n=a.field,o=a.handleChange,r=a.errors,s=a.meta;return[l.createVNode(j,{"model-value":n.value,schema:e._(e._({},t.items),{title:"".concat(t.schema.title," new value")}),required:!0,type:t.items.type,"validation-ob":e._({errors:r},s),"reference-model":"","onUpdate:modelValue":o},null,8,["model-value","schema","type","validation-ob","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","label"])),l.createElementVNode("button",{class:"button ac-button is-medium is-square is-primary is-outlined",onClick:l.withModifiers((function(e){return t.addNewValue(o)}),["prevent"])},y,8,V)])]})),_:1}))])):"yaml"===t.activeTab?(l.openBlock(),l.createBlock(I,{key:1,modelValue:t.modelData,"onUpdate:modelValue":a[5]||(a[5]=function(e){return t.modelData=e}),"reference-model":t.referenceModel||[]},null,8,["modelValue","reference-model"])):"json"===t.activeTab?(l.openBlock(),l.createBlock(M,{key:2,modelValue:t.modelData,"onUpdate:modelValue":a[6]||(a[6]=function(e){return t.modelData=e}),"reference-model":t.referenceModel||[]},null,8,["modelValue","reference-model"])):l.createCommentVNode("",!0)],2)},exports.default=n; \ No newline at end of file diff --git a/dist/ArrayInput-e904467b.js b/dist/ArrayInput-e904467b.js deleted file mode 100644 index f7bd6dd..0000000 --- a/dist/ArrayInput-e904467b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var e=require("./entry-5480607d.js"),t=require("./tabs-e549bda7.js"),a=require("./size-27a9a503.js"),l=require("vue"),n=l.defineComponent({name:"ArrayInput",components:{ArrayInputItems:l.defineAsyncComponent((function(){return Promise.resolve().then((function(){return require("./ArrayInputItems-b40b2d6a.js")})).then((function(e){return e.default}))}))},mixins:[e.m,t.t,e.v,a.s],props:{schema:{type:Object,default:function(){return{}}},fieldName:{type:String,default:""},modelValue:{type:null,default:function(){return[]}},errors:{type:Object,default:function(){return{}}},isLastChild:{type:Boolean,default:!1}},data:function(){return{newData:null,updatePass:0}},computed:{items:function(){return this.schema.items||{}}},methods:{swapElems:function(e,t){var a=JSON.parse(JSON.stringify(this.modelData[e]));this.modelData[e]=JSON.parse(JSON.stringify(this.modelData[t])),this.modelData[t]=a,this.updatePass+=1},addNewValue:function(t){var a=this;return e.a(e.b().mark((function l(){var n;return e.b().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t();case 2:n=e.sent,n.valid&&(a.modelData.push(a.newData),a.newData=null,a.updatePass+=1);case 5:case"end":return e.stop()}}),l)})))()},deleteValue:function(e){this.modelData.splice(e,1),this.updatePass+=1}}}),o={class:"nested-header mb-5"},r={class:"is-flex is-semi-normal"},s=l.createElementVNode("div",{class:"collaps-icon is-disabled"},[l.createElementVNode("i",{class:"fa fa-minus"})],-1),i={key:0,class:"is-flex gap-16 is-flex-direction-column"},c={class:"form-right-item"},m={class:"buttons",style:{gap:"16px"}},d=["disabled","onClick"],u=[l.createElementVNode("span",{class:"icon is-small"},[l.createElementVNode("i",{class:"fa fa-angle-up"})],-1)],p=["disabled","onClick"],f=[l.createElementVNode("span",{class:"icon is-small"},[l.createElementVNode("i",{class:"fa fa-angle-down"})],-1)],v=["onClick"],h=[l.createElementVNode("span",{class:"icon"},[l.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[l.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"})])],-1)],w={class:"value-list-save"},V=["onClick"],y=[l.createElementVNode("div",{class:"icon"},[l.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[l.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})])],-1)];n.render=function(t,a,n,k,b,C){var N=l.resolveComponent("component-errors"),D=l.resolveComponent("tabs"),E=l.resolveComponent("array-input-items"),B=l.resolveComponent("object-form-wrapper"),g=l.resolveComponent("v-field"),x=l.resolveComponent("key-value-pairs"),U=l.resolveComponent("array-input",!0),j=l.resolveComponent("simple-input"),_=l.resolveComponent("v-form"),I=l.resolveComponent("yaml-form"),M=l.resolveComponent("json-form"),O=l.resolveDirective("tooltip");return l.openBlock(),l.createElementBlock("div",{as:"div",class:l.normalizeClass(["ac-nested-elements vue-schema-form-array array-input",{"stop-line":t.isLastChild}])},[l.createElementVNode("div",o,[l.createElementVNode("h6",r,[s,l.createTextVNode(" "+l.toDisplayString(t.schema.title||"Array Item Description")+" ",1),l.createVNode(N,{errors:t.calcFormErrors(t.errors,t.fieldName)},null,8,["errors"])]),l.createVNode(D,{modelValue:t.activeTab,"onUpdate:modelValue":a[0]||(a[0]=function(e){return t.activeTab=e})},null,8,["modelValue"])]),"form"===t.activeTab?(l.openBlock(),l.createElementBlock("div",i,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.modelData,(function(e,a){return l.openBlock(),l.createElementBlock("div",{key:"".concat(a,"-").concat(t.schema.title,"-form"),class:"nested-body"},[l.createVNode(E,{"field-name":t.fieldName,items:t.items,schema:t.schema,index:a,"model-value":JSON.parse(JSON.stringify(t.modelData)),errors:t.errors,"reference-model":t.referenceModel||[]},null,8,["field-name","items","schema","index","model-value","errors","reference-model"]),l.createElementVNode("div",c,[l.createElementVNode("div",m,[l.createElementVNode("div",{class:l.normalizeClass(["buttons up-down-buttons",{"is-small":!t.isMedium}])},[l.withDirectives((l.openBlock(),l.createElementBlock("button",{class:l.normalizeClass(["up-down-button",{"is-primary":0!==a}]),disabled:0===a,onClick:l.withModifiers((function(e){return t.swapElems(a-1,a)}),["prevent"])},u,10,d)),[[O,{content:"move up",placement:"top",classes:["is-primary"],targetClasses:["up-down-button"]}]]),l.withDirectives((l.openBlock(),l.createElementBlock("button",{class:l.normalizeClass(["up-down-button",{"is-primary":a!==t.modelData.length-1}]),disabled:a===t.modelData.length-1,onClick:l.withModifiers((function(e){return t.swapElems(a,a+1)}),["prevent"])},f,10,p)),[[O,{content:"move down",placement:"bottom",classes:["is-primary"],targetClasses:["up-down-button"]}]])],2),l.createElementVNode("button",{class:"button ac-button is-medium is-square is-danger is-outlined mb-0",onClick:l.withModifiers((function(e){return t.deleteValue(a)}),["prevent"])},h,8,v)])])])})),128)),(l.openBlock(),l.createBlock(_,{key:t.updatePass,as:""},{default:l.withCtx((function(n){var o=n.validate,r=n.errors;return[l.createElementVNode("div",w,["object"===t.items.type?(l.openBlock(),l.createBlock(g,{key:0,modelValue:t.newData,"onUpdate:modelValue":a[1]||(a[1]=function(e){return t.newData=e}),rules:t.ruleObject(!0),name:"newItem",label:"".concat(t.schema.title," new value"),as:""},{default:l.withCtx((function(a){var n=a.field,o=a.handleChange;return[l.createVNode(B,{"field-name":"newItem","model-value":n.value,"is-last-child":!0,"expand-form":!0,"is-self-required":!0,schema:e._(e._({},t.items),{title:"".concat(t.schema.title," new value")}),type:t.items.type,errors:r,"reference-model":{},"onUpdate:modelValue":o},null,8,["model-value","schema","type","errors","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"key-value-pairs"===t.items.type?(l.openBlock(),l.createBlock(g,{key:1,modelValue:t.newData,"onUpdate:modelValue":a[2]||(a[2]=function(e){return t.newData=e}),rules:t.ruleObject(!0),name:"newItem",label:"".concat(t.schema.title," new value"),as:""},{default:l.withCtx((function(a){var n=a.field,o=a.handleChange;return[l.createVNode(x,{"field-name":"newItem","model-value":n.value,"is-last-child":!0,schema:e._(e._({},t.items),{title:"".concat(t.schema.title," new value")}),errors:r,type:t.items.type,"reference-model":{},"onUpdate:modelValue":o},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"array"===t.items.type?(l.openBlock(),l.createBlock(g,{key:2,modelValue:t.newData,"onUpdate:modelValue":a[3]||(a[3]=function(e){return t.newData=e}),rules:t.ruleArray(!0),name:"newItem",label:"".concat(t.schema.title," new value"),as:""},{default:l.withCtx((function(a){var n=a.field,o=a.handleChange;return[l.createVNode(U,{"field-name":"newItem","model-value":n.value,"is-last-child":!0,schema:e._(e._({},t.items),{title:"".concat(t.schema.title," new value")}),errors:r,type:t.items.type,"reference-model":[],"onUpdate:modelValue":o},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):(l.openBlock(),l.createBlock(g,{key:3,modelValue:t.newData,"onUpdate:modelValue":a[4]||(a[4]=function(e){return t.newData=e}),rules:t.ruleString(!0),name:"newItem",label:"".concat(t.schema.title," new value"),as:""},{default:l.withCtx((function(a){var n=a.field,o=a.handleChange,r=a.errors,s=a.meta;return[l.createVNode(j,{"model-value":n.value,schema:e._(e._({},t.items),{title:"".concat(t.schema.title," new value")}),required:!0,type:t.items.type,"validation-ob":e._({errors:r},s),"reference-model":"","onUpdate:modelValue":o},null,8,["model-value","schema","type","validation-ob","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","label"])),l.createElementVNode("button",{class:"button ac-button is-medium is-square is-primary is-outlined",onClick:l.withModifiers((function(e){return t.addNewValue(o)}),["prevent"])},y,8,V)])]})),_:1}))])):"yaml"===t.activeTab?(l.openBlock(),l.createBlock(I,{key:1,modelValue:t.modelData,"onUpdate:modelValue":a[5]||(a[5]=function(e){return t.modelData=e}),"reference-model":t.referenceModel||[]},null,8,["modelValue","reference-model"])):"json"===t.activeTab?(l.openBlock(),l.createBlock(M,{key:2,modelValue:t.modelData,"onUpdate:modelValue":a[6]||(a[6]=function(e){return t.modelData=e}),"reference-model":t.referenceModel||[]},null,8,["modelValue","reference-model"])):l.createCommentVNode("",!0)],2)},exports.default=n; \ No newline at end of file diff --git a/dist/ArrayInput-eadba2cd.js b/dist/ArrayInput-eadba2cd.js deleted file mode 100644 index 9ea82d3..0000000 --- a/dist/ArrayInput-eadba2cd.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var e=require("./entry-46a6dd07.js"),t=require("./tabs-714485d5.js"),a=require("./size-27a9a503.js"),l=require("vue"),n=l.defineComponent({name:"ArrayInput",components:{ArrayInputItems:l.defineAsyncComponent((function(){return Promise.resolve().then((function(){return require("./ArrayInputItems-a24635a8.js")})).then((function(e){return e.default}))}))},mixins:[e.m,t.t,e.v,a.s],props:{schema:{type:Object,default:function(){return{}}},fieldName:{type:String,default:""},modelValue:{type:null,default:function(){return[]}},errors:{type:Object,default:function(){return{}}},isLastChild:{type:Boolean,default:!1}},data:function(){return{newData:null,updatePass:0}},computed:{items:function(){return this.schema.items||{}}},methods:{swapElems:function(e,t){var a=JSON.parse(JSON.stringify(this.modelData[e]));this.modelData[e]=JSON.parse(JSON.stringify(this.modelData[t])),this.modelData[t]=a,this.updatePass+=1},addNewValue:function(t){var a=this;return e.a(e.b().mark((function l(){var n;return e.b().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t();case 2:n=e.sent,n.valid&&(a.modelData.push(a.newData),a.newData=null,a.updatePass+=1);case 5:case"end":return e.stop()}}),l)})))()},deleteValue:function(e){this.modelData.splice(e,1),this.updatePass+=1}}}),o={class:"nested-header mb-5"},r={class:"is-flex is-semi-normal"},s=l.createElementVNode("div",{class:"collaps-icon is-disabled"},[l.createElementVNode("i",{class:"fa fa-minus"})],-1),i={key:0,class:"is-flex gap-16 is-flex-direction-column"},c={class:"form-right-item"},m={class:"buttons",style:{gap:"16px"}},d=["disabled","onClick"],u=[l.createElementVNode("span",{class:"icon is-small"},[l.createElementVNode("i",{class:"fa fa-angle-up"})],-1)],p=["disabled","onClick"],f=[l.createElementVNode("span",{class:"icon is-small"},[l.createElementVNode("i",{class:"fa fa-angle-down"})],-1)],v=["onClick"],h=[l.createElementVNode("span",{class:"icon"},[l.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[l.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"})])],-1)],w={class:"value-list-save"},V=["onClick"],y=[l.createElementVNode("div",{class:"icon"},[l.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[l.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})])],-1)];n.render=function(t,a,n,k,b,C){var N=l.resolveComponent("component-errors"),D=l.resolveComponent("tabs"),E=l.resolveComponent("array-input-items"),B=l.resolveComponent("object-form-wrapper"),g=l.resolveComponent("v-field"),x=l.resolveComponent("key-value-pairs"),U=l.resolveComponent("array-input",!0),j=l.resolveComponent("simple-input"),_=l.resolveComponent("v-form"),I=l.resolveComponent("yaml-form"),M=l.resolveComponent("json-form"),O=l.resolveDirective("tooltip");return l.openBlock(),l.createElementBlock("div",{as:"div",class:l.normalizeClass(["ac-nested-elements vue-schema-form-array array-input",{"stop-line":t.isLastChild}])},[l.createElementVNode("div",o,[l.createElementVNode("h6",r,[s,l.createTextVNode(" "+l.toDisplayString(t.schema.title||"Array Item Description")+" ",1),l.createVNode(N,{errors:t.calcFormErrors(t.errors,t.fieldName)},null,8,["errors"])]),l.createVNode(D,{modelValue:t.activeTab,"onUpdate:modelValue":a[0]||(a[0]=function(e){return t.activeTab=e})},null,8,["modelValue"])]),"form"===t.activeTab?(l.openBlock(),l.createElementBlock("div",i,[(l.openBlock(!0),l.createElementBlock(l.Fragment,null,l.renderList(t.modelData,(function(e,a){return l.openBlock(),l.createElementBlock("div",{key:"".concat(a,"-").concat(t.schema.title,"-form"),class:"nested-body"},[l.createVNode(E,{"field-name":t.fieldName,items:t.items,schema:t.schema,index:a,"model-value":JSON.parse(JSON.stringify(t.modelData)),errors:t.errors,"reference-model":t.referenceModel||[]},null,8,["field-name","items","schema","index","model-value","errors","reference-model"]),l.createElementVNode("div",c,[l.createElementVNode("div",m,[l.createElementVNode("div",{class:l.normalizeClass(["buttons up-down-buttons",{"is-small":!t.isMedium}])},[l.withDirectives((l.openBlock(),l.createElementBlock("button",{class:l.normalizeClass(["up-down-button",{"is-primary":0!==a}]),disabled:0===a,onClick:l.withModifiers((function(e){return t.swapElems(a-1,a)}),["prevent"])},u,10,d)),[[O,{content:"move up",placement:"top",classes:["is-primary"],targetClasses:["up-down-button"]}]]),l.withDirectives((l.openBlock(),l.createElementBlock("button",{class:l.normalizeClass(["up-down-button",{"is-primary":a!==t.modelData.length-1}]),disabled:a===t.modelData.length-1,onClick:l.withModifiers((function(e){return t.swapElems(a,a+1)}),["prevent"])},f,10,p)),[[O,{content:"move down",placement:"bottom",classes:["is-primary"],targetClasses:["up-down-button"]}]])],2),l.createElementVNode("button",{class:"button ac-button is-medium is-square is-danger is-outlined mb-0",onClick:l.withModifiers((function(e){return t.deleteValue(a)}),["prevent"])},h,8,v)])])])})),128)),(l.openBlock(),l.createBlock(_,{key:t.updatePass,as:""},{default:l.withCtx((function(n){var o=n.validate,r=n.errors;return[l.createElementVNode("div",w,["object"===t.items.type?(l.openBlock(),l.createBlock(g,{key:0,modelValue:t.newData,"onUpdate:modelValue":a[1]||(a[1]=function(e){return t.newData=e}),rules:t.ruleObject(!0),name:"newItem",label:"".concat(t.schema.title," new value"),as:""},{default:l.withCtx((function(a){var n=a.field,o=a.handleChange;return[l.createVNode(B,{"field-name":"newItem","model-value":n.value,"is-last-child":!0,"expand-form":!0,"is-self-required":!0,schema:e._(e._({},t.items),{title:"".concat(t.schema.title," new value")}),type:t.items.type,errors:r,"reference-model":{},"onUpdate:modelValue":o},null,8,["model-value","schema","type","errors","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"key-value-pairs"===t.items.type?(l.openBlock(),l.createBlock(g,{key:1,modelValue:t.newData,"onUpdate:modelValue":a[2]||(a[2]=function(e){return t.newData=e}),rules:t.ruleObject(!0),name:"newItem",label:"".concat(t.schema.title," new value"),as:""},{default:l.withCtx((function(a){var n=a.field,o=a.handleChange;return[l.createVNode(x,{"field-name":"newItem","model-value":n.value,"is-last-child":!0,schema:e._(e._({},t.items),{title:"".concat(t.schema.title," new value")}),errors:r,type:t.items.type,"reference-model":{},"onUpdate:modelValue":o},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"array"===t.items.type?(l.openBlock(),l.createBlock(g,{key:2,modelValue:t.newData,"onUpdate:modelValue":a[3]||(a[3]=function(e){return t.newData=e}),rules:t.ruleArray(!0),name:"newItem",label:"".concat(t.schema.title," new value"),as:""},{default:l.withCtx((function(a){var n=a.field,o=a.handleChange;return[l.createVNode(U,{"field-name":"newItem","model-value":n.value,"is-last-child":!0,schema:e._(e._({},t.items),{title:"".concat(t.schema.title," new value")}),errors:r,type:t.items.type,"reference-model":[],"onUpdate:modelValue":o},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):(l.openBlock(),l.createBlock(g,{key:3,modelValue:t.newData,"onUpdate:modelValue":a[4]||(a[4]=function(e){return t.newData=e}),rules:t.ruleString(!0),name:"newItem",label:"".concat(t.schema.title," new value"),as:""},{default:l.withCtx((function(a){var n=a.field,o=a.handleChange,r=a.errors,s=a.meta;return[l.createVNode(j,{"model-value":n.value,schema:e._(e._({},t.items),{title:"".concat(t.schema.title," new value")}),required:!0,type:t.items.type,"validation-ob":e._({errors:r},s),"reference-model":"","onUpdate:modelValue":o},null,8,["model-value","schema","type","validation-ob","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","label"])),l.createElementVNode("button",{class:"button ac-button is-medium is-square is-primary is-outlined",onClick:l.withModifiers((function(e){return t.addNewValue(o)}),["prevent"])},y,8,V)])]})),_:1}))])):"yaml"===t.activeTab?(l.openBlock(),l.createBlock(I,{key:1,modelValue:t.modelData,"onUpdate:modelValue":a[5]||(a[5]=function(e){return t.modelData=e}),"reference-model":t.referenceModel||[]},null,8,["modelValue","reference-model"])):"json"===t.activeTab?(l.openBlock(),l.createBlock(M,{key:2,modelValue:t.modelData,"onUpdate:modelValue":a[6]||(a[6]=function(e){return t.modelData=e}),"reference-model":t.referenceModel||[]},null,8,["modelValue","reference-model"])):l.createCommentVNode("",!0)],2)},exports.default=n; \ No newline at end of file diff --git a/dist/ArrayInputItems-592f292e.js b/dist/ArrayInputItems-592f292e.js deleted file mode 100644 index 8fecf96..0000000 --- a/dist/ArrayInputItems-592f292e.js +++ /dev/null @@ -1 +0,0 @@ -import{m as e,v as a,_ as l}from"./entry-a6929ab2.js";import{defineComponent as t,resolveComponent as n,openBlock as r,createElementBlock as o,createBlock as d,withCtx as c,createVNode as m}from"vue";var i=t({name:"ArrayInputItems",mixins:[e,a],props:{items:{type:Object,default:function(){return{}}},schema:{type:Object,default:function(){return{}}},index:{type:Number,default:0},modelValue:{type:null,default:function(){return[]}},fieldName:{type:String,default:""},errors:{type:Object,default:function(){return{}}}}}),u={class:"form-left-item"};i.render=function(e,a,t,i,s,f){var p=n("object-form-wrapper"),y=n("v-field"),x=n("key-value-pairs"),v=n("array-input"),h=n("simple-input");return r(),o("div",u,["object"===e.items.type?(r(),d(y,{key:0,modelValue:e.modelData[e.index],"onUpdate:modelValue":a[0]||(a[0]=function(a){return e.modelData[e.index]=a}),rules:e.ruleObject(!0),name:"".concat(e.fieldName,"/").concat(e.index+1),label:"".concat(e.schema.title," ").concat(e.index+1),as:""},{default:c((function(a){var t=a.field,n=a.handleChange;return[m(p,{"field-name":"".concat(e.fieldName,"/").concat(e.index+1),"model-value":t.value,schema:l(l({},e.items),{title:"".concat(e.schema.title," ").concat(e.index+1)}),"is-self-required":!0,type:e.items.type,errors:e.errors,"reference-model":e.referenceModel[e.index]||{},"onUpdate:modelValue":n},null,8,["field-name","model-value","schema","type","errors","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):"key-value-pairs"===e.items.type?(r(),d(y,{key:1,modelValue:e.modelData[e.index],"onUpdate:modelValue":a[1]||(a[1]=function(a){return e.modelData[e.index]=a}),rules:e.ruleObject(!0),name:"".concat(e.fieldName,"/").concat(e.index+1),label:"".concat(e.schema.title," ").concat(e.index+1),as:""},{default:c((function(a){var t=a.field,n=a.handleChange;return[m(x,{"field-name":"".concat(e.fieldName,"/").concat(e.index+1),"model-value":t.value,errors:e.errors,schema:l(l({},e.items),{title:"".concat(e.schema.title," ").concat(e.index+1)}),type:e.items.type,"reference-model":e.referenceModel[e.index]||{},"onUpdate:modelValue":n},null,8,["field-name","model-value","errors","schema","type","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):"array"===e.items.type?(r(),d(y,{key:2,modelValue:e.modelData[e.index],"onUpdate:modelValue":a[2]||(a[2]=function(a){return e.modelData[e.index]=a}),rules:e.ruleArray(!0),name:"".concat(e.fieldName,"/").concat(e.index+1),label:"".concat(e.schema.title," ").concat(e.index+1),as:""},{default:c((function(a){var t=a.field,n=a.handleChange;return[m(v,{"field-name":"".concat(e.fieldName,"/").concat(e.index+1),"model-value":t.value,schema:l(l({},e.items),{title:"".concat(e.schema.title," ").concat(e.index+1)}),type:e.items.type,errors:e.errors,"reference-model":e.referenceModel[e.index]||[],"onUpdate:modelValue":n},null,8,["field-name","model-value","schema","type","errors","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):(r(),d(y,{key:3,modelValue:e.modelData[e.index],"onUpdate:modelValue":a[3]||(a[3]=function(a){return e.modelData[e.index]=a}),rules:e.ruleString(!0),name:"".concat(e.fieldName,"/").concat(e.index+1),label:"".concat(e.schema.title," ").concat(e.index+1),as:""},{default:c((function(a){var t=a.field,n=a.handleChange,r=a.errors,o=a.meta;return[m(h,{"model-value":t.value,schema:l(l({},e.items),{title:"".concat(e.schema.title," ").concat(e.index+1)}),type:e.items.type,required:!0,"validation-ob":l({errors:r},o),"reference-model":e.referenceModel[e.index]||"","onUpdate:modelValue":n},null,8,["model-value","schema","type","validation-ob","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"]))])};export{i as default}; \ No newline at end of file diff --git a/dist/ArrayInputItems-81e58d12.js b/dist/ArrayInputItems-81e58d12.js deleted file mode 100644 index 1b82029..0000000 --- a/dist/ArrayInputItems-81e58d12.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var e=require("./entry-c1fde67d.js"),a=require("vue"),l=a.defineComponent({name:"ArrayInputItems",mixins:[e.m,e.v],props:{items:{type:Object,default:function(){return{}}},schema:{type:Object,default:function(){return{}}},index:{type:Number,default:0},modelValue:{type:null,default:function(){return[]}},fieldName:{type:String,default:""},errors:{type:Object,default:function(){return{}}}}}),t={class:"form-left-item"};l.render=function(l,n,o,r,d,c){var m=a.resolveComponent("object-form-wrapper"),i=a.resolveComponent("v-field"),u=a.resolveComponent("key-value-pairs"),s=a.resolveComponent("array-input"),f=a.resolveComponent("simple-input");return a.openBlock(),a.createElementBlock("div",t,["object"===l.items.type?(a.openBlock(),a.createBlock(i,{key:0,modelValue:l.modelData[l.index],"onUpdate:modelValue":n[0]||(n[0]=function(e){return l.modelData[l.index]=e}),rules:l.ruleObject(!0),name:"".concat(l.fieldName,"/").concat(l.index+1),label:"".concat(l.schema.title," ").concat(l.index+1),as:""},{default:a.withCtx((function(t){var n=t.field,o=t.handleChange;return[a.createVNode(m,{"field-name":"".concat(l.fieldName,"/").concat(l.index+1),"model-value":n.value,schema:e._(e._({},l.items),{title:"".concat(l.schema.title," ").concat(l.index+1)}),"is-self-required":!0,type:l.items.type,errors:l.errors,"reference-model":l.referenceModel[l.index]||{},"onUpdate:modelValue":o},null,8,["field-name","model-value","schema","type","errors","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):"key-value-pairs"===l.items.type?(a.openBlock(),a.createBlock(i,{key:1,modelValue:l.modelData[l.index],"onUpdate:modelValue":n[1]||(n[1]=function(e){return l.modelData[l.index]=e}),rules:l.ruleObject(!0),name:"".concat(l.fieldName,"/").concat(l.index+1),label:"".concat(l.schema.title," ").concat(l.index+1),as:""},{default:a.withCtx((function(t){var n=t.field,o=t.handleChange;return[a.createVNode(u,{"field-name":"".concat(l.fieldName,"/").concat(l.index+1),"model-value":n.value,errors:l.errors,schema:e._(e._({},l.items),{title:"".concat(l.schema.title," ").concat(l.index+1)}),type:l.items.type,"reference-model":l.referenceModel[l.index]||{},"onUpdate:modelValue":o},null,8,["field-name","model-value","errors","schema","type","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):"array"===l.items.type?(a.openBlock(),a.createBlock(i,{key:2,modelValue:l.modelData[l.index],"onUpdate:modelValue":n[2]||(n[2]=function(e){return l.modelData[l.index]=e}),rules:l.ruleArray(!0),name:"".concat(l.fieldName,"/").concat(l.index+1),label:"".concat(l.schema.title," ").concat(l.index+1),as:""},{default:a.withCtx((function(t){var n=t.field,o=t.handleChange;return[a.createVNode(s,{"field-name":"".concat(l.fieldName,"/").concat(l.index+1),"model-value":n.value,schema:e._(e._({},l.items),{title:"".concat(l.schema.title," ").concat(l.index+1)}),type:l.items.type,errors:l.errors,"reference-model":l.referenceModel[l.index]||[],"onUpdate:modelValue":o},null,8,["field-name","model-value","schema","type","errors","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):(a.openBlock(),a.createBlock(i,{key:3,modelValue:l.modelData[l.index],"onUpdate:modelValue":n[3]||(n[3]=function(e){return l.modelData[l.index]=e}),rules:l.ruleString(!0),name:"".concat(l.fieldName,"/").concat(l.index+1),label:"".concat(l.schema.title," ").concat(l.index+1),as:""},{default:a.withCtx((function(t){var n=t.field,o=t.handleChange,r=t.errors,d=t.meta;return[a.createVNode(f,{"model-value":n.value,schema:e._(e._({},l.items),{title:"".concat(l.schema.title," ").concat(l.index+1)}),type:l.items.type,required:!0,"validation-ob":e._({errors:r},d),"reference-model":l.referenceModel[l.index]||"","onUpdate:modelValue":o},null,8,["model-value","schema","type","validation-ob","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"]))])},exports.default=l; \ No newline at end of file diff --git a/dist/ArrayInputItems-Ce2i65GO.js b/dist/ArrayInputItems-Ce2i65GO.js new file mode 100644 index 0000000..5c9aa5f --- /dev/null +++ b/dist/ArrayInputItems-Ce2i65GO.js @@ -0,0 +1,139 @@ +import { _ as v, m as V, v as b } from "./entry-CYnQ6pc8.js"; +import { resolveComponent as o, openBlock as r, createElementBlock as h, createBlock as n, withCtx as i, createVNode as s, defineComponent as U } from "vue"; +const k = U({ + name: "ArrayInputItems", + mixins: [V, b], + props: { + items: { + type: Object, + default: () => ({}) + }, + schema: { + type: Object, + default: () => ({}) + }, + index: { + type: Number, + default: 0 + }, + modelValue: { + type: null, + default: () => [] + }, + fieldName: { + type: String, + default: "" + }, + errors: { + type: Object, + default: () => ({}) + } + } +}), N = { class: "min-w-0 flex-1" }; +function j(e, a, D, O, w, I) { + const u = o("object-form-wrapper"), m = o("v-field"), t = o("key-value-pairs"), p = o("array-input"), f = o("simple-input"); + return r(), h("div", N, [ + e.items.type === "object" ? (r(), n(m, { + key: 0, + modelValue: e.modelData[e.index], + "onUpdate:modelValue": a[0] || (a[0] = (l) => e.modelData[e.index] = l), + rules: e.ruleObject(!0), + name: `${e.fieldName}/${e.index + 1}`, + label: `${e.schema.title} ${e.index + 1}`, + as: "" + }, { + default: i(({ field: l, handleChange: d }) => [ + s(u, { + "field-name": `${e.fieldName}/${e.index + 1}`, + "model-value": l.value, + schema: { + ...e.items, + title: `${e.schema.title} ${e.index + 1}` + }, + "is-self-required": !0, + type: e.items.type, + errors: e.errors, + "reference-model": e.referenceModel[e.index] || {}, + "onUpdate:modelValue": d + }, null, 8, ["field-name", "model-value", "schema", "type", "errors", "reference-model", "onUpdate:modelValue"]) + ]), + _: 1 + }, 8, ["modelValue", "rules", "name", "label"])) : e.items.type === "key-value-pairs" ? (r(), n(m, { + key: 1, + modelValue: e.modelData[e.index], + "onUpdate:modelValue": a[1] || (a[1] = (l) => e.modelData[e.index] = l), + rules: e.ruleObject(!0), + name: `${e.fieldName}/${e.index + 1}`, + label: `${e.schema.title} ${e.index + 1}`, + as: "" + }, { + default: i(({ field: l, handleChange: d }) => [ + s(t, { + "field-name": `${e.fieldName}/${e.index + 1}`, + "model-value": l.value, + errors: e.errors, + schema: { + ...e.items, + title: `${e.schema.title} ${e.index + 1}` + }, + type: e.items.type, + "reference-model": e.referenceModel[e.index] || {}, + "onUpdate:modelValue": d + }, null, 8, ["field-name", "model-value", "errors", "schema", "type", "reference-model", "onUpdate:modelValue"]) + ]), + _: 1 + }, 8, ["modelValue", "rules", "name", "label"])) : e.items.type === "array" ? (r(), n(m, { + key: 2, + modelValue: e.modelData[e.index], + "onUpdate:modelValue": a[2] || (a[2] = (l) => e.modelData[e.index] = l), + rules: e.ruleArray(!0), + name: `${e.fieldName}/${e.index + 1}`, + label: `${e.schema.title} ${e.index + 1}`, + as: "" + }, { + default: i(({ field: l, handleChange: d }) => [ + s(p, { + "field-name": `${e.fieldName}/${e.index + 1}`, + "model-value": l.value, + schema: { + ...e.items, + title: `${e.schema.title} ${e.index + 1}` + }, + type: e.items.type, + errors: e.errors, + "reference-model": e.referenceModel[e.index] || [], + "onUpdate:modelValue": d + }, null, 8, ["field-name", "model-value", "schema", "type", "errors", "reference-model", "onUpdate:modelValue"]) + ]), + _: 1 + }, 8, ["modelValue", "rules", "name", "label"])) : (r(), n(m, { + key: 3, + modelValue: e.modelData[e.index], + "onUpdate:modelValue": a[3] || (a[3] = (l) => e.modelData[e.index] = l), + rules: e.ruleString(!0), + name: `${e.fieldName}/${e.index + 1}`, + label: `${e.schema.title} ${e.index + 1}`, + as: "" + }, { + default: i(({ field: l, handleChange: d, errors: y, meta: $ }) => [ + s(f, { + "model-value": l.value, + schema: { + ...e.items, + title: `${e.schema.title} ${e.index + 1}` + }, + type: e.items.type, + required: !0, + "validation-ob": { errors: y, ...$ }, + "reference-model": e.referenceModel[e.index] || "", + "onUpdate:modelValue": d + }, null, 8, ["model-value", "schema", "type", "validation-ob", "reference-model", "onUpdate:modelValue"]) + ]), + _: 1 + }, 8, ["modelValue", "rules", "name", "label"])) + ]); +} +const B = /* @__PURE__ */ v(k, [["render", j]]); +export { + B as default +}; diff --git a/dist/ArrayInputItems-a24635a8.js b/dist/ArrayInputItems-a24635a8.js deleted file mode 100644 index d9f3be5..0000000 --- a/dist/ArrayInputItems-a24635a8.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var e=require("./entry-46a6dd07.js"),a=require("vue"),l=a.defineComponent({name:"ArrayInputItems",mixins:[e.m,e.v],props:{items:{type:Object,default:function(){return{}}},schema:{type:Object,default:function(){return{}}},index:{type:Number,default:0},modelValue:{type:null,default:function(){return[]}},fieldName:{type:String,default:""},errors:{type:Object,default:function(){return{}}}}}),t={class:"form-left-item"};l.render=function(l,n,o,r,d,c){var m=a.resolveComponent("object-form-wrapper"),i=a.resolveComponent("v-field"),u=a.resolveComponent("key-value-pairs"),s=a.resolveComponent("array-input"),f=a.resolveComponent("simple-input");return a.openBlock(),a.createElementBlock("div",t,["object"===l.items.type?(a.openBlock(),a.createBlock(i,{key:0,modelValue:l.modelData[l.index],"onUpdate:modelValue":n[0]||(n[0]=function(e){return l.modelData[l.index]=e}),rules:l.ruleObject(!0),name:"".concat(l.fieldName,"/").concat(l.index+1),label:"".concat(l.schema.title," ").concat(l.index+1),as:""},{default:a.withCtx((function(t){var n=t.field,o=t.handleChange;return[a.createVNode(m,{"field-name":"".concat(l.fieldName,"/").concat(l.index+1),"model-value":n.value,schema:e._(e._({},l.items),{title:"".concat(l.schema.title," ").concat(l.index+1)}),"is-self-required":!0,type:l.items.type,errors:l.errors,"reference-model":l.referenceModel[l.index]||{},"onUpdate:modelValue":o},null,8,["field-name","model-value","schema","type","errors","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):"key-value-pairs"===l.items.type?(a.openBlock(),a.createBlock(i,{key:1,modelValue:l.modelData[l.index],"onUpdate:modelValue":n[1]||(n[1]=function(e){return l.modelData[l.index]=e}),rules:l.ruleObject(!0),name:"".concat(l.fieldName,"/").concat(l.index+1),label:"".concat(l.schema.title," ").concat(l.index+1),as:""},{default:a.withCtx((function(t){var n=t.field,o=t.handleChange;return[a.createVNode(u,{"field-name":"".concat(l.fieldName,"/").concat(l.index+1),"model-value":n.value,errors:l.errors,schema:e._(e._({},l.items),{title:"".concat(l.schema.title," ").concat(l.index+1)}),type:l.items.type,"reference-model":l.referenceModel[l.index]||{},"onUpdate:modelValue":o},null,8,["field-name","model-value","errors","schema","type","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):"array"===l.items.type?(a.openBlock(),a.createBlock(i,{key:2,modelValue:l.modelData[l.index],"onUpdate:modelValue":n[2]||(n[2]=function(e){return l.modelData[l.index]=e}),rules:l.ruleArray(!0),name:"".concat(l.fieldName,"/").concat(l.index+1),label:"".concat(l.schema.title," ").concat(l.index+1),as:""},{default:a.withCtx((function(t){var n=t.field,o=t.handleChange;return[a.createVNode(s,{"field-name":"".concat(l.fieldName,"/").concat(l.index+1),"model-value":n.value,schema:e._(e._({},l.items),{title:"".concat(l.schema.title," ").concat(l.index+1)}),type:l.items.type,errors:l.errors,"reference-model":l.referenceModel[l.index]||[],"onUpdate:modelValue":o},null,8,["field-name","model-value","schema","type","errors","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):(a.openBlock(),a.createBlock(i,{key:3,modelValue:l.modelData[l.index],"onUpdate:modelValue":n[3]||(n[3]=function(e){return l.modelData[l.index]=e}),rules:l.ruleString(!0),name:"".concat(l.fieldName,"/").concat(l.index+1),label:"".concat(l.schema.title," ").concat(l.index+1),as:""},{default:a.withCtx((function(t){var n=t.field,o=t.handleChange,r=t.errors,d=t.meta;return[a.createVNode(f,{"model-value":n.value,schema:e._(e._({},l.items),{title:"".concat(l.schema.title," ").concat(l.index+1)}),type:l.items.type,required:!0,"validation-ob":e._({errors:r},d),"reference-model":l.referenceModel[l.index]||"","onUpdate:modelValue":o},null,8,["model-value","schema","type","validation-ob","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"]))])},exports.default=l; \ No newline at end of file diff --git a/dist/ArrayInputItems-af73e993.js b/dist/ArrayInputItems-af73e993.js deleted file mode 100644 index 2e71985..0000000 --- a/dist/ArrayInputItems-af73e993.js +++ /dev/null @@ -1 +0,0 @@ -import{m as e,v as a,_ as l}from"./entry-f11f5a48.js";import{defineComponent as t,resolveComponent as n,openBlock as r,createElementBlock as o,createBlock as d,withCtx as c,createVNode as m}from"vue";var i=t({name:"ArrayInputItems",mixins:[e,a],props:{items:{type:Object,default:function(){return{}}},schema:{type:Object,default:function(){return{}}},index:{type:Number,default:0},modelValue:{type:null,default:function(){return[]}},fieldName:{type:String,default:""},errors:{type:Object,default:function(){return{}}}}}),u={class:"form-left-item"};i.render=function(e,a,t,i,s,f){var p=n("object-form-wrapper"),y=n("v-field"),x=n("key-value-pairs"),v=n("array-input"),h=n("simple-input");return r(),o("div",u,["object"===e.items.type?(r(),d(y,{key:0,modelValue:e.modelData[e.index],"onUpdate:modelValue":a[0]||(a[0]=function(a){return e.modelData[e.index]=a}),rules:e.ruleObject(!0),name:"".concat(e.fieldName,"/").concat(e.index+1),label:"".concat(e.schema.title," ").concat(e.index+1),as:""},{default:c((function(a){var t=a.field,n=a.handleChange;return[m(p,{"field-name":"".concat(e.fieldName,"/").concat(e.index+1),"model-value":t.value,schema:l(l({},e.items),{title:"".concat(e.schema.title," ").concat(e.index+1)}),"is-self-required":!0,type:e.items.type,errors:e.errors,"reference-model":e.referenceModel[e.index]||{},"onUpdate:modelValue":n},null,8,["field-name","model-value","schema","type","errors","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):"key-value-pairs"===e.items.type?(r(),d(y,{key:1,modelValue:e.modelData[e.index],"onUpdate:modelValue":a[1]||(a[1]=function(a){return e.modelData[e.index]=a}),rules:e.ruleObject(!0),name:"".concat(e.fieldName,"/").concat(e.index+1),label:"".concat(e.schema.title," ").concat(e.index+1),as:""},{default:c((function(a){var t=a.field,n=a.handleChange;return[m(x,{"field-name":"".concat(e.fieldName,"/").concat(e.index+1),"model-value":t.value,errors:e.errors,schema:l(l({},e.items),{title:"".concat(e.schema.title," ").concat(e.index+1)}),type:e.items.type,"reference-model":e.referenceModel[e.index]||{},"onUpdate:modelValue":n},null,8,["field-name","model-value","errors","schema","type","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):"array"===e.items.type?(r(),d(y,{key:2,modelValue:e.modelData[e.index],"onUpdate:modelValue":a[2]||(a[2]=function(a){return e.modelData[e.index]=a}),rules:e.ruleArray(!0),name:"".concat(e.fieldName,"/").concat(e.index+1),label:"".concat(e.schema.title," ").concat(e.index+1),as:""},{default:c((function(a){var t=a.field,n=a.handleChange;return[m(v,{"field-name":"".concat(e.fieldName,"/").concat(e.index+1),"model-value":t.value,schema:l(l({},e.items),{title:"".concat(e.schema.title," ").concat(e.index+1)}),type:e.items.type,errors:e.errors,"reference-model":e.referenceModel[e.index]||[],"onUpdate:modelValue":n},null,8,["field-name","model-value","schema","type","errors","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):(r(),d(y,{key:3,modelValue:e.modelData[e.index],"onUpdate:modelValue":a[3]||(a[3]=function(a){return e.modelData[e.index]=a}),rules:e.ruleString(!0),name:"".concat(e.fieldName,"/").concat(e.index+1),label:"".concat(e.schema.title," ").concat(e.index+1),as:""},{default:c((function(a){var t=a.field,n=a.handleChange,r=a.errors,o=a.meta;return[m(h,{"model-value":t.value,schema:l(l({},e.items),{title:"".concat(e.schema.title," ").concat(e.index+1)}),type:e.items.type,required:!0,"validation-ob":l({errors:r},o),"reference-model":e.referenceModel[e.index]||"","onUpdate:modelValue":n},null,8,["model-value","schema","type","validation-ob","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"]))])};export{i as default}; \ No newline at end of file diff --git a/dist/ArrayInputItems-b40b2d6a.js b/dist/ArrayInputItems-b40b2d6a.js deleted file mode 100644 index 083b8aa..0000000 --- a/dist/ArrayInputItems-b40b2d6a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var e=require("./entry-5480607d.js"),a=require("vue"),l=a.defineComponent({name:"ArrayInputItems",mixins:[e.m,e.v],props:{items:{type:Object,default:function(){return{}}},schema:{type:Object,default:function(){return{}}},index:{type:Number,default:0},modelValue:{type:null,default:function(){return[]}},fieldName:{type:String,default:""},errors:{type:Object,default:function(){return{}}}}}),t={class:"form-left-item"};l.render=function(l,n,o,r,d,c){var m=a.resolveComponent("object-form-wrapper"),i=a.resolveComponent("v-field"),u=a.resolveComponent("key-value-pairs"),s=a.resolveComponent("array-input"),f=a.resolveComponent("simple-input");return a.openBlock(),a.createElementBlock("div",t,["object"===l.items.type?(a.openBlock(),a.createBlock(i,{key:0,modelValue:l.modelData[l.index],"onUpdate:modelValue":n[0]||(n[0]=function(e){return l.modelData[l.index]=e}),rules:l.ruleObject(!0),name:"".concat(l.fieldName,"/").concat(l.index+1),label:"".concat(l.schema.title," ").concat(l.index+1),as:""},{default:a.withCtx((function(t){var n=t.field,o=t.handleChange;return[a.createVNode(m,{"field-name":"".concat(l.fieldName,"/").concat(l.index+1),"model-value":n.value,schema:e._(e._({},l.items),{title:"".concat(l.schema.title," ").concat(l.index+1)}),"is-self-required":!0,type:l.items.type,errors:l.errors,"reference-model":l.referenceModel[l.index]||{},"onUpdate:modelValue":o},null,8,["field-name","model-value","schema","type","errors","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):"key-value-pairs"===l.items.type?(a.openBlock(),a.createBlock(i,{key:1,modelValue:l.modelData[l.index],"onUpdate:modelValue":n[1]||(n[1]=function(e){return l.modelData[l.index]=e}),rules:l.ruleObject(!0),name:"".concat(l.fieldName,"/").concat(l.index+1),label:"".concat(l.schema.title," ").concat(l.index+1),as:""},{default:a.withCtx((function(t){var n=t.field,o=t.handleChange;return[a.createVNode(u,{"field-name":"".concat(l.fieldName,"/").concat(l.index+1),"model-value":n.value,errors:l.errors,schema:e._(e._({},l.items),{title:"".concat(l.schema.title," ").concat(l.index+1)}),type:l.items.type,"reference-model":l.referenceModel[l.index]||{},"onUpdate:modelValue":o},null,8,["field-name","model-value","errors","schema","type","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):"array"===l.items.type?(a.openBlock(),a.createBlock(i,{key:2,modelValue:l.modelData[l.index],"onUpdate:modelValue":n[2]||(n[2]=function(e){return l.modelData[l.index]=e}),rules:l.ruleArray(!0),name:"".concat(l.fieldName,"/").concat(l.index+1),label:"".concat(l.schema.title," ").concat(l.index+1),as:""},{default:a.withCtx((function(t){var n=t.field,o=t.handleChange;return[a.createVNode(s,{"field-name":"".concat(l.fieldName,"/").concat(l.index+1),"model-value":n.value,schema:e._(e._({},l.items),{title:"".concat(l.schema.title," ").concat(l.index+1)}),type:l.items.type,errors:l.errors,"reference-model":l.referenceModel[l.index]||[],"onUpdate:modelValue":o},null,8,["field-name","model-value","schema","type","errors","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):(a.openBlock(),a.createBlock(i,{key:3,modelValue:l.modelData[l.index],"onUpdate:modelValue":n[3]||(n[3]=function(e){return l.modelData[l.index]=e}),rules:l.ruleString(!0),name:"".concat(l.fieldName,"/").concat(l.index+1),label:"".concat(l.schema.title," ").concat(l.index+1),as:""},{default:a.withCtx((function(t){var n=t.field,o=t.handleChange,r=t.errors,d=t.meta;return[a.createVNode(f,{"model-value":n.value,schema:e._(e._({},l.items),{title:"".concat(l.schema.title," ").concat(l.index+1)}),type:l.items.type,required:!0,"validation-ob":e._({errors:r},d),"reference-model":l.referenceModel[l.index]||"","onUpdate:modelValue":o},null,8,["model-value","schema","type","validation-ob","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"]))])},exports.default=l; \ No newline at end of file diff --git a/dist/ArrayInputItems-ee63c6cb.js b/dist/ArrayInputItems-ee63c6cb.js deleted file mode 100644 index 1510166..0000000 --- a/dist/ArrayInputItems-ee63c6cb.js +++ /dev/null @@ -1 +0,0 @@ -import{m as e,v as a,_ as l}from"./entry-2ace4904.js";import{defineComponent as t,resolveComponent as n,openBlock as r,createElementBlock as o,createBlock as d,withCtx as c,createVNode as m}from"vue";var i=t({name:"ArrayInputItems",mixins:[e,a],props:{items:{type:Object,default:function(){return{}}},schema:{type:Object,default:function(){return{}}},index:{type:Number,default:0},modelValue:{type:null,default:function(){return[]}},fieldName:{type:String,default:""},errors:{type:Object,default:function(){return{}}}}}),u={class:"form-left-item"};i.render=function(e,a,t,i,s,f){var p=n("object-form-wrapper"),y=n("v-field"),x=n("key-value-pairs"),v=n("array-input"),h=n("simple-input");return r(),o("div",u,["object"===e.items.type?(r(),d(y,{key:0,modelValue:e.modelData[e.index],"onUpdate:modelValue":a[0]||(a[0]=function(a){return e.modelData[e.index]=a}),rules:e.ruleObject(!0),name:"".concat(e.fieldName,"/").concat(e.index+1),label:"".concat(e.schema.title," ").concat(e.index+1),as:""},{default:c((function(a){var t=a.field,n=a.handleChange;return[m(p,{"field-name":"".concat(e.fieldName,"/").concat(e.index+1),"model-value":t.value,schema:l(l({},e.items),{title:"".concat(e.schema.title," ").concat(e.index+1)}),"is-self-required":!0,type:e.items.type,errors:e.errors,"reference-model":e.referenceModel[e.index]||{},"onUpdate:modelValue":n},null,8,["field-name","model-value","schema","type","errors","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):"key-value-pairs"===e.items.type?(r(),d(y,{key:1,modelValue:e.modelData[e.index],"onUpdate:modelValue":a[1]||(a[1]=function(a){return e.modelData[e.index]=a}),rules:e.ruleObject(!0),name:"".concat(e.fieldName,"/").concat(e.index+1),label:"".concat(e.schema.title," ").concat(e.index+1),as:""},{default:c((function(a){var t=a.field,n=a.handleChange;return[m(x,{"field-name":"".concat(e.fieldName,"/").concat(e.index+1),"model-value":t.value,errors:e.errors,schema:l(l({},e.items),{title:"".concat(e.schema.title," ").concat(e.index+1)}),type:e.items.type,"reference-model":e.referenceModel[e.index]||{},"onUpdate:modelValue":n},null,8,["field-name","model-value","errors","schema","type","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):"array"===e.items.type?(r(),d(y,{key:2,modelValue:e.modelData[e.index],"onUpdate:modelValue":a[2]||(a[2]=function(a){return e.modelData[e.index]=a}),rules:e.ruleArray(!0),name:"".concat(e.fieldName,"/").concat(e.index+1),label:"".concat(e.schema.title," ").concat(e.index+1),as:""},{default:c((function(a){var t=a.field,n=a.handleChange;return[m(v,{"field-name":"".concat(e.fieldName,"/").concat(e.index+1),"model-value":t.value,schema:l(l({},e.items),{title:"".concat(e.schema.title," ").concat(e.index+1)}),type:e.items.type,errors:e.errors,"reference-model":e.referenceModel[e.index]||[],"onUpdate:modelValue":n},null,8,["field-name","model-value","schema","type","errors","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"])):(r(),d(y,{key:3,modelValue:e.modelData[e.index],"onUpdate:modelValue":a[3]||(a[3]=function(a){return e.modelData[e.index]=a}),rules:e.ruleString(!0),name:"".concat(e.fieldName,"/").concat(e.index+1),label:"".concat(e.schema.title," ").concat(e.index+1),as:""},{default:c((function(a){var t=a.field,n=a.handleChange,r=a.errors,o=a.meta;return[m(h,{"model-value":t.value,schema:l(l({},e.items),{title:"".concat(e.schema.title," ").concat(e.index+1)}),type:e.items.type,required:!0,"validation-ob":l({errors:r},o),"reference-model":e.referenceModel[e.index]||"","onUpdate:modelValue":n},null,8,["model-value","schema","type","validation-ob","reference-model","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","name","label"]))])};export{i as default}; \ No newline at end of file diff --git a/dist/Banner-3286242e.js b/dist/Banner-3286242e.js deleted file mode 100644 index f3ab974..0000000 --- a/dist/Banner-3286242e.js +++ /dev/null @@ -1 +0,0 @@ -import{openBlock as e,createElementBlock as t,createElementVNode as s,renderSlot as r,createTextVNode as n}from"vue";const a={class:"sign-up-notification mb-20"},o={class:"has-text-centered"},l={class:"has-text-danger"},i=s("p",null,"Oops!! There was an error while loading!",-1);const c={render:function(c,d){return e(),t("div",a,[s("div",o,[s("h3",l,[r(c.$slots,"banner-title",{},(()=>[n("Error!")]))]),r(c.$slots,"default",{},(()=>[i]))])])}};export{c as default}; \ No newline at end of file diff --git a/dist/Banner-7a2df04c.js b/dist/Banner-7a2df04c.js deleted file mode 100644 index 87a7cc9..0000000 --- a/dist/Banner-7a2df04c.js +++ /dev/null @@ -1 +0,0 @@ -import{defineComponent as s,openBlock as a,createElementBlock as e,createElementVNode as n,normalizeClass as r,renderSlot as t,createTextVNode as l}from"vue";const o={class:"sign-up-notification mb-20"},i={class:"has-text-centered"},d=n("p",null,"Oops!! There was an error while loading!",-1);var p=s({__name:"Banner",props:{bannerClass:{default:"has-text-danger"}},setup:s=>(s,p)=>(a(),e("div",o,[n("div",i,[n("h3",{class:r(s.bannerClass)},[t(s.$slots,"banner-title",{},(()=>[l("Error!")]))],2),t(s.$slots,"default",{},(()=>[d]))])]))});export{p as default}; \ No newline at end of file diff --git a/dist/Banner-a2991050.js b/dist/Banner-a2991050.js deleted file mode 100644 index e155ede..0000000 --- a/dist/Banner-a2991050.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var e=require("vue");const t={class:"sign-up-notification mb-20"},r={class:"has-text-centered"},a=e.createElementVNode("p",null,"Oops!! There was an error while loading!",-1);var n=e.defineComponent({__name:"Banner",props:{bannerClass:{default:"has-text-danger"}},setup:n=>(n,s)=>(e.openBlock(),e.createElementBlock("div",t,[e.createElementVNode("div",r,[e.createElementVNode("h3",{class:e.normalizeClass(n.bannerClass)},[e.renderSlot(n.$slots,"banner-title",{},(()=>[e.createTextVNode("Error!")]))],2),e.renderSlot(n.$slots,"default",{},(()=>[a]))])]))});exports.default=n; \ No newline at end of file diff --git a/dist/Banner-bfcd6aac.js b/dist/Banner-bfcd6aac.js deleted file mode 100644 index 030ef4f..0000000 --- a/dist/Banner-bfcd6aac.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var e=require("vue");const t={class:"sign-up-notification mb-20"},r={class:"has-text-centered"},n={class:"has-text-danger"},o=e.createElementVNode("p",null,"Oops!! There was an error while loading!",-1);const l={render:function(l,s){return e.openBlock(),e.createElementBlock("div",t,[e.createElementVNode("div",r,[e.createElementVNode("h3",n,[e.renderSlot(l.$slots,"banner-title",{},(()=>[e.createTextVNode("Error!")]))]),e.renderSlot(l.$slots,"default",{},(()=>[o]))])])}};exports.default=l; \ No newline at end of file diff --git a/dist/ComponentErrors-1d936ce4.js b/dist/ComponentErrors-1d936ce4.js deleted file mode 100644 index 5d4e4e7..0000000 --- a/dist/ComponentErrors-1d936ce4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";var e=require("vue"),r=e.defineComponent({name:"ComponentErrors",props:{errors:{type:Array,default:function(){return[]}}},computed:{tooltipObj:function(){return{content:this.htmlContent,html:!0}},htmlContent:function(){var e="
p&&(p=e.lineIndent),ce(o))f++;else{if(e.lineIndent
0){for(r=a,o=0;r>0;r--)(a=de(l=e.input.charCodeAt(++e.position)))>=0?o=(o<<4)+a:we(e,"expected hexadecimal character");e.result+=ge(o),e.position++}else we(e,"unknown escape sequence");n=i=e.position}else ce(l)?(xe(e,n,i,!0),Fe(e,Ee(e,!1,t)),n=i=e.position):e.position===e.lineStart&&Oe(e)?we(e,"unexpected end of the document within a double quoted scalar"):(e.position++,i=e.position)}we(e,"unexpected end of the stream within a double quoted scalar")}(e,f)?m=!0:!function(e){var t,n,i;if(42!==(i=e.input.charCodeAt(e.position)))return!1;for(i=e.input.charCodeAt(++e.position),t=e.position;0!==i&&!pe(i)&&!fe(i);)i=e.input.charCodeAt(++e.position);return e.position===t&&we(e,"name of an alias node must contain at least one character"),n=e.input.slice(t,e.position),Z.call(e.anchorMap,n)||we(e,'unidentified alias "'+n+'"'),e.result=e.anchorMap[n],Ee(e,!0,-1),!0}(e)?function(e,t,n){var i,r,o,a,l,u,c,s,p=e.kind,f=e.result;if(pe(s=e.input.charCodeAt(e.position))||fe(s)||35===s||38===s||42===s||33===s||124===s||62===s||39===s||34===s||37===s||64===s||96===s)return!1;if((63===s||45===s)&&(pe(i=e.input.charCodeAt(e.position+1))||n&&fe(i)))return!1;for(e.kind="scalar",e.result="",r=o=e.position,a=!1;0!==s;){if(58===s){if(pe(i=e.input.charCodeAt(e.position+1))||n&&fe(i))break}else if(35===s){if(pe(e.input.charCodeAt(e.position-1)))break}else{if(e.position===e.lineStart&&Oe(e)||n&&fe(s))break;if(ce(s)){if(l=e.line,u=e.lineStart,c=e.lineIndent,Ee(e,!1,-1),e.lineIndent>=t){a=!0,s=e.input.charCodeAt(e.position);continue}e.position=o,e.line=l,e.lineStart=u,e.lineIndent=c;break}}a&&(xe(e,r,o,!1),Fe(e,e.line-l),r=o=e.position,a=!1),se(s)||(o=e.position+1),s=e.input.charCodeAt(++e.position)}return xe(e,r,o,!1),!!e.result||(e.kind=p,e.result=f,!1)}(e,f,z===n)&&(m=!0,null===e.tag&&(e.tag="?")):(m=!0,null===e.tag&&null===e.anchor||we(e,"alias node should not have any properties")),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):0===h&&(m=l&&Me(e,d))),null!==e.tag&&"!"!==e.tag)if("?"===e.tag){for(null!==e.result&&"scalar"!==e.kind&&we(e,'unacceptable node kind for !> tag; it should be "scalar", not "'+e.kind+'"'),c=0,s=e.implicitTypes.length;c p&&(p=e.lineIndent),ce(o))f++;else{if(e.lineIndent 0){for(r=a,o=0;r>0;r--)(a=de(l=e.input.charCodeAt(++e.position)))>=0?o=(o<<4)+a:we(e,"expected hexadecimal character");e.result+=ge(o),e.position++}else we(e,"unknown escape sequence");n=i=e.position}else ce(l)?(xe(e,n,i,!0),Fe(e,Ee(e,!1,t)),n=i=e.position):e.position===e.lineStart&&Oe(e)?we(e,"unexpected end of the document within a double quoted scalar"):(e.position++,i=e.position)}we(e,"unexpected end of the stream within a double quoted scalar")}(e,f)?m=!0:!function(e){var t,n,i;if(42!==(i=e.input.charCodeAt(e.position)))return!1;for(i=e.input.charCodeAt(++e.position),t=e.position;0!==i&&!pe(i)&&!fe(i);)i=e.input.charCodeAt(++e.position);return e.position===t&&we(e,"name of an alias node must contain at least one character"),n=e.input.slice(t,e.position),Z.call(e.anchorMap,n)||we(e,'unidentified alias "'+n+'"'),e.result=e.anchorMap[n],Ee(e,!0,-1),!0}(e)?function(e,t,n){var i,r,o,a,l,u,c,s,p=e.kind,f=e.result;if(pe(s=e.input.charCodeAt(e.position))||fe(s)||35===s||38===s||42===s||33===s||124===s||62===s||39===s||34===s||37===s||64===s||96===s)return!1;if((63===s||45===s)&&(pe(i=e.input.charCodeAt(e.position+1))||n&&fe(i)))return!1;for(e.kind="scalar",e.result="",r=o=e.position,a=!1;0!==s;){if(58===s){if(pe(i=e.input.charCodeAt(e.position+1))||n&&fe(i))break}else if(35===s){if(pe(e.input.charCodeAt(e.position-1)))break}else{if(e.position===e.lineStart&&Oe(e)||n&&fe(s))break;if(ce(s)){if(l=e.line,u=e.lineStart,c=e.lineIndent,Ee(e,!1,-1),e.lineIndent>=t){a=!0,s=e.input.charCodeAt(e.position);continue}e.position=o,e.line=l,e.lineStart=u,e.lineIndent=c;break}}a&&(xe(e,r,o,!1),Fe(e,e.line-l),r=o=e.position,a=!1),se(s)||(o=e.position+1),s=e.input.charCodeAt(++e.position)}return xe(e,r,o,!1),!!e.result||(e.kind=p,e.result=f,!1)}(e,f,z===n)&&(m=!0,null===e.tag&&(e.tag="?")):(m=!0,null===e.tag&&null===e.anchor||we(e,"alias node should not have any properties")),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):0===h&&(m=l&&Me(e,d))),null!==e.tag&&"!"!==e.tag)if("?"===e.tag){for(null!==e.result&&"scalar"!==e.kind&&we(e,'unacceptable node kind for !> tag; it should be "scalar", not "'+e.kind+'"'),c=0,s=e.implicitTypes.length;c p&&(p=e.lineIndent),re(a))f++;else{if(e.lineIndent 0){for(r=a,o=0;r>0;r--)(a=ue(l=e.input.charCodeAt(++e.position)))>=0?o=(o<<4)+a:me(e,"expected hexadecimal character");e.result+=se(o),e.position++}else me(e,"unknown escape sequence");n=i=e.position}else re(l)?(Ae(e,n,i,!0),Se(e,ke(e,!1,t)),n=i=e.position):e.position===e.lineStart&&xe(e)?me(e,"unexpected end of the document within a double quoted scalar"):(e.position++,i=e.position)}me(e,"unexpected end of the stream within a double quoted scalar")}(e,f)?m=!0:!function(e){var t,n,i;if(42!==(i=e.input.charCodeAt(e.position)))return!1;for(i=e.input.charCodeAt(++e.position),t=e.position;0!==i&&!ae(i)&&!le(i);)i=e.input.charCodeAt(++e.position);return e.position===t&&me(e,"name of an alias node must contain at least one character"),n=e.input.slice(t,e.position),P.call(e.anchorMap,n)||me(e,'unidentified alias "'+n+'"'),e.result=e.anchorMap[n],ke(e,!0,-1),!0}(e)?function(e,t,n){var i,r,o,a,l,u,c,s,p=e.kind,f=e.result;if(ae(s=e.input.charCodeAt(e.position))||le(s)||35===s||38===s||42===s||33===s||124===s||62===s||39===s||34===s||37===s||64===s||96===s)return!1;if((63===s||45===s)&&(ae(i=e.input.charCodeAt(e.position+1))||n&&le(i)))return!1;for(e.kind="scalar",e.result="",r=o=e.position,a=!1;0!==s;){if(58===s){if(ae(i=e.input.charCodeAt(e.position+1))||n&&le(i))break}else if(35===s){if(ae(e.input.charCodeAt(e.position-1)))break}else{if(e.position===e.lineStart&&xe(e)||n&&le(s))break;if(re(s)){if(l=e.line,u=e.lineStart,c=e.lineIndent,ke(e,!1,-1),e.lineIndent>=t){a=!0,s=e.input.charCodeAt(e.position);continue}e.position=o,e.line=l,e.lineStart=u,e.lineIndent=c;break}}a&&(Ae(e,r,o,!1),Se(e,e.line-l),r=o=e.position,a=!1),oe(s)||(o=e.position+1),s=e.input.charCodeAt(++e.position)}return Ae(e,r,o,!1),!!e.result||(e.kind=p,e.result=f,!1)}(e,f,$===n)&&(m=!0,null===e.tag&&(e.tag="?")):(m=!0,null===e.tag&&null===e.anchor||me(e,"alias node should not have any properties")),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):0===h&&(m=u&&Ie(e,d))),null!==e.tag&&"!"!==e.tag)if("?"===e.tag){for(null!==e.result&&"scalar"!==e.kind&&me(e,'unacceptable node kind for !> tag; it should be "scalar", not "'+e.kind+'"'),c=0,s=e.implicitTypes.length;c p&&(p=e.lineIndent),re(a))f++;else{if(e.lineIndent 0){for(r=a,o=0;r>0;r--)(a=ue(l=e.input.charCodeAt(++e.position)))>=0?o=(o<<4)+a:me(e,"expected hexadecimal character");e.result+=se(o),e.position++}else me(e,"unknown escape sequence");n=i=e.position}else re(l)?(Ae(e,n,i,!0),Se(e,ke(e,!1,t)),n=i=e.position):e.position===e.lineStart&&xe(e)?me(e,"unexpected end of the document within a double quoted scalar"):(e.position++,i=e.position)}me(e,"unexpected end of the stream within a double quoted scalar")}(e,f)?m=!0:!function(e){var t,n,i;if(42!==(i=e.input.charCodeAt(e.position)))return!1;for(i=e.input.charCodeAt(++e.position),t=e.position;0!==i&&!ae(i)&&!le(i);)i=e.input.charCodeAt(++e.position);return e.position===t&&me(e,"name of an alias node must contain at least one character"),n=e.input.slice(t,e.position),P.call(e.anchorMap,n)||me(e,'unidentified alias "'+n+'"'),e.result=e.anchorMap[n],ke(e,!0,-1),!0}(e)?function(e,t,n){var i,r,o,a,l,u,c,s,p=e.kind,f=e.result;if(ae(s=e.input.charCodeAt(e.position))||le(s)||35===s||38===s||42===s||33===s||124===s||62===s||39===s||34===s||37===s||64===s||96===s)return!1;if((63===s||45===s)&&(ae(i=e.input.charCodeAt(e.position+1))||n&&le(i)))return!1;for(e.kind="scalar",e.result="",r=o=e.position,a=!1;0!==s;){if(58===s){if(ae(i=e.input.charCodeAt(e.position+1))||n&&le(i))break}else if(35===s){if(ae(e.input.charCodeAt(e.position-1)))break}else{if(e.position===e.lineStart&&xe(e)||n&&le(s))break;if(re(s)){if(l=e.line,u=e.lineStart,c=e.lineIndent,ke(e,!1,-1),e.lineIndent>=t){a=!0,s=e.input.charCodeAt(e.position);continue}e.position=o,e.line=l,e.lineStart=u,e.lineIndent=c;break}}a&&(Ae(e,r,o,!1),Se(e,e.line-l),r=o=e.position,a=!1),oe(s)||(o=e.position+1),s=e.input.charCodeAt(++e.position)}return Ae(e,r,o,!1),!!e.result||(e.kind=p,e.result=f,!1)}(e,f,$===n)&&(m=!0,null===e.tag&&(e.tag="?")):(m=!0,null===e.tag&&null===e.anchor||me(e,"alias node should not have any properties")),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):0===h&&(m=u&&Ie(e,d))),null!==e.tag&&"!"!==e.tag)if("?"===e.tag){for(null!==e.result&&"scalar"!==e.kind&&me(e,'unacceptable node kind for !> tag; it should be "scalar", not "'+e.kind+'"'),c=0,s=e.implicitTypes.length;c p&&(p=e.lineIndent),re(a))f++;else{if(e.lineIndent 0){for(r=a,o=0;r>0;r--)(a=ue(l=e.input.charCodeAt(++e.position)))>=0?o=(o<<4)+a:me(e,"expected hexadecimal character");e.result+=se(o),e.position++}else me(e,"unknown escape sequence");n=i=e.position}else re(l)?(Ae(e,n,i,!0),Se(e,ke(e,!1,t)),n=i=e.position):e.position===e.lineStart&&xe(e)?me(e,"unexpected end of the document within a double quoted scalar"):(e.position++,i=e.position)}me(e,"unexpected end of the stream within a double quoted scalar")}(e,f)?m=!0:!function(e){var t,n,i;if(42!==(i=e.input.charCodeAt(e.position)))return!1;for(i=e.input.charCodeAt(++e.position),t=e.position;0!==i&&!ae(i)&&!le(i);)i=e.input.charCodeAt(++e.position);return e.position===t&&me(e,"name of an alias node must contain at least one character"),n=e.input.slice(t,e.position),P.call(e.anchorMap,n)||me(e,'unidentified alias "'+n+'"'),e.result=e.anchorMap[n],ke(e,!0,-1),!0}(e)?function(e,t,n){var i,r,o,a,l,u,c,s,p=e.kind,f=e.result;if(ae(s=e.input.charCodeAt(e.position))||le(s)||35===s||38===s||42===s||33===s||124===s||62===s||39===s||34===s||37===s||64===s||96===s)return!1;if((63===s||45===s)&&(ae(i=e.input.charCodeAt(e.position+1))||n&&le(i)))return!1;for(e.kind="scalar",e.result="",r=o=e.position,a=!1;0!==s;){if(58===s){if(ae(i=e.input.charCodeAt(e.position+1))||n&&le(i))break}else if(35===s){if(ae(e.input.charCodeAt(e.position-1)))break}else{if(e.position===e.lineStart&&xe(e)||n&&le(s))break;if(re(s)){if(l=e.line,u=e.lineStart,c=e.lineIndent,ke(e,!1,-1),e.lineIndent>=t){a=!0,s=e.input.charCodeAt(e.position);continue}e.position=o,e.line=l,e.lineStart=u,e.lineIndent=c;break}}a&&(Ae(e,r,o,!1),Se(e,e.line-l),r=o=e.position,a=!1),oe(s)||(o=e.position+1),s=e.input.charCodeAt(++e.position)}return Ae(e,r,o,!1),!!e.result||(e.kind=p,e.result=f,!1)}(e,f,$===n)&&(m=!0,null===e.tag&&(e.tag="?")):(m=!0,null===e.tag&&null===e.anchor||me(e,"alias node should not have any properties")),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):0===h&&(m=u&&Ie(e,d))),null!==e.tag&&"!"!==e.tag)if("?"===e.tag){for(null!==e.result&&"scalar"!==e.kind&&me(e,'unacceptable node kind for !> tag; it should be "scalar", not "'+e.kind+'"'),c=0,s=e.implicitTypes.length;c p&&(p=e.lineIndent),ce(o))f++;else{if(e.lineIndent 0){for(r=a,o=0;r>0;r--)(a=de(l=e.input.charCodeAt(++e.position)))>=0?o=(o<<4)+a:we(e,"expected hexadecimal character");e.result+=ge(o),e.position++}else we(e,"unknown escape sequence");n=i=e.position}else ce(l)?(xe(e,n,i,!0),Fe(e,Ee(e,!1,t)),n=i=e.position):e.position===e.lineStart&&Oe(e)?we(e,"unexpected end of the document within a double quoted scalar"):(e.position++,i=e.position)}we(e,"unexpected end of the stream within a double quoted scalar")}(e,f)?m=!0:!function(e){var t,n,i;if(42!==(i=e.input.charCodeAt(e.position)))return!1;for(i=e.input.charCodeAt(++e.position),t=e.position;0!==i&&!pe(i)&&!fe(i);)i=e.input.charCodeAt(++e.position);return e.position===t&&we(e,"name of an alias node must contain at least one character"),n=e.input.slice(t,e.position),Z.call(e.anchorMap,n)||we(e,'unidentified alias "'+n+'"'),e.result=e.anchorMap[n],Ee(e,!0,-1),!0}(e)?function(e,t,n){var i,r,o,a,l,u,c,s,p=e.kind,f=e.result;if(pe(s=e.input.charCodeAt(e.position))||fe(s)||35===s||38===s||42===s||33===s||124===s||62===s||39===s||34===s||37===s||64===s||96===s)return!1;if((63===s||45===s)&&(pe(i=e.input.charCodeAt(e.position+1))||n&&fe(i)))return!1;for(e.kind="scalar",e.result="",r=o=e.position,a=!1;0!==s;){if(58===s){if(pe(i=e.input.charCodeAt(e.position+1))||n&&fe(i))break}else if(35===s){if(pe(e.input.charCodeAt(e.position-1)))break}else{if(e.position===e.lineStart&&Oe(e)||n&&fe(s))break;if(ce(s)){if(l=e.line,u=e.lineStart,c=e.lineIndent,Ee(e,!1,-1),e.lineIndent>=t){a=!0,s=e.input.charCodeAt(e.position);continue}e.position=o,e.line=l,e.lineStart=u,e.lineIndent=c;break}}a&&(xe(e,r,o,!1),Fe(e,e.line-l),r=o=e.position,a=!1),se(s)||(o=e.position+1),s=e.input.charCodeAt(++e.position)}return xe(e,r,o,!1),!!e.result||(e.kind=p,e.result=f,!1)}(e,f,z===n)&&(m=!0,null===e.tag&&(e.tag="?")):(m=!0,null===e.tag&&null===e.anchor||we(e,"alias node should not have any properties")),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):0===h&&(m=l&&Me(e,d))),null!==e.tag&&"!"!==e.tag)if("?"===e.tag){for(null!==e.result&&"scalar"!==e.kind&&we(e,'unacceptable node kind for !> tag; it should be "scalar", not "'+e.kind+'"'),c=0,s=e.implicitTypes.length;c tag; it should be "'+p.kind+'", not "'+e.kind+'"'),p.resolve(e.result)?(e.result=p.construct(e.result),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):we(e,"cannot resolve a node with !<"+e.tag+"> explicit tag")):we(e,"unknown tag !<"+e.tag+">");return null!==e.listener&&e.listener("close",e),null!==e.tag||null!==e.anchor||m}function _e(e){var t,n,i,r,o=e.position,a=!1;for(e.version=null,e.checkLineBreaks=e.legacy,e.tagMap={},e.anchorMap={};0!==(r=e.input.charCodeAt(e.position))&&(Ee(e,!0,-1),r=e.input.charCodeAt(e.position),!(e.lineIndent>0||37!==r));){for(a=!0,r=e.input.charCodeAt(++e.position),t=e.position;0!==r&&!pe(r);)r=e.input.charCodeAt(++e.position);for(i=[],(n=e.input.slice(t,e.position)).length<1&&we(e,"directive name must not be less than one character in length");0!==r;){for(;se(r);)r=e.input.charCodeAt(++e.position);if(35===r){do{r=e.input.charCodeAt(++e.position)}while(0!==r&&!ce(r));break}if(ce(r))break;for(t=e.position;0!==r&&!pe(r);)r=e.input.charCodeAt(++e.position);i.push(e.input.slice(t,e.position))}0!==r&&je(e),Z.call(ke,n)?ke[n](e,n,i):Ce(e,'unknown document directive "'+n+'"')}Ee(e,!0,-1),0===e.lineIndent&&45===e.input.charCodeAt(e.position)&&45===e.input.charCodeAt(e.position+1)&&45===e.input.charCodeAt(e.position+2)?(e.position+=3,Ee(e,!0,-1)):a&&we(e,"directives end mark is expected"),Le(e,e.lineIndent-1,X,!1,!0),Ee(e,!0,-1),e.checkLineBreaks&&re.test(e.input.slice(o,e.position))&&Ce(e,"non-ASCII line breaks are interpreted as content"),e.documents.push(e.result),e.position===e.lineStart&&Oe(e)?46===e.input.charCodeAt(e.position)&&(e.position+=3,Ee(e,!0,-1)):e.position tag; it should be "'+p.kind+'", not "'+e.kind+'"'),p.resolve(e.result)?(e.result=p.construct(e.result),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):we(e,"cannot resolve a node with !<"+e.tag+"> explicit tag")):we(e,"unknown tag !<"+e.tag+">");return null!==e.listener&&e.listener("close",e),null!==e.tag||null!==e.anchor||m}function _e(e){var t,n,i,r,o=e.position,a=!1;for(e.version=null,e.checkLineBreaks=e.legacy,e.tagMap={},e.anchorMap={};0!==(r=e.input.charCodeAt(e.position))&&(Ee(e,!0,-1),r=e.input.charCodeAt(e.position),!(e.lineIndent>0||37!==r));){for(a=!0,r=e.input.charCodeAt(++e.position),t=e.position;0!==r&&!pe(r);)r=e.input.charCodeAt(++e.position);for(i=[],(n=e.input.slice(t,e.position)).length<1&&we(e,"directive name must not be less than one character in length");0!==r;){for(;se(r);)r=e.input.charCodeAt(++e.position);if(35===r){do{r=e.input.charCodeAt(++e.position)}while(0!==r&&!ce(r));break}if(ce(r))break;for(t=e.position;0!==r&&!pe(r);)r=e.input.charCodeAt(++e.position);i.push(e.input.slice(t,e.position))}0!==r&&je(e),Z.call(ke,n)?ke[n](e,n,i):Ce(e,'unknown document directive "'+n+'"')}Ee(e,!0,-1),0===e.lineIndent&&45===e.input.charCodeAt(e.position)&&45===e.input.charCodeAt(e.position+1)&&45===e.input.charCodeAt(e.position+2)?(e.position+=3,Ee(e,!0,-1)):a&&we(e,"directives end mark is expected"),Le(e,e.lineIndent-1,X,!1,!0),Ee(e,!0,-1),e.checkLineBreaks&&re.test(e.input.slice(o,e.position))&&Ce(e,"non-ASCII line breaks are interpreted as content"),e.documents.push(e.result),e.position===e.lineStart&&Oe(e)?46===e.input.charCodeAt(e.position)&&(e.position+=3,Ee(e,!0,-1)):e.position tag; it should be "'+p.kind+'", not "'+e.kind+'"'),p.resolve(e.result)?(e.result=p.construct(e.result),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):me(e,"cannot resolve a node with !<"+e.tag+"> explicit tag")):me(e,"unknown tag !<"+e.tag+">");return null!==e.listener&&e.listener("close",e),null!==e.tag||null!==e.anchor||m}function Fe(e){var t,n,i,r,o=e.position,a=!1;for(e.version=null,e.checkLineBreaks=e.legacy,e.tagMap={},e.anchorMap={};0!==(r=e.input.charCodeAt(e.position))&&(ke(e,!0,-1),r=e.input.charCodeAt(e.position),!(e.lineIndent>0||37!==r));){for(a=!0,r=e.input.charCodeAt(++e.position),t=e.position;0!==r&&!ae(r);)r=e.input.charCodeAt(++e.position);for(i=[],(n=e.input.slice(t,e.position)).length<1&&me(e,"directive name must not be less than one character in length");0!==r;){for(;oe(r);)r=e.input.charCodeAt(++e.position);if(35===r){do{r=e.input.charCodeAt(++e.position)}while(0!==r&&!re(r));break}if(re(r))break;for(t=e.position;0!==r&&!ae(r);)r=e.input.charCodeAt(++e.position);i.push(e.input.slice(t,e.position))}0!==r&&Ce(e),P.call(ve,n)?ve[n](e,n,i):ye(e,'unknown document directive "'+n+'"')}ke(e,!0,-1),0===e.lineIndent&&45===e.input.charCodeAt(e.position)&&45===e.input.charCodeAt(e.position+1)&&45===e.input.charCodeAt(e.position+2)?(e.position+=3,ke(e,!0,-1)):a&&me(e,"directives end mark is expected"),Oe(e,e.lineIndent-1,G,!1,!0),ke(e,!0,-1),e.checkLineBreaks&&X.test(e.input.slice(o,e.position))&&ye(e,"non-ASCII line breaks are interpreted as content"),e.documents.push(e.result),e.position===e.lineStart&&xe(e)?46===e.input.charCodeAt(e.position)&&(e.position+=3,ke(e,!0,-1)):e.position tag; it should be "'+p.kind+'", not "'+e.kind+'"'),p.resolve(e.result)?(e.result=p.construct(e.result),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):me(e,"cannot resolve a node with !<"+e.tag+"> explicit tag")):me(e,"unknown tag !<"+e.tag+">");return null!==e.listener&&e.listener("close",e),null!==e.tag||null!==e.anchor||m}function Fe(e){var t,n,i,r,o=e.position,a=!1;for(e.version=null,e.checkLineBreaks=e.legacy,e.tagMap={},e.anchorMap={};0!==(r=e.input.charCodeAt(e.position))&&(ke(e,!0,-1),r=e.input.charCodeAt(e.position),!(e.lineIndent>0||37!==r));){for(a=!0,r=e.input.charCodeAt(++e.position),t=e.position;0!==r&&!ae(r);)r=e.input.charCodeAt(++e.position);for(i=[],(n=e.input.slice(t,e.position)).length<1&&me(e,"directive name must not be less than one character in length");0!==r;){for(;oe(r);)r=e.input.charCodeAt(++e.position);if(35===r){do{r=e.input.charCodeAt(++e.position)}while(0!==r&&!re(r));break}if(re(r))break;for(t=e.position;0!==r&&!ae(r);)r=e.input.charCodeAt(++e.position);i.push(e.input.slice(t,e.position))}0!==r&&Ce(e),P.call(ve,n)?ve[n](e,n,i):ye(e,'unknown document directive "'+n+'"')}ke(e,!0,-1),0===e.lineIndent&&45===e.input.charCodeAt(e.position)&&45===e.input.charCodeAt(e.position+1)&&45===e.input.charCodeAt(e.position+2)?(e.position+=3,ke(e,!0,-1)):a&&me(e,"directives end mark is expected"),Oe(e,e.lineIndent-1,G,!1,!0),ke(e,!0,-1),e.checkLineBreaks&&X.test(e.input.slice(o,e.position))&&ye(e,"non-ASCII line breaks are interpreted as content"),e.documents.push(e.result),e.position===e.lineStart&&xe(e)?46===e.input.charCodeAt(e.position)&&(e.position+=3,ke(e,!0,-1)):e.position tag; it should be "'+p.kind+'", not "'+e.kind+'"'),p.resolve(e.result)?(e.result=p.construct(e.result),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):me(e,"cannot resolve a node with !<"+e.tag+"> explicit tag")):me(e,"unknown tag !<"+e.tag+">");return null!==e.listener&&e.listener("close",e),null!==e.tag||null!==e.anchor||m}function Fe(e){var t,n,i,r,o=e.position,a=!1;for(e.version=null,e.checkLineBreaks=e.legacy,e.tagMap={},e.anchorMap={};0!==(r=e.input.charCodeAt(e.position))&&(ke(e,!0,-1),r=e.input.charCodeAt(e.position),!(e.lineIndent>0||37!==r));){for(a=!0,r=e.input.charCodeAt(++e.position),t=e.position;0!==r&&!ae(r);)r=e.input.charCodeAt(++e.position);for(i=[],(n=e.input.slice(t,e.position)).length<1&&me(e,"directive name must not be less than one character in length");0!==r;){for(;oe(r);)r=e.input.charCodeAt(++e.position);if(35===r){do{r=e.input.charCodeAt(++e.position)}while(0!==r&&!re(r));break}if(re(r))break;for(t=e.position;0!==r&&!ae(r);)r=e.input.charCodeAt(++e.position);i.push(e.input.slice(t,e.position))}0!==r&&Ce(e),P.call(ve,n)?ve[n](e,n,i):ye(e,'unknown document directive "'+n+'"')}ke(e,!0,-1),0===e.lineIndent&&45===e.input.charCodeAt(e.position)&&45===e.input.charCodeAt(e.position+1)&&45===e.input.charCodeAt(e.position+2)?(e.position+=3,ke(e,!0,-1)):a&&me(e,"directives end mark is expected"),Oe(e,e.lineIndent-1,G,!1,!0),ke(e,!0,-1),e.checkLineBreaks&&X.test(e.input.slice(o,e.position))&&ye(e,"non-ASCII line breaks are interpreted as content"),e.documents.push(e.result),e.position===e.lineStart&&xe(e)?46===e.input.charCodeAt(e.position)&&(e.position+=3,ke(e,!0,-1)):e.position tag; it should be "'+p.kind+'", not "'+e.kind+'"'),p.resolve(e.result)?(e.result=p.construct(e.result),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):we(e,"cannot resolve a node with !<"+e.tag+"> explicit tag")):we(e,"unknown tag !<"+e.tag+">");return null!==e.listener&&e.listener("close",e),null!==e.tag||null!==e.anchor||m}function _e(e){var t,n,i,r,o=e.position,a=!1;for(e.version=null,e.checkLineBreaks=e.legacy,e.tagMap={},e.anchorMap={};0!==(r=e.input.charCodeAt(e.position))&&(Ee(e,!0,-1),r=e.input.charCodeAt(e.position),!(e.lineIndent>0||37!==r));){for(a=!0,r=e.input.charCodeAt(++e.position),t=e.position;0!==r&&!pe(r);)r=e.input.charCodeAt(++e.position);for(i=[],(n=e.input.slice(t,e.position)).length<1&&we(e,"directive name must not be less than one character in length");0!==r;){for(;se(r);)r=e.input.charCodeAt(++e.position);if(35===r){do{r=e.input.charCodeAt(++e.position)}while(0!==r&&!ce(r));break}if(ce(r))break;for(t=e.position;0!==r&&!pe(r);)r=e.input.charCodeAt(++e.position);i.push(e.input.slice(t,e.position))}0!==r&&je(e),Z.call(ke,n)?ke[n](e,n,i):Ce(e,'unknown document directive "'+n+'"')}Ee(e,!0,-1),0===e.lineIndent&&45===e.input.charCodeAt(e.position)&&45===e.input.charCodeAt(e.position+1)&&45===e.input.charCodeAt(e.position+2)?(e.position+=3,Ee(e,!0,-1)):a&&we(e,"directives end mark is expected"),Le(e,e.lineIndent-1,X,!1,!0),Ee(e,!0,-1),e.checkLineBreaks&&re.test(e.input.slice(o,e.position))&&Ce(e,"non-ASCII line breaks are interpreted as content"),e.documents.push(e.result),e.position===e.lineStart&&Oe(e)?46===e.input.charCodeAt(e.position)&&(e.position+=3,Ee(e,!0,-1)):e.position";return this.errors.forEach((function(t){e+='
"}}}),Je={class:"has-text-danger has-text-weight-normal is-italic is-size-6 pl-8"},We=t.createElementVNode("i",{class:"fa fa-warning"},null,-1);Ye.render=function(e,n,r,o,a,i){var l=t.resolveDirective("tooltip");return t.withDirectives((t.openBlock(),t.createElementBlock("span",Je,[We,t.createTextVNode(" Error in "+t.toDisplayString(e.errors.length)+" field"+t.toDisplayString(e.errors.length>1?"s":""),1)])),[[t.vShow,e.errors.length>0],[l,e.tooltipObj]])};var Ge=Object.freeze({__proto__:null,default:Ye}),He=t.defineComponent({name:"RightWrongSigns",props:{valid:{type:Boolean,default:!0},invalid:{type:Boolean,default:!0}}}),Ze={key:0,class:"button is-information is-success"},Xe=[t.createElementVNode("span",{class:"icon"},[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"})])],-1)],Qe={key:1,class:"button is-information is-warning"},et=[t.createElementVNode("span",{class:"icon"},[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})])],-1)];He.render=function(e,n,r,o,a,i){return t.openBlock(),t.createElementBlock("div",null,[e.valid?(t.openBlock(),t.createElementBlock("button",Ze,Xe)):t.createCommentVNode("",!0),e.invalid?(t.openBlock(),t.createElementBlock("button",Qe,et)):t.createCommentVNode("",!0)])};var tt=Object.freeze({__proto__:null,default:He}),nt=t.defineComponent({props:{isSelfFolded:{type:Boolean,default:function(){return!1}},expandForm:{type:Boolean,default:function(){return!1}}},data:function(){return{isFolded:!0}},watch:{expandForm:{immediate:!0,handler:function(e){this.isFolded=!e}}},methods:{toggleFold:function(){this.isFolded=!this.isFolded}}}),rt=t.defineComponent({components:{Tabs:t.defineAsyncComponent((function(){return Promise.resolve().then((function(){return mn})).then((function(e){return e.default}))})),JsonForm:t.defineAsyncComponent((function(){return Promise.resolve().then((function(){return yn})).then((function(e){return e.default}))})),YamlForm:t.defineAsyncComponent((function(){return Promise.resolve().then((function(){return ea})).then((function(e){return e.default}))}))},data:function(){return{activeTab:"form"}}}),ot=t.defineComponent({name:"ObjectFormWrapper",mixins:[y,nt,rt,v],props:{schema:{type:Object,default:function(){return{}}},fieldName:{type:String,default:""},modelValue:{type:Object,default:function(){return{}}},isRoot:{type:Boolean,default:!1},errors:{type:Object,default:function(){return{}}},isLastChild:{type:Boolean,default:!1},onlyJson:{type:Boolean,default:!1},level:{type:Number,default:1},showRootTab:{type:Boolean,default:!1}}}),at={class:"nested-header mb-5"},it=["disabled"];ot.render=function(e,n,r,o,a,i){var l=t.resolveComponent("component-errors"),u=t.resolveComponent("tabs"),s=t.resolveComponent("object-form"),c=t.resolveComponent("yaml-form"),d=t.resolveComponent("json-form");return t.openBlock(),t.createElementBlock("form",{class:t.normalizeClass(["ac-nested-elements object-form-wrapper",{"stop-line":e.isLastChild,"is-collapsed":e.isFolded}])},[t.createElementVNode("div",at,[t.createElementVNode("h6",{class:"is-flex is-semi-normal",onClick:n[0]||(n[0]=t.withModifiers((function(t){return e.toggleFold()}),["prevent"]))},[e.isRoot?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("div",{key:0,class:"collaps-icon",disabled:"form"!==e.activeTab},[t.createElementVNode("i",{class:t.normalizeClass(["fa",e.isFolded?"fa-plus":"fa-minus"]),"aria-hidden":"true"},null,2)],8,it)),t.createTextVNode(" "+t.toDisplayString(e.schema.title||"Array Item Description")+" ",1),t.createVNode(l,{errors:e.calcFormErrors(e.errors,e.fieldName)},null,8,["errors"])]),e.onlyJson?t.createCommentVNode("",!0):(t.openBlock(),t.createBlock(u,{key:0,modelValue:e.activeTab,"onUpdate:modelValue":n[1]||(n[1]=function(t){return e.activeTab=t}),showTab:e.showRootTab},null,8,["modelValue","showTab"]))]),t.withDirectives((t.openBlock(),t.createBlock(s,{key:"".concat(e.schema.title,"-form"),modelValue:e.modelData,"onUpdate:modelValue":n[2]||(n[2]=function(t){return e.modelData=t}),"field-name":e.fieldName,properties:e.schema.properties,title:e.schema.title,required:e.schema.required,"is-self-required":e.isSelfRequired,type:e.schema.type,level:e.level,"is-self-folded":e.isFolded,"reference-model":e.referenceModel||{},errors:e.errors},null,8,["modelValue","field-name","properties","title","required","is-self-required","type","level","is-self-folded","reference-model","errors"])),[[t.vShow,!e.onlyJson&&"form"===e.activeTab]]),"yaml"===e.activeTab?(t.openBlock(),t.createBlock(c,{key:0,modelValue:e.modelData,"onUpdate:modelValue":n[3]||(n[3]=function(t){return e.modelData=t}),"reference-model":e.referenceModel||{}},null,8,["modelValue","reference-model"])):"json"===e.activeTab?(t.openBlock(),t.createBlock(d,{key:1,modelValue:e.modelData,"onUpdate:modelValue":n[4]||(n[4]=function(t){return e.modelData=t}),"reference-model":e.referenceModel||{}},null,8,["modelValue","reference-model"])):t.createCommentVNode("",!0)],2)};var lt=Object.freeze({__proto__:null,default:ot}),ut=t.defineComponent({name:"ObjectForm",mixins:[y,nt,v],props:{properties:{type:Object,default:function(){return{}}},fieldName:{type:String,default:""},errors:{type:Object,default:function(){return{}}},title:{type:String,default:""},modelValue:{type:Object,default:function(){return{}}},required:{type:Array,default:function(){return[]}},level:{type:Number,default:1}},computed:{propertiesRequired:function(){return this.isSelfRequired||Object.keys(this.modelData).length>0}},methods:{isRequired:function(e){return!!this.required.find((function(t){return t===e}))}}});ut.render=function(e,n,r,o,a,l){var u=t.resolveComponent("object-form-wrapper"),s=t.resolveComponent("v-field"),c=t.resolveComponent("key-value-pairs"),d=t.resolveComponent("array-input"),f=t.resolveComponent("simple-input");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["mb-15",{"is-hidden":e.isSelfFolded}])},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(Object.keys(e.properties),(function(n,r){return t.openBlock(),t.createElementBlock(t.Fragment,null,["object"===e.properties[n].type?(t.openBlock(),t.createBlock(s,{key:n+"-object",modelValue:e.modelData[n],"onUpdate:modelValue":function(t){return e.modelData[n]=t},name:"".concat(e.fieldName,"/").concat(n),rules:e.ruleObject(e.propertiesRequired&&e.isRequired(n)),label:"".concat(e.properties[n].title),as:""},{default:t.withCtx((function(o){var a=o.field,i=o.handleChange;return[t.createVNode(u,{"model-value":a.value,"field-name":"".concat(e.fieldName,"/").concat(n),"expand-form":e.level<2,"is-last-child":r===Object.keys(e.properties).length-1,level:e.level+1,type:e.properties[n].type,"is-self-required":e.propertiesRequired&&e.isRequired(n),schema:e.properties[n],errors:e.errors,"reference-model":e.referenceModel[n]||{},showRootTab:!1,"onUpdate:modelValue":i},null,8,["model-value","field-name","expand-form","is-last-child","level","type","is-self-required","schema","errors","reference-model","onUpdate:modelValue"])]})),_:2},1032,["modelValue","onUpdate:modelValue","name","rules","label"])):"key-value-pairs"===e.properties[n].type?(t.openBlock(),t.createBlock(s,{key:n+"-key-value-pairs",modelValue:e.modelData[n],"onUpdate:modelValue":function(t){return e.modelData[n]=t},name:"".concat(e.fieldName,"/").concat(n),rules:e.ruleObject(e.propertiesRequired&&e.isRequired(n)),label:"".concat(e.properties[n].title),as:""},{default:t.withCtx((function(o){var a=o.field,i=o.handleChange;return[t.createVNode(c,{"model-value":a.value,"field-name":"".concat(e.fieldName,"/").concat(n),"is-last-child":r===Object.keys(e.properties).length-1,type:e.properties[n].type,schema:e.properties[n],errors:e.errors,"reference-model":e.referenceModel[n]||{},"onUpdate:modelValue":i},null,8,["model-value","field-name","is-last-child","type","schema","errors","reference-model","onUpdate:modelValue"])]})),_:2},1032,["modelValue","onUpdate:modelValue","name","rules","label"])):"array"===e.properties[n].type?(t.openBlock(),t.createBlock(s,{key:n+"-array",modelValue:e.modelData[n],"onUpdate:modelValue":function(t){return e.modelData[n]=t},name:"".concat(e.fieldName,"/").concat(n),rules:e.ruleArray(e.propertiesRequired&&e.isRequired(n)),label:"".concat(e.properties[n].title),as:""},{default:t.withCtx((function(o){var a=o.field,i=o.handleChange;return[t.createVNode(d,{"model-value":a.value,"field-name":"".concat(e.fieldName,"/").concat(n),"is-last-child":r===Object.keys(e.properties).length-1,type:e.properties[n].type,schema:e.properties[n],errors:e.errors,"reference-model":e.referenceModel[n]||[],"onUpdate:modelValue":i},null,8,["model-value","field-name","is-last-child","type","schema","errors","reference-model","onUpdate:modelValue"])]})),_:2},1032,["modelValue","onUpdate:modelValue","name","rules","label"])):(t.openBlock(),t.createBlock(s,{key:n,modelValue:e.modelData[n],"onUpdate:modelValue":function(t){return e.modelData[n]=t},rules:e.ruleString(e.propertiesRequired&&e.isRequired(n)),name:"".concat(e.fieldName,"/").concat(n),label:"".concat(e.properties[n].title),as:""},{default:t.withCtx((function(r){var o=r.field,a=r.handleChange,l=r.errors,u=r.meta;return[(t.openBlock(),t.createBlock(f,{key:n,"model-value":o.value,type:e.properties[n].type,schema:e.properties[n],"validation-ob":i({errors:l},u),"reference-model":e.referenceModel[n]||"","onUpdate:modelValue":a},null,8,["model-value","type","schema","validation-ob","reference-model","onUpdate:modelValue"]))]})),_:2},1032,["modelValue","onUpdate:modelValue","rules","name","label"]))],64)})),256))],2)};var st=Object.freeze({__proto__:null,default:ut}),ct=t.defineComponent({data:function(){return{isMedium:!1}},mounted:function(){document.querySelector(".vue-openapi-form").classList.contains("is-medium")&&(this.isMedium=!0)}}),dt=t.defineComponent({name:"ArrayInput",components:{ArrayInputItems:t.defineAsyncComponent((function(){return Promise.resolve().then((function(){return ra})).then((function(e){return e.default}))}))},mixins:[y,rt,v,ct],props:{schema:{type:Object,default:function(){return{}}},fieldName:{type:String,default:""},modelValue:{type:null,default:function(){return[]}},errors:{type:Object,default:function(){return{}}},isLastChild:{type:Boolean,default:!1}},data:function(){return{newData:null,updatePass:0}},computed:{items:function(){return this.schema.items||{}}},methods:{swapElems:function(e,t){var n=JSON.parse(JSON.stringify(this.modelData[e]));this.modelData[e]=JSON.parse(JSON.stringify(this.modelData[t])),this.modelData[t]=n,this.updatePass+=1},addNewValue:function(e){var t=this;return c(l().mark((function n(){var r;return l().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,e();case 2:r=n.sent,r.valid&&(t.modelData.push(t.newData),t.newData=null,t.updatePass+=1);case 5:case"end":return n.stop()}}),n)})))()},deleteValue:function(e){this.modelData.splice(e,1),this.updatePass+=1}}}),ft={class:"nested-header mb-5"},pt={class:"is-flex is-semi-normal"},mt=t.createElementVNode("div",{class:"collaps-icon is-disabled"},[t.createElementVNode("i",{class:"fa fa-minus"})],-1),ht={key:0,class:"is-flex gap-16 is-flex-direction-column"},vt={class:"form-right-item"},yt={class:"buttons",style:{gap:"16px"}},gt=["disabled","onClick"],bt=[t.createElementVNode("span",{class:"icon is-small"},[t.createElementVNode("i",{class:"fa fa-angle-up"})],-1)],Vt=["disabled","onClick"],wt=[t.createElementVNode("span",{class:"icon is-small"},[t.createElementVNode("i",{class:"fa fa-angle-down"})],-1)],kt=["onClick"],Ct=[t.createElementVNode("span",{class:"icon"},[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M14.74 9l-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 01-2.244 2.077H8.084a2.25 2.25 0 01-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 00-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 013.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 00-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 00-7.5 0"})])],-1)],Ot={class:"value-list-save"},At=["onClick"],jt=[t.createElementVNode("div",{class:"icon"},[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})])],-1)];dt.render=function(e,n,r,o,a,l){var u=t.resolveComponent("component-errors"),s=t.resolveComponent("tabs"),c=t.resolveComponent("array-input-items"),d=t.resolveComponent("object-form-wrapper"),f=t.resolveComponent("v-field"),p=t.resolveComponent("key-value-pairs"),m=t.resolveComponent("array-input",!0),h=t.resolveComponent("simple-input"),v=t.resolveComponent("v-form"),y=t.resolveComponent("yaml-form"),g=t.resolveComponent("json-form"),b=t.resolveDirective("tooltip");return t.openBlock(),t.createElementBlock("div",{as:"div",class:t.normalizeClass(["ac-nested-elements vue-schema-form-array array-input",{"stop-line":e.isLastChild}])},[t.createElementVNode("div",ft,[t.createElementVNode("h6",pt,[mt,t.createTextVNode(" "+t.toDisplayString(e.schema.title||"Array Item Description")+" ",1),t.createVNode(u,{errors:e.calcFormErrors(e.errors,e.fieldName)},null,8,["errors"])]),t.createVNode(s,{modelValue:e.activeTab,"onUpdate:modelValue":n[0]||(n[0]=function(t){return e.activeTab=t})},null,8,["modelValue"])]),"form"===e.activeTab?(t.openBlock(),t.createElementBlock("div",ht,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.modelData,(function(n,r){return t.openBlock(),t.createElementBlock("div",{key:"".concat(r,"-").concat(e.schema.title,"-form"),class:"nested-body"},[t.createVNode(c,{"field-name":e.fieldName,items:e.items,schema:e.schema,index:r,"model-value":JSON.parse(JSON.stringify(e.modelData)),errors:e.errors,"reference-model":e.referenceModel||[]},null,8,["field-name","items","schema","index","model-value","errors","reference-model"]),t.createElementVNode("div",vt,[t.createElementVNode("div",yt,[t.createElementVNode("div",{class:t.normalizeClass(["buttons up-down-buttons",{"is-small":!e.isMedium}])},[t.withDirectives((t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["up-down-button",{"is-primary":0!==r}]),disabled:0===r,onClick:t.withModifiers((function(t){return e.swapElems(r-1,r)}),["prevent"])},bt,10,gt)),[[b,{content:"move up",placement:"top",classes:["is-primary"],targetClasses:["up-down-button"]}]]),t.withDirectives((t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["up-down-button",{"is-primary":r!==e.modelData.length-1}]),disabled:r===e.modelData.length-1,onClick:t.withModifiers((function(t){return e.swapElems(r,r+1)}),["prevent"])},wt,10,Vt)),[[b,{content:"move down",placement:"bottom",classes:["is-primary"],targetClasses:["up-down-button"]}]])],2),t.createElementVNode("button",{class:"button ac-button is-medium is-square is-danger is-outlined mb-0",onClick:t.withModifiers((function(t){return e.deleteValue(r)}),["prevent"])},Ct,8,kt)])])])})),128)),(t.openBlock(),t.createBlock(v,{key:e.updatePass,as:""},{default:t.withCtx((function(r){var o=r.validate,a=r.errors;return[t.createElementVNode("div",Ot,["object"===e.items.type?(t.openBlock(),t.createBlock(f,{key:0,modelValue:e.newData,"onUpdate:modelValue":n[1]||(n[1]=function(t){return e.newData=t}),rules:e.ruleObject(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:t.withCtx((function(n){var r=n.field,o=n.handleChange;return[t.createVNode(d,{"field-name":"newItem","model-value":r.value,"is-last-child":!0,"expand-form":!0,"is-self-required":!0,schema:i(i({},e.items),{title:"".concat(e.schema.title," new value")}),type:e.items.type,errors:a,"reference-model":{},"onUpdate:modelValue":o},null,8,["model-value","schema","type","errors","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"key-value-pairs"===e.items.type?(t.openBlock(),t.createBlock(f,{key:1,modelValue:e.newData,"onUpdate:modelValue":n[2]||(n[2]=function(t){return e.newData=t}),rules:e.ruleObject(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:t.withCtx((function(n){var r=n.field,o=n.handleChange;return[t.createVNode(p,{"field-name":"newItem","model-value":r.value,"is-last-child":!0,schema:i(i({},e.items),{title:"".concat(e.schema.title," new value")}),errors:a,type:e.items.type,"reference-model":{},"onUpdate:modelValue":o},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):"array"===e.items.type?(t.openBlock(),t.createBlock(f,{key:2,modelValue:e.newData,"onUpdate:modelValue":n[3]||(n[3]=function(t){return e.newData=t}),rules:e.ruleArray(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:t.withCtx((function(n){var r=n.field,o=n.handleChange;return[t.createVNode(m,{"field-name":"newItem","model-value":r.value,"is-last-child":!0,schema:i(i({},e.items),{title:"".concat(e.schema.title," new value")}),errors:a,type:e.items.type,"reference-model":[],"onUpdate:modelValue":o},null,8,["model-value","schema","errors","type","onUpdate:modelValue"])]})),_:2},1032,["modelValue","rules","label"])):(t.openBlock(),t.createBlock(f,{key:3,modelValue:e.newData,"onUpdate:modelValue":n[4]||(n[4]=function(t){return e.newData=t}),rules:e.ruleString(!0),name:"newItem",label:"".concat(e.schema.title," new value"),as:""},{default:t.withCtx((function(n){var r=n.field,o=n.handleChange,a=n.errors,l=n.meta;return[t.createVNode(h,{"model-value":r.value,schema:i(i({},e.items),{title:"".concat(e.schema.title," new value")}),required:!0,type:e.items.type,"validation-ob":i({errors:a},l),"reference-model":"","onUpdate:modelValue":o},null,8,["model-value","schema","type","validation-ob","onUpdate:modelValue"])]})),_:1},8,["modelValue","rules","label"])),t.createElementVNode("button",{class:"button ac-button is-medium is-square is-primary is-outlined",onClick:t.withModifiers((function(t){return e.addNewValue(o)}),["prevent"])},jt,8,At)])]})),_:1}))])):"yaml"===e.activeTab?(t.openBlock(),t.createBlock(y,{key:1,modelValue:e.modelData,"onUpdate:modelValue":n[5]||(n[5]=function(t){return e.modelData=t}),"reference-model":e.referenceModel||[]},null,8,["modelValue","reference-model"])):"json"===e.activeTab?(t.openBlock(),t.createBlock(g,{key:2,modelValue:e.modelData,"onUpdate:modelValue":n[6]||(n[6]=function(t){return e.modelData=t}),"reference-model":e.referenceModel||[]},null,8,["modelValue","reference-model"])):t.createCommentVNode("",!0)],2)};var xt=Object.freeze({__proto__:null,default:dt}),Et=t.defineComponent({name:"KeyValuePairs",components:{KeyValuePairItems:t.defineAsyncComponent((function(){return Promise.resolve().then((function(){return la})).then((function(e){return e.default}))}))},mixins:[y,rt,v,ct],props:{schema:{type:Object,default:function(){return{}}},fieldName:{type:String,default:""},modelValue:{type:Object,default:function(){return{}}},errors:{type:Object,default:function(){return{}}},isLastChild:{type:Boolean,default:!1}},data:function(){return{newData:null,updatePass:0,keyValueArray:null,referencekeyValueArray:null,newKey:"",newValue:null}},computed:{additionalProperties:function(){return this.schema.additionalProperties||{}}},watch:{keyValueArray:{immediate:!0,deep:!0,handler:function(e,t){if(null!=t){var n=JSON.stringify(e);this.modelData=this.reconstructObject(JSON.parse(n))}}},activeTab:function(){this.initKeyValueArray(),this.initReferenceKeyValueArray()},modelValue:{deep:!0,immediate:!0,handler:function(e,t){JSON.stringify(e)!==JSON.stringify(t)&&this.initKeyValueArray(),this.initReferenceKeyValueArray()}}},methods:{initKeyValueArray:function(){var e=this;this.keyValueArray=Object.keys(this.modelValue).map((function(t){return{key:t,value:e.modelValue[t]||null}}))},initReferenceKeyValueArray:function(){var e=this;this.referencekeyValueArray=Object.keys(this.referenceModel).map((function(t){return{key:t,value:e.referenceModel[t]||null}}))},updateKeyValueArray:function(e){this.keyValueArray=Object.keys(e).map((function(t){return{key:t,value:e[t]}}))},reconstructObject:function(e){var t={};return e.forEach((function(e){t=Object.assign({},i({},t),d({},"".concat(e.key),e.value))})),t},addProp:function(e){var t=this;return c(l().mark((function n(){var r;return l().wrap((function(n){for(;;)switch(n.prev=n.next){case 0:return n.next=2,e();case 2:r=n.sent,r.valid&&(t.keyValueArray.push({key:t.newKey,value:t.newValue}),t.newKey="",t.newValue=null,t.updatePass+=1);case 5:case"end":return n.stop()}}),n)})))()},deleteProp:function(e){this.keyValueArray.splice(e,1),this.updatePass+=1}}}),Nt={class:"nested-header mb-5"},St={class:"is-flex is-semi-normal"},Bt=t.createElementVNode("div",{class:"collaps-icon is-disabled"},[t.createElementVNode("i",{"aria-hidden":"true",class:"fa fa-minus"})],-1),_t=["onClick"],Ft=[t.createElementVNode("span",{class:"icon"},[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M12 4.5v15m7.5-7.5h-15"})])],-1)];Et.render=function(e,n,r,o,a,l){var u=t.resolveComponent("component-errors"),s=t.resolveComponent("tabs"),c=t.resolveComponent("key-value-pair-items"),d=t.resolveComponent("simple-input"),f=t.resolveComponent("v-field"),p=t.resolveComponent("object-form-wrapper"),m=t.resolveComponent("key-value-pairs",!0),h=t.resolveComponent("array-input"),v=t.resolveComponent("v-form"),y=t.resolveComponent("yaml-form"),g=t.resolveComponent("json-form");return t.openBlock(),t.createElementBlock("div",{class:t.normalizeClass(["ac-nested-elements key-value-pairs is-flex is-flex-direction-column gap-8",{"stop-line":e.isLastChild}])},[t.createElementVNode("div",Nt,[t.createElementVNode("h6",St,[Bt,t.createTextVNode(" "+t.toDisplayString(e.schema.title||"Array Item Description"),1),t.createVNode(u,{errors:e.calcFormErrors(e.errors,e.fieldName)},null,8,["errors"])]),t.createVNode(s,{modelValue:e.activeTab,"onUpdate:modelValue":n[0]||(n[0]=function(t){return e.activeTab=t})},null,8,["modelValue"])]),"form"===e.activeTab?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(e.keyValueArray,(function(n,r){return t.openBlock(),t.createElementBlock("div",{key:"".concat(r,"-").concat(e.schema.title,"-form")},[t.createVNode(c,{modelValue:e.keyValueArray[r],"onUpdate:modelValue":function(t){return e.keyValueArray[r]=t},"field-name":e.fieldName,"reference-model":e.referencekeyValueArray[r]||{},index:r,schema:e.schema,"additional-properties":e.additionalProperties,errors:e.errors,onDeleteKeyValue:e.deleteProp},null,8,["modelValue","onUpdate:modelValue","field-name","reference-model","index","schema","additional-properties","errors","onDeleteKeyValue"])])})),128)),(t.openBlock(),t.createBlock(v,{id:"".concat(e.schema.title.replace(/ /g,"-"),"-new-observer"),key:e.updatePass,as:"div",class:"key-value-save"},{default:t.withCtx((function(r){var o=r.validate,a=r.errors;return[t.createVNode(f,{id:"".concat(e.schema.title.replace(/ /g,"-"),"-key-provider"),modelValue:e.newKey,"onUpdate:modelValue":n[1]||(n[1]=function(t){return e.newKey=t}),rules:"required",name:"newKey",label:"".concat(e.schema.title," new key"),as:"div"},{default:t.withCtx((function(e){var n=e.field,r=e.handleChange,o=e.errors,a=e.meta;return[t.createVNode(d,{"model-value":n.value,schema:{title:"Key",type:"string",ui:{tag:"input",type:"text"}},type:"string","validation-ob":i({errors:o},a),"reference-model":"","onUpdate:modelValue":r},null,8,["model-value","validation-ob","onUpdate:modelValue"])]})),_:1},8,["id","modelValue","label"]),"object"===e.additionalProperties.type?(t.openBlock(),t.createBlock(f,{key:0,id:"".concat(e.schema.title.replace(/ /g,"-"),"-value-provider"),modelValue:e.newValue,"onUpdate:modelValue":n[2]||(n[2]=function(t){return e.newValue=t}),rules:"required",name:"newValue",label:"".concat(e.schema.title," new value"),as:""},{default:t.withCtx((function(n){var r=n.field,o=n.handleChange;return[t.createVNode(p,{"field-name":"newValue","model-value":r.value,"is-last-child":!0,"is-self-required":!0,schema:e.additionalProperties,type:e.additionalProperties.type,errors:a,"reference-model":{},"onUpdate:modelValue":o},null,8,["model-value","schema","type","errors","onUpdate:modelValue"])]})),_:2},1032,["id","modelValue","label"])):"key-value-pairs"===e.additionalProperties.type?(t.openBlock(),t.createBlock(f,{key:1,id:"".concat(e.schema.title.replace(/ /g,"-"),"-value-provider"),modelValue:e.newValue,"onUpdate:modelValue":n[3]||(n[3]=function(t){return e.newValue=t}),rules:"required",name:"newValue",label:"".concat(e.schema.title," new value"),as:""},{default:t.withCtx((function(n){var r=n.field,o=n.handleChange;return[t.createVNode(m,{"field-name":"newValue","model-value":r.value,"is-last-child":!0,schema:e.additionalProperties,type:e.additionalProperties.type,errors:a,"reference-model":{},"onUpdate:modelValue":o},null,8,["model-value","schema","type","errors","onUpdate:modelValue"])]})),_:2},1032,["id","modelValue","label"])):"array"===e.additionalProperties.type?(t.openBlock(),t.createBlock(f,{key:2,id:"".concat(e.schema.title.replace(/ /g,"-"),"-value-provider"),modelValue:e.newValue,"onUpdate:modelValue":n[4]||(n[4]=function(t){return e.newValue=t}),rules:"required",name:"newValue",label:"".concat(e.schema.title," new value"),as:""},{default:t.withCtx((function(n){var r=n.field,o=n.handleChange;return[t.createVNode(h,{"field-name":"newValue","model-value":r.value,"is-last-child":!0,schema:e.additionalProperties,type:e.additionalProperties.type,errors:a,"reference-model":[],"onUpdate:modelValue":o},null,8,["model-value","schema","type","errors","onUpdate:modelValue"])]})),_:2},1032,["id","modelValue","label"])):(t.openBlock(),t.createBlock(f,{key:3,id:"".concat(e.schema.title.replace(/ /g,"-"),"-value-provider"),modelValue:e.newValue,"onUpdate:modelValue":n[5]||(n[5]=function(t){return e.newValue=t}),rules:"required",name:"newValue",label:"".concat(e.schema.title," new value"),as:""},{default:t.withCtx((function(n){var r=n.field,o=n.handleChange,a=n.errors,l=n.meta;return[t.createVNode(d,{"model-value":r.value,schema:e.additionalProperties,type:e.additionalProperties.type,"validation-ob":i({errors:a},l),"reference-model":"","onUpdate:modelValue":o},null,8,["model-value","schema","type","validation-ob","onUpdate:modelValue"])]})),_:1},8,["id","modelValue","label"])),t.createElementVNode("button",{class:"button ac-button is-medium is-square is-primary is-outlined",onClick:t.withModifiers((function(t){return e.addProp(o)}),["prevent"])},Ft,8,_t)]})),_:1},8,["id"]))],64)):t.createCommentVNode("",!0),"yaml"===e.activeTab?(t.openBlock(),t.createBlock(y,{key:1,modelValue:e.modelData,"onUpdate:modelValue":n[6]||(n[6]=function(t){return e.modelData=t}),"reference-model":e.referenceModel||{},"onCode::modelDataUpdated":e.updateKeyValueArray},null,8,["modelValue","reference-model","onCode::modelDataUpdated"])):"json"===e.activeTab?(t.openBlock(),t.createBlock(g,{key:2,modelValue:e.modelData,"onUpdate:modelValue":n[7]||(n[7]=function(t){return e.modelData=t}),"reference-model":e.referenceModel||{},"onCode::modelDataUpdated":e.updateKeyValueArray},null,8,["modelValue","reference-model","onCode::modelDataUpdated"])):t.createCommentVNode("",!0)],2)};var Dt=Object.freeze({__proto__:null,default:Et}),Mt=t.defineComponent({name:"SimpleInput",mixins:[y,v,ct],props:{schema:{type:Object,default:function(){return{}}},modelValue:{type:null,default:""},validationOb:{type:Object,default:function(){return{}}}},emits:["update:modelValue"],data:function(){return{labelShow:!1,isIntegerSetToNull:!1,isMultilineValue:!1}},computed:{ui:function(){return this.schema.ui||{tag:"input",type:"text"}},identifier:function(){return"id-".concat(this.schema.title.replace(" ","-"),"-").concat(JSON.stringify((new Date).valueOf()))}},watch:{modelData:{immediate:!0,deep:!0,handler:function(e,t){var n=this;this.isMultilineValue&&setTimeout((function(){n.$refs.textareaField.focus()}),0),"string"==typeof e&&e.includes("\n")&&(this.isMultilineValue=!0),this.labelShow=!!e,(this.isIntegerSetToNull||null!=t)&&(this.isIntegerSetToNull&&e&&(this.isIntegerSetToNull=!1),"number"===this.type||"integer"===this.type?""===e?(this.isIntegerSetToNull=!0,this.$emit("update:modelValue",null)):this.$emit("update:modelValue",+e):this.$emit("update:modelValue",e))}}},mounted:function(){var e;this.modelData&&(this.labelShow=!0),null===(e=this.$refs.inputField)||void 0===e||e.addEventListener("keydown",this.handleKeyDownEvent)},destroyed:function(){var e;null===(e=this.$refs.inputField)||void 0===e||e.removeEventListener("keydown",this.handleKeyDownEvent)},methods:{triggerInput:function(){this.labelShow=!0},unTriggerInput:function(){this.modelData||(this.labelShow=!1)},focusInput:function(){this.labelShow=!0,this.$refs.inputField.focus()},onPaste:function(e){var t=(e.clipboardData||window.clipboardData).getData("text"),n=this.updatedModelDataAfterPasteAndKeyDown(e.target,t);t.includes("\n")&&(this.isMultilineValue=!0,this.modelData=n)},handleKeyDownEvent:function(e){if("Enter"===e.code&&e.shiftKey){e.preventDefault();var t=this.updatedModelDataAfterPasteAndKeyDown(e.target);this.isMultilineValue=!0,this.modelData=t}},updatedModelDataAfterPasteAndKeyDown:function(e,t){var n=e.selectionStart,r=e.selectionEnd;return this.modelData.substring(0,n)+(t=t||"\n")+this.modelData.substring(r,this.modelData.length)}}}),It={class:"ac-single-input is-small is-information"},Tt={key:0,class:"ac-single-switch is-small is-flex pb-10"},Pt=["id"],Ut=["for"],Lt={key:0},$t=["type","placeholder"],Rt=["type","placeholder"],qt={key:0,class:"button is-information"},zt=[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"})],-1)],Kt={key:1,class:"button is-information is-warning"},Yt=[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})],-1)],Jt={key:3,class:"is-flex gap-4 mt-4 has-text-danger"},Wt=["type","placeholder"],Gt={key:0,class:"button is-information is-success"},Ht=[t.createElementVNode("span",{class:"icon"},[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M4.5 12.75l6 6 9-13.5"})])],-1)],Zt={key:1,class:"button is-information is-warning"},Xt=[t.createElementVNode("span",{class:"icon"},[t.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24","stroke-width":"1.5",stroke:"currentColor",class:"w-6 h-6"},[t.createElementVNode("path",{"stroke-linecap":"round","stroke-linejoin":"round",d:"M6 18L18 6M6 6l12 12"})])],-1)],Qt={key:1,class:"is-warning"},en=t.createElementVNode("i",{class:"fa fa-warning warning"},null,-1);Mt.render=function(e,n,r,o,a,i){return t.openBlock(),t.createElementBlock("div",It,["input"===e.ui.tag?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},["checkbox"===e.ui.type?(t.openBlock(),t.createElementBlock("div",Tt,[t.withDirectives(t.createElementVNode("input",{id:e.identifier,"onUpdate:modelValue":n[0]||(n[0]=function(t){return e.modelData=t}),type:"checkbox",name:"switchRoundedDefault",class:"switch ac-switch is-rounded is-primary"},null,8,Pt),[[t.vModelCheckbox,e.modelData]]),t.createElementVNode("label",{class:"switch-label",for:e.identifier},t.toDisplayString(e.schema.title),9,Ut)])):(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.createElementVNode("label",{class:t.normalizeClass([e.labelShow?"show-label":"","ac-label"]),onClick:n[1]||(n[1]=t.withModifiers((function(t){return e.focusInput()}),["prevent"]))},t.toDisplayString(e.schema.title),3),"input"===e.ui.tag?(t.openBlock(),t.createElementBlock("div",Lt,[e.isMultilineValue?t.withDirectives((t.openBlock(),t.createElementBlock("textarea",{key:0,ref:"textareaField","onUpdate:modelValue":n[2]||(n[2]=function(t){return e.modelData=t}),class:t.normalizeClass(["ac-input",{"is-success":e.validationOb.dirty&&e.validationOb.valid,"is-danger":e.validationOb.dirty&&!e.validationOb.valid,"bg-white":e.modelData}]),style:{"min-height":"100px"},type:e.ui.type,placeholder:e.ui.placeholder||"",onChange:n[3]||(n[3]=function(t){return e.modelData=t.target.value}),onFocus:n[4]||(n[4]=function(t){return e.triggerInput()}),onFocusout:n[5]||(n[5]=function(t){return e.unTriggerInput()}),onPaste:n[6]||(n[6]=function(){return e.onPaste&&e.onPaste.apply(e,arguments)})},null,42,$t)),[[t.vModelText,e.modelData]]):t.withDirectives((t.openBlock(),t.createElementBlock("input",{key:1,ref:"inputField","onUpdate:modelValue":n[7]||(n[7]=function(t){return e.modelData=t}),class:t.normalizeClass(["ac-input",{"is-success":e.validationOb.dirty&&e.validationOb.valid,"is-danger":e.validationOb.dirty&&!e.validationOb.valid,"bg-white":e.modelData}]),type:e.ui.type,placeholder:e.ui.placeholder||"",onChange:n[8]||(n[8]=function(t){return e.modelData=t.target.value}),onFocus:n[9]||(n[9]=function(t){return e.triggerInput()}),onFocusout:n[10]||(n[10]=function(t){return e.unTriggerInput()}),onPaste:n[11]||(n[11]=function(){return e.onPaste&&e.onPaste.apply(e,arguments)})},null,42,Rt)),[[t.vModelDynamic,e.modelData]]),e.validationOb.dirty?(t.openBlock(),t.createElementBlock(t.Fragment,{key:2},[e.validationOb.valid?(t.openBlock(),t.createElementBlock("span",qt,zt)):t.createCommentVNode("",!0),e.validationOb.valid?t.createCommentVNode("",!0):(t.openBlock(),t.createElementBlock("span",Kt,Yt))],64)):t.createCommentVNode("",!0),e.validationOb&&e.validationOb.errors&&e.validationOb.errors.length>0?(t.openBlock(),t.createElementBlock("p",Jt,t.toDisplayString(e.validationOb.errors[0]),1)):t.createCommentVNode("",!0)])):t.createCommentVNode("",!0)],64))],64)):t.createCommentVNode("",!0),"textarea"===e.ui.tag?(t.openBlock(),t.createElementBlock(t.Fragment,{key:1},[t.withDirectives(t.createElementVNode("textarea",{"onUpdate:modelValue":n[12]||(n[12]=function(t){return e.modelData=t}),class:t.normalizeClass(["input",{"is-success":e.validationOb.dirty&&e.validationOb.valid,"is-danger":e.validationOb.dirty&&!e.validationOb.valid}]),type:e.ui.type,placeholder:e.ui.placeholder||"",onChange:n[13]||(n[13]=function(t){return e.modelData=t.target.value})},null,42,Wt),[[t.vModelText,e.modelData]]),e.validationOb.dirty?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[e.valid?(t.openBlock(),t.createElementBlock("button",Gt,Ht)):t.createCommentVNode("",!0),e.invalid?(t.openBlock(),t.createElementBlock("button",Zt,Xt)):t.createCommentVNode("",!0)],64)):t.createCommentVNode("",!0),e.validationOb.errors.length>0?(t.openBlock(),t.createElementBlock("span",Qt,[en,t.createTextVNode(" "+t.toDisplayString(e.validationOb.errors[0]),1)])):t.createCommentVNode("",!0)],64)):t.createCommentVNode("",!0)])};var tn=Object.freeze({__proto__:null,default:Mt});const nn={class:"form-wrapper"},rn={key:0,class:"form-footer pt-8 pb-8 pl-20 mt-16 b-t-1"};var on=t.defineComponent({__name:"Form",props:{isContainer:{type:Boolean,default:!1},hasFooter:{type:Boolean,default:!0},reducePaddingTop:{type:Boolean,default:!1}},setup(e){const n=t.defineAsyncComponent((()=>Promise.resolve().then((function(){return sn}))));return(e,r)=>(t.openBlock(),t.createElementBlock("div",nn,[t.createElementVNode("div",{class:t.normalizeClass({"form-content":!e.isContainer,container:e.isContainer})},[t.renderSlot(e.$slots,"default")],2),e.hasFooter?(t.openBlock(),t.createElementBlock("div",rn,[t.createElementVNode("div",{class:t.normalizeClass(["ac-vcentered",{"form-content":!e.isContainer,container:e.isContainer}])},[t.createVNode(t.unref(n),null,{default:t.withCtx((()=>[t.renderSlot(e.$slots,"form-left-controls")])),_:3}),t.createVNode(t.unref(n),null,{default:t.withCtx((()=>[t.renderSlot(e.$slots,"form-right-controls")])),_:3})],2)])):t.createCommentVNode("",!0)]))}}),an=Object.freeze({__proto__:null,default:on});const ln={class:"form-footer-control"};const un={render:function(e,n){return t.openBlock(),t.createElementBlock("div",ln,[t.renderSlot(e.$slots,"default")])}};var sn=Object.freeze({__proto__:null,default:un}),cn=t.defineComponent({name:"Tabs",props:{modelValue:{type:String,default:"form"},showTab:{type:Boolean,default:!1}},emits:["update:modelValue"],data:function(){return{activeTab:"form"}},methods:{showForm:function(){this.activeTab="form",this.$emit("update:modelValue","form")},showJson:function(){this.activeTab="json",this.$emit("update:modelValue","json")},showYaml:function(){this.activeTab="yaml",this.$emit("update:modelValue","yaml")}}}),dn=[t.createElementVNode("span",{class:"icon is-small"},[t.createElementVNode("i",{class:"fa fa-file-text fa-flip-horizontal","aria-hidden":"true"})],-1),t.createElementVNode("span",null,"Form",-1)],fn=[t.createElementVNode("span",{class:"icon is-small"},[t.createElementVNode("i",{class:"fa fa-code","aria-hidden":"true"})],-1),t.createElementVNode("span",null,"YAML",-1)],pn=[t.createElementVNode("span",{class:"icon is-small"},[t.createElementVNode("i",{class:"fa fa-code","aria-hidden":"true"})],-1),t.createElementVNode("span",null,"JSON",-1)];cn.render=function(e,n,r,o,a,i){return t.openBlock(),t.createElementBlock("div",{class:"tabs ac-tabs is-line",style:t.normalizeStyle(e.showTab?"opacity: 1; visibility: visible;":"")},[t.createElementVNode("ul",null,[t.createElementVNode("li",{class:t.normalizeClass({"is-active":"form"===e.activeTab})},[t.createElementVNode("a",{onClick:n[0]||(n[0]=t.withModifiers((function(t){return e.showForm()}),["prevent"]))},dn)],2),t.createElementVNode("li",{class:t.normalizeClass({"is-active":"yaml"===e.activeTab})},[t.createElementVNode("a",{onClick:n[1]||(n[1]=t.withModifiers((function(t){return e.showYaml()}),["prevent"]))},fn)],2),t.createElementVNode("li",{class:t.normalizeClass({"is-active":"json"===e.activeTab})},[t.createElementVNode("a",{onClick:n[2]||(n[2]=t.withModifiers((function(t){return e.showJson()}),["prevent"]))},pn)],2)])],4)};var mn=Object.freeze({__proto__:null,default:cn}),hn=t.defineComponent({name:"YamlForm",components:{Editor:t.defineAsyncComponent((function(){return Promise.resolve().then((function(){return sa}))}))},mixins:[y],inject:["providedData"],props:{modelValue:{type:null,default:function(){return{}}}},emits:["code::model-data-updated"],computed:{originalValueString:function(){return JSON.stringify(this.referenceModel,null,2)},theme:function(){return this.providedData.theme||"light"},editorModel:{get:function(){return JSON.stringify(this.modelValue,null,2)},set:function(e){var t=null;try{t=JSON.parse(e)}catch(e){t=this.modelData}this.modelData=t,this.$emit("code::model-data-updated",t)}}}}),vn={class:"ml-30"};hn.render=function(e,n,r,o,a,i){var l=t.resolveComponent("editor");return t.openBlock(),t.createElementBlock("div",vn,[(t.openBlock(),t.createBlock(l,{key:e.theme,modelValue:e.editorModel,"onUpdate:modelValue":n[0]||(n[0]=function(t){return e.editorModel=t}),"original-value":e.originalValueString,language:"json","editor-height":70},null,8,["modelValue","original-value"]))])};var yn=Object.freeze({__proto__:null,default:hn});function gn(e){return null==e}var bn={isNothing:gn,isObject:function(e){return"object"==typeof e&&null!==e},toArray:function(e){return Array.isArray(e)?e:gn(e)?[]:[e]},repeat:function(e,t){var n,r="";for(n=0;n tag; it should be "'+c.kind+'", not "'+e.kind+'"'),c.resolve(e.result)?(e.result=c.construct(e.result),null!==e.anchor&&(e.anchorMap[e.anchor]=e.result)):_r(e,"cannot resolve a node with !<"+e.tag+"> explicit tag")):_r(e,"unknown tag !<"+e.tag+">");return null!==e.listener&&e.listener("close",e),null!==e.tag||null!==e.anchor||h}function Yr(e){var t,n,r,o,a=e.position,i=!1;for(e.version=null,e.checkLineBreaks=e.legacy,e.tagMap={},e.anchorMap={};0!==(o=e.input.charCodeAt(e.position))&&(Ur(e,!0,-1),o=e.input.charCodeAt(e.position),!(e.lineIndent>0||37!==o));){for(i=!0,o=e.input.charCodeAt(++e.position),t=e.position;0!==o&&!kr(o);)o=e.input.charCodeAt(++e.position);for(r=[],(n=e.input.slice(t,e.position)).length<1&&_r(e,"directive name must not be less than one character in length");0!==o;){for(;wr(o);)o=e.input.charCodeAt(++e.position);if(35===o){do{o=e.input.charCodeAt(++e.position)}while(0!==o&&!Vr(o));break}if(Vr(o))break;for(t=e.position;0!==o&&!kr(o);)o=e.input.charCodeAt(++e.position);r.push(e.input.slice(t,e.position))}0!==o&&Pr(e),ir.call(Dr,n)?Dr[n](e,n,r):Fr(e,'unknown document directive "'+n+'"')}Ur(e,!0,-1),0===e.lineIndent&&45===e.input.charCodeAt(e.position)&&45===e.input.charCodeAt(e.position+1)&&45===e.input.charCodeAt(e.position+2)?(e.position+=3,Ur(e,!0,-1)):i&&_r(e,"directives end mark is expected"),Kr(e,e.lineIndent-1,cr,!1,!0),Ur(e,!0,-1),e.checkLineBreaks&&hr.test(e.input.slice(a,e.position))&&Fr(e,"non-ASCII line breaks are interpreted as content"),e.documents.push(e.result),e.position===e.lineStart&&Lr(e)?46===e.input.charCodeAt(e.position)&&(e.position+=3,Ur(e,!0,-1)):e.position