/* Kube UI Framework Version 7.2.1 Updated: November 10, 2018 http://imperavi.com/kube/ Copyright (c) 2009-2018, Imperavi LLC. License: MIT */ 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; } @font-face { font-family: 'Kube'; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfgAAAC8AAAAYGNtYXAXVtKOAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZsMn2SAAAAF4AAADeGhlYWQMP9EUAAAE8AAAADZoaGVhB8IDzQAABSgAAAAkaG10eCYABd4AAAVMAAAAMGxvY2EFWASuAAAFfAAAABptYXhwABcAmwAABZgAAAAgbmFtZfMJxocAAAW4AAABYnBvc3QAAwAAAAAHHAAAACAAAwPHAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qf//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAAKAAAAAAQAA8AADwAUACQANABEAFYAaAB4AIgAmAAAEyIGFREUFjMhMjY1ETQmIwUhESEREzgBMSIGFRQWMzI2NTQmIzM4ATEiBhUUFjMyNjU0JiMzOAExIgYVFBYzMjY1NCYjATIWHQEUBiMiJj0BNDYzOAExITIWHQEUBiMiJj0BNDYzOAExATgBMSIGFRQWMzI2NTQmIzM4ATEiBhUUFjMyNjU0JiMzOAExIgYVFBYzMjY1NCYjwFBwcFACgFBwcFD9IQM+/MKrHioqHh4qKh70HioqHh4qKh70HisrHh0rKh7+MBQdHRQUHBwUAbgUHBwUFB0dFP4wHioqHh4qKh70HioqHh4qKh70HisrHh0rKh4DYHBQ/iBQcHBQAeBQcF/9XwKh/n8qHh4qKh4eKioeHioqHh4qKh4eKioeHioCQBwVjhUcHBWOFRwcFY4VHBwVjhUc/rAqHh4qKh4eKioeHioqHh4qKh4eKioeHioAAAABAQAAwAMAAcAACwAAAQcXBycHJzcnNxc3AwDMAjMDAzMCzDTMzAGVqAIrAgIrAqgrqKgAAQGAAEACgAJAAAsAACUnByc3JzcXNxcHFwJVqAIrAgIrAqgrqKhAzAIzAwMzAsw0zMwAAAEBgABAAoACQAALAAABFzcXBxcHJwcnNycBq6gCKwICKwKoK6ioAkDMAjMDAzMCzDTMzAABAQAAwAMAAcAACwAAJTcnNxc3FwcXBycHAQDMAjMDAzMCzDTMzOuoAisCAisCqCuoqAAAAgAP/+UD1AOqAAQACAAAEwEHATcFAScBSwOJPPx3PAOJ/Hc8A4kDqvx3PAOJPDz8dzwDiQAAAAADAIAAgAOAAwAAAwAHAAsAADc1IRUBIRUhESEVIYADAP0AAwD9AAMA/QCAgIABgIABgIAAAgBPAA8DsgNxABgALQAAJQcBDgEjIi4CNTQ+AjMyHgIVFAYHAQEiDgIVFB4CMzI+AjU0LgIjA7JY/t4lWTBBc1YxMVZzQUFzVTIcGQEi/dgxVkAlJUBWMTFWQCUlQFYxZ1gBIRkcMlVzQUFzVjExVnNBMFkm/uACuyVAVjExVkAlJUBWMTFWQCUAAAABAAAAAQAABhlWm18PPPUACwQAAAAAANSQRjkAAAAA1JBGOQAA/+UEAAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAQAAAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAAAAEAAEABAABgAQAAYAEAAEABAAADwQAAIAEAABPAAAAAAAKABQAHgDYAPIBDAEmAUABXAF2AbwAAAABAAAADACZAAoAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABAAAAAEAAAAAAAIABwBFAAEAAAAAAAMABAAtAAEAAAAAAAQABABaAAEAAAAAAAUACwAMAAEAAAAAAAYABAA5AAEAAAAAAAoAGgBmAAMAAQQJAAEACAAEAAMAAQQJAAIADgBMAAMAAQQJAAMACAAxAAMAAQQJAAQACABeAAMAAQQJAAUAFgAXAAMAAQQJAAYACAA9AAMAAQQJAAoANACAS3ViZQBLAHUAYgBlVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwS3ViZQBLAHUAYgBlS3ViZQBLAHUAYgBlUmVndWxhcgBSAGUAZwB1AGwAYQByS3ViZQBLAHUAYgBlRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") 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"; } html { font-size: 1em; } body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: #111113; line-height: 1.5; } a { color: #158df7; } a:hover { color: #ee2455; } 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: 8px; } 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: 8px; } 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: 16px; } 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, 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: 20px; } ul, ol { margin-left: 20px; } 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: 20px; } 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: 8px; } 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: rgba(17, 17, 19, 0.6); padding: 0.4em 0 0.4em 1rem; border: none; border-left: 3px solid rgba(21, 141, 247, 0.6); } blockquote small { color: rgba(17, 17, 19, 0.6); } 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: rgba(17, 17, 19, 0.6); } figcaption, code, var, kbd { display: inline-block; font-family: monospace, monospace; font-size: 87.5%; line-height: 1; color: rgba(17, 17, 19, 0.85); } figcaption { font-size: 80%; font-style: italic; color: rgba(17, 17, 19, 0.7); } code { color: rgba(17, 17, 19, 0.75); background: rgba(17, 17, 19, 0.05); border: 0 solid transparent; border-radius: 4px; } 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, 19, 0.5); cursor: help; } code, kbd { position: relative; top: -1px; padding: .25em .35em; } kbd { color: rgba(17, 17, 19, 0.75); background: none; border: 1px solid rgba(17, 17, 19, 0.2); border-radius: 4px; } 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.875em; } pre, pre code { background: transparent; padding: 0; top: 0; display: block; line-height: 1.5; color: #111113; overflow: auto; white-space: pre; } pre { padding: 1rem; border: 1px solid rgba(17, 17, 19, 0.08); border-radius: 4px; } 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, 19, 0.1); border-radius: 4px; 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, 19, 0.6); } .is-muted a, a.is-muted { color: rgba(17, 17, 19, 0.6); } .is-muted a:hover, a.is-muted:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #111113; } .is-color-black, .is-color-black a { color: #111113; } a.is-color-black:hover, .is-color-black a:hover { color: #ee2455; } .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-text-left { text-align: left; } .is-text-center { text-align: center; } .is-text-right { text-align: right; } @media only screen and (max-width: 767px) { .is-text-left-mobile { text-align: left; } .is-text-right-mobile { text-align: right; } .is-text-center-mobile { text-align: center; } } .is-nowrap, .is-nowrap td { white-space: nowrap; } .is-highlight { background-color: rgba(21, 141, 247, 0.1); } table { font-size: 0.9375em; border-collapse: collapse; border-spacing: 0; max-width: 100%; width: 100%; empty-cells: show; margin-bottom: 20px; } table caption { text-align: left; font-size: 11px; font-weight: bold; text-transform: uppercase; color: rgba(17, 17, 19, 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: 16px 16px; border-bottom: 1px solid #eee; } th::before, th::after, td::before, td::after { content: ''; display: block; height: 0; width: 0; } th::before, td::before { margin-top: calc((0.75 - 1.5) * 0.49em); } th::after, td::after { margin-bottom: calc((0.75 - 1.5) * 0.49em); } th:first-child, td:first-child { padding-left: 0; } th:last-child, td:last-child { padding-right: 0; } tbody th, tbody td { border-width: 1px; border-color: #eee; } tfoot th, tfoot td { color: rgba(17, 17, 19, 0.5); } table.is-border td, table.is-border th, table.is-bordered td, table.is-bordered th { border: 1px solid #eee; } table.is-border tbody th, table.is-border tbody td, table.is-bordered tbody th, table.is-bordered tbody td { border-bottom-width: 1px; border-bottom-color: #eee; } table.is-striped tr:nth-child(odd) td { background-color: #fafafa; } table.is-border td:first-child, table.is-border th:first-child, 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: 16px; } table.is-border td:last-child, table.is-border th:last-child, 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: 16px; } @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: 16px; text-align: right; } table.is-responsive td:before { margin-top: 2px; content: attr(data-label); float: left; font-size: 0.875em; font-weight: bold; text-transform: uppercase; white-space: nowrap; } } .is-table-container { overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom: 16px; } .is-table-container table { margin-bottom: 0; } .is-row { display: flex; flex-direction: row; flex-wrap: wrap; margin-left: -24px; } .is-row.is-gapless, .is-row.is-gapless > .is-row { margin-left: 0; margin-top: 0; } .is-row > .is-col { flex: 1; margin-left: 24px; } .is-row > .is-col.is-10 { min-width: calc(10% - 24px); } .is-row > .is-col.is-20 { min-width: calc(20% - 24px); } .is-row > .is-col.is-25 { min-width: calc(25% - 24px); } .is-row > .is-col.is-30 { min-width: calc(30% - 24px); } .is-row > .is-col.is-33, .is-row > .is-col.is-34 { min-width: calc(33.3333% - 24px); } .is-row > .is-col.is-35 { min-width: calc(35% - 24px); } .is-row > .is-col.is-40 { min-width: calc(40% - 24px); } .is-row > .is-col.is-50 { min-width: calc(50% - 24px); } .is-row > .is-col.is-60 { min-width: calc(60% - 24px); } .is-row > .is-col.is-65 { min-width: calc(65% - 24px); } .is-row > .is-col.is-66, .is-row > .is-col.is-67 { min-width: calc(66.6666% - 24px); } .is-row > .is-col.is-70 { min-width: calc(70% - 24px); } .is-row > .is-col.is-75 { min-width: calc(75% - 24px); } .is-row > .is-col.is-80 { min-width: calc(80% - 24px); } .is-row > .is-col.is-90 { min-width: calc(90% - 24px); } .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-row { margin-top: 0; } .is-row > .is-col { flex: 0 0 100%; width: 100% !important; max-width: 100% !important; margin-left: 0; } } .label { display: inline-block; vertical-align: baseline; text-decoration: none; font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; line-height: 20px; background: #f3f3f3; color: rgba(17, 17, 19, 0.85); padding: 0 8px; border: 1px solid transparent; border-radius: 4px; } .label a { color: inherit; text-decoration: none; } .label a:hover { color: inherit; text-decoration: underline; } .label .close { margin-right: -3px; } a.label { color: rgba(17, 17, 19, 0.85); } a.label:hover { text-decoration: underline; } .label.is-secondary { font-size: 13px; font-weight: 500; letter-spacing: 0; text-transform: none; padding: 0 0.5em; background: none; color: rgba(17, 17, 19, 0.85); border: 1px solid rgba(17, 17, 19, 0.2); border-radius: 4px; } .label.is-tertiary { letter-spacing: 0.035em; background: none; color: #111113; text-transform: uppercase; font-size: 12px; font-weight: bold; padding: 0 0.2em; border: 1px solid transparent; border-radius: 0; } .label.is-badge { text-align: center; font-size: 10px; line-height: 16px; height: 18px; border-radius: 64px; min-width: 18px; padding-left: 2px; padding-right: 2px; } .label.is-error { background-color: rgba(238, 36, 85, 0.07); color: #ee2455; } .label.is-error.is-secondary { background-color: transparent; color: #ee2455; border-color: rgba(238, 36, 85, 0.3); } .label.is-error.is-tertiary { background-color: transparent; color: #ee2455; } .label.is-error .close:hover { background-color: #ee2455; } .label.is-focus { background-color: rgba(21, 141, 247, 0.07); color: #158df7; } .label.is-focus.is-secondary { background-color: transparent; color: #158df7; border-color: rgba(21, 141, 247, 0.3); } .label.is-focus.is-tertiary { background-color: transparent; color: #158df7; } .label.is-focus .close:hover { background-color: #158df7; } .label.is-success { background-color: rgba(32, 188, 113, 0.07); color: #20bc71; } .label.is-success.is-secondary { background-color: transparent; color: #20bc71; border-color: rgba(32, 188, 113, 0.3); } .label.is-success.is-tertiary { background-color: transparent; color: #20bc71; } .label.is-success .close:hover { background-color: #20bc71; } .label.is-warning { background-color: rgba(255, 105, 81, 0.07); color: #ff6951; } .label.is-warning.is-secondary { background-color: transparent; color: #ff6951; border-color: rgba(255, 105, 81, 0.3); } .label.is-warning.is-tertiary { background-color: transparent; color: #ff6951; } .label.is-warning .close:hover { background-color: #ff6951; } .button, .button:active, .button:focus { -webkit-appearance: none; display: inline-flex; align-items: center; justify-content: center; vertical-align: middle; text-align: center; font-family: inherit; font-size: 0.9375em; font-weight: 500; text-decoration: none; text-transform: none; color: rgba(255, 255, 255, 0.95); background: #0c3dd7; border-radius: 4px; border: 0 solid transparent; min-height: 2.66667em; padding: 0.5em 1.6em; box-shadow: none; cursor: pointer; line-height: 1.2; } .button i, .button span { position: relative; top: 1px; display: inline-block; font-size: 16px; width: 24px; } .button i.caret, .button span.caret { top: 0; font-size: 110%; margin-right: -12px; } .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: #2355f3; } .button:disabled, .button.is-disabled { cursor: default; font-style: normal; color: #fff; background-color: rgba(17, 17, 19, 0.5); opacity: .55; } .button.is-secondary { font-size: 0.9375em; font-weight: 500; text-decoration: none; text-transform: none; color: #0c3dd7; background: none; border-radius: 4px; border: 2px solid #0c3dd7; min-height: 2.66667em; padding: 0.5em 1.6em; box-shadow: none; } .button.is-secondary:hover { color: rgba(255, 255, 255, 0.95); background: #0c3dd7; border-color: #0c3dd7; } .button.is-secondary.is-loading:before { width: 22px; height: 22px; border-color: rgba(12, 61, 215, 0.25); border-bottom-color: #0c3dd7; } .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 { color: rgba(17, 17, 19, 0.5); border-color: rgba(17, 17, 19, 0.3); background: none; } .button.is-secondary:disabled:hover, .button.is-secondary.is-disabled:hover { background-color: none; } .button.is-tertiary { font-size: 0.9375em; font-weight: 500; text-decoration: none; text-transform: none; color: #0c3dd7; background: none; border-radius: 4px; border: 0 solid transparent; min-height: 2.66667em; padding: 0.5em 0; box-shadow: none; } .button.is-tertiary i, .button.is-tertiary span { top: 0; } .button.is-tertiary i.caret, .button.is-tertiary span.caret { top: -1px; margin-left: -4px; } .button.is-tertiary:hover { color: #0c3dd7; text-decoration: underline; } .button.is-tertiary.is-loading:before { border-color: rgba(12, 61, 215, 0.25); border-bottom-color: #0c3dd7; } .button.is-tertiary:disabled, .button.is-tertiary.is-disabled { text-decoration: none; color: rgba(17, 17, 19, 0.5); } .button.is-inverted { color: #111113; background-color: #fff; } .button.is-inverted:hover { opacity: .7; } .button.is-inverted:disabled:hover, .button.is-inverted.is-disabled:hover { opacity: .55; } .button.is-inverted.is-secondary { background: none; color: #fff; border-color: #fff; } .button.is-inverted.is-secondary:hover { opacity: 1; background-color: #fff; color: rgba(17, 17, 19, 0.95); border-color: #fff; } .button.is-inverted.is-secondary:disabled:hover, .button.is-inverted.is-secondary.is-disabled:hover { opacity: .55; background: none; color: #fff; } .button.is-inverted.is-tertiary { background: none; color: #fff; } .button.is-inverted.is-tertiary:hover { opacity: .6; } .button.is-inverted.is-tertiary:disabled:hover, .button.is-inverted.is-tertiary.is-disabled:hover { opacity: .55; } .button.is-small { font-size: 0.875em; min-height: 2.28571em; padding: 0.45em 1.15em; } .button.is-small.is-tertiary { padding-left: 0; padding-right: 0; } .button.is-big { font-size: 1.125em; min-height: 2.44444em; padding: 0.45em 1.45em; } .button.is-big.is-tertiary { padding-left: 0; padding-right: 0; } .button.is-loading, .button.is-icon { padding-left: 1em; padding-right: 1em; } .button.is-loading.is-tertiary, .button.is-icon.is-tertiary { padding-left: 0; padding-right: 0; } .button:empty.is-loading:before { margin-right: 0; } ::placeholder { color: rgba(17, 17, 19, 0.4); opacity: 1; } :-ms-input-placeholder { color: rgba(17, 17, 19, 0.4); } ::-ms-input-placeholder { color: rgba(17, 17, 19, 0.4); } fieldset { font-family: inherit; border: 1px solid rgba(17, 17, 19, 0.1); border-radius: 4px; padding: 32px; margin-bottom: 16px; } legend { font-size: 0.75em; font-weight: bold; text-transform: uppercase; color: rgba(17, 17, 19, 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, 19, 0.1); border-radius: 4px; box-shadow: none; padding: 0 8px; color: rgba(17, 17, 19, 0.8); } textarea { padding: 8px; resize: vertical; height: auto; line-height: 1.5; vertical-align: top; } select { -webkit-appearance: none; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="rgba(0, 0, 0, .4)" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>'); background-repeat: no-repeat; background-position: right .65em center; padding-right: 28px; } select[multiple] { background-image: none; height: auto; padding: 8px; } input:hover, textarea:hover, select:hover { outline: none; color: inherit; background-color: #fff; border: 1px solid rgba(17, 17, 19, 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(21, 141, 247, 0.5); box-shadow: 0 0 3px rgba(21, 141, 247, 0.5) inset; } input.is-error, textarea.is-error, select.is-error { background-color: rgba(238, 36, 85, 0.05); border: 1px solid rgba(238, 36, 85, 0.5); box-shadow: none inset; } input.is-error:focus, textarea.is-error:focus, select.is-error:focus { border-color: rgba(238, 36, 85, 0.75); box-shadow: 0 0 3px rgba(238, 36, 85, 0.5) inset; } input.is-success, textarea.is-success, select.is-success { background-color: rgba(32, 188, 113, 0.05); border: 1px solid rgba(32, 188, 113, 0.5); box-shadow: none inset; } input.is-success:focus, textarea.is-success:focus, select.is-success:focus { border-color: rgba(32, 188, 113, 0.75); box-shadow: 0 0 3px rgba(32, 188, 113, 0.5) inset; } input.is-warning, textarea.is-warning, select.is-warning { background-color: rgba(255, 105, 81, 0.05); border: 1px solid rgba(255, 105, 81, 0.5); box-shadow: none inset; } input.is-warning:focus, textarea.is-warning:focus, select.is-warning:focus { border-color: rgba(255, 105, 81, 0.75); box-shadow: 0 0 3px rgba(255, 105, 81, 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, 19, 0.6); border: 1px solid rgba(17, 17, 19, 0.1); box-shadow: none; background-color: #fff; } input[type="radio"].is-error, input[type="checkbox"].is-error { outline: 2px solid rgba(238, 36, 85, 0.5); } input[type="radio"].is-success, input[type="checkbox"].is-success { outline: 2px solid rgba(32, 188, 113, 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,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="rgb(0, 0, 0)" fill-opacity="0.4" d="M14.891,14.39l-0.5.5a0.355,0.355,0,0,1-.5,0L9.526,10.529a5.3,5.3,0,1,1,2.106-4.212,5.268,5.268,0,0,1-1.1,3.21l4.362,4.362A0.354,0.354,0,0,1,14.891,14.39ZM6.316,2.418a3.9,3.9,0,1,0,3.9,3.9A3.9,3.9,0,0,0,6.316,2.418Z"/></svg>'); padding-left: 32px; } input[type="radio"], input[type="checkbox"] { display: inline-block; width: auto; height: auto; padding: 0; } label { display: block; font-size: 0.9375em; font-weight: normal; text-transform: none; color: #111113; margin-bottom: 4px; } label.is-checkbox, label .is-desc, label .is-success, label .is-warning, label .is-error { text-transform: none; font-weight: normal; } label.is-checkbox { font-size: 1em; line-height: 1.5; cursor: pointer; color: inherit; } label.is-checkbox.is-small { font-size: 0.875em; } label.is-checkbox.is-big { font-size: 1.125em; } label.is-checkbox.is-large { font-size: 1.3125em; } form { margin-bottom: 16px; } form span.is-success, form div.is-success { font-size: 0.75em; color: #20bc71; } form span.is-error, form div.is-error { font-size: 0.75em; color: #ee2455; } form span.is-warning, form div.is-warning { font-size: 0.75em; color: #ff6951; } form span.is-success, form span.is-error, form span.is-warning { margin-left: 2px; } form .is-desc { font-size: 0.75rem; font-weight: normal; text-transform: none; color: rgba(17, 17, 19, 0.5); } form span.is-desc { margin-left: 4px; } form div.is-desc { margin-top: 4px; margin-bottom: -4px; } form .is-req { position: relative; top: 1px; font-size: 1rem; font-weight: bold; color: #ee2455; } .form-item { margin-bottom: 16px; } fieldset > .form-item:last-child { margin-bottom: 0; } .form-checkboxes label.is-checkbox { display: inline-block; margin-right: 16px; } .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: 8px; } .form-item.is-buttons button + .button.is-tertiary { margin-left: 8px; } .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; } .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 16px; border: 1px solid rgba(17, 17, 19, 0.1); background-color: #fff; white-space: nowrap; } .is-append span, .is-prepend span { font-size: 0.875em; font-weight: normal; text-transform: none; color: rgba(17, 17, 19, 0.5); } .is-append a, .is-prepend a { font-size: 0.875em; color: #158df7; text-decoration: none; } .is-append a:hover, .is-prepend a:hover { text-decoration: underline; } .is-append a.icon, .is-append a[class^="icon-kube-"], .is-append a[class*=" icon-kube-"], .is-prepend a.icon, .is-prepend a[class^="icon-kube-"], .is-prepend a[class*=" icon-kube-"] { font-size: 1rem; color: rgba(17, 17, 19, 0.6); } .is-append a.icon:hover, .is-append a[class^="icon-kube-"]:hover, .is-append a[class*=" icon-kube-"]:hover, .is-prepend a.icon:hover, .is-prepend a[class^="icon-kube-"]:hover, .is-prepend a[class*=" icon-kube-"]:hover { color: #111113; text-decoration: none; } .is-prepend input { border-radius: 0 4px 4px 0; } .is-prepend .button { margin-right: -1px; border-radius: 4px 0 0 4px !important; } .is-prepend span, .is-prepend a { border-right: none; border-radius: 4px 0 0 4px; } .is-append input { border-radius: 4px 0 0 4px; } .is-append .button { margin-left: -1px; border-radius: 0 4px 4px 0 !important; } .is-append span, .is-append a { border-left: none; border-radius: 0 4px 4px 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: #111113; text-decoration: none; } .breadcrumb a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #158df7; text-decoration: underline; } .breadcrumb span:after, .breadcrumb a:after { display: inline-block; content: "/"; color: rgba(17, 17, 19, 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, 19, 0.55); text-decoration: none; } .pager { font-size: 0.875em; font-weight: normal; text-transform: none; margin-top: 20px; margin-bottom: 20px; } .pager:after { content: ''; display: table; clear: both; } .pager a, .pager span { float: left; padding: 8px 16px; border: 1px solid rgba(17, 17, 19, 0.1); border-right-color: transparent; color: #111113; text-decoration: none; line-height: 1.4; } .pager a:first-child, .pager span:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pager a:last-child, .pager span:last-child { border-right-color: rgba(17, 17, 19, 0.1); border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .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: 8px; } .pager a.is-next:after { content: '>'; margin-left: 8px; } .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, 19, 0.04); } .pager a.is-disabled { background-color: transparent; color: rgba(17, 17, 19, 0.3); } .pager span, .pager a.is-current, .pager a.is-active { background-color: rgba(17, 17, 19, 0.04); color: rgba(17, 17, 19, 0.5); } .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: #158df7; } .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: 4px; color: rgba(17, 17, 19, 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: 20px; } .pager.is-stacked a:last-child { margin-bottom: 0; } .pager.is-stacked a.is-next { text-align: left; } } .alert { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.9375em; font-weight: 500; text-transform: none; background: #fff; color: #111113; padding: 16px 32px 16px 16px; box-shadow: none; border: 1px solid rgba(17, 17, 19, 0.1); border-radius: 4px; position: relative; margin-bottom: 16px; } .alert h1, .alert h2, .alert h3, .alert h4, .alert h5, .alert h6 { margin-bottom: 2px; } .alert a { color: inherit; } .alert a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #ee2455; } .alert .close { position: absolute; right: 8px; top: 20px; } .alert p { margin-top: 0; margin-bottom: 0; } .alert.is-error { background: rgba(238, 36, 85, 0.07); border-color: rgba(238, 36, 85, 0.3); color: #ee2455; } .alert.is-error a:hover { color: #111113; } .alert.is-success { background: rgba(32, 188, 113, 0.07); border-color: rgba(32, 188, 113, 0.3); color: #20bc71; } .alert.is-success a:hover { color: #111113; } .alert.is-focus { background: rgba(21, 141, 247, 0.07); border-color: rgba(21, 141, 247, 0.3); color: #158df7; } .alert.is-focus a:hover { color: #111113; } .alert.is-inverted { background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0.4); color: #fff; } .alert.is-inverted a:hover { color: rgba(255, 255, 255, 0.6); } .is-navbar-container, .is-navbar-box { display: flex; flex: 1; align-items: center; min-width: 100%; min-height: 100%; } @media only screen and (max-width: 767px) { .is-navbar-container, .is-navbar-box { flex-direction: column; } } .is-navbar-container .is-brand, .is-navbar-box .is-brand { display: flex; align-items: center; } .is-navbar-container .is-brand h1, .is-navbar-container .is-brand h2, .is-navbar-container .is-brand h3, .is-navbar-container .is-brand h4, .is-navbar-container .is-brand h5, .is-navbar-container .is-brand h6, .is-navbar-box .is-brand h1, .is-navbar-box .is-brand h2, .is-navbar-box .is-brand h3, .is-navbar-box .is-brand h4, .is-navbar-box .is-brand h5, .is-navbar-box .is-brand h6 { line-height: 1; margin: 0; } .is-navbar { display: flex; flex: 1; align-items: center; } @media only screen and (max-width: 767px) { .is-navbar { flex-direction: column; } } .is-navbar ul { display: flex; flex: 1; align-items: center; } @media only screen and (max-width: 767px) { .is-navbar ul { flex-direction: column; } } .is-navbar li { white-space: nowrap; margin-left: 28px; } .is-navbar a:not(.button) { line-height: 1; display: block; padding-top: 8px; padding-bottom: 8px; } .is-navbar a:not(.button)::before, .is-navbar a:not(.button)::after { content: ''; display: block; height: 0; width: 0; } .is-navbar a:not(.button)::before { margin-top: calc((0.75 - 1) * 0.49em); } .is-navbar a:not(.button)::after { margin-bottom: calc((0.75 - 1) * 0.49em); } .is-navbar form { margin: 0; } .is-navbar input { position: relative; top: 1px; } .is-navbar nav.is-justify { text-align: center; width: 100%; } .is-navbar nav.is-justify li { flex: 1; margin-left: 0; margin-right: 0; } @media only screen and (max-width: 767px) { .is-navbar-container.is-scrollable, .is-navbar-container.is-scrollable .is-navbar, .is-navbar-container.is-scrollable .is-navbar ul, .is-navbar-box.is-scrollable, .is-navbar-box.is-scrollable .is-navbar, .is-navbar-box.is-scrollable .is-navbar ul { display: flex; flex-direction: row; } .is-navbar-container:not(.is-scrollable), .is-navbar-container:not(.is-scrollable) .is-navbar, .is-navbar-container:not(.is-scrollable) .is-navbar ul, .is-navbar-box:not(.is-scrollable), .is-navbar-box:not(.is-scrollable) .is-navbar, .is-navbar-box:not(.is-scrollable) .is-navbar ul { align-items: flex-start; display: block; max-width: 100%; } .is-navbar-container:not(.is-scrollable) .is-navbar li, .is-navbar-box:not(.is-scrollable) .is-navbar li { margin-left: 0; } .is-navbar-container:not(.is-scrollable) .is-navbar input, .is-navbar-container:not(.is-scrollable) .is-navbar .button.is-small, .is-navbar-box:not(.is-scrollable) .is-navbar input, .is-navbar-box:not(.is-scrollable) .is-navbar .button.is-small { margin-top: 8px; margin-bottom: 8px; } .is-navbar-container:not(.is-scrollable) .is-navbar nav.is-justify, .is-navbar-box:not(.is-scrollable) .is-navbar nav.is-justify { text-align: left; } } @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: 8px; right: 8px; width: 360px; background: #fff; box-shadow: 0 6px 24px rgba(17, 17, 19, 0.12); border-radius: 4px; z-index: 400; border: 1px solid transparent; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 0.9375em; font-weight: normal; text-transform: none; color: #111113; padding: 16px; } .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, 19, 0.6); } .message.is-center, .message.is-centered { left: 50%; margin-left: -180px; } .message.is-left { left: 8px; right: auto; } .message.is-line { width: 100%; top: 0; left: 0; right: 0; border-radius: 0; } .message.is-error { background: #ee2455; color: #fff; border-color: transparent; } .message.is-error a:hover { color: rgba(255, 255, 255, 0.7); } .message.is-success { background: #20bc71; color: #fff; border-color: transparent; } .message.is-success a:hover { color: rgba(255, 255, 255, 0.7); } .message.is-focus { background: #158df7; 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: #111113; color: #fff; 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: 20px; border-bottom: 1px solid rgba(17, 17, 19, 0.1); } .tabs a { position: relative; top: 1px; display: block; padding: 8px 20px; border-bottom: 2px solid transparent; color: rgba(17, 17, 19, 0.65); background-color: transparent; text-decoration: none; } .tabs a:hover { -moz-transition: all linear 0.2s; transition: all linear 0.2s; color: #158df7; background: none; text-decoration: none; border-bottom: 2px solid #158df7; } .tabs a.is-active { cursor: default; color: #111113; background: none; text-decoration: none; border-bottom: 2px solid #111113; } @media only screen and (max-width: 767px) { .tabs { display: block; } } .dropdown { position: absolute; z-index: 300; background: #fff; box-shadow: 0 6px 24px rgba(17, 17, 19, 0.12); border-radius: 4px; width: 280px; font-size: 0.9375em; font-weight: normal; border: 0 solid transparent; padding: 0 0 2px 0; } .dropdown span, .dropdown a { display: block; text-decoration: none; padding: 8px 16px; white-space: nowrap; } .dropdown a { color: #111113; background: none; } .dropdown a:hover { text-decoration: underline; color: #111113; background: rgba(17, 17, 19, 0.04); } .dropdown a.is-separator { padding-bottom: 8px; border-bottom: 1px solid rgba(17, 17, 19, 0.05); } .dropdown a:first-child, .dropdown span:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; } .dropdown a.is-active, .dropdown a.is-active:hover, .dropdown span, .dropdown span:hover { text-decoration: none; cursor: text; color: rgba(17, 17, 19, 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 15px 40px rgba(17, 17, 19, 0.2); border-radius: 4px; color: #111113; } @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, 19, 0.05); } .modal-header:empty { display: none; } .modal-body { font-size: inherit; background: none; padding: 24px; } .modal-footer { font-size: inherit; font-weight: normal; background-color: none; padding: 16px 24px; border-top: 1px solid rgba(17, 17, 19, 0.05); } .modal-footer:empty { display: none; } .modal-footer button { margin-right: 8px; } .modal-footer button + button.is-tertiary { margin-left: 8px; } @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, 19, 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: #158df7; 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: 16px 20px; background-color: #111113; 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); } .nav-toggle { position: relative; top: 1px; color: #111113; text-decoration: none; } .nav-toggle:active { color: #111113; } .nav-toggle:hover { color: #ee2455; } .is-container { display: flex; flex: 1; } @media only screen and (max-width: 767px) { .is-container { flex-direction: column; } } .is-container-row { display: flex; flex: 1; } .is-container-column { display: flex; flex-direction: column; flex: 1; } .is-items-middle { align-items: center; } @media only screen and (max-width: 767px) { .is-items-middle { justify-content: flex-start; align-items: flex-start; } } .is-push-right { margin-left: auto; flex: none; } @media only screen and (max-width: 767px) { .is-push-right { margin-left: 0; } .is-push-right-mobile { margin-left: auto; } } .is-center, .is-centered { margin-left: auto; margin-right: auto; } @media only screen and (max-width: 767px) { .is-left-mobile { margin-left: 0; } } .is-fixed { position: fixed !important; top: 0; left: 0; z-index: 200; } .is-relative { position: relative; } .is-width-large { max-width: 1000px; } .is-width-medium { max-width: 820px; } .is-width-small { max-width: 420px; } .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-width-large, .is-width-medium, .is-width-small, .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-shadow-1 { box-shadow: 0 1px 3px rgba(17, 17, 19, 0.15); } .is-shadow-2 { box-shadow: 0 6px 24px rgba(17, 17, 19, 0.12); } .is-shadow-3 { box-shadow: 0 15px 40px rgba(17, 17, 19, 0.2); } .is-border { border: 1px solid rgba(17, 17, 19, 0.07); } .is-border-top { border-top: 1px solid rgba(17, 17, 19, 0.07); } .is-border-bottom { border-bottom: 1px solid rgba(17, 17, 19, 0.07); } .is-border-radius { border-radius: 4px; } .is-scrollable { overflow-x: 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: 16px; } .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: 8px; } .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: #111113; } .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; } .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, 19, 0.18); } .overlay > .close { position: fixed; top: 1rem; right: 1rem; } .is-inset-none { padding: 0; } .is-inset-2 { padding: 2px; } .is-inset-4 { padding: 4px; } .is-inset-8 { padding: 8px; } .is-inset-12 { padding: 12px; } .is-inset-16 { padding: 16px; } .is-inset-20 { padding: 20px; } .is-inset-24 { padding: 24px; } .is-inset-28 { padding: 28px; } .is-inset-32 { padding: 32px; } .is-inset-36 { padding: 36px; } .is-inset-40 { padding: 40px; } .is-inset-44 { padding: 44px; } .is-inset-48 { padding: 48px; } .is-inset-52 { padding: 52px; } .is-inset-56 { padding: 56px; } .is-inset-60 { padding: 60px; } .is-inset-64 { padding: 64px; } .is-inset-80 { padding: 80px; } .is-inset-100 { padding: 100px; } .is-inset-120 { padding: 120px; } @media only screen and (max-width: 767px) { .inset-none-mobile { padding: 0; } .is-inset-2-mobile { padding: 2px; } .is-inset-4-mobile { padding: 4px; } .is-inset-8-mobile { padding: 8px; } .is-inset-12-mobile { padding: 12px; } .is-inset-16-mobile { padding: 16px; } .is-inset-20-mobile { padding: 20px; } .is-inset-24-mobile { padding: 24px; } .is-inset-28-mobile { padding: 28px; } .is-inset-32-mobile { padding: 32px; } .is-inset-36-mobile { padding: 36px; } .is-inset-40-mobile { padding: 40px; } .is-inset-44-mobile { padding: 44px; } .is-inset-48-mobile { padding: 48px; } .is-inset-52-mobile { padding: 52px; } .is-inset-56-mobile { padding: 56px; } .is-inset-60-mobile { padding: 60px; } .is-inset-64-mobile { padding: 64px; } .is-inset-80-mobile { padding: 80px; } .is-inset-100-mobile { padding: 100px; } .is-inset-120-mobile { padding: 120px; } } .is-inset-x-none { padding-left: 0; padding-right: 0; } .is-inset-x-2 { padding-left: 2px; padding-right: 2px; } .is-inset-x-4 { padding-left: 4px; padding-right: 4px; } .is-inset-x-8 { padding-left: 8px; padding-right: 8px; } .is-inset-x-12 { padding-left: 12px; padding-right: 12px; } .is-inset-x-16 { padding-left: 16px; padding-right: 16px; } .is-inset-x-20 { padding-left: 20px; padding-right: 20px; } .is-inset-x-24 { padding-left: 24px; padding-right: 24px; } .is-inset-x-28 { padding-left: 28px; padding-right: 28px; } .is-inset-x-32 { padding-left: 32px; padding-right: 32px; } .is-inset-x-36 { padding-left: 36px; padding-right: 36px; } .is-inset-x-40 { padding-left: 40px; padding-right: 40px; } .is-inset-x-44 { padding-left: 44px; padding-right: 44px; } .is-inset-x-48 { padding-left: 48px; padding-right: 48px; } .is-inset-x-52 { padding-left: 52px; padding-right: 52px; } .is-inset-x-56 { padding-left: 56px; padding-right: 56px; } .is-inset-x-60 { padding-left: 60px; padding-right: 60px; } .is-inset-x-64 { padding-left: 64px; padding-right: 64px; } .is-inset-x-80 { padding-left: 80px; padding-right: 80px; } .is-inset-x-100 { padding-left: 100px; padding-right: 100px; } .is-inset-x-120 { padding-left: 120px; padding-right: 120px; } @media only screen and (max-width: 767px) { .inset-x-none-mobile { padding-left: 0; padding-right: 0; } .is-inset-x-2-mobile { padding-left: 2px; padding-right: 2px; } .is-inset-x-4-mobile { padding-left: 4px; padding-right: 4px; } .is-inset-x-8-mobile { padding-left: 8px; padding-right: 8px; } .is-inset-x-12-mobile { padding-left: 12px; padding-right: 12px; } .is-inset-x-16-mobile { padding-left: 16px; padding-right: 16px; } .is-inset-x-20-mobile { padding-left: 20px; padding-right: 20px; } .is-inset-x-24-mobile { padding-left: 24px; padding-right: 24px; } .is-inset-x-28-mobile { padding-left: 28px; padding-right: 28px; } .is-inset-x-32-mobile { padding-left: 32px; padding-right: 32px; } .is-inset-x-36-mobile { padding-left: 36px; padding-right: 36px; } .is-inset-x-40-mobile { padding-left: 40px; padding-right: 40px; } .is-inset-x-44-mobile { padding-left: 44px; padding-right: 44px; } .is-inset-x-48-mobile { padding-left: 48px; padding-right: 48px; } .is-inset-x-52-mobile { padding-left: 52px; padding-right: 52px; } .is-inset-x-56-mobile { padding-left: 56px; padding-right: 56px; } .is-inset-x-60-mobile { padding-left: 60px; padding-right: 60px; } .is-inset-x-64-mobile { padding-left: 64px; padding-right: 64px; } .is-inset-x-80-mobile { padding-left: 80px; padding-right: 80px; } .is-inset-x-100-mobile { padding-left: 100px; padding-right: 100px; } .is-inset-x-120-mobile { padding-left: 120px; padding-right: 120px; } } .is-inset-y-none { padding-top: 0; padding-bottom: 0; } .is-inset-y-2 { padding-top: 2px; padding-bottom: 2px; } .is-inset-y-4 { padding-top: 4px; padding-bottom: 4px; } .is-inset-y-8 { padding-top: 8px; padding-bottom: 8px; } .is-inset-y-12 { padding-top: 12px; padding-bottom: 12px; } .is-inset-y-16 { padding-top: 16px; padding-bottom: 16px; } .is-inset-y-20 { padding-top: 20px; padding-bottom: 20px; } .is-inset-y-24 { padding-top: 24px; padding-bottom: 24px; } .is-inset-y-28 { padding-top: 28px; padding-bottom: 28px; } .is-inset-y-32 { padding-top: 32px; padding-bottom: 32px; } .is-inset-y-36 { padding-top: 36px; padding-bottom: 36px; } .is-inset-y-40 { padding-top: 40px; padding-bottom: 40px; } .is-inset-y-44 { padding-top: 44px; padding-bottom: 44px; } .is-inset-y-48 { padding-top: 48px; padding-bottom: 48px; } .is-inset-y-52 { padding-top: 52px; padding-bottom: 52px; } .is-inset-y-56 { padding-top: 56px; padding-bottom: 56px; } .is-inset-y-60 { padding-top: 60px; padding-bottom: 60px; } .is-inset-y-64 { padding-top: 64px; padding-bottom: 64px; } .is-inset-y-80 { padding-top: 80px; padding-bottom: 80px; } .is-inset-y-100 { padding-top: 100px; padding-bottom: 100px; } .is-inset-y-120 { padding-top: 120px; padding-bottom: 120px; } @media only screen and (max-width: 767px) { .inset-y-none-mobile { padding-top: 0; padding-bottom: 0; } .is-inset-y-2-mobile { padding-top: 2px; padding-bottom: 2px; } .is-inset-y-4-mobile { padding-top: 4px; padding-bottom: 4px; } .is-inset-y-8-mobile { padding-top: 8px; padding-bottom: 8px; } .is-inset-y-12-mobile { padding-top: 12px; padding-bottom: 12px; } .is-inset-y-16-mobile { padding-top: 16px; padding-bottom: 16px; } .is-inset-y-20-mobile { padding-top: 20px; padding-bottom: 20px; } .is-inset-y-24-mobile { padding-top: 24px; padding-bottom: 24px; } .is-inset-y-28-mobile { padding-top: 28px; padding-bottom: 28px; } .is-inset-y-32-mobile { padding-top: 32px; padding-bottom: 32px; } .is-inset-y-36-mobile { padding-top: 36px; padding-bottom: 36px; } .is-inset-y-40-mobile { padding-top: 40px; padding-bottom: 40px; } .is-inset-y-44-mobile { padding-top: 44px; padding-bottom: 44px; } .is-inset-y-48-mobile { padding-top: 48px; padding-bottom: 48px; } .is-inset-y-52-mobile { padding-top: 52px; padding-bottom: 52px; } .is-inset-y-56-mobile { padding-top: 56px; padding-bottom: 56px; } .is-inset-y-60-mobile { padding-top: 60px; padding-bottom: 60px; } .is-inset-y-64-mobile { padding-top: 64px; padding-bottom: 64px; } .is-inset-y-80-mobile { padding-top: 80px; padding-bottom: 80px; } .is-inset-y-100-mobile { padding-top: 100px; padding-bottom: 100px; } .is-inset-y-120-mobile { padding-top: 120px; padding-bottom: 120px; } } .is-inset-top-none { padding-top: 0; } .is-inset-top-2 { padding-top: 2px; } .is-inset-top-4 { padding-top: 4px; } .is-inset-top-8 { padding-top: 8px; } .is-inset-top-12 { padding-top: 12px; } .is-inset-top-16 { padding-top: 16px; } .is-inset-top-20 { padding-top: 20px; } .is-inset-top-24 { padding-top: 24px; } .is-inset-top-28 { padding-top: 28px; } .is-inset-top-32 { padding-top: 32px; } .is-inset-top-36 { padding-top: 36px; } .is-inset-top-40 { padding-top: 40px; } .is-inset-top-44 { padding-top: 44px; } .is-inset-top-48 { padding-top: 48px; } .is-inset-top-52 { padding-top: 52px; } .is-inset-top-56 { padding-top: 56px; } .is-inset-top-60 { padding-top: 60px; } .is-inset-top-64 { padding-top: 64px; } .is-inset-top-80 { padding-top: 80px; } .is-inset-top-100 { padding-top: 100px; } .is-inset-top-120 { padding-top: 120px; } @media only screen and (max-width: 767px) { .is-inset-top-none-mobile { padding-top: 0; } .is-inset-top-2-mobile { padding-top: 2px; } .is-inset-top-4-mobile { padding-top: 4px; } .is-inset-top-8-mobile { padding-top: 8px; } .is-inset-top-12-mobile { padding-top: 12px; } .is-inset-top-16-mobile { padding-top: 16px; } .is-inset-top-20-mobile { padding-top: 20px; } .is-inset-top-24-mobile { padding-top: 24px; } .is-inset-top-28-mobile { padding-top: 28px; } .is-inset-top-32-mobile { padding-top: 32px; } .is-inset-top-36-mobile { padding-top: 36px; } .is-inset-top-40-mobile { padding-top: 40px; } .is-inset-top-44-mobile { padding-top: 44px; } .is-inset-top-48-mobile { padding-top: 48px; } .is-inset-top-52-mobile { padding-top: 52px; } .is-inset-top-56-mobile { padding-top: 56px; } .is-inset-top-60-mobile { padding-top: 60px; } .is-inset-top-64-mobile { padding-top: 64px; } .is-inset-top-80-mobile { padding-top: 80px; } .is-inset-top-100-mobile { padding-top: 100px; } .is-inset-top-120-mobile { padding-top: 120px; } } .is-inset-bottom-none { padding-bottom: 0; } .is-inset-bottom-2 { padding-bottom: 2px; } .is-inset-bottom-4 { padding-bottom: 4px; } .is-inset-bottom-8 { padding-bottom: 8px; } .is-inset-bottom-12 { padding-bottom: 12px; } .is-inset-bottom-16 { padding-bottom: 16px; } .is-inset-bottom-20 { padding-bottom: 20px; } .is-inset-bottom-24 { padding-bottom: 24px; } .is-inset-bottom-28 { padding-bottom: 28px; } .is-inset-bottom-32 { padding-bottom: 32px; } .is-inset-bottom-36 { padding-bottom: 36px; } .is-inset-bottom-40 { padding-bottom: 40px; } .is-inset-bottom-44 { padding-bottom: 44px; } .is-inset-bottom-48 { padding-bottom: 48px; } .is-inset-bottom-52 { padding-bottom: 52px; } .is-inset-bottom-56 { padding-bottom: 56px; } .is-inset-bottom-60 { padding-bottom: 60px; } .is-inset-bottom-64 { padding-bottom: 64px; } .is-inset-bottom-80 { padding-bottom: 80px; } .is-inset-bottom-100 { padding-bottom: 100px; } .is-inset-bottom-120 { padding-bottom: 120px; } @media only screen and (max-width: 767px) { .is-inset-bottom-none-mobile { padding-bottom: 0; } .is-inset-bottom-2-mobile { padding-bottom: 2px; } .is-inset-bottom-4-mobile { padding-bottom: 4px; } .is-inset-bottom-8-mobile { padding-bottom: 8px; } .is-inset-bottom-12-mobile { padding-bottom: 12px; } .is-inset-bottom-16-mobile { padding-bottom: 16px; } .is-inset-bottom-20-mobile { padding-bottom: 20px; } .is-inset-bottom-24-mobile { padding-bottom: 24px; } .is-inset-bottom-28-mobile { padding-bottom: 28px; } .is-inset-bottom-32-mobile { padding-bottom: 32px; } .is-inset-bottom-36-mobile { padding-bottom: 36px; } .is-inset-bottom-40-mobile { padding-bottom: 40px; } .is-inset-bottom-44-mobile { padding-bottom: 44px; } .is-inset-bottom-48-mobile { padding-bottom: 48px; } .is-inset-bottom-52-mobile { padding-bottom: 52px; } .is-inset-bottom-56-mobile { padding-bottom: 56px; } .is-inset-bottom-60-mobile { padding-bottom: 60px; } .is-inset-bottom-64-mobile { padding-bottom: 64px; } .is-inset-bottom-80-mobile { padding-bottom: 80px; } .is-inset-bottom-100-mobile { padding-bottom: 100px; } .is-inset-bottom-120-mobile { padding-bottom: 120px; } } .is-inset-left-none { padding-left: 0; } .is-inset-left-2 { padding-left: 2px; } .is-inset-left-4 { padding-left: 4px; } .is-inset-left-8 { padding-left: 8px; } .is-inset-left-12 { padding-left: 12px; } .is-inset-left-16 { padding-left: 16px; } .is-inset-left-20 { padding-left: 20px; } .is-inset-left-24 { padding-left: 24px; } .is-inset-left-28 { padding-left: 28px; } .is-inset-left-32 { padding-left: 32px; } .is-inset-left-36 { padding-left: 36px; } .is-inset-left-40 { padding-left: 40px; } .is-inset-left-44 { padding-left: 44px; } .is-inset-left-48 { padding-left: 48px; } .is-inset-left-52 { padding-left: 52px; } .is-inset-left-56 { padding-left: 56px; } .is-inset-left-60 { padding-left: 60px; } .is-inset-left-64 { padding-left: 64px; } .is-inset-left-80 { padding-left: 80px; } .is-inset-left-100 { padding-left: 100px; } .is-inset-left-120 { padding-left: 120px; } @media only screen and (max-width: 767px) { .is-inset-left-none { padding-left: 0; } .is-inset-left-2-mobile { padding-left: 2px; } .is-inset-left-4-mobile { padding-left: 4px; } .is-inset-left-8-mobile { padding-left: 8px; } .is-inset-left-12-mobile { padding-left: 12px; } .is-inset-left-16-mobile { padding-left: 16px; } .is-inset-left-20-mobile { padding-left: 20px; } .is-inset-left-24-mobile { padding-left: 24px; } .is-inset-left-28-mobile { padding-left: 28px; } .is-inset-left-32-mobile { padding-left: 32px; } .is-inset-left-36-mobile { padding-left: 36px; } .is-inset-left-40-mobile { padding-left: 40px; } .is-inset-left-44-mobile { padding-left: 44px; } .is-inset-left-48-mobile { padding-left: 48px; } .is-inset-left-52-mobile { padding-left: 52px; } .is-inset-left-56-mobile { padding-left: 56px; } .is-inset-left-60-mobile { padding-left: 60px; } .is-inset-left-64-mobile { padding-left: 64px; } .is-inset-left-80-mobile { padding-left: 80px; } .is-inset-left-100-mobile { padding-left: 100px; } .is-inset-left-120-mobile { padding-left: 120px; } } .is-inset-right-none { padding-right: 0; } .is-inset-right-2 { padding-right: 2px; } .is-inset-right-4 { padding-right: 4px; } .is-inset-right-8 { padding-right: 8px; } .is-inset-right-12 { padding-right: 12px; } .is-inset-right-16 { padding-right: 16px; } .is-inset-right-20 { padding-right: 20px; } .is-inset-right-24 { padding-right: 24px; } .is-inset-right-28 { padding-right: 28px; } .is-inset-right-32 { padding-right: 32px; } .is-inset-right-36 { padding-right: 36px; } .is-inset-right-40 { padding-right: 40px; } .is-inset-right-44 { padding-right: 44px; } .is-inset-right-48 { padding-right: 48px; } .is-inset-right-52 { padding-right: 52px; } .is-inset-right-56 { padding-right: 56px; } .is-inset-right-60 { padding-right: 60px; } .is-inset-right-64 { padding-right: 64px; } .is-inset-right-80 { padding-right: 80px; } .is-inset-right-100 { padding-right: 100px; } .is-inset-right-120 { padding-right: 120px; } @media only screen and (max-width: 767px) { .is-inset-right-none-mobile { padding-right: 0; } .is-inset-right-2-mobile { padding-right: 2px; } .is-inset-right-4-mobile { padding-right: 4px; } .is-inset-right-8-mobile { padding-right: 8px; } .is-inset-right-12-mobile { padding-right: 12px; } .is-inset-right-16-mobile { padding-right: 16px; } .is-inset-right-20-mobile { padding-right: 20px; } .is-inset-right-24-mobile { padding-right: 24px; } .is-inset-right-28-mobile { padding-right: 28px; } .is-inset-right-32-mobile { padding-right: 32px; } .is-inset-right-36-mobile { padding-right: 36px; } .is-inset-right-40-mobile { padding-right: 40px; } .is-inset-right-44-mobile { padding-right: 44px; } .is-inset-right-48-mobile { padding-right: 48px; } .is-inset-right-52-mobile { padding-right: 52px; } .is-inset-right-56-mobile { padding-right: 56px; } .is-inset-right-60-mobile { padding-right: 60px; } .is-inset-right-64-mobile { padding-right: 64px; } .is-inset-right-80-mobile { padding-right: 80px; } .is-inset-right-100-mobile { padding-right: 100px; } .is-inset-right-120-mobile { padding-right: 120px; } } .is-outset-none { margin: 0; } .is-outset-2 { margin: 2px; } .is-outset-4 { margin: 4px; } .is-outset-8 { margin: 8px; } .is-outset-12 { margin: 12px; } .is-outset-16 { margin: 16px; } .is-outset-20 { margin: 20px; } .is-outset-24 { margin: 24px; } .is-outset-28 { margin: 28px; } .is-outset-32 { margin: 32px; } .is-outset-36 { margin: 36px; } .is-outset-40 { margin: 40px; } .is-outset-44 { margin: 44px; } .is-outset-48 { margin: 48px; } .is-outset-52 { margin: 52px; } .is-outset-56 { margin: 56px; } .is-outset-60 { margin: 60px; } .is-outset-64 { margin: 64px; } .is-outset-80 { margin: 80px; } .is-outset-100 { margin: 100px; } .is-outset-120 { margin: 120px; } @media only screen and (max-width: 767px) { .is-outset-none-mobile { margin: 0; } .is-outset-2-mobile { margin: 2px; } .is-outset-4-mobile { margin: 4px; } .is-outset-8-mobile { margin: 8px; } .is-outset-12-mobile { margin: 12px; } .is-outset-16-mobile { margin: 16px; } .is-outset-20-mobile { margin: 20px; } .is-outset-24-mobile { margin: 24px; } .is-outset-28-mobile { margin: 28px; } .is-outset-32-mobile { margin: 32px; } .is-outset-36-mobile { margin: 36px; } .is-outset-40-mobile { margin: 40px; } .is-outset-44-mobile { margin: 44px; } .is-outset-48-mobile { margin: 48px; } .is-outset-52-mobile { margin: 52px; } .is-outset-56-mobile { margin: 56px; } .is-outset-60-mobile { margin: 60px; } .is-outset-64-mobile { margin: 64px; } .is-outset-80-mobile { margin: 80px; } .is-outset-100-mobile { margin: 100px; } .is-outset-120-mobile { margin: 120px; } } .is-outset-x-none { margin-left: 0; margin-right: 0; } .is-outset-x-2 { margin-left: 2px; margin-right: 2px; } .is-outset-x-4 { margin-left: 4px; margin-right: 4px; } .is-outset-x-8 { margin-left: 8px; margin-right: 8px; } .is-outset-x-12 { margin-left: 12px; margin-right: 12px; } .is-outset-x-16 { margin-left: 16px; margin-right: 16px; } .is-outset-x-20 { margin-left: 20px; margin-right: 20px; } .is-outset-x-24 { margin-left: 24px; margin-right: 24px; } .is-outset-x-28 { margin-left: 28px; margin-right: 28px; } .is-outset-x-32 { margin-left: 32px; margin-right: 32px; } .is-outset-x-36 { margin-left: 36px; margin-right: 36px; } .is-outset-x-40 { margin-left: 40px; margin-right: 40px; } .is-outset-x-44 { margin-left: 44px; margin-right: 44px; } .is-outset-x-48 { margin-left: 48px; margin-right: 48px; } .is-outset-x-52 { margin-left: 52px; margin-right: 52px; } .is-outset-x-56 { margin-left: 56px; margin-right: 56px; } .is-outset-x-60 { margin-left: 60px; margin-right: 60px; } .is-outset-x-64 { margin-left: 64px; margin-right: 64px; } .is-outset-x-80 { margin-left: 80px; margin-right: 80px; } .is-outset-x-100 { margin-left: 100px; margin-right: 100px; } .is-outset-x-120 { margin-left: 120px; margin-right: 120px; } @media only screen and (max-width: 767px) { .is-outset-x-none-mobile { margin-left: 0; margin-right: 0; } .is-outset-x-2-mobile { margin-left: 2px; margin-right: 2px; } .is-outset-x-4-mobile { margin-left: 4px; margin-right: 4px; } .is-outset-x-8-mobile { margin-left: 8px; margin-right: 8px; } .is-outset-x-12-mobile { margin-left: 12px; margin-right: 12px; } .is-outset-x-16-mobile { margin-left: 16px; margin-right: 16px; } .is-outset-x-20-mobile { margin-left: 20px; margin-right: 20px; } .is-outset-x-24-mobile { margin-left: 24px; margin-right: 24px; } .is-outset-x-28-mobile { margin-left: 28px; margin-right: 28px; } .is-outset-x-32-mobile { margin-left: 32px; margin-right: 32px; } .is-outset-x-36-mobile { margin-left: 36px; margin-right: 36px; } .is-outset-x-40-mobile { margin-left: 40px; margin-right: 40px; } .is-outset-x-44-mobile { margin-left: 44px; margin-right: 44px; } .is-outset-x-48-mobile { margin-left: 48px; margin-right: 48px; } .is-outset-x-52-mobile { margin-left: 52px; margin-right: 52px; } .is-outset-x-56-mobile { margin-left: 56px; margin-right: 56px; } .is-outset-x-60-mobile { margin-left: 60px; margin-right: 60px; } .is-outset-x-64-mobile { margin-left: 64px; margin-right: 64px; } .is-outset-x-80-mobile { margin-left: 80px; margin-right: 80px; } .is-outset-x-100-mobile { margin-left: 100px; margin-right: 100px; } .is-outset-x-120-mobile { margin-left: 120px; margin-right: 120px; } } .is-outset-y-none { margin-top: 0; margin-bottom: 0; } .is-outset-y-2 { margin-top: 2px; margin-bottom: 2px; } .is-outset-y-4 { margin-top: 4px; margin-bottom: 4px; } .is-outset-y-8 { margin-top: 8px; margin-bottom: 8px; } .is-outset-y-12 { margin-top: 12px; margin-bottom: 12px; } .is-outset-y-16 { margin-top: 16px; margin-bottom: 16px; } .is-outset-y-20 { margin-top: 20px; margin-bottom: 20px; } .is-outset-y-24 { margin-top: 24px; margin-bottom: 24px; } .is-outset-y-28 { margin-top: 28px; margin-bottom: 28px; } .is-outset-y-32 { margin-top: 32px; margin-bottom: 32px; } .is-outset-y-36 { margin-top: 36px; margin-bottom: 36px; } .is-outset-y-40 { margin-top: 40px; margin-bottom: 40px; } .is-outset-y-44 { margin-top: 44px; margin-bottom: 44px; } .is-outset-y-48 { margin-top: 48px; margin-bottom: 48px; } .is-outset-y-52 { margin-top: 52px; margin-bottom: 52px; } .is-outset-y-56 { margin-top: 56px; margin-bottom: 56px; } .is-outset-y-60 { margin-top: 60px; margin-bottom: 60px; } .is-outset-y-64 { margin-top: 64px; margin-bottom: 64px; } .is-outset-y-80 { margin-top: 80px; margin-bottom: 80px; } .is-outset-y-100 { margin-top: 100px; margin-bottom: 100px; } .is-outset-y-120 { margin-top: 120px; margin-bottom: 120px; } @media only screen and (max-width: 767px) { .is-outset-y-none-mobile { margin-top: 0; margin-bottom: 0; } .is-outset-y-2-mobile { margin-top: 2px; margin-bottom: 2px; } .is-outset-y-4-mobile { margin-top: 4px; margin-bottom: 4px; } .is-outset-y-8-mobile { margin-top: 8px; margin-bottom: 8px; } .is-outset-y-12-mobile { margin-top: 12px; margin-bottom: 12px; } .is-outset-y-16-mobile { margin-top: 16px; margin-bottom: 16px; } .is-outset-y-20-mobile { margin-top: 20px; margin-bottom: 20px; } .is-outset-y-24-mobile { margin-top: 24px; margin-bottom: 24px; } .is-outset-y-28-mobile { margin-top: 28px; margin-bottom: 28px; } .is-outset-y-32-mobile { margin-top: 32px; margin-bottom: 32px; } .is-outset-y-36-mobile { margin-top: 36px; margin-bottom: 36px; } .is-outset-y-40-mobile { margin-top: 40px; margin-bottom: 40px; } .is-outset-y-44-mobile { margin-top: 44px; margin-bottom: 44px; } .is-outset-y-48-mobile { margin-top: 48px; margin-bottom: 48px; } .is-outset-y-52-mobile { margin-top: 52px; margin-bottom: 52px; } .is-outset-y-56-mobile { margin-top: 56px; margin-bottom: 56px; } .is-outset-y-60-mobile { margin-top: 60px; margin-bottom: 60px; } .is-outset-y-64-mobile { margin-top: 64px; margin-bottom: 64px; } .is-outset-y-80-mobile { margin-top: 80px; margin-bottom: 80px; } .is-outset-y-100-mobile { margin-top: 100px; margin-bottom: 100px; } .is-outset-y-120-mobile { margin-top: 120px; margin-bottom: 120px; } } .is-stack-none, .is-col-stack-none .is-col { margin-bottom: 0; } .is-stack-2, .is-col-stack-2 .is-col { margin-bottom: 2px; } .is-stack-4, .is-col-stack-4 .is-col { margin-bottom: 4px; } .is-stack-8, .is-col-stack-8 .is-col { margin-bottom: 8px; } .is-stack-12, .is-col-stack-12 .is-col { margin-bottom: 12px; } .is-stack-16, .is-col-stack-16 .is-col { margin-bottom: 16px; } .is-stack-20, .is-col-stack-20 .is-col { margin-bottom: 20px; } .is-stack-24, .is-col-stack-24 .is-col { margin-bottom: 24px; } .is-stack-28, .is-col-stack-28 .is-col { margin-bottom: 28px; } .is-stack-32, .is-col-stack-32 .is-col { margin-bottom: 32px; } .is-stack-36, .is-col-stack-36 .is-col { margin-bottom: 36px; } .is-stack-40, .is-col-stack-40 .is-col { margin-bottom: 40px; } .is-stack-44, .is-col-stack-44 .is-col { margin-bottom: 44px; } .is-stack-48, .is-col-stack-48 .is-col { margin-bottom: 48px; } .is-stack-52, .is-col-stack-52 .is-col { margin-bottom: 52px; } .is-stack-56, .is-col-stack-56 .is-col { margin-bottom: 56px; } .is-stack-60, .is-col-stack-60 .is-col { margin-bottom: 60px; } .is-stack-64, .is-col-stack-64 .is-col { margin-bottom: 64px; } .is-stack-80, .is-col-stack-80 .is-col { margin-bottom: 80px; } .is-stack-100, .is-col-stack-100 .is-col { margin-bottom: 100px; } .is-stack-120, .is-col-stack-120 .is-col { margin-bottom: 120px; } @media only screen and (max-width: 767px) { .is-stack-none-mobile, .is-col-stack-none-mobile .is-col { margin-bottom: 0; } .is-stack-2-mobile, .is-col-stack-2-mobile .is-col { margin-bottom: 2px; } .is-stack-4-mobile, .is-col-stack-4-mobile .is-col { margin-bottom: 4px; } .is-stack-8-mobile, .is-col-stack-8-mobile .is-col { margin-bottom: 8px; } .is-stack-12-mobile, .is-col-stack-12-mobile .is-col { margin-bottom: 12px; } .is-stack-16-mobile, .is-col-stack-16-mobile .is-col { margin-bottom: 16px; } .is-stack-20-mobile, .is-col-stack-20-mobile .is-col { margin-bottom: 20px; } .is-stack-24-mobile, .is-col-stack-24-mobile .is-col { margin-bottom: 24px; } .is-stack-28-mobile, .is-col-stack-28-mobile .is-col { margin-bottom: 28px; } .is-stack-32-mobile, .is-col-stack-32-mobile .is-col { margin-bottom: 32px; } .is-stack-36-mobile, .is-col-stack-36-mobile .is-col { margin-bottom: 36px; } .is-stack-40-mobile, .is-col-stack-40-mobile .is-col { margin-bottom: 40px; } .is-stack-44-mobile, .is-col-stack-44-mobile .is-col { margin-bottom: 44px; } .is-stack-48-mobile, .is-col-stack-48-mobile .is-col { margin-bottom: 48px; } .is-stack-52-mobile, .is-col-stack-52-mobile .is-col { margin-bottom: 52px; } .is-stack-56-mobile, .is-col-stack-56-mobile .is-col { margin-bottom: 56px; } .is-stack-60-mobile, .is-col-stack-60-mobile .is-col { margin-bottom: 60px; } .is-stack-64-mobile, .is-col-stack-64-mobile .is-col { margin-bottom: 64px; } .is-stack-80-mobile, .is-col-stack-80-mobile .is-col { margin-bottom: 80px; } .is-stack-100-mobile, .is-col-stack-100-mobile .is-col { margin-bottom: 100px; } .is-stack-120-mobile, .is-col-stack-120-mobile .is-col { margin-bottom: 120px; } } @media print { body { color: #000; } a, a:link, a:visited { color: #000; text-decoration: none; } }