/* Kube Example Theme */ html { box-sizing: border-box; -webkit-text-size-adjust: 100%; } *, *:before, *:after { box-sizing: inherit; } * { margin: 0; padding: 0; outline: none; } img, video, audio { max-width: 100%; } img, video { height: auto; } audio, canvas, iframe, img, svg, video { vertical-align: middle; } svg { max-height: 100%; } svg:not(:root) { overflow: hidden; } iframe { border: none; width: 100%; } button, [type="submit"] { -webkit-appearance: button; } [type="radio"], [type="checkbox"] { vertical-align: middle; position: relative; bottom: 0.15rem; margin-right: 2px; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } ::-moz-focus-inner { border: none; padding: 0; } @media print { body { color: #000; } a, a:link, a:visited { color: #000; text-decoration: none; } } @font-face { font-family: 'Kube'; src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype"); font-weight: normal; font-style: normal; } [class^="icon-kube-"], [class*=" icon-kube-"], .close, .caret { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Kube' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-kube-calendar:before { content: "\e900"; } .caret.is-down:before, .icon-kube-caret-down:before { content: "\e901"; } .caret.is-left:before, .icon-kube-caret-left:before { content: "\e902"; } .caret.is-right:before, .icon-kube-caret-right:before { content: "\e903"; } .caret.is-up:before, .icon-kube-caret-up:before { content: "\e904"; } .close:before, .icon-kube-close:before { content: "\e905"; } .icon-kube-menu:before { content: "\e906"; } .icon-kube-search:before { content: "\e907"; } .nav-toggle { position: relative; top: 1px; color: #111; text-decoration: none; } .nav-toggle:hover { color: #ed2d7f; } .is-container { display: flex; flex: 1; } @media only screen and (max-width: 767px) { .is-container { flex-direction: column; } } .is-push-right { margin-left: auto; } @media only screen and (max-width: 767px) { .is-push-right { margin-left: 0; } } .is-fixed { position: fixed !important; top: 0; left: 0; z-index: 200; } .is-relative { position: relative; } .is-10 { width: 10%; min-width: 10%; } .is-20 { width: 20%; min-width: 20%; } .is-25 { width: 25%; min-width: 25%; } .is-30 { width: 30%; min-width: 30%; } .is-33, .is-34 { width: 33.3333%; min-width: 33.3333%; } .is-35 { width: 35%; min-width: 35%; } .is-40 { width: 40%; min-width: 40%; } .is-50 { width: 50%; min-width: 50%; } .is-60 { width: 60%; } .is-65 { width: 65%; } .is-66, .is-67 { width: 66.6666%; min-width: 66.6666%; } .is-70 { width: 70%; min-width: 70%; } .is-75 { width: 75%; min-width: 75%; } .is-80 { width: 80%; min-width: 80%; } .is-90 { width: 90%; min-width: 90%; } .is-100 { width: 100%; min-width: 100%; } @media only screen and (max-width: 767px) { .is-10, .is-20, .is-25, .is-30, .is-33, .is-34, .is-35, .is-40, .is-50, .is-60, .is-65, .is-66, .is-67, .is-70, .is-75, .is-80, .is-90, .is-100 { width: auto; min-width: 100%; } } .is-invisible { visibility: hidden; } .is-visible { visibility: visible; } .is-hidden { display: none !important; } @media only screen and (max-width: 767px) { .is-hidden-mobile { display: none !important; } } @media only screen and (min-width: 768px) { .is-shown-mobile { display: none; } } @media print { .is-hidden-print { display: none; } } .is-scrollable { overflow-y: auto; white-space: nowrap; } .is-no-scroll { overflow: hidden; } .is-no-scroll-x { overflow-x: hidden; } .is-video-container { height: 0; padding-bottom: 56.25%; position: relative; margin-bottom: 0.8em; } .is-video-container iframe, .is-video-container object, .is-video-container embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } figure .is-video-container { margin-bottom: 0.4em; } .close { display: inline-block; vertical-align: baseline; text-align: center; font-size: 9px; opacity: .85; border-radius: 20px; cursor: pointer; margin-top: -3px; margin-bottom: -3px; width: 20px; height: 20px; line-height: 22px; } .close:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; opacity: 1; color: #fff; background-color: #111; } .close.is-big { font-size: 14px; width: 28px; height: 28px; line-height: 28px; } .close.is-large { font-size: 18px; width: 36px; height: 36px; line-height: 36px; } .close.is-inverted { color: #fff; } .caret { display: inline-block; } .button .caret { margin-right: -9px; margin-top: -2px; padding-left: 2px; font-size: 110%; } .is-loading:before { content: ''; display: inline-block; width: 24px; height: 24px; margin-right: .5em; border-radius: 50%; border: 4px solid rgba(255, 255, 255, 0.25); border-bottom-color: #fff; -webkit-animation: loadingRotate 2s linear 0s infinite; animation: loadingRotate 2s linear 0s infinite; } @keyframes loadingRotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .overlay { position: fixed; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(17, 17, 17, 0.18); } .overlay > .close { position: fixed; top: 1rem; right: 1rem; } html { font-size: 1em; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #111; line-height: 1.5; } a { color: #4565f3; } a:hover { color: #ed2d7f; } h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-weight: bold; text-rendering: optimizeLegibility; color: inherit; line-height: 1.2; } h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * { margin-top: 0.8em; } h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 { margin-top: 0.4em; } h1 { font-size: 2.5em; } h2 { font-size: 1.75em; } h3 { font-size: 1.5em; } h4 { font-size: 1.25em; } h5 { font-size: 1em; } h6 { font-size: 0.75em; } h6 { text-transform: uppercase; letter-spacing: .01em; } p, blockquote, hr, pre, ol, ul, dl, figure, address { margin-bottom: 0.8em; } p + h1, p + h2, p + h3, p + h4, p + h5, p + h6, blockquote + h1, blockquote + h2, blockquote + h3, blockquote + h4, blockquote + h5, blockquote + h6, hr + h1, hr + h2, hr + h3, hr + h4, hr + h5, hr + h6, pre + h1, pre + h2, pre + h3, pre + h4, pre + h5, pre + h6, ol + h1, ol + h2, ol + h3, ol + h4, ol + h5, ol + h6, ul + h1, ul + h2, ul + h3, ul + h4, ul + h5, ul + h6, dl + h1, dl + h2, dl + h3, dl + h4, dl + h5, dl + h6, table + h1, table + h2, table + h3, table + h4, table + h5, table + h6, figure + h1, figure + h2, figure + h3, figure + h4, figure + h5, figure + h6, div + h1, div + h2, div + h3, div + h4, div + h5, div + h6, form + h1, form + h2, form + h3, form + h4, form + h5, form + h6 { margin-top: 1.2em; } ul, ol { margin-left: 1.2em; } ul ul, ul ol, ol ul, ol ol { margin-top: 0; margin-bottom: 0; } nav ul, nav ol { margin-left: 0; margin-bottom: 0; list-style: none; } nav ul ul, nav ul ol, nav ol ol, nav ol ul { margin-left: 1.2em; } li li { font-size: 1em; } ul.is-bar, ol.is-bar { margin: 0; list-style: none; } ul.is-bar li, ol.is-bar li { display: inline-block; } ul.is-bar li + li, ol.is-bar li + li { margin-left: 1em; } dt { font-weight: 600; } dl dd + dt { margin-top: 0.8em; } hr { border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.1); overflow: visible; margin-top: -1px; } blockquote { font-size: 1.125em; font-weight: normal; font-style: italic; line-height: 1.45; color: #666; padding: 0.4em 0 0.4em 1rem; border: none; border-left: 3px solid rgba(69, 101, 243, 0.3); } blockquote small { color: #666; } blockquote p:last-child { margin-bottom: 0; } b, strong { font-weight: 600; } em, i, cite, dfn { font-style: italic; } time, small { display: inline-block; font-size: 87.5%; line-height: 1; color: #333; } figcaption, code, var, kbd { display: inline-block; font-family: monospace, monospace; font-size: 87.5%; line-height: 1; color: rgba(17, 17, 17, 0.85); } figcaption { font-size: 80%; font-style: italic; color: rgba(17, 17, 17, 0.7); } code { color: rgba(17, 17, 17, 0.75); background: rgba(17, 17, 17, 0.05); border: 0 solid transparent; border-radius: 0.1875rem; } var { opacity: .7; font-style: normal; } dfn, abbr { text-transform: uppercase; } dfn[title], abbr[title] { text-decoration: none; border-bottom: 1px dotted rgba(17, 17, 17, 0.5); cursor: help; } code, kbd { position: relative; top: -1px; padding: .25em .35em; } kbd { color: rgba(17, 17, 17, 0.75); background: none; border: 1px solid rgba(17, 17, 17, 0.2); border-radius: 0.1875rem; } sup, sub { font-size: .6em; } sup { vertical-align: top; position: relative; bottom: -.2em; } h1 sup, h1 sub, h2 sup, h2 sub, h3 sup, h3 sub { font-size: .4em; } sub { line-height: 1; } pre { font-family: monospace, monospace; font-size: 0.9em; } pre, pre code { background: rgba(17, 17, 17, 0.02); padding: 0; top: 0; display: block; line-height: 1.5; color: rgba(17, 17, 17, 0.85); overflow: none; white-space: pre-wrap; } pre { padding: 1rem; border: 1px solid transparent; border-radius: 0.1875rem; } pre code { font-size: 100%; border: none; background: none; } figure div + figcaption, figure pre + figcaption { position: relative; top: -8px; } figure pre { background-color: none; border: 1px solid rgba(17, 17, 17, 0.1); border-radius: 1px; margin-bottom: .5rem; } ul.is-unstyled { margin-left: 0; } ul.is-unstyled, ul.is-unstyled ul { list-style: none; } .is-muted { color: rgba(17, 17, 17, 0.6); } .is-muted a, a.is-muted { color: rgba(17, 17, 17, 0.6); } .is-muted a:hover, a.is-muted:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #111; } .is-large { font-size: 1.3125em; line-height: 1.45; } .is-big { font-size: 1.125em; line-height: 1.45; } .is-small { font-size: 0.875em; } .is-smaller { font-size: 0.75em; } .is-nowrap, .is-nowrap td { white-space: nowrap; } .is-highlight { background-color: rgba(69, 101, 243, 0.1); } table { font-size: 0.9375em; border-collapse: collapse; border-spacing: 0; max-width: 100%; width: 100%; empty-cells: show; margin-bottom: 1.2em; } table caption { text-align: left; font-size: 11px; font-weight: bold; text-transform: uppercase; color: rgba(17, 17, 17, 0.4); letter-spacing: 1px; margin-bottom: 2px; } th { font-weight: 700; color: inherit; text-align: left; vertical-align: bottom; } td { color: inherit; vertical-align: top; } tbody.is-middle td, tr.is-middle td, td.is-middle { vertical-align: middle; } th, td { padding: 0.8em 0.8em; border-bottom: 1px solid #eee; } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } tfoot th, tfoot td { color: rgba(17, 17, 17, 0.5); } table.is-bordered td, table.is-bordered th { border: 1px solid #eee; } table.is-striped tr:nth-child(odd) td { background-color: #fafafa; } table.is-bordered td:first-child, table.is-bordered th:first-child, table.is-striped td:first-child, table.is-striped th:first-child { padding-left: 0.8em; } table.is-bordered td:last-child, table.is-bordered th:last-child, table.is-striped td:last-child, table.is-striped th:last-child { padding-right: 0.8em; } table.is-unstyled td, table.is-unstyled th { border: none; padding: 0; } @media only screen and (max-width: 767px) { table.is-responsive th { display: none; } table.is-responsive tr, table.is-responsive td { display: block; } table.is-responsive tr:nth-child(odd) { background-color: #fafafa; } table.is-responsive td { padding: 1rem; text-align: right; } table.is-responsive td:before { content: attr(data-label); float: left; font-size: 0.875em; font-weight: bold; text-transform: uppercase; } } .is-table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 0.8em; } .is-table-container table { margin-bottom: 0; } .is-row { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -20px; } .is-row.is-gapless, .is-row.is-gapless > .is-row { margin-left: 0; margin-top: 0; } .is-row + .is-row { margin-top: 20px; } .is-row.is-bricks > .is-col { margin-bottom: 20px; } .is-row > .is-col { flex: 1; margin-left: 20px; } .is-row > .is-col.is-10 { min-width: calc(10% - 20px); } .is-row > .is-col.is-20 { min-width: calc(20% - 20px); } .is-row > .is-col.is-25 { min-width: calc(25% - 20px); } .is-row > .is-col.is-30 { min-width: calc(30% - 20px); } .is-row > .is-col.is-33, .is-row > .is-col.is-34 { min-width: calc(33.3333% - 20px); } .is-row > .is-col.is-35 { min-width: calc(35% - 20px); } .is-row > .is-col.is-40 { min-width: calc(40% - 20px); } .is-row > .is-col.is-50 { min-width: calc(50% - 20px); } .is-row > .is-col.is-60 { min-width: calc(60% - 20px); } .is-row > .is-col.is-65 { min-width: calc(65% - 20px); } .is-row > .is-col.is-66, .is-row > .is-col.is-67 { min-width: calc(66.6666% - 20px); } .is-row > .is-col.is-70 { min-width: calc(70% - 20px); } .is-row > .is-col.is-75 { min-width: calc(75% - 20px); } .is-row > .is-col.is-80 { min-width: calc(80% - 20px); } .is-row > .is-col.is-90 { min-width: calc(90% - 20px); } .is-row.is-gapless > .is-col { margin-left: 0; } @media only screen and (max-width: 767px) { [class^='is-offset-'], [class*=' is-offset-'] { margin-left: 0; } } @media only screen and (max-width: 767px) { .is-row { flex-direction: column; flex-wrap: nowrap; margin-left: 0; margin-top: 0; } .is-row > .is-col { flex: 0 0 100%; width: 100% !important; max-width: 100% !important; margin-left: 0; margin-bottom: 20px; } .is-row > .is-col:last-child { margin-bottom: 0; } .is-row.is-bricks > .is-col { margin-bottom: 20px; } .is-row.is-gapless { margin-bottom: 20px; } .is-row.is-gapless > .is-col { margin-bottom: 0; } } .label { display: inline-block; vertical-align: baseline; text-decoration: none; font-size: 0.84375rem; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 20px; background: #ed2d7f; color: rgba(255, 255, 255, 0.95); padding: 0 0.5em; border: 1px solid transparent; border-radius: 0.1875rem; } .label a { color: inherit; text-decoration: none; } .label a:hover { color: inherit; text-decoration: underline; } .label .close { margin-right: -3px; } a.label { color: rgba(255, 255, 255, 0.95); } a.label:hover { text-decoration: underline; } .label.is-secondary { font-size: 0.84375rem; font-weight: 500; letter-spacing: 0; text-transform: none; padding: 0 0.5em; background: none; color: #ed2d7f; border: 1px solid #ed2d7f; border-radius: 0.1875rem; } .label.is-tertiary { letter-spacing: 0.035em; background: none; color: #ed2d7f; text-transform: uppercase; font-size: 0.75rem; font-weight: bold; padding: 0 0.2em; border: 1px solid transparent; border-radius: 0; } .label.is-badge { text-align: center; font-size: 11px; line-height: 0.90625rem; height: 16px; border-radius: 64px; min-width: 16px; padding: 0 2px; } input[type="submit"] { width: auto; } button, button:active, button:focus, .button, .button:active, .button:focus { -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; font-family: inherit; font-size: 0.9375em; font-weight: 500; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 0.95); background: #4565f3; border-radius: 0.1875rem; border: 0 solid transparent; min-height: 2.66667em; padding: 0.5em 1.35em; box-shadow: none; cursor: pointer; line-height: 1.2; } button i, button span, .button i, .button span { display: inline-block; font-size: 16px; margin: 0 .25em; } button:hover, .button:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; outline: none; text-decoration: none; color: rgba(255, 255, 255, 0.95); background-color: #758df6; } button:disabled, button.is-disabled, .button:disabled, .button.is-disabled { cursor: default; font-style: normal; color: #fff; background-color: rgba(17, 17, 17, 0.5); opacity: .55; } button.is-secondary, .button.is-secondary { font-size: 0.9375em; font-weight: 500; text-decoration: none; text-transform: none; color: #4565f3; background: none; border-radius: 0.1875rem; border: 2px solid #4565f3; min-height: 2.66667em; padding: 0.5em 1.35em; box-shadow: none; } button.is-secondary:hover, .button.is-secondary:hover { color: rgba(255, 255, 255, 0.95); background: #4565f3; border-color: #4565f3; } button.is-secondary.is-loading:before, .button.is-secondary.is-loading:before { width: 22px; height: 22px; border-color: rgba(69, 101, 243, 0.25); border-bottom-color: #4565f3; } button.is-secondary.is-loading:hover:before, .button.is-secondary.is-loading:hover:before { border-color: rgba(255, 255, 255, 0.25); border-bottom-color: #fff; } button.is-secondary:disabled, button.is-secondary.is-disabled, .button.is-secondary:disabled, .button.is-secondary.is-disabled { color: rgba(17, 17, 17, 0.5); border-color: rgba(17, 17, 17, 0.3); background: none; } button.is-tertiary, .button.is-tertiary { font-size: 0.9375em; font-weight: 500; text-decoration: underline; text-transform: none; color: rgba(17, 17, 17, 0.7); background: none; border-radius: 0.1875rem; border: 0 solid transparent; min-height: 2.66667em; padding: 0.5em 0; box-shadow: none; } button.is-tertiary:hover, .button.is-tertiary:hover { color: #111; } button.is-tertiary.is-loading:before, .button.is-tertiary.is-loading:before { border-color: rgba(17, 17, 17, 0.25); border-bottom-color: rgba(17, 17, 17, 0.7); } button.is-tertiary:disabled, button.is-tertiary.is-disabled, .button.is-tertiary:disabled, .button.is-tertiary.is-disabled { text-decoration: none; color: rgba(17, 17, 17, 0.5); } button.is-inverted, .button.is-inverted { color: #111; background-color: #fff; } button.is-inverted:hover, .button.is-inverted:hover { opacity: .7; } button.is-inverted.is-secondary, .button.is-inverted.is-secondary { background: none; color: #fff; border-color: #fff; } button.is-inverted.is-secondary:hover, .button.is-inverted.is-secondary:hover { opacity: 1; background-color: #fff; color: rgba(17, 17, 17, 0.95); border-color: #fff; } button.is-inverted.is-tertiary, .button.is-inverted.is-tertiary { background: none; color: #fff; } button.is-inverted.is-tertiary:hover, .button.is-inverted.is-tertiary:hover { opacity: .6; } button:empty.is-loading:before, .button:empty.is-loading:before { margin-right: 0; } ::placeholder { color: rgba(17, 17, 17, 0.4); opacity: 1; } :-ms-input-placeholder { color: rgba(17, 17, 17, 0.4); } ::-ms-input-placeholder { color: rgba(17, 17, 17, 0.4); } fieldset { font-family: inherit; border: 1px solid rgba(17, 17, 17, 0.1); border-radius: 0.1875rem; padding: 2rem; margin-bottom: 36px; } legend { font-size: 0.75em; font-weight: bold; text-transform: uppercase; color: rgba(17, 17, 17, 0.5); padding: 0 1rem; margin-left: -1rem; top: 2px; position: relative; line-height: 0; } input, textarea, select { display: block; width: 100%; font-family: inherit; vertical-align: middle; font-size: 0.9375em; font-weight: normal; height: 2.66667em; background-color: #fff; border: 1px solid rgba(17, 17, 17, 0.1); border-radius: 0.1875rem; box-shadow: none; padding: 0 0.5em; color: rgba(17, 17, 17, 0.8); } textarea { padding: 0.5em; resize: vertical; height: auto; line-height: 1.5; vertical-align: top; } select { -webkit-appearance: none; background-image: url('data:image/svg+xml;utf8,'); background-repeat: no-repeat; background-position: right .65em center; padding-right: 28px; } select[multiple] { background-image: none; height: auto; padding: .5em .75em; } input:hover, textarea:hover, select:hover { outline: none; color: inherit; background-color: #fff; border: 1px solid rgba(17, 17, 17, 0.2); box-shadow: none; } input:focus, textarea:focus, select:focus { -moz-transition: all linear 0.2s; transition: all linear 0.2s; outline: none; color: inherit; background-color: #fff; border: 1px solid rgba(69, 101, 243, 0.5); box-shadow: 0 0 3px rgba(69, 101, 243, 0.5) inset; } input.is-error, textarea.is-error, select.is-error { background-color: rgba(237, 45, 127, 0.075); border: 1px solid rgba(237, 45, 127, 0.5); box-shadow: none inset; } input.is-error:focus, textarea.is-error:focus, select.is-error:focus { border-color: rgba(237, 45, 127, 0.75); box-shadow: 0 0 3px rgba(237, 45, 127, 0.5) inset; } input.is-success, textarea.is-success, select.is-success { background-color: rgba(44, 183, 101, 0.075); border: 1px solid rgba(44, 183, 101, 0.5); box-shadow: none inset; } input.is-success:focus, textarea.is-success:focus, select.is-success:focus { border-color: rgba(44, 183, 101, 0.75); box-shadow: 0 0 3px rgba(44, 183, 101, 0.5) inset; } input:disabled, input:disabled:hover, input.is-disabled, input.is-disabled:hover, textarea:disabled, textarea:disabled:hover, textarea.is-disabled, textarea.is-disabled:hover, select:disabled, select:disabled:hover, select.is-disabled, select.is-disabled:hover { resize: none; opacity: 0.7; cursor: default; font-style: italic; color: rgba(17, 17, 17, 0.6); border: 1px solid rgba(17, 17, 17, 0.1); box-shadow: none; background-color: #fff; } input[type="radio"].is-error, input[type="checkbox"].is-error { outline: 2px solid rgba(237, 45, 127, 0.5); } input[type="radio"].is-success, input[type="checkbox"].is-success { outline: 2px solid rgba(44, 183, 101, 0.5); } input[type="file"] { width: auto; border: none; padding: 0; height: auto; background: none; box-shadow: none; display: inline-block; } input[type="search"], input.is-search { background-repeat: no-repeat; background-position: 8px 51%; background-image: url('data:image/svg+xml;utf8,'); padding-left: 32px; } input[type="radio"], input[type="checkbox"] { display: inline-block; width: auto; height: auto; padding: 0; } label { display: block; font-size: 0.71875rem; font-weight: 600; text-transform: uppercase; color: #111; margin-bottom: 0.25em; } label.is-checkbox, label .is-desc, label .is-success, label .is-error { text-transform: none; font-weight: normal; } label.is-checkbox { font-size: 1em; line-height: 1.5; cursor: pointer; color: inherit; } .is-req { position: relative; top: 1px; font-size: 1rem; font-weight: bold; color: #ed2d7f; } .is-desc { font-size: 0.75rem; font-weight: normal; text-transform: none; color: #666; } span.is-desc { margin-left: 0.25em; } div.is-desc { margin-top: 0.25em; } form { margin-bottom: 36px; } form .is-row { margin-bottom: 36px; } form .is-row > .form-item { margin-bottom: 0; } form span.is-success, form div.is-success { font-size: 0.75em; color: #2cb765; } form span.is-error, form div.is-error { font-size: 0.75em; color: #ed2d7f; } form span.is-success, form span.is-error { margin-left: 0.25em; } form div.is-desc { margin-bottom: -0.5em; } .form-item { margin-bottom: 36px; } fieldset > .form-item:last-child, fieldset > .is-row:last-child, .form-item:last-child { margin-bottom: 0; } .form-checkboxes label.is-checkbox { display: inline-block; margin-right: 1em; } .form-item.is-inline, .form-item.is-inline-offset { padding-left: 150px; } .form-item.is-inline label:not(.is-checkbox) { float: left; margin-left: -150px; } .form-item.is-bar input, .form-item.is-bar textarea, .form-item.is-bar select { display: inline-block; width: auto; } .form-item.is-buttons { display: flex; } .form-item.is-buttons button, .form-item.is-buttons .button { margin-right: .65rem; } .form-item.is-buttons button + .button.is-tertiary { margin-left: .65rem; } .form-item.is-buttons button.is-push-right, .form-item.is-buttons .button.is-tertiary.is-push-right, .form-item.is-buttons .button.is-push-right { margin-left: auto; margin-right: 0; } @media only screen and (max-width: 767px) { form .is-row .form-item { margin-bottom: 36px; } } .is-append, .is-prepend { display: flex; } .is-append input, .is-prepend input { flex: 1; } .is-append .button, .is-append span, .is-append a, .is-prepend .button, .is-prepend span, .is-prepend a { flex-shrink: 0; } .is-append span, .is-append a, .is-prepend span, .is-prepend a { display: flex; flex-direction: column; justify-content: center; padding: 0 0.875rem; border: 1px solid rgba(17, 17, 17, 0.1); background-color: rgba(17, 17, 17, 0.03); white-space: nowrap; } .is-append span, .is-prepend span { font-size: 0.875em; font-weight: normal; text-transform: none; color: rgba(17, 17, 17, 0.5); } .is-append a, .is-prepend a { font-size: 1rem; color: rgba(17, 17, 17, 0.6); text-decoration: none; } .is-append a:hover, .is-prepend a:hover { color: #111; } .is-prepend input { border-radius: 0 0.1875rem 0.1875rem 0; } .is-prepend .button { margin-right: -1px; border-radius: 0.1875rem 0 0 0.1875rem !important; } .is-prepend span, .is-prepend a { border-right: none; border-radius: 0.1875rem 0 0 0.1875rem; } .is-append input { border-radius: 0.1875rem 0 0 0.1875rem; } .is-append .button { margin-left: -1px; border-radius: 0 0.1875rem 0.1875rem 0 !important; } .is-append span, .is-append a { border-left: none; border-radius: 0 0.1875rem 0.1875rem 0; } .breadcrumb { display: flex; align-items: center; font-size: 0.875em; font-weight: normal; text-transform: none; } .breadcrumb a, .breadcrumb span { font-style: normal; padding-right: 8px; white-space: nowrap; color: #111; } .breadcrumb a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #ed2d7f; text-decoration: underline; } .breadcrumb span:after, .breadcrumb a:after { display: inline-block; content: "/"; color: rgba(17, 17, 17, 0.4); padding-left: 8px; } .breadcrumb span:last-child:after, .breadcrumb a:last-child:after { display: none; } .breadcrumb span, .breadcrumb span:last-child { color: rgba(17, 17, 17, 0.55); text-decoration: none; } .breadcrumb.is-links a { color: #4565f3; } .breadcrumb.is-links a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #ed2d7f; text-decoration: underline; } .pager { font-size: 0.875em; font-weight: normal; text-transform: none; margin: 1.2em 0; } .pager:after { content: ''; display: table; clear: both; } .pager a, .pager span { float: left; padding: 0.85em 1.1em 0.75em 1.1em; border: 1px solid rgba(17, 17, 17, 0.1); border-right-color: transparent; color: #333; text-decoration: none; line-height: 1.4; } .pager a:first-child, .pager span:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .pager a:last-child, .pager span:last-child { border-right-color: rgba(17, 17, 17, 0.1); border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } .pager a.is-prev:before, .pager a.is-next:after { position: relative; top: 1px; font-size: 125%; line-height: 1; } .pager a.is-prev:before { content: '<'; margin-right: .4em; } .pager a.is-next:after { content: '>'; margin-left: .4em; } .pager a.is-prev:empty:before { margin-right: 0; } .pager a.is-next:empty:after { margin-left: 0; } .pager a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; background-color: rgba(17, 17, 17, 0.05); } .pager a.is-disabled { background-color: rgba(17, 17, 17, 0.05); color: rgba(17, 17, 17, 0.5); } .pager span, .pager a.is-current, .pager a.is-active { background-color: #111; border-color: #111; color: #fff; } .pager.is-stacked a { position: relative; width: 50%; border: none; font-size: 1.1rem; font-weight: bold; padding: 0; padding-top: 20px; } .pager.is-stacked a:hover { background: none; text-decoration: underline; color: #ed2d7f; } .pager.is-stacked a.is-prev:before, .pager.is-stacked a.is-next:after { content: ''; margin: 0; } .pager.is-stacked a.is-prev:after, .pager.is-stacked a.is-next:before { position: absolute; top: 0; left: 0; content: attr(data-label); font-size: 11px; text-transform: uppercase; font-style: normal; font-weight: normal; letter-spacing: .03em; margin-bottom: .25em; color: rgba(17, 17, 17, 0.5); } .pager.is-stacked .is-next { text-align: right; } .pager.is-stacked a.is-next:before { right: 0; } @media only screen and (max-width: 767px) { .pager.is-stacked a { float: none; display: block; width: 100%; margin-bottom: 24px; } .pager.is-stacked a:last-child { margin-bottom: 0; } .pager.is-stacked a.is-next { text-align: left; } } .alert { font-family: monospace, monospace; font-size: 0.875em; font-weight: normal; text-transform: none; background: rgba(17, 17, 17, 0.04); color: rgba(17, 17, 17, 0.8); padding: 16px 32px 12px 16px; box-shadow: none; border: 1px solid rgba(17, 17, 17, 0.1); border-radius: 0.1875rem; position: relative; margin-bottom: 0.8em; } .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 { margin-bottom: .25em; } .alert a { color: inherit; } .alert a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #ed2d7f; } .alert .close { position: absolute; right: 6px; top: 8px; } .alert p { margin-top: 0; margin-bottom: 0; } .alert.is-error { background: rgba(237, 45, 127, 0.1); border-color: rgba(237, 45, 127, 0.25); color: #ed2d7f; } .alert.is-error a:hover { color: #111; } .alert.is-success { background: rgba(44, 183, 101, 0.1); border-color: rgba(44, 183, 101, 0.25); color: #259a55; } .alert.is-success a:hover { color: #111; } .alert.is-focus { background: rgba(69, 101, 243, 0.1); border-color: rgba(69, 101, 243, 0.25); color: #4565f3; } .alert.is-focus a:hover { color: #111; } .alert.is-inverted { background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.4); color: #fff; } .alert.is-inverted a:hover { color: rgba(255, 255, 255, 0.6); } .is-navbar-box { display: flex; flex: 1; align-items: center; min-width: 100%; padding-top: 8px; padding-bottom: 8px; } @media only screen and (max-width: 767px) { .is-navbar-box { flex-direction: column; } } .is-navbar-box .is-brand { margin-right: 32px; } .is-navbar-box.is-inverted { color: #fff; } .is-navbar-box.is-inverted nav a { color: rgba(255, 255, 255, 0.95); } .is-navbar-box.is-inverted nav a:hover { color: rgba(255, 255, 255, 0.6); } .is-navbar-box.is-inverted nav li.is-active a { color: rgba(255, 255, 255, 0.45); } .is-navbar-box.is-inverted nav li.is-action.is-active a { color: rgba(255, 255, 255, 0.5); background-color: rgba(255, 255, 255, 0.35); } .is-navbar-box.is-inverted nav.is-stacked li { border-right-color: rgba(255, 255, 255, 0.2); } .is-navbar-box.is-inverted nav.is-stacked li:last-child { border-right-color: transparent; } .is-navbar { display: flex; flex: 1; align-items: center; } @media only screen and (max-width: 767px) { .is-navbar { flex-direction: column; } } .is-navbar h1, .is-navbar h2, .is-navbar h3, .is-navbar h4, .is-navbar h5, .is-navbar h6 { line-height: 24px; } .is-navbar h1, .is-navbar h2, .is-navbar h3, .is-navbar h4, .is-navbar h5, .is-navbar h6, .is-navbar nav, .is-navbar form { margin-top: 0; margin-bottom: 0; } .is-navbar nav ul { display: flex; flex: 1; align-items: center; } @media only screen and (max-width: 767px) { .is-navbar nav ul { flex-direction: column; } } .is-navbar nav li { white-space: nowrap; } .is-navbar nav a { display: block; padding-top: 4px; padding-bottom: 4px; color: #333; text-decoration: none; } .is-navbar nav a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #ed2d7f; text-decoration: underline; } .is-navbar nav li.is-active a { cursor: text; color: rgba(17, 17, 17, 0.35); text-decoration: none; } .is-navbar nav li + li { margin-left: 28px; } .is-navbar nav.is-centered { margin-left: auto; margin-right: auto; } .is-navbar nav.is-justify { text-align: center; width: 100%; } .is-navbar nav.is-justify li { flex: 1; } .is-navbar nav.is-links a { color: #4565f3; text-decoration: underline; } .is-navbar nav.is-links a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #ed2d7f; text-decoration: underline; } .is-navbar nav.is-links li.is-active a { cursor: text; color: rgba(17, 17, 17, 0.35); text-decoration: none; } .is-navbar nav li.is-parent a { text-decoration: underline; } .is-navbar nav.is-stacked li { padding-right: 28px; border-right: 1px solid rgba(17, 17, 17, 0.1); } .is-navbar nav.is-stacked li:last-child { border-right-color: transparent; } .is-navbar nav li.is-action a { color: #fff; background-color: #4565f3; padding-left: 28px; padding-right: 28px; border-radius: 1px; } .is-navbar nav li.is-action a:hover { color: rgba(255, 255, 255, 0.6); } .is-navbar nav li.is-action.is-active a { color: rgba(17, 17, 17, 0.4); background-color: rgba(17, 17, 17, 0.2); } @media only screen and (max-width: 767px) { .is-navbar-box, .is-navbar, .is-navbar nav ul { align-items: flex-start; display: block; width: 100%; } .is-navbar-box .is-brand { margin-right: 0; } .is-navbar-box.is-inverted nav.is-stacked li { border-right-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .is-navbar-box.is-inverted nav.is-stacked li:last-child { border-bottom-color: transparent; } .is-navbar nav li + li { margin-left: 0; margin-right: 0; } .is-navbar nav li { white-space: normal; margin-bottom: .4em; } .is-navbar nav a { display: block; margin-left: 0; margin-right: 0; } .is-navbar nav li.is-action a { text-align: center; } .is-navbar nav button, .is-navbar nav .button, .is-navbar form button, .is-navbar form .button { text-align: center; } .is-navbar nav button, .is-navbar nav .button, .is-navbar nav input, .is-navbar form button, .is-navbar form .button, .is-navbar form input { width: 100%; margin-left: 0; margin-right: 0; display: block; } .is-navbar nav.is-stacked li { padding-left: 0; padding-right: 0; padding-bottom: .4em; border-right-color: transparent; border-bottom: 1px solid rgba(17, 17, 17, 0.05); } .is-navbar nav.is-stacked li:last-child { border-bottom-color: transparent; } } @keyframes slideUp { to { height: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 0; } } @keyframes slideDown { from { height: 0; padding-top: 0; padding-bottom: 0; margin-bottom: 0; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes flipIn { from { opacity: 0; transform: scaleY(0); } to { opacity: 1; transform: scaleY(1); } } @keyframes flipOut { from { opacity: 1; transform: scaleY(1); } to { opacity: 0; transform: scaleY(0); } } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.1, 1.1, 1.1); } to { transform: scale3d(1, 1, 1); } } @keyframes shake { 15% { transform: translateX(0.5rem); } 30% { transform: translateX(-0.4rem); } 45% { transform: translateX(0.3rem); } 60% { transform: translateX(-0.2rem); } 75% { transform: translateX(0.1rem); } 90% { transform: translateX(0); } 90% { transform: translateX(0); } } .kube-fadeIn { opacity: 0; animation: fadeIn .5s ease-in-out; } .kube-fadeOut { opacity: 1; animation: fadeOut .5s ease-in-out; } .kube-zoomIn { animation: zoomIn .5s ease-in; } .kube-zoomOut { animation: zoomOut .5s ease-in; } .kube-slideInRight { animation: slideInRight .5s ease; } .kube-slideInLeft { animation: slideInLeft .5s ease; } .kube-slideInDown { animation: slideInDown .5s ease; } .kube-slideOutLeft { animation: slideOutLeft .5s ease; } .kube-slideOutRight { animation: slideOutRight .5s ease; } .kube-slideOutUp { animation: slideOutUp .5s ease; } .kube-slideUp { overflow: hidden; animation: slideUp .3s ease-out; } .kube-slideDown { overflow: hidden; animation: slideDown .4s ease-in-out; } .kube-flipIn { animation: flipIn 0.5s cubic-bezier(0.5, -0.5, 0.5, 1.5); } .kube-flipOut { animation: flipOut 0.5s cubic-bezier(0.5, -0.5, 0.5, 1.5); } .kube-rotate { animation: rotate .5s ease-in-out; } .kube-pulse { animation: pulse .5s ease-out 2; } .kube-shake { animation: shake .5s ease-in-out; } .message { position: fixed; top: 10px; right: 10px; width: 360px; background: #fff; box-shadow: 0 10px 30px rgba(17, 17, 17, 0.07), 0 6px 12px rgba(17, 17, 17, 0.07); border-radius: 0.1875rem; z-index: 400; border: 1px solid transparent; font-family: monospace, monospace; font-size: 0.9375em; font-weight: normal; text-transform: none; color: #111; padding: 0.75rem 2rem 0.75rem 1rem; } .message h1, .message h2, .message h3, .message h4, .message h5, .message h6, .message a { color: inherit; } .message a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: rgba(17, 17, 17, 0.6); } .message.is-centered { left: 50%; margin-left: -180px; } .message.is-left { left: 10px; right: auto; } .message.is-line { width: 100%; top: 0; left: 0; right: 0; border-radius: 0; } .message.is-error { background: #ed2d7f; color: rgba(255, 255, 255, 0.95); border-color: transparent; } .message.is-error a:hover { color: rgba(255, 255, 255, 0.7); } .message.is-success { background: #2cb765; color: rgba(255, 255, 255, 0.95); border-color: transparent; } .message.is-success a:hover { color: rgba(255, 255, 255, 0.7); } .message.is-focus { background: #4565f3; color: rgba(255, 255, 255, 0.95); border-color: transparent; } .message.is-focus a:hover { color: rgba(255, 255, 255, 0.7); } .message.is-black { background: #111; color: rgba(255, 255, 255, 0.95); border-color: transparent; } .message.is-black a:hover { color: rgba(255, 255, 255, 0.7); } .tabs { display: flex; font-size: 0.9375em; font-weight: normal; text-transform: none; margin-bottom: 1.2em; } .tabs a { position: relative; top: 1px; display: block; padding: 0.5rem 1rem; border: 1px solid transparent; color: rgba(17, 17, 17, 0.65); background: rgba(17, 17, 17, 0.05); text-decoration: none; } .tabs a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #111; background: rgba(17, 17, 17, 0.02); text-decoration: underline; border: 1px solid transparent; } .tabs a.is-active { cursor: default; color: #111; background: none; text-decoration: none; border: 1px solid rgba(17, 17, 17, 0.15); } .tabs a:first-child { border-top-left-radius: 0.1875rem; border-bottom-left-radius: 0.1875rem; } .tabs a:last-child { border-top-right-radius: 0.1875rem; border-bottom-right-radius: 0.1875rem; } @media only screen and (max-width: 767px) { .tabs { display: block; } } .dropdown { position: absolute; z-index: 300; background: #fff; box-shadow: 0 10px 30px rgba(17, 17, 17, 0.07), 0 6px 12px rgba(17, 17, 17, 0.07); border-radius: 0.1875rem; width: 280px; font-size: 0.9375em; font-weight: normal; border: 0 solid transparent; padding: 0 0 0.25rem 0; } .dropdown span, .dropdown a { display: block; text-decoration: none; padding: .5rem 1rem; white-space: nowrap; } .dropdown a { color: #111; background: none; } .dropdown a:hover { color: #fff; background: #4565f3; } .dropdown a.is-separator { padding-bottom: .7rem; margin-bottom: .2rem; border-bottom: 1px solid rgba(17, 17, 17, 0.05); } .dropdown a:first-child, .dropdown span:first-child { border-top-left-radius: 0.1875rem; border-top-right-radius: 0.1875rem; } .dropdown a.is-active, .dropdown a.is-active:hover, .dropdown span, .dropdown span:hover { cursor: text; color: rgba(17, 17, 17, 0.4); background: none; } .modal-box { position: fixed; top: 0; left: 0; bottom: 0; right: 0; overflow-x: hidden; overflow-y: auto; z-index: 200; } .modal { position: relative; margin: 16px auto; padding: 0; font-family: inherit; background: #fff; box-shadow: 0 20px 40px rgba(17, 17, 17, 0.1), 0 15px 35px rgba(17, 17, 17, 0.15); border-radius: 0.1875rem; color: #111; } @media only screen and (max-width: 767px) { .modal input, .modal textarea { font-size: 16px; } } .modal .close { position: absolute; top: 22px; right: 16px; font-size: 16px; width: 32px; height: 32px; line-height: 32px; opacity: .4; } .modal .close:hover { opacity: 1; } .modal-header { font-size: 1.05rem; font-weight: bold; background: none; padding: 20px 24px; border-bottom: 1px solid rgba(17, 17, 17, 0.05); } .modal-header:empty { display: none; } .modal-body { font-size: inherit; background: none; padding: 28px 24px; } .modal-footer { font-size: inherit; font-weight: normal; background: none; padding: 16px 24px; border-top: 1px solid rgba(17, 17, 17, 0.05); } .modal-footer:empty { display: none; } .modal-footer button { margin-right: 10px; } .modal-footer button + button.is-tertiary { margin-left: 10px; } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .kube-progress { position: absolute; top: 0; left: 0; z-index: 11000; width: 100%; background-color: rgba(17, 17, 17, 0.2); } .kube-progress span { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent); -webkit-animation: progress-bar-stripes 2s linear infinite; -moz-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; content: ''; display: block; min-height: 8px; width: 100%; height: 100%; background-color: #4565f3; background-size: 40px 40px; } .is-offcanvasTransition { transition: transform .5s ease-in-out; } .is-offcanvas { position: absolute; top: 0; left: 0; right: auto; overflow-y: scroll; z-index: 200; min-height: 100vh; width: 300px; padding: 1em 1.5em; background-color: #111; font-size: 0.9375em; color: #fff; } .is-offcanvas.is-offcanvas-right { left: auto; right: 0; } .is-offcanvas.is-offcanvas-push { left: -300px; right: auto; } .is-offcanvas.is-offcanvas-push.is-offcanvas-right { right: -300px; left: auto; } .is-offcanvas a { color: #fff; } .is-offcanvas a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: rgba(255, 255, 255, 0.6); }