You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

3775 lines
80 KiB

4 years ago
  1. /*
  2. Kube UI Framework
  3. Version 7.2.1
  4. Updated: November 10, 2018
  5. http://imperavi.com/kube/
  6. Copyright (c) 2009-2018, Imperavi LLC.
  7. License: MIT
  8. */
  9. html {
  10. box-sizing: border-box;
  11. -webkit-text-size-adjust: 100%; }
  12. *,
  13. *:before,
  14. *:after {
  15. box-sizing: inherit; }
  16. * {
  17. margin: 0;
  18. padding: 0;
  19. outline: none; }
  20. img,
  21. video,
  22. audio {
  23. max-width: 100%; }
  24. img,
  25. video {
  26. height: auto; }
  27. audio,
  28. canvas,
  29. iframe,
  30. img,
  31. svg,
  32. video {
  33. vertical-align: middle; }
  34. svg {
  35. max-height: 100%; }
  36. svg:not(:root) {
  37. overflow: hidden; }
  38. iframe {
  39. border: none;
  40. width: 100%; }
  41. button,
  42. [type="submit"] {
  43. -webkit-appearance: button; }
  44. [type="radio"],
  45. [type="checkbox"] {
  46. vertical-align: middle;
  47. position: relative;
  48. bottom: 0.15rem;
  49. margin-right: 2px; }
  50. input[type="search"] {
  51. -webkit-appearance: textfield; }
  52. input[type="search"]::-webkit-search-decoration,
  53. input[type="search"]::-webkit-search-cancel-button {
  54. -webkit-appearance: none; }
  55. ::-moz-focus-inner {
  56. border: none;
  57. padding: 0; }
  58. @font-face {
  59. font-family: 'Kube';
  60. 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");
  61. font-weight: normal;
  62. font-style: normal; }
  63. [class^="icon-kube-"], [class*=" icon-kube-"], .close, .caret {
  64. /* use !important to prevent issues with browser extensions that change fonts */
  65. font-family: 'Kube' !important;
  66. speak: none;
  67. font-style: normal;
  68. font-weight: normal;
  69. font-variant: normal;
  70. text-transform: none;
  71. line-height: 1;
  72. /* Better Font Rendering =========== */
  73. -webkit-font-smoothing: antialiased;
  74. -moz-osx-font-smoothing: grayscale; }
  75. .icon-kube-calendar:before {
  76. content: "\e900"; }
  77. .caret.is-down:before,
  78. .icon-kube-caret-down:before {
  79. content: "\e901"; }
  80. .caret.is-left:before,
  81. .icon-kube-caret-left:before {
  82. content: "\e902"; }
  83. .caret.is-right:before,
  84. .icon-kube-caret-right:before {
  85. content: "\e903"; }
  86. .caret.is-up:before,
  87. .icon-kube-caret-up:before {
  88. content: "\e904"; }
  89. .close:before,
  90. .icon-kube-close:before {
  91. content: "\e905"; }
  92. .icon-kube-menu:before {
  93. content: "\e906"; }
  94. .icon-kube-search:before {
  95. content: "\e907"; }
  96. html {
  97. font-size: 1em; }
  98. body {
  99. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  100. color: #111113;
  101. line-height: 1.5; }
  102. a {
  103. color: #158df7; }
  104. a:hover {
  105. color: #ee2455; }
  106. h1,
  107. h2,
  108. h3,
  109. h4,
  110. h5,
  111. h6 {
  112. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  113. font-weight: bold;
  114. text-rendering: optimizeLegibility;
  115. color: inherit;
  116. line-height: 1.2; }
  117. h1 + *,
  118. h2 + *,
  119. h3 + *,
  120. h4 + *,
  121. h5 + *,
  122. h6 + * {
  123. margin-top: 8px; }
  124. h1 + h1,
  125. h1 + h2,
  126. h1 + h3,
  127. h1 + h4,
  128. h1 + h5,
  129. h1 + h6,
  130. h2 + h1,
  131. h2 + h2,
  132. h2 + h3,
  133. h2 + h4,
  134. h2 + h5,
  135. h2 + h6,
  136. h3 + h1,
  137. h3 + h2,
  138. h3 + h3,
  139. h3 + h4,
  140. h3 + h5,
  141. h3 + h6,
  142. h4 + h1,
  143. h4 + h2,
  144. h4 + h3,
  145. h4 + h4,
  146. h4 + h5,
  147. h4 + h6,
  148. h5 + h1,
  149. h5 + h2,
  150. h5 + h3,
  151. h5 + h4,
  152. h5 + h5,
  153. h5 + h6,
  154. h6 + h1,
  155. h6 + h2,
  156. h6 + h3,
  157. h6 + h4,
  158. h6 + h5,
  159. h6 + h6 {
  160. margin-top: 8px; }
  161. h1 {
  162. font-size: 2.5em; }
  163. h2 {
  164. font-size: 1.75em; }
  165. h3 {
  166. font-size: 1.5em; }
  167. h4 {
  168. font-size: 1.25em; }
  169. h5 {
  170. font-size: 1em; }
  171. h6 {
  172. font-size: 0.75em; }
  173. h6 {
  174. text-transform: uppercase;
  175. letter-spacing: .01em; }
  176. p,
  177. blockquote,
  178. hr,
  179. pre,
  180. ol,
  181. ul,
  182. dl,
  183. figure,
  184. address {
  185. margin-bottom: 16px; }
  186. p + h1,
  187. p + h2,
  188. p + h3,
  189. p + h4,
  190. p + h5,
  191. p + h6,
  192. blockquote + h1,
  193. blockquote + h2,
  194. blockquote + h3,
  195. blockquote + h4,
  196. blockquote + h5,
  197. blockquote + h6,
  198. hr + h1,
  199. hr + h2,
  200. hr + h3,
  201. hr + h4,
  202. hr + h5,
  203. hr + h6,
  204. pre + h1,
  205. pre + h2,
  206. pre + h3,
  207. pre + h4,
  208. pre + h5,
  209. pre + h6,
  210. ol + h1,
  211. ol + h2,
  212. ol + h3,
  213. ol + h4,
  214. ol + h5,
  215. ol + h6,
  216. ul + h1,
  217. ul + h2,
  218. ul + h3,
  219. ul + h4,
  220. ul + h5,
  221. ul + h6,
  222. dl + h1,
  223. dl + h2,
  224. dl + h3,
  225. dl + h4,
  226. dl + h5,
  227. dl + h6,
  228. table + h1,
  229. table + h2,
  230. table + h3,
  231. table + h4,
  232. table + h5,
  233. table + h6,
  234. div + h1,
  235. div + h2,
  236. div + h3,
  237. div + h4,
  238. div + h5,
  239. div + h6,
  240. form + h1,
  241. form + h2,
  242. form + h3,
  243. form + h4,
  244. form + h5,
  245. form + h6 {
  246. margin-top: 20px; }
  247. ul,
  248. ol {
  249. margin-left: 20px; }
  250. ul ul,
  251. ul ol,
  252. ol ul,
  253. ol ol {
  254. margin-top: 0;
  255. margin-bottom: 0; }
  256. nav ul,
  257. nav ol {
  258. margin-left: 0;
  259. margin-bottom: 0;
  260. list-style: none; }
  261. nav ul ul,
  262. nav ul ol,
  263. nav ol ol,
  264. nav ol ul {
  265. margin-left: 20px; }
  266. li li {
  267. font-size: 1em; }
  268. ul.is-bar,
  269. ol.is-bar {
  270. margin: 0;
  271. list-style: none; }
  272. ul.is-bar li,
  273. ol.is-bar li {
  274. display: inline-block; }
  275. ul.is-bar li + li,
  276. ol.is-bar li + li {
  277. margin-left: 1em; }
  278. dt {
  279. font-weight: 600; }
  280. dl dd + dt {
  281. margin-top: 8px; }
  282. hr {
  283. border: none;
  284. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  285. overflow: visible;
  286. margin-top: -1px; }
  287. blockquote {
  288. font-size: 1.125em;
  289. font-weight: normal;
  290. font-style: italic;
  291. line-height: 1.45;
  292. color: rgba(17, 17, 19, 0.6);
  293. padding: 0.4em 0 0.4em 1rem;
  294. border: none;
  295. border-left: 3px solid rgba(21, 141, 247, 0.6); }
  296. blockquote small {
  297. color: rgba(17, 17, 19, 0.6); }
  298. blockquote p:last-child {
  299. margin-bottom: 0; }
  300. b,
  301. strong {
  302. font-weight: 600; }
  303. em,
  304. i,
  305. cite,
  306. dfn {
  307. font-style: italic; }
  308. time, small {
  309. display: inline-block;
  310. font-size: 87.5%;
  311. line-height: 1;
  312. color: rgba(17, 17, 19, 0.6); }
  313. figcaption, code, var, kbd {
  314. display: inline-block;
  315. font-family: monospace, monospace;
  316. font-size: 87.5%;
  317. line-height: 1;
  318. color: rgba(17, 17, 19, 0.85); }
  319. figcaption {
  320. font-size: 80%;
  321. font-style: italic;
  322. color: rgba(17, 17, 19, 0.7); }
  323. code {
  324. color: rgba(17, 17, 19, 0.75);
  325. background: rgba(17, 17, 19, 0.05);
  326. border: 0 solid transparent;
  327. border-radius: 4px; }
  328. var {
  329. opacity: .7;
  330. font-style: normal; }
  331. dfn,
  332. abbr {
  333. text-transform: uppercase; }
  334. dfn[title],
  335. abbr[title] {
  336. text-decoration: none;
  337. border-bottom: 1px dotted rgba(17, 17, 19, 0.5);
  338. cursor: help; }
  339. code, kbd {
  340. position: relative;
  341. top: -1px;
  342. padding: .25em .35em; }
  343. kbd {
  344. color: rgba(17, 17, 19, 0.75);
  345. background: none;
  346. border: 1px solid rgba(17, 17, 19, 0.2);
  347. border-radius: 4px; }
  348. sup,
  349. sub {
  350. font-size: .6em; }
  351. sup {
  352. vertical-align: top;
  353. position: relative;
  354. bottom: -.2em; }
  355. h1 sup,
  356. h1 sub,
  357. h2 sup,
  358. h2 sub,
  359. h3 sup,
  360. h3 sub {
  361. font-size: .4em; }
  362. sub {
  363. line-height: 1; }
  364. pre {
  365. font-family: monospace, monospace;
  366. font-size: 0.875em; }
  367. pre,
  368. pre code {
  369. background: transparent;
  370. padding: 0;
  371. top: 0;
  372. display: block;
  373. line-height: 1.5;
  374. color: #111113;
  375. overflow: auto;
  376. white-space: pre; }
  377. pre {
  378. padding: 1rem;
  379. border: 1px solid rgba(17, 17, 19, 0.08);
  380. border-radius: 4px; }
  381. pre code {
  382. font-size: 100%;
  383. border: none;
  384. background: none; }
  385. figure div + figcaption,
  386. figure pre + figcaption {
  387. position: relative;
  388. top: -8px; }
  389. figure pre {
  390. background-color: none;
  391. border: 1px solid rgba(17, 17, 19, 0.1);
  392. border-radius: 4px;
  393. margin-bottom: .5rem; }
  394. ul.is-unstyled {
  395. margin-left: 0; }
  396. ul.is-unstyled,
  397. ul.is-unstyled ul {
  398. list-style: none; }
  399. .is-muted {
  400. color: rgba(17, 17, 19, 0.6); }
  401. .is-muted a,
  402. a.is-muted {
  403. color: rgba(17, 17, 19, 0.6); }
  404. .is-muted a:hover,
  405. a.is-muted:hover {
  406. -moz-transition: all linear 0.2s;
  407. transition: all linear 0.2s;
  408. color: #111113; }
  409. .is-color-black,
  410. .is-color-black a {
  411. color: #111113; }
  412. a.is-color-black:hover,
  413. .is-color-black a:hover {
  414. color: #ee2455; }
  415. .is-large {
  416. font-size: 1.3125em;
  417. line-height: 1.45; }
  418. .is-big {
  419. font-size: 1.125em;
  420. line-height: 1.45; }
  421. .is-small {
  422. font-size: 0.875em; }
  423. .is-smaller {
  424. font-size: 0.75em; }
  425. .is-text-left {
  426. text-align: left; }
  427. .is-text-center {
  428. text-align: center; }
  429. .is-text-right {
  430. text-align: right; }
  431. @media only screen and (max-width: 767px) {
  432. .is-text-left-mobile {
  433. text-align: left; }
  434. .is-text-right-mobile {
  435. text-align: right; }
  436. .is-text-center-mobile {
  437. text-align: center; } }
  438. .is-nowrap,
  439. .is-nowrap td {
  440. white-space: nowrap; }
  441. .is-highlight {
  442. background-color: rgba(21, 141, 247, 0.1); }
  443. table {
  444. font-size: 0.9375em;
  445. border-collapse: collapse;
  446. border-spacing: 0;
  447. max-width: 100%;
  448. width: 100%;
  449. empty-cells: show;
  450. margin-bottom: 20px; }
  451. table caption {
  452. text-align: left;
  453. font-size: 11px;
  454. font-weight: bold;
  455. text-transform: uppercase;
  456. color: rgba(17, 17, 19, 0.4);
  457. letter-spacing: 1px;
  458. margin-bottom: 2px; }
  459. th {
  460. font-weight: 700;
  461. color: inherit;
  462. text-align: left;
  463. vertical-align: bottom; }
  464. td {
  465. color: inherit;
  466. vertical-align: top; }
  467. tbody.is-middle td,
  468. tr.is-middle td,
  469. td.is-middle {
  470. vertical-align: middle; }
  471. th,
  472. td {
  473. padding: 16px 16px;
  474. border-bottom: 1px solid #eee; }
  475. th::before, th::after,
  476. td::before,
  477. td::after {
  478. content: '';
  479. display: block;
  480. height: 0;
  481. width: 0; }
  482. th::before,
  483. td::before {
  484. margin-top: calc((0.75 - 1.5) * 0.49em); }
  485. th::after,
  486. td::after {
  487. margin-bottom: calc((0.75 - 1.5) * 0.49em); }
  488. th:first-child,
  489. td:first-child {
  490. padding-left: 0; }
  491. th:last-child,
  492. td:last-child {
  493. padding-right: 0; }
  494. tbody th,
  495. tbody td {
  496. border-width: 1px;
  497. border-color: #eee; }
  498. tfoot th,
  499. tfoot td {
  500. color: rgba(17, 17, 19, 0.5); }
  501. table.is-border td,
  502. table.is-border th,
  503. table.is-bordered td,
  504. table.is-bordered th {
  505. border: 1px solid #eee; }
  506. table.is-border tbody th,
  507. table.is-border tbody td,
  508. table.is-bordered tbody th,
  509. table.is-bordered tbody td {
  510. border-bottom-width: 1px;
  511. border-bottom-color: #eee; }
  512. table.is-striped tr:nth-child(odd) td {
  513. background-color: #fafafa; }
  514. table.is-border td:first-child,
  515. table.is-border th:first-child,
  516. table.is-bordered td:first-child,
  517. table.is-bordered th:first-child,
  518. table.is-striped td:first-child,
  519. table.is-striped th:first-child {
  520. padding-left: 16px; }
  521. table.is-border td:last-child,
  522. table.is-border th:last-child,
  523. table.is-bordered td:last-child,
  524. table.is-bordered th:last-child,
  525. table.is-striped td:last-child,
  526. table.is-striped th:last-child {
  527. padding-right: 16px; }
  528. @media only screen and (max-width: 767px) {
  529. table.is-responsive th {
  530. display: none; }
  531. table.is-responsive tr, table.is-responsive td {
  532. display: block; }
  533. table.is-responsive tr:nth-child(odd) {
  534. background-color: #fafafa; }
  535. table.is-responsive td {
  536. padding: 16px;
  537. text-align: right; }
  538. table.is-responsive td:before {
  539. margin-top: 2px;
  540. content: attr(data-label);
  541. float: left;
  542. font-size: 0.875em;
  543. font-weight: bold;
  544. text-transform: uppercase;
  545. white-space: nowrap; } }
  546. .is-table-container {
  547. overflow-x: auto;
  548. -webkit-overflow-scrolling: touch;
  549. margin-bottom: 16px; }
  550. .is-table-container table {
  551. margin-bottom: 0; }
  552. .is-row {
  553. display: flex;
  554. flex-direction: row;
  555. flex-wrap: wrap;
  556. margin-left: -24px; }
  557. .is-row.is-gapless,
  558. .is-row.is-gapless > .is-row {
  559. margin-left: 0;
  560. margin-top: 0; }
  561. .is-row > .is-col {
  562. flex: 1;
  563. margin-left: 24px; }
  564. .is-row > .is-col.is-10 {
  565. min-width: calc(10% - 24px); }
  566. .is-row > .is-col.is-20 {
  567. min-width: calc(20% - 24px); }
  568. .is-row > .is-col.is-25 {
  569. min-width: calc(25% - 24px); }
  570. .is-row > .is-col.is-30 {
  571. min-width: calc(30% - 24px); }
  572. .is-row > .is-col.is-33, .is-row > .is-col.is-34 {
  573. min-width: calc(33.3333% - 24px); }
  574. .is-row > .is-col.is-35 {
  575. min-width: calc(35% - 24px); }
  576. .is-row > .is-col.is-40 {
  577. min-width: calc(40% - 24px); }
  578. .is-row > .is-col.is-50 {
  579. min-width: calc(50% - 24px); }
  580. .is-row > .is-col.is-60 {
  581. min-width: calc(60% - 24px); }
  582. .is-row > .is-col.is-65 {
  583. min-width: calc(65% - 24px); }
  584. .is-row > .is-col.is-66, .is-row > .is-col.is-67 {
  585. min-width: calc(66.6666% - 24px); }
  586. .is-row > .is-col.is-70 {
  587. min-width: calc(70% - 24px); }
  588. .is-row > .is-col.is-75 {
  589. min-width: calc(75% - 24px); }
  590. .is-row > .is-col.is-80 {
  591. min-width: calc(80% - 24px); }
  592. .is-row > .is-col.is-90 {
  593. min-width: calc(90% - 24px); }
  594. .is-row.is-gapless > .is-col {
  595. margin-left: 0; }
  596. @media only screen and (max-width: 767px) {
  597. [class^='is-offset-'],
  598. [class*=' is-offset-'] {
  599. margin-left: 0; } }
  600. @media only screen and (max-width: 767px) {
  601. .is-row {
  602. flex-direction: column;
  603. flex-wrap: nowrap;
  604. margin-left: 0;
  605. margin-top: 0; }
  606. .is-row + .is-row {
  607. margin-top: 0; }
  608. .is-row > .is-col {
  609. flex: 0 0 100%;
  610. width: 100% !important;
  611. max-width: 100% !important;
  612. margin-left: 0; } }
  613. .label {
  614. display: inline-block;
  615. vertical-align: baseline;
  616. text-decoration: none;
  617. font-size: 13px;
  618. font-weight: 500;
  619. letter-spacing: 0;
  620. text-transform: none;
  621. line-height: 20px;
  622. background: #f3f3f3;
  623. color: rgba(17, 17, 19, 0.85);
  624. padding: 0 8px;
  625. border: 1px solid transparent;
  626. border-radius: 4px; }
  627. .label a {
  628. color: inherit;
  629. text-decoration: none; }
  630. .label a:hover {
  631. color: inherit;
  632. text-decoration: underline; }
  633. .label .close {
  634. margin-right: -3px; }
  635. a.label {
  636. color: rgba(17, 17, 19, 0.85); }
  637. a.label:hover {
  638. text-decoration: underline; }
  639. .label.is-secondary {
  640. font-size: 13px;
  641. font-weight: 500;
  642. letter-spacing: 0;
  643. text-transform: none;
  644. padding: 0 0.5em;
  645. background: none;
  646. color: rgba(17, 17, 19, 0.85);
  647. border: 1px solid rgba(17, 17, 19, 0.2);
  648. border-radius: 4px; }
  649. .label.is-tertiary {
  650. letter-spacing: 0.035em;
  651. background: none;
  652. color: #111113;
  653. text-transform: uppercase;
  654. font-size: 12px;
  655. font-weight: bold;
  656. padding: 0 0.2em;
  657. border: 1px solid transparent;
  658. border-radius: 0; }
  659. .label.is-badge {
  660. text-align: center;
  661. font-size: 10px;
  662. line-height: 16px;
  663. height: 18px;
  664. border-radius: 64px;
  665. min-width: 18px;
  666. padding-left: 2px;
  667. padding-right: 2px; }
  668. .label.is-error {
  669. background-color: rgba(238, 36, 85, 0.07);
  670. color: #ee2455; }
  671. .label.is-error.is-secondary {
  672. background-color: transparent;
  673. color: #ee2455;
  674. border-color: rgba(238, 36, 85, 0.3); }
  675. .label.is-error.is-tertiary {
  676. background-color: transparent;
  677. color: #ee2455; }
  678. .label.is-error .close:hover {
  679. background-color: #ee2455; }
  680. .label.is-focus {
  681. background-color: rgba(21, 141, 247, 0.07);
  682. color: #158df7; }
  683. .label.is-focus.is-secondary {
  684. background-color: transparent;
  685. color: #158df7;
  686. border-color: rgba(21, 141, 247, 0.3); }
  687. .label.is-focus.is-tertiary {
  688. background-color: transparent;
  689. color: #158df7; }
  690. .label.is-focus .close:hover {
  691. background-color: #158df7; }
  692. .label.is-success {
  693. background-color: rgba(32, 188, 113, 0.07);
  694. color: #20bc71; }
  695. .label.is-success.is-secondary {
  696. background-color: transparent;
  697. color: #20bc71;
  698. border-color: rgba(32, 188, 113, 0.3); }
  699. .label.is-success.is-tertiary {
  700. background-color: transparent;
  701. color: #20bc71; }
  702. .label.is-success .close:hover {
  703. background-color: #20bc71; }
  704. .label.is-warning {
  705. background-color: rgba(255, 105, 81, 0.07);
  706. color: #ff6951; }
  707. .label.is-warning.is-secondary {
  708. background-color: transparent;
  709. color: #ff6951;
  710. border-color: rgba(255, 105, 81, 0.3); }
  711. .label.is-warning.is-tertiary {
  712. background-color: transparent;
  713. color: #ff6951; }
  714. .label.is-warning .close:hover {
  715. background-color: #ff6951; }
  716. .button, .button:active, .button:focus {
  717. -webkit-appearance: none;
  718. display: inline-flex;
  719. align-items: center;
  720. justify-content: center;
  721. vertical-align: middle;
  722. text-align: center;
  723. font-family: inherit;
  724. font-size: 0.9375em;
  725. font-weight: 500;
  726. text-decoration: none;
  727. text-transform: none;
  728. color: rgba(255, 255, 255, 0.95);
  729. background: #0c3dd7;
  730. border-radius: 4px;
  731. border: 0 solid transparent;
  732. min-height: 2.66667em;
  733. padding: 0.5em 1.6em;
  734. box-shadow: none;
  735. cursor: pointer;
  736. line-height: 1.2; }
  737. .button i,
  738. .button span {
  739. position: relative;
  740. top: 1px;
  741. display: inline-block;
  742. font-size: 16px;
  743. width: 24px; }
  744. .button i.caret,
  745. .button span.caret {
  746. top: 0;
  747. font-size: 110%;
  748. margin-right: -12px; }
  749. .button:hover {
  750. -moz-transition: all linear 0.2s;
  751. transition: all linear 0.2s;
  752. outline: none;
  753. text-decoration: none;
  754. color: rgba(255, 255, 255, 0.95);
  755. background-color: #2355f3; }
  756. .button:disabled, .button.is-disabled {
  757. cursor: default;
  758. font-style: normal;
  759. color: #fff;
  760. background-color: rgba(17, 17, 19, 0.5);
  761. opacity: .55; }
  762. .button.is-secondary {
  763. font-size: 0.9375em;
  764. font-weight: 500;
  765. text-decoration: none;
  766. text-transform: none;
  767. color: #0c3dd7;
  768. background: none;
  769. border-radius: 4px;
  770. border: 2px solid #0c3dd7;
  771. min-height: 2.66667em;
  772. padding: 0.5em 1.6em;
  773. box-shadow: none; }
  774. .button.is-secondary:hover {
  775. color: rgba(255, 255, 255, 0.95);
  776. background: #0c3dd7;
  777. border-color: #0c3dd7; }
  778. .button.is-secondary.is-loading:before {
  779. width: 22px;
  780. height: 22px;
  781. border-color: rgba(12, 61, 215, 0.25);
  782. border-bottom-color: #0c3dd7; }
  783. .button.is-secondary.is-loading:hover:before {
  784. border-color: rgba(255, 255, 255, 0.25);
  785. border-bottom-color: #fff; }
  786. .button.is-secondary:disabled, .button.is-secondary.is-disabled {
  787. color: rgba(17, 17, 19, 0.5);
  788. border-color: rgba(17, 17, 19, 0.3);
  789. background: none; }
  790. .button.is-secondary:disabled:hover, .button.is-secondary.is-disabled:hover {
  791. background-color: none; }
  792. .button.is-tertiary {
  793. font-size: 0.9375em;
  794. font-weight: 500;
  795. text-decoration: none;
  796. text-transform: none;
  797. color: #0c3dd7;
  798. background: none;
  799. border-radius: 4px;
  800. border: 0 solid transparent;
  801. min-height: 2.66667em;
  802. padding: 0.5em 0;
  803. box-shadow: none; }
  804. .button.is-tertiary i,
  805. .button.is-tertiary span {
  806. top: 0; }
  807. .button.is-tertiary i.caret,
  808. .button.is-tertiary span.caret {
  809. top: -1px;
  810. margin-left: -4px; }
  811. .button.is-tertiary:hover {
  812. color: #0c3dd7;
  813. text-decoration: underline; }
  814. .button.is-tertiary.is-loading:before {
  815. border-color: rgba(12, 61, 215, 0.25);
  816. border-bottom-color: #0c3dd7; }
  817. .button.is-tertiary:disabled, .button.is-tertiary.is-disabled {
  818. text-decoration: none;
  819. color: rgba(17, 17, 19, 0.5); }
  820. .button.is-inverted {
  821. color: #111113;
  822. background-color: #fff; }
  823. .button.is-inverted:hover {
  824. opacity: .7; }
  825. .button.is-inverted:disabled:hover, .button.is-inverted.is-disabled:hover {
  826. opacity: .55; }
  827. .button.is-inverted.is-secondary {
  828. background: none;
  829. color: #fff;
  830. border-color: #fff; }
  831. .button.is-inverted.is-secondary:hover {
  832. opacity: 1;
  833. background-color: #fff;
  834. color: rgba(17, 17, 19, 0.95);
  835. border-color: #fff; }
  836. .button.is-inverted.is-secondary:disabled:hover, .button.is-inverted.is-secondary.is-disabled:hover {
  837. opacity: .55;
  838. background: none;
  839. color: #fff; }
  840. .button.is-inverted.is-tertiary {
  841. background: none;
  842. color: #fff; }
  843. .button.is-inverted.is-tertiary:hover {
  844. opacity: .6; }
  845. .button.is-inverted.is-tertiary:disabled:hover, .button.is-inverted.is-tertiary.is-disabled:hover {
  846. opacity: .55; }
  847. .button.is-small {
  848. font-size: 0.875em;
  849. min-height: 2.28571em;
  850. padding: 0.45em 1.15em; }
  851. .button.is-small.is-tertiary {
  852. padding-left: 0;
  853. padding-right: 0; }
  854. .button.is-big {
  855. font-size: 1.125em;
  856. min-height: 2.44444em;
  857. padding: 0.45em 1.45em; }
  858. .button.is-big.is-tertiary {
  859. padding-left: 0;
  860. padding-right: 0; }
  861. .button.is-loading, .button.is-icon {
  862. padding-left: 1em;
  863. padding-right: 1em; }
  864. .button.is-loading.is-tertiary, .button.is-icon.is-tertiary {
  865. padding-left: 0;
  866. padding-right: 0; }
  867. .button:empty.is-loading:before {
  868. margin-right: 0; }
  869. ::placeholder {
  870. color: rgba(17, 17, 19, 0.4);
  871. opacity: 1; }
  872. :-ms-input-placeholder {
  873. color: rgba(17, 17, 19, 0.4); }
  874. ::-ms-input-placeholder {
  875. color: rgba(17, 17, 19, 0.4); }
  876. fieldset {
  877. font-family: inherit;
  878. border: 1px solid rgba(17, 17, 19, 0.1);
  879. border-radius: 4px;
  880. padding: 32px;
  881. margin-bottom: 16px; }
  882. legend {
  883. font-size: 0.75em;
  884. font-weight: bold;
  885. text-transform: uppercase;
  886. color: rgba(17, 17, 19, 0.5);
  887. padding: 0 1rem;
  888. margin-left: -1rem;
  889. top: 2px;
  890. position: relative;
  891. line-height: 0; }
  892. input,
  893. textarea,
  894. select {
  895. display: block;
  896. width: 100%;
  897. font-family: inherit;
  898. vertical-align: middle;
  899. font-size: 0.9375em;
  900. font-weight: normal;
  901. height: 2.66667em;
  902. background-color: #fff;
  903. border: 1px solid rgba(17, 17, 19, 0.1);
  904. border-radius: 4px;
  905. box-shadow: none;
  906. padding: 0 8px;
  907. color: rgba(17, 17, 19, 0.8); }
  908. textarea {
  909. padding: 8px;
  910. resize: vertical;
  911. height: auto;
  912. line-height: 1.5;
  913. vertical-align: top; }
  914. select {
  915. -webkit-appearance: none;
  916. 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>');
  917. background-repeat: no-repeat;
  918. background-position: right .65em center;
  919. padding-right: 28px; }
  920. select[multiple] {
  921. background-image: none;
  922. height: auto;
  923. padding: 8px; }
  924. input:hover,
  925. textarea:hover,
  926. select:hover {
  927. outline: none;
  928. color: inherit;
  929. background-color: #fff;
  930. border: 1px solid rgba(17, 17, 19, 0.2);
  931. box-shadow: none; }
  932. input:focus,
  933. textarea:focus,
  934. select:focus {
  935. -moz-transition: all linear 0.2s;
  936. transition: all linear 0.2s;
  937. outline: none;
  938. color: inherit;
  939. background-color: #fff;
  940. border: 1px solid rgba(21, 141, 247, 0.5);
  941. box-shadow: 0 0 3px rgba(21, 141, 247, 0.5) inset; }
  942. input.is-error,
  943. textarea.is-error,
  944. select.is-error {
  945. background-color: rgba(238, 36, 85, 0.05);
  946. border: 1px solid rgba(238, 36, 85, 0.5);
  947. box-shadow: none inset; }
  948. input.is-error:focus,
  949. textarea.is-error:focus,
  950. select.is-error:focus {
  951. border-color: rgba(238, 36, 85, 0.75);
  952. box-shadow: 0 0 3px rgba(238, 36, 85, 0.5) inset; }
  953. input.is-success,
  954. textarea.is-success,
  955. select.is-success {
  956. background-color: rgba(32, 188, 113, 0.05);
  957. border: 1px solid rgba(32, 188, 113, 0.5);
  958. box-shadow: none inset; }
  959. input.is-success:focus,
  960. textarea.is-success:focus,
  961. select.is-success:focus {
  962. border-color: rgba(32, 188, 113, 0.75);
  963. box-shadow: 0 0 3px rgba(32, 188, 113, 0.5) inset; }
  964. input.is-warning,
  965. textarea.is-warning,
  966. select.is-warning {
  967. background-color: rgba(255, 105, 81, 0.05);
  968. border: 1px solid rgba(255, 105, 81, 0.5);
  969. box-shadow: none inset; }
  970. input.is-warning:focus,
  971. textarea.is-warning:focus,
  972. select.is-warning:focus {
  973. border-color: rgba(255, 105, 81, 0.75);
  974. box-shadow: 0 0 3px rgba(255, 105, 81, 0.5) inset; }
  975. input:disabled, input:disabled:hover, input.is-disabled, input.is-disabled:hover,
  976. textarea:disabled,
  977. textarea:disabled:hover,
  978. textarea.is-disabled,
  979. textarea.is-disabled:hover,
  980. select:disabled,
  981. select:disabled:hover,
  982. select.is-disabled,
  983. select.is-disabled:hover {
  984. resize: none;
  985. opacity: 0.7;
  986. cursor: default;
  987. font-style: italic;
  988. color: rgba(17, 17, 19, 0.6);
  989. border: 1px solid rgba(17, 17, 19, 0.1);
  990. box-shadow: none;
  991. background-color: #fff; }
  992. input[type="radio"].is-error,
  993. input[type="checkbox"].is-error {
  994. outline: 2px solid rgba(238, 36, 85, 0.5); }
  995. input[type="radio"].is-success,
  996. input[type="checkbox"].is-success {
  997. outline: 2px solid rgba(32, 188, 113, 0.5); }
  998. input[type="file"] {
  999. width: auto;
  1000. border: none;
  1001. padding: 0;
  1002. height: auto;
  1003. background: none;
  1004. box-shadow: none;
  1005. display: inline-block; }
  1006. input[type="search"],
  1007. input.is-search {
  1008. background-repeat: no-repeat;
  1009. background-position: 8px 51%;
  1010. 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>');
  1011. padding-left: 32px; }
  1012. input[type="radio"],
  1013. input[type="checkbox"] {
  1014. display: inline-block;
  1015. width: auto;
  1016. height: auto;
  1017. padding: 0; }
  1018. label {
  1019. display: block;
  1020. font-size: 0.9375em;
  1021. font-weight: normal;
  1022. text-transform: none;
  1023. color: #111113;
  1024. margin-bottom: 4px; }
  1025. label.is-checkbox,
  1026. label .is-desc,
  1027. label .is-success,
  1028. label .is-warning,
  1029. label .is-error {
  1030. text-transform: none;
  1031. font-weight: normal; }
  1032. label.is-checkbox {
  1033. font-size: 1em;
  1034. line-height: 1.5;
  1035. cursor: pointer;
  1036. color: inherit; }
  1037. label.is-checkbox.is-small {
  1038. font-size: 0.875em; }
  1039. label.is-checkbox.is-big {
  1040. font-size: 1.125em; }
  1041. label.is-checkbox.is-large {
  1042. font-size: 1.3125em; }
  1043. form {
  1044. margin-bottom: 16px; }
  1045. form span.is-success,
  1046. form div.is-success {
  1047. font-size: 0.75em;
  1048. color: #20bc71; }
  1049. form span.is-error,
  1050. form div.is-error {
  1051. font-size: 0.75em;
  1052. color: #ee2455; }
  1053. form span.is-warning,
  1054. form div.is-warning {
  1055. font-size: 0.75em;
  1056. color: #ff6951; }
  1057. form span.is-success,
  1058. form span.is-error,
  1059. form span.is-warning {
  1060. margin-left: 2px; }
  1061. form .is-desc {
  1062. font-size: 0.75rem;
  1063. font-weight: normal;
  1064. text-transform: none;
  1065. color: rgba(17, 17, 19, 0.5); }
  1066. form span.is-desc {
  1067. margin-left: 4px; }
  1068. form div.is-desc {
  1069. margin-top: 4px;
  1070. margin-bottom: -4px; }
  1071. form .is-req {
  1072. position: relative;
  1073. top: 1px;
  1074. font-size: 1rem;
  1075. font-weight: bold;
  1076. color: #ee2455; }
  1077. .form-item {
  1078. margin-bottom: 16px; }
  1079. fieldset > .form-item:last-child {
  1080. margin-bottom: 0; }
  1081. .form-checkboxes label.is-checkbox {
  1082. display: inline-block;
  1083. margin-right: 16px; }
  1084. .form-item.is-inline,
  1085. .form-item.is-inline-offset {
  1086. padding-left: 150px; }
  1087. .form-item.is-inline label:not(.is-checkbox) {
  1088. float: left;
  1089. margin-left: -150px; }
  1090. .form-item.is-bar input,
  1091. .form-item.is-bar textarea,
  1092. .form-item.is-bar select {
  1093. display: inline-block;
  1094. width: auto; }
  1095. .form-item.is-buttons {
  1096. display: flex; }
  1097. .form-item.is-buttons button,
  1098. .form-item.is-buttons .button {
  1099. margin-right: 8px; }
  1100. .form-item.is-buttons button + .button.is-tertiary {
  1101. margin-left: 8px; }
  1102. .form-item.is-buttons button.is-push-right,
  1103. .form-item.is-buttons .button.is-tertiary.is-push-right,
  1104. .form-item.is-buttons .button.is-push-right {
  1105. margin-left: auto;
  1106. margin-right: 0; }
  1107. .is-append,
  1108. .is-prepend {
  1109. display: flex; }
  1110. .is-append input,
  1111. .is-prepend input {
  1112. flex: 1; }
  1113. .is-append .button,
  1114. .is-append span,
  1115. .is-append a,
  1116. .is-prepend .button,
  1117. .is-prepend span,
  1118. .is-prepend a {
  1119. flex-shrink: 0; }
  1120. .is-append span,
  1121. .is-append a,
  1122. .is-prepend span,
  1123. .is-prepend a {
  1124. display: flex;
  1125. flex-direction: column;
  1126. justify-content: center;
  1127. padding: 0 16px;
  1128. border: 1px solid rgba(17, 17, 19, 0.1);
  1129. background-color: #fff;
  1130. white-space: nowrap; }
  1131. .is-append span,
  1132. .is-prepend span {
  1133. font-size: 0.875em;
  1134. font-weight: normal;
  1135. text-transform: none;
  1136. color: rgba(17, 17, 19, 0.5); }
  1137. .is-append a,
  1138. .is-prepend a {
  1139. font-size: 0.875em;
  1140. color: #158df7;
  1141. text-decoration: none; }
  1142. .is-append a:hover,
  1143. .is-prepend a:hover {
  1144. text-decoration: underline; }
  1145. .is-append a.icon,
  1146. .is-append a[class^="icon-kube-"],
  1147. .is-append a[class*=" icon-kube-"],
  1148. .is-prepend a.icon,
  1149. .is-prepend a[class^="icon-kube-"],
  1150. .is-prepend a[class*=" icon-kube-"] {
  1151. font-size: 1rem;
  1152. color: rgba(17, 17, 19, 0.6); }
  1153. .is-append a.icon:hover,
  1154. .is-append a[class^="icon-kube-"]:hover,
  1155. .is-append a[class*=" icon-kube-"]:hover,
  1156. .is-prepend a.icon:hover,
  1157. .is-prepend a[class^="icon-kube-"]:hover,
  1158. .is-prepend a[class*=" icon-kube-"]:hover {
  1159. color: #111113;
  1160. text-decoration: none; }
  1161. .is-prepend input {
  1162. border-radius: 0 4px 4px 0; }
  1163. .is-prepend .button {
  1164. margin-right: -1px;
  1165. border-radius: 4px 0 0 4px !important; }
  1166. .is-prepend span,
  1167. .is-prepend a {
  1168. border-right: none;
  1169. border-radius: 4px 0 0 4px; }
  1170. .is-append input {
  1171. border-radius: 4px 0 0 4px; }
  1172. .is-append .button {
  1173. margin-left: -1px;
  1174. border-radius: 0 4px 4px 0 !important; }
  1175. .is-append span,
  1176. .is-append a {
  1177. border-left: none;
  1178. border-radius: 0 4px 4px 0; }
  1179. .breadcrumb {
  1180. display: flex;
  1181. align-items: center;
  1182. font-size: 0.875em;
  1183. font-weight: normal;
  1184. text-transform: none; }
  1185. .breadcrumb a,
  1186. .breadcrumb span {
  1187. font-style: normal;
  1188. padding-right: 8px;
  1189. white-space: nowrap;
  1190. color: #111113;
  1191. text-decoration: none; }
  1192. .breadcrumb a:hover {
  1193. -moz-transition: all linear 0.2s;
  1194. transition: all linear 0.2s;
  1195. color: #158df7;
  1196. text-decoration: underline; }
  1197. .breadcrumb span:after,
  1198. .breadcrumb a:after {
  1199. display: inline-block;
  1200. content: "/";
  1201. color: rgba(17, 17, 19, 0.4);
  1202. padding-left: 8px; }
  1203. .breadcrumb span:last-child:after,
  1204. .breadcrumb a:last-child:after {
  1205. display: none; }
  1206. .breadcrumb span,
  1207. .breadcrumb span:last-child {
  1208. color: rgba(17, 17, 19, 0.55);
  1209. text-decoration: none; }
  1210. .pager {
  1211. font-size: 0.875em;
  1212. font-weight: normal;
  1213. text-transform: none;
  1214. margin-top: 20px;
  1215. margin-bottom: 20px; }
  1216. .pager:after {
  1217. content: '';
  1218. display: table;
  1219. clear: both; }
  1220. .pager a,
  1221. .pager span {
  1222. float: left;
  1223. padding: 8px 16px;
  1224. border: 1px solid rgba(17, 17, 19, 0.1);
  1225. border-right-color: transparent;
  1226. color: #111113;
  1227. text-decoration: none;
  1228. line-height: 1.4; }
  1229. .pager a:first-child,
  1230. .pager span:first-child {
  1231. border-top-left-radius: 4px;
  1232. border-bottom-left-radius: 4px; }
  1233. .pager a:last-child,
  1234. .pager span:last-child {
  1235. border-right-color: rgba(17, 17, 19, 0.1);
  1236. border-top-right-radius: 4px;
  1237. border-bottom-right-radius: 4px; }
  1238. .pager a.is-prev:before,
  1239. .pager a.is-next:after {
  1240. position: relative;
  1241. top: 1px;
  1242. font-size: 125%;
  1243. line-height: 1; }
  1244. .pager a.is-prev:before {
  1245. content: '<';
  1246. margin-right: 8px; }
  1247. .pager a.is-next:after {
  1248. content: '>';
  1249. margin-left: 8px; }
  1250. .pager a.is-prev:empty:before {
  1251. margin-right: 0; }
  1252. .pager a.is-next:empty:after {
  1253. margin-left: 0; }
  1254. .pager a:hover {
  1255. -moz-transition: all linear 0.2s;
  1256. transition: all linear 0.2s;
  1257. background-color: rgba(17, 17, 19, 0.04); }
  1258. .pager a.is-disabled {
  1259. background-color: transparent;
  1260. color: rgba(17, 17, 19, 0.3); }
  1261. .pager span,
  1262. .pager a.is-current,
  1263. .pager a.is-active {
  1264. background-color: rgba(17, 17, 19, 0.04);
  1265. color: rgba(17, 17, 19, 0.5); }
  1266. .pager.is-stacked a {
  1267. position: relative;
  1268. width: 50%;
  1269. border: none;
  1270. font-size: 1.1rem;
  1271. font-weight: bold;
  1272. padding: 0;
  1273. padding-top: 20px; }
  1274. .pager.is-stacked a:hover {
  1275. background: none;
  1276. text-decoration: underline;
  1277. color: #158df7; }
  1278. .pager.is-stacked a.is-prev:before,
  1279. .pager.is-stacked a.is-next:after {
  1280. content: '';
  1281. margin: 0; }
  1282. .pager.is-stacked a.is-prev:after,
  1283. .pager.is-stacked a.is-next:before {
  1284. position: absolute;
  1285. top: 0;
  1286. left: 0;
  1287. content: attr(data-label);
  1288. font-size: 11px;
  1289. text-transform: uppercase;
  1290. font-style: normal;
  1291. font-weight: normal;
  1292. letter-spacing: .03em;
  1293. margin-bottom: 4px;
  1294. color: rgba(17, 17, 19, 0.5); }
  1295. .pager.is-stacked .is-next {
  1296. text-align: right; }
  1297. .pager.is-stacked a.is-next:before {
  1298. right: 0; }
  1299. @media only screen and (max-width: 767px) {
  1300. .pager.is-stacked a {
  1301. float: none;
  1302. display: block;
  1303. width: 100%;
  1304. margin-bottom: 20px; }
  1305. .pager.is-stacked a:last-child {
  1306. margin-bottom: 0; }
  1307. .pager.is-stacked a.is-next {
  1308. text-align: left; } }
  1309. .alert {
  1310. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  1311. font-size: 0.9375em;
  1312. font-weight: 500;
  1313. text-transform: none;
  1314. background: #fff;
  1315. color: #111113;
  1316. padding: 16px 32px 16px 16px;
  1317. box-shadow: none;
  1318. border: 1px solid rgba(17, 17, 19, 0.1);
  1319. border-radius: 4px;
  1320. position: relative;
  1321. margin-bottom: 16px; }
  1322. .alert h1,
  1323. .alert h2,
  1324. .alert h3,
  1325. .alert h4,
  1326. .alert h5,
  1327. .alert h6 {
  1328. margin-bottom: 2px; }
  1329. .alert a {
  1330. color: inherit; }
  1331. .alert a:hover {
  1332. -moz-transition: all linear 0.2s;
  1333. transition: all linear 0.2s;
  1334. color: #ee2455; }
  1335. .alert .close {
  1336. position: absolute;
  1337. right: 8px;
  1338. top: 20px; }
  1339. .alert p {
  1340. margin-top: 0;
  1341. margin-bottom: 0; }
  1342. .alert.is-error {
  1343. background: rgba(238, 36, 85, 0.07);
  1344. border-color: rgba(238, 36, 85, 0.3);
  1345. color: #ee2455; }
  1346. .alert.is-error a:hover {
  1347. color: #111113; }
  1348. .alert.is-success {
  1349. background: rgba(32, 188, 113, 0.07);
  1350. border-color: rgba(32, 188, 113, 0.3);
  1351. color: #20bc71; }
  1352. .alert.is-success a:hover {
  1353. color: #111113; }
  1354. .alert.is-focus {
  1355. background: rgba(21, 141, 247, 0.07);
  1356. border-color: rgba(21, 141, 247, 0.3);
  1357. color: #158df7; }
  1358. .alert.is-focus a:hover {
  1359. color: #111113; }
  1360. .alert.is-inverted {
  1361. background: rgba(255, 255, 255, 0.15);
  1362. border-color: rgba(255, 255, 255, 0.4);
  1363. color: #fff; }
  1364. .alert.is-inverted a:hover {
  1365. color: rgba(255, 255, 255, 0.6); }
  1366. .is-navbar-container,
  1367. .is-navbar-box {
  1368. display: flex;
  1369. flex: 1;
  1370. align-items: center;
  1371. min-width: 100%;
  1372. min-height: 100%; }
  1373. @media only screen and (max-width: 767px) {
  1374. .is-navbar-container,
  1375. .is-navbar-box {
  1376. flex-direction: column; } }
  1377. .is-navbar-container .is-brand,
  1378. .is-navbar-box .is-brand {
  1379. display: flex;
  1380. align-items: center; }
  1381. .is-navbar-container .is-brand h1,
  1382. .is-navbar-container .is-brand h2,
  1383. .is-navbar-container .is-brand h3,
  1384. .is-navbar-container .is-brand h4,
  1385. .is-navbar-container .is-brand h5,
  1386. .is-navbar-container .is-brand h6,
  1387. .is-navbar-box .is-brand h1,
  1388. .is-navbar-box .is-brand h2,
  1389. .is-navbar-box .is-brand h3,
  1390. .is-navbar-box .is-brand h4,
  1391. .is-navbar-box .is-brand h5,
  1392. .is-navbar-box .is-brand h6 {
  1393. line-height: 1;
  1394. margin: 0; }
  1395. .is-navbar {
  1396. display: flex;
  1397. flex: 1;
  1398. align-items: center; }
  1399. @media only screen and (max-width: 767px) {
  1400. .is-navbar {
  1401. flex-direction: column; } }
  1402. .is-navbar ul {
  1403. display: flex;
  1404. flex: 1;
  1405. align-items: center; }
  1406. @media only screen and (max-width: 767px) {
  1407. .is-navbar ul {
  1408. flex-direction: column; } }
  1409. .is-navbar li {
  1410. white-space: nowrap;
  1411. margin-left: 28px; }
  1412. .is-navbar a:not(.button) {
  1413. line-height: 1;
  1414. display: block;
  1415. padding-top: 8px;
  1416. padding-bottom: 8px; }
  1417. .is-navbar a:not(.button)::before, .is-navbar a:not(.button)::after {
  1418. content: '';
  1419. display: block;
  1420. height: 0;
  1421. width: 0; }
  1422. .is-navbar a:not(.button)::before {
  1423. margin-top: calc((0.75 - 1) * 0.49em); }
  1424. .is-navbar a:not(.button)::after {
  1425. margin-bottom: calc((0.75 - 1) * 0.49em); }
  1426. .is-navbar form {
  1427. margin: 0; }
  1428. .is-navbar input {
  1429. position: relative;
  1430. top: 1px; }
  1431. .is-navbar nav.is-justify {
  1432. text-align: center;
  1433. width: 100%; }
  1434. .is-navbar nav.is-justify li {
  1435. flex: 1;
  1436. margin-left: 0;
  1437. margin-right: 0; }
  1438. @media only screen and (max-width: 767px) {
  1439. .is-navbar-container.is-scrollable,
  1440. .is-navbar-container.is-scrollable .is-navbar,
  1441. .is-navbar-container.is-scrollable .is-navbar ul,
  1442. .is-navbar-box.is-scrollable,
  1443. .is-navbar-box.is-scrollable .is-navbar,
  1444. .is-navbar-box.is-scrollable .is-navbar ul {
  1445. display: flex;
  1446. flex-direction: row; }
  1447. .is-navbar-container:not(.is-scrollable),
  1448. .is-navbar-container:not(.is-scrollable) .is-navbar,
  1449. .is-navbar-container:not(.is-scrollable) .is-navbar ul,
  1450. .is-navbar-box:not(.is-scrollable),
  1451. .is-navbar-box:not(.is-scrollable) .is-navbar,
  1452. .is-navbar-box:not(.is-scrollable) .is-navbar ul {
  1453. align-items: flex-start;
  1454. display: block;
  1455. max-width: 100%; }
  1456. .is-navbar-container:not(.is-scrollable) .is-navbar li,
  1457. .is-navbar-box:not(.is-scrollable) .is-navbar li {
  1458. margin-left: 0; }
  1459. .is-navbar-container:not(.is-scrollable) .is-navbar input,
  1460. .is-navbar-container:not(.is-scrollable) .is-navbar .button.is-small,
  1461. .is-navbar-box:not(.is-scrollable) .is-navbar input,
  1462. .is-navbar-box:not(.is-scrollable) .is-navbar .button.is-small {
  1463. margin-top: 8px;
  1464. margin-bottom: 8px; }
  1465. .is-navbar-container:not(.is-scrollable) .is-navbar nav.is-justify,
  1466. .is-navbar-box:not(.is-scrollable) .is-navbar nav.is-justify {
  1467. text-align: left; } }
  1468. @keyframes slideUp {
  1469. to {
  1470. height: 0;
  1471. padding-top: 0;
  1472. padding-bottom: 0;
  1473. margin-bottom: 0; } }
  1474. @keyframes slideDown {
  1475. from {
  1476. height: 0;
  1477. padding-top: 0;
  1478. padding-bottom: 0;
  1479. margin-bottom: 0; } }
  1480. @keyframes fadeIn {
  1481. from {
  1482. opacity: 0; }
  1483. to {
  1484. opacity: 1; } }
  1485. @keyframes fadeOut {
  1486. from {
  1487. opacity: 1; }
  1488. to {
  1489. opacity: 0; } }
  1490. @keyframes flipIn {
  1491. from {
  1492. opacity: 0;
  1493. transform: scaleY(0); }
  1494. to {
  1495. opacity: 1;
  1496. transform: scaleY(1); } }
  1497. @keyframes flipOut {
  1498. from {
  1499. opacity: 1;
  1500. transform: scaleY(1); }
  1501. to {
  1502. opacity: 0;
  1503. transform: scaleY(0); } }
  1504. @keyframes zoomIn {
  1505. from {
  1506. opacity: 0;
  1507. transform: scale3d(0.3, 0.3, 0.3); }
  1508. 50% {
  1509. opacity: 1; } }
  1510. @keyframes zoomOut {
  1511. from {
  1512. opacity: 1; }
  1513. 50% {
  1514. opacity: 0;
  1515. transform: scale3d(0.3, 0.3, 0.3); }
  1516. to {
  1517. opacity: 0; } }
  1518. @keyframes slideInRight {
  1519. from {
  1520. transform: translate3d(100%, 0, 0);
  1521. visibility: visible; }
  1522. to {
  1523. transform: translate3d(0, 0, 0); } }
  1524. @keyframes slideInLeft {
  1525. from {
  1526. transform: translate3d(-100%, 0, 0);
  1527. visibility: visible; }
  1528. to {
  1529. transform: translate3d(0, 0, 0); } }
  1530. @keyframes slideInDown {
  1531. from {
  1532. transform: translate3d(0, -100%, 0);
  1533. visibility: visible; }
  1534. to {
  1535. transform: translate3d(0, 0, 0); } }
  1536. @keyframes slideOutLeft {
  1537. from {
  1538. transform: translate3d(0, 0, 0); }
  1539. to {
  1540. visibility: hidden;
  1541. transform: translate3d(-100%, 0, 0); } }
  1542. @keyframes slideOutRight {
  1543. from {
  1544. transform: translate3d(0, 0, 0); }
  1545. to {
  1546. visibility: hidden;
  1547. transform: translate3d(100%, 0, 0); } }
  1548. @keyframes slideOutUp {
  1549. from {
  1550. transform: translate3d(0, 0, 0); }
  1551. to {
  1552. visibility: hidden;
  1553. transform: translate3d(0, -100%, 0); } }
  1554. @keyframes rotate {
  1555. from {
  1556. transform: rotate(0deg); }
  1557. to {
  1558. transform: rotate(360deg); } }
  1559. @keyframes pulse {
  1560. from {
  1561. transform: scale3d(1, 1, 1); }
  1562. 50% {
  1563. transform: scale3d(1.1, 1.1, 1.1); }
  1564. to {
  1565. transform: scale3d(1, 1, 1); } }
  1566. @keyframes shake {
  1567. 15% {
  1568. transform: translateX(0.5rem); }
  1569. 30% {
  1570. transform: translateX(-0.4rem); }
  1571. 45% {
  1572. transform: translateX(0.3rem); }
  1573. 60% {
  1574. transform: translateX(-0.2rem); }
  1575. 75% {
  1576. transform: translateX(0.1rem); }
  1577. 90% {
  1578. transform: translateX(0); }
  1579. 90% {
  1580. transform: translateX(0); } }
  1581. .kube-fadeIn {
  1582. opacity: 0;
  1583. animation: fadeIn .5s ease-in-out; }
  1584. .kube-fadeOut {
  1585. opacity: 1;
  1586. animation: fadeOut .5s ease-in-out; }
  1587. .kube-zoomIn {
  1588. animation: zoomIn .5s ease-in; }
  1589. .kube-zoomOut {
  1590. animation: zoomOut .5s ease-in; }
  1591. .kube-slideInRight {
  1592. animation: slideInRight .5s ease; }
  1593. .kube-slideInLeft {
  1594. animation: slideInLeft .5s ease; }
  1595. .kube-slideInDown {
  1596. animation: slideInDown .5s ease; }
  1597. .kube-slideOutLeft {
  1598. animation: slideOutLeft .5s ease; }
  1599. .kube-slideOutRight {
  1600. animation: slideOutRight .5s ease; }
  1601. .kube-slideOutUp {
  1602. animation: slideOutUp .5s ease; }
  1603. .kube-slideUp {
  1604. overflow: hidden;
  1605. animation: slideUp .3s ease-out; }
  1606. .kube-slideDown {
  1607. overflow: hidden;
  1608. animation: slideDown .4s ease-in-out; }
  1609. .kube-flipIn {
  1610. animation: flipIn 0.5s cubic-bezier(0.5, -0.5, 0.5, 1.5); }
  1611. .kube-flipOut {
  1612. animation: flipOut 0.5s cubic-bezier(0.5, -0.5, 0.5, 1.5); }
  1613. .kube-rotate {
  1614. animation: rotate .5s ease-in-out; }
  1615. .kube-pulse {
  1616. animation: pulse .5s ease-out 2; }
  1617. .kube-shake {
  1618. animation: shake .5s ease-in-out; }
  1619. .message {
  1620. position: fixed;
  1621. top: 8px;
  1622. right: 8px;
  1623. width: 360px;
  1624. background: #fff;
  1625. box-shadow: 0 6px 24px rgba(17, 17, 19, 0.12);
  1626. border-radius: 4px;
  1627. z-index: 400;
  1628. border: 1px solid transparent;
  1629. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  1630. font-size: 0.9375em;
  1631. font-weight: normal;
  1632. text-transform: none;
  1633. color: #111113;
  1634. padding: 16px; }
  1635. .message h1,
  1636. .message h2,
  1637. .message h3,
  1638. .message h4,
  1639. .message h5,
  1640. .message h6,
  1641. .message a {
  1642. color: inherit; }
  1643. .message a:hover {
  1644. -moz-transition: all linear 0.2s;
  1645. transition: all linear 0.2s;
  1646. color: rgba(17, 17, 19, 0.6); }
  1647. .message.is-center, .message.is-centered {
  1648. left: 50%;
  1649. margin-left: -180px; }
  1650. .message.is-left {
  1651. left: 8px;
  1652. right: auto; }
  1653. .message.is-line {
  1654. width: 100%;
  1655. top: 0;
  1656. left: 0;
  1657. right: 0;
  1658. border-radius: 0; }
  1659. .message.is-error {
  1660. background: #ee2455;
  1661. color: #fff;
  1662. border-color: transparent; }
  1663. .message.is-error a:hover {
  1664. color: rgba(255, 255, 255, 0.7); }
  1665. .message.is-success {
  1666. background: #20bc71;
  1667. color: #fff;
  1668. border-color: transparent; }
  1669. .message.is-success a:hover {
  1670. color: rgba(255, 255, 255, 0.7); }
  1671. .message.is-focus {
  1672. background: #158df7;
  1673. color: rgba(255, 255, 255, 0.95);
  1674. border-color: transparent; }
  1675. .message.is-focus a:hover {
  1676. color: rgba(255, 255, 255, 0.7); }
  1677. .message.is-black {
  1678. background: #111113;
  1679. color: #fff;
  1680. border-color: transparent; }
  1681. .message.is-black a:hover {
  1682. color: rgba(255, 255, 255, 0.7); }
  1683. .tabs {
  1684. display: flex;
  1685. font-size: 0.9375em;
  1686. font-weight: normal;
  1687. text-transform: none;
  1688. margin-bottom: 20px;
  1689. border-bottom: 1px solid rgba(17, 17, 19, 0.1); }
  1690. .tabs a {
  1691. position: relative;
  1692. top: 1px;
  1693. display: block;
  1694. padding: 8px 20px;
  1695. border-bottom: 2px solid transparent;
  1696. color: rgba(17, 17, 19, 0.65);
  1697. background-color: transparent;
  1698. text-decoration: none; }
  1699. .tabs a:hover {
  1700. -moz-transition: all linear 0.2s;
  1701. transition: all linear 0.2s;
  1702. color: #158df7;
  1703. background: none;
  1704. text-decoration: none;
  1705. border-bottom: 2px solid #158df7; }
  1706. .tabs a.is-active {
  1707. cursor: default;
  1708. color: #111113;
  1709. background: none;
  1710. text-decoration: none;
  1711. border-bottom: 2px solid #111113; }
  1712. @media only screen and (max-width: 767px) {
  1713. .tabs {
  1714. display: block; } }
  1715. .dropdown {
  1716. position: absolute;
  1717. z-index: 300;
  1718. background: #fff;
  1719. box-shadow: 0 6px 24px rgba(17, 17, 19, 0.12);
  1720. border-radius: 4px;
  1721. width: 280px;
  1722. font-size: 0.9375em;
  1723. font-weight: normal;
  1724. border: 0 solid transparent;
  1725. padding: 0 0 2px 0; }
  1726. .dropdown span,
  1727. .dropdown a {
  1728. display: block;
  1729. text-decoration: none;
  1730. padding: 8px 16px;
  1731. white-space: nowrap; }
  1732. .dropdown a {
  1733. color: #111113;
  1734. background: none; }
  1735. .dropdown a:hover {
  1736. text-decoration: underline;
  1737. color: #111113;
  1738. background: rgba(17, 17, 19, 0.04); }
  1739. .dropdown a.is-separator {
  1740. padding-bottom: 8px;
  1741. border-bottom: 1px solid rgba(17, 17, 19, 0.05); }
  1742. .dropdown a:first-child,
  1743. .dropdown span:first-child {
  1744. border-top-left-radius: 4px;
  1745. border-top-right-radius: 4px; }
  1746. .dropdown a.is-active, .dropdown a.is-active:hover,
  1747. .dropdown span,
  1748. .dropdown span:hover {
  1749. text-decoration: none;
  1750. cursor: text;
  1751. color: rgba(17, 17, 19, 0.4);
  1752. background: none; }
  1753. .modal-box {
  1754. position: fixed;
  1755. top: 0;
  1756. left: 0;
  1757. bottom: 0;
  1758. right: 0;
  1759. overflow-x: hidden;
  1760. overflow-y: auto;
  1761. z-index: 200; }
  1762. .modal {
  1763. position: relative;
  1764. margin: 16px auto;
  1765. padding: 0;
  1766. font-family: inherit;
  1767. background: #fff;
  1768. box-shadow: 0 15px 40px rgba(17, 17, 19, 0.2);
  1769. border-radius: 4px;
  1770. color: #111113; }
  1771. @media only screen and (max-width: 767px) {
  1772. .modal input,
  1773. .modal textarea {
  1774. font-size: 16px; } }
  1775. .modal .close {
  1776. position: absolute;
  1777. top: 22px;
  1778. right: 16px;
  1779. font-size: 16px;
  1780. width: 32px;
  1781. height: 32px;
  1782. line-height: 32px;
  1783. opacity: .4; }
  1784. .modal .close:hover {
  1785. opacity: 1; }
  1786. .modal-header {
  1787. font-size: 1.05rem;
  1788. font-weight: bold;
  1789. background: none;
  1790. padding: 20px 24px;
  1791. border-bottom: 1px solid rgba(17, 17, 19, 0.05); }
  1792. .modal-header:empty {
  1793. display: none; }
  1794. .modal-body {
  1795. font-size: inherit;
  1796. background: none;
  1797. padding: 24px; }
  1798. .modal-footer {
  1799. font-size: inherit;
  1800. font-weight: normal;
  1801. background-color: none;
  1802. padding: 16px 24px;
  1803. border-top: 1px solid rgba(17, 17, 19, 0.05); }
  1804. .modal-footer:empty {
  1805. display: none; }
  1806. .modal-footer button {
  1807. margin-right: 8px; }
  1808. .modal-footer button + button.is-tertiary {
  1809. margin-left: 8px; }
  1810. @keyframes progress-bar-stripes {
  1811. from {
  1812. background-position: 40px 0; }
  1813. to {
  1814. background-position: 0 0; } }
  1815. .kube-progress {
  1816. position: absolute;
  1817. top: 0;
  1818. left: 0;
  1819. z-index: 11000;
  1820. width: 100%;
  1821. background-color: rgba(17, 17, 19, 0.2); }
  1822. .kube-progress span {
  1823. 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);
  1824. 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);
  1825. 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);
  1826. -webkit-animation: progress-bar-stripes 2s linear infinite;
  1827. -moz-animation: progress-bar-stripes 2s linear infinite;
  1828. animation: progress-bar-stripes 2s linear infinite;
  1829. content: '';
  1830. display: block;
  1831. min-height: 8px;
  1832. width: 100%;
  1833. height: 100%;
  1834. background-color: #158df7;
  1835. background-size: 40px 40px; }
  1836. .is-offcanvasTransition {
  1837. transition: transform .5s ease-in-out; }
  1838. .is-offcanvas {
  1839. position: absolute;
  1840. top: 0;
  1841. left: 0;
  1842. right: auto;
  1843. overflow-y: scroll;
  1844. z-index: 200;
  1845. min-height: 100vh;
  1846. width: 300px;
  1847. padding: 16px 20px;
  1848. background-color: #111113;
  1849. font-size: 0.9375em;
  1850. color: #fff; }
  1851. .is-offcanvas.is-offcanvas-right {
  1852. left: auto;
  1853. right: 0; }
  1854. .is-offcanvas.is-offcanvas-push {
  1855. left: -300px;
  1856. right: auto; }
  1857. .is-offcanvas.is-offcanvas-push.is-offcanvas-right {
  1858. right: -300px;
  1859. left: auto; }
  1860. .is-offcanvas a {
  1861. color: #fff; }
  1862. .is-offcanvas a:hover {
  1863. -moz-transition: all linear 0.2s;
  1864. transition: all linear 0.2s;
  1865. color: rgba(255, 255, 255, 0.6); }
  1866. .nav-toggle {
  1867. position: relative;
  1868. top: 1px;
  1869. color: #111113;
  1870. text-decoration: none; }
  1871. .nav-toggle:active {
  1872. color: #111113; }
  1873. .nav-toggle:hover {
  1874. color: #ee2455; }
  1875. .is-container {
  1876. display: flex;
  1877. flex: 1; }
  1878. @media only screen and (max-width: 767px) {
  1879. .is-container {
  1880. flex-direction: column; } }
  1881. .is-container-row {
  1882. display: flex;
  1883. flex: 1; }
  1884. .is-container-column {
  1885. display: flex;
  1886. flex-direction: column;
  1887. flex: 1; }
  1888. .is-items-middle {
  1889. align-items: center; }
  1890. @media only screen and (max-width: 767px) {
  1891. .is-items-middle {
  1892. justify-content: flex-start;
  1893. align-items: flex-start; } }
  1894. .is-push-right {
  1895. margin-left: auto;
  1896. flex: none; }
  1897. @media only screen and (max-width: 767px) {
  1898. .is-push-right {
  1899. margin-left: 0; }
  1900. .is-push-right-mobile {
  1901. margin-left: auto; } }
  1902. .is-center,
  1903. .is-centered {
  1904. margin-left: auto;
  1905. margin-right: auto; }
  1906. @media only screen and (max-width: 767px) {
  1907. .is-left-mobile {
  1908. margin-left: 0; } }
  1909. .is-fixed {
  1910. position: fixed !important;
  1911. top: 0;
  1912. left: 0;
  1913. z-index: 200; }
  1914. .is-relative {
  1915. position: relative; }
  1916. .is-width-large {
  1917. max-width: 1000px; }
  1918. .is-width-medium {
  1919. max-width: 820px; }
  1920. .is-width-small {
  1921. max-width: 420px; }
  1922. .is-10 {
  1923. width: 10%;
  1924. min-width: 10%; }
  1925. .is-20 {
  1926. width: 20%;
  1927. min-width: 20%; }
  1928. .is-25 {
  1929. width: 25%;
  1930. min-width: 25%; }
  1931. .is-30 {
  1932. width: 30%;
  1933. min-width: 30%; }
  1934. .is-33,
  1935. .is-34 {
  1936. width: 33.3333%;
  1937. min-width: 33.3333%; }
  1938. .is-35 {
  1939. width: 35%;
  1940. min-width: 35%; }
  1941. .is-40 {
  1942. width: 40%;
  1943. min-width: 40%; }
  1944. .is-50 {
  1945. width: 50%;
  1946. min-width: 50%; }
  1947. .is-60 {
  1948. width: 60%; }
  1949. .is-65 {
  1950. width: 65%; }
  1951. .is-66,
  1952. .is-67 {
  1953. width: 66.6666%;
  1954. min-width: 66.6666%; }
  1955. .is-70 {
  1956. width: 70%;
  1957. min-width: 70%; }
  1958. .is-75 {
  1959. width: 75%;
  1960. min-width: 75%; }
  1961. .is-80 {
  1962. width: 80%;
  1963. min-width: 80%; }
  1964. .is-90 {
  1965. width: 90%;
  1966. min-width: 90%; }
  1967. .is-100 {
  1968. width: 100%;
  1969. min-width: 100%; }
  1970. @media only screen and (max-width: 767px) {
  1971. .is-width-large,
  1972. .is-width-medium,
  1973. .is-width-small,
  1974. .is-10,
  1975. .is-20,
  1976. .is-25,
  1977. .is-30,
  1978. .is-33,
  1979. .is-34,
  1980. .is-35,
  1981. .is-40,
  1982. .is-50,
  1983. .is-60,
  1984. .is-65,
  1985. .is-66,
  1986. .is-67,
  1987. .is-70,
  1988. .is-75,
  1989. .is-80,
  1990. .is-90,
  1991. .is-100 {
  1992. width: auto;
  1993. min-width: 100%; } }
  1994. .is-invisible {
  1995. visibility: hidden; }
  1996. .is-visible {
  1997. visibility: visible; }
  1998. .is-hidden {
  1999. display: none !important; }
  2000. @media only screen and (max-width: 767px) {
  2001. .is-hidden-mobile {
  2002. display: none !important; } }
  2003. @media only screen and (min-width: 768px) {
  2004. .is-shown-mobile {
  2005. display: none; } }
  2006. @media print {
  2007. .is-hidden-print {
  2008. display: none; } }
  2009. .is-shadow-1 {
  2010. box-shadow: 0 1px 3px rgba(17, 17, 19, 0.15); }
  2011. .is-shadow-2 {
  2012. box-shadow: 0 6px 24px rgba(17, 17, 19, 0.12); }
  2013. .is-shadow-3 {
  2014. box-shadow: 0 15px 40px rgba(17, 17, 19, 0.2); }
  2015. .is-border {
  2016. border: 1px solid rgba(17, 17, 19, 0.07); }
  2017. .is-border-top {
  2018. border-top: 1px solid rgba(17, 17, 19, 0.07); }
  2019. .is-border-bottom {
  2020. border-bottom: 1px solid rgba(17, 17, 19, 0.07); }
  2021. .is-border-radius {
  2022. border-radius: 4px; }
  2023. .is-scrollable {
  2024. overflow-x: auto;
  2025. white-space: nowrap; }
  2026. .is-no-scroll {
  2027. overflow: hidden; }
  2028. .is-no-scroll-x {
  2029. overflow-x: hidden; }
  2030. .is-video-container {
  2031. height: 0;
  2032. padding-bottom: 56.25%;
  2033. position: relative;
  2034. margin-bottom: 16px; }
  2035. .is-video-container iframe,
  2036. .is-video-container object,
  2037. .is-video-container embed {
  2038. position: absolute;
  2039. top: 0;
  2040. left: 0;
  2041. width: 100% !important;
  2042. height: 100% !important; }
  2043. figure .is-video-container {
  2044. margin-bottom: 8px; }
  2045. .close {
  2046. display: inline-block;
  2047. vertical-align: baseline;
  2048. text-align: center;
  2049. font-size: 9px;
  2050. opacity: .85;
  2051. border-radius: 20px;
  2052. cursor: pointer;
  2053. margin-top: -3px;
  2054. margin-bottom: -3px;
  2055. width: 20px;
  2056. height: 20px;
  2057. line-height: 22px; }
  2058. .close:hover {
  2059. -moz-transition: all linear 0.2s;
  2060. transition: all linear 0.2s;
  2061. opacity: 1;
  2062. color: #fff;
  2063. background-color: #111113; }
  2064. .close.is-big {
  2065. font-size: 14px;
  2066. width: 28px;
  2067. height: 28px;
  2068. line-height: 28px; }
  2069. .close.is-large {
  2070. font-size: 18px;
  2071. width: 36px;
  2072. height: 36px;
  2073. line-height: 36px; }
  2074. .close.is-inverted {
  2075. color: #fff; }
  2076. .caret {
  2077. display: inline-block; }
  2078. .is-loading:before {
  2079. content: '';
  2080. display: inline-block;
  2081. width: 24px;
  2082. height: 24px;
  2083. margin-right: .5em;
  2084. border-radius: 50%;
  2085. border: 4px solid rgba(255, 255, 255, 0.25);
  2086. border-bottom-color: #fff;
  2087. -webkit-animation: loadingRotate 2s linear 0s infinite;
  2088. animation: loadingRotate 2s linear 0s infinite; }
  2089. @keyframes loadingRotate {
  2090. 0% {
  2091. transform: rotate(0deg); }
  2092. 100% {
  2093. transform: rotate(360deg); } }
  2094. .overlay {
  2095. position: fixed;
  2096. z-index: 100;
  2097. top: 0;
  2098. left: 0;
  2099. right: 0;
  2100. bottom: 0;
  2101. background-color: rgba(17, 17, 19, 0.18); }
  2102. .overlay > .close {
  2103. position: fixed;
  2104. top: 1rem;
  2105. right: 1rem; }
  2106. .is-inset-none {
  2107. padding: 0; }
  2108. .is-inset-2 {
  2109. padding: 2px; }
  2110. .is-inset-4 {
  2111. padding: 4px; }
  2112. .is-inset-8 {
  2113. padding: 8px; }
  2114. .is-inset-12 {
  2115. padding: 12px; }
  2116. .is-inset-16 {
  2117. padding: 16px; }
  2118. .is-inset-20 {
  2119. padding: 20px; }
  2120. .is-inset-24 {
  2121. padding: 24px; }
  2122. .is-inset-28 {
  2123. padding: 28px; }
  2124. .is-inset-32 {
  2125. padding: 32px; }
  2126. .is-inset-36 {
  2127. padding: 36px; }
  2128. .is-inset-40 {
  2129. padding: 40px; }
  2130. .is-inset-44 {
  2131. padding: 44px; }
  2132. .is-inset-48 {
  2133. padding: 48px; }
  2134. .is-inset-52 {
  2135. padding: 52px; }
  2136. .is-inset-56 {
  2137. padding: 56px; }
  2138. .is-inset-60 {
  2139. padding: 60px; }
  2140. .is-inset-64 {
  2141. padding: 64px; }
  2142. .is-inset-80 {
  2143. padding: 80px; }
  2144. .is-inset-100 {
  2145. padding: 100px; }
  2146. .is-inset-120 {
  2147. padding: 120px; }
  2148. @media only screen and (max-width: 767px) {
  2149. .inset-none-mobile {
  2150. padding: 0; }
  2151. .is-inset-2-mobile {
  2152. padding: 2px; }
  2153. .is-inset-4-mobile {
  2154. padding: 4px; }
  2155. .is-inset-8-mobile {
  2156. padding: 8px; }
  2157. .is-inset-12-mobile {
  2158. padding: 12px; }
  2159. .is-inset-16-mobile {
  2160. padding: 16px; }
  2161. .is-inset-20-mobile {
  2162. padding: 20px; }
  2163. .is-inset-24-mobile {
  2164. padding: 24px; }
  2165. .is-inset-28-mobile {
  2166. padding: 28px; }
  2167. .is-inset-32-mobile {
  2168. padding: 32px; }
  2169. .is-inset-36-mobile {
  2170. padding: 36px; }
  2171. .is-inset-40-mobile {
  2172. padding: 40px; }
  2173. .is-inset-44-mobile {
  2174. padding: 44px; }
  2175. .is-inset-48-mobile {
  2176. padding: 48px; }
  2177. .is-inset-52-mobile {
  2178. padding: 52px; }
  2179. .is-inset-56-mobile {
  2180. padding: 56px; }
  2181. .is-inset-60-mobile {
  2182. padding: 60px; }
  2183. .is-inset-64-mobile {
  2184. padding: 64px; }
  2185. .is-inset-80-mobile {
  2186. padding: 80px; }
  2187. .is-inset-100-mobile {
  2188. padding: 100px; }
  2189. .is-inset-120-mobile {
  2190. padding: 120px; } }
  2191. .is-inset-x-none {
  2192. padding-left: 0;
  2193. padding-right: 0; }
  2194. .is-inset-x-2 {
  2195. padding-left: 2px;
  2196. padding-right: 2px; }
  2197. .is-inset-x-4 {
  2198. padding-left: 4px;
  2199. padding-right: 4px; }
  2200. .is-inset-x-8 {
  2201. padding-left: 8px;
  2202. padding-right: 8px; }
  2203. .is-inset-x-12 {
  2204. padding-left: 12px;
  2205. padding-right: 12px; }
  2206. .is-inset-x-16 {
  2207. padding-left: 16px;
  2208. padding-right: 16px; }
  2209. .is-inset-x-20 {
  2210. padding-left: 20px;
  2211. padding-right: 20px; }
  2212. .is-inset-x-24 {
  2213. padding-left: 24px;
  2214. padding-right: 24px; }
  2215. .is-inset-x-28 {
  2216. padding-left: 28px;
  2217. padding-right: 28px; }
  2218. .is-inset-x-32 {
  2219. padding-left: 32px;
  2220. padding-right: 32px; }
  2221. .is-inset-x-36 {
  2222. padding-left: 36px;
  2223. padding-right: 36px; }
  2224. .is-inset-x-40 {
  2225. padding-left: 40px;
  2226. padding-right: 40px; }
  2227. .is-inset-x-44 {
  2228. padding-left: 44px;
  2229. padding-right: 44px; }
  2230. .is-inset-x-48 {
  2231. padding-left: 48px;
  2232. padding-right: 48px; }
  2233. .is-inset-x-52 {
  2234. padding-left: 52px;
  2235. padding-right: 52px; }
  2236. .is-inset-x-56 {
  2237. padding-left: 56px;
  2238. padding-right: 56px; }
  2239. .is-inset-x-60 {
  2240. padding-left: 60px;
  2241. padding-right: 60px; }
  2242. .is-inset-x-64 {
  2243. padding-left: 64px;
  2244. padding-right: 64px; }
  2245. .is-inset-x-80 {
  2246. padding-left: 80px;
  2247. padding-right: 80px; }
  2248. .is-inset-x-100 {
  2249. padding-left: 100px;
  2250. padding-right: 100px; }
  2251. .is-inset-x-120 {
  2252. padding-left: 120px;
  2253. padding-right: 120px; }
  2254. @media only screen and (max-width: 767px) {
  2255. .inset-x-none-mobile {
  2256. padding-left: 0;
  2257. padding-right: 0; }
  2258. .is-inset-x-2-mobile {
  2259. padding-left: 2px;
  2260. padding-right: 2px; }
  2261. .is-inset-x-4-mobile {
  2262. padding-left: 4px;
  2263. padding-right: 4px; }
  2264. .is-inset-x-8-mobile {
  2265. padding-left: 8px;
  2266. padding-right: 8px; }
  2267. .is-inset-x-12-mobile {
  2268. padding-left: 12px;
  2269. padding-right: 12px; }
  2270. .is-inset-x-16-mobile {
  2271. padding-left: 16px;
  2272. padding-right: 16px; }
  2273. .is-inset-x-20-mobile {
  2274. padding-left: 20px;
  2275. padding-right: 20px; }
  2276. .is-inset-x-24-mobile {
  2277. padding-left: 24px;
  2278. padding-right: 24px; }
  2279. .is-inset-x-28-mobile {
  2280. padding-left: 28px;
  2281. padding-right: 28px; }
  2282. .is-inset-x-32-mobile {
  2283. padding-left: 32px;
  2284. padding-right: 32px; }
  2285. .is-inset-x-36-mobile {
  2286. padding-left: 36px;
  2287. padding-right: 36px; }
  2288. .is-inset-x-40-mobile {
  2289. padding-left: 40px;
  2290. padding-right: 40px; }
  2291. .is-inset-x-44-mobile {
  2292. padding-left: 44px;
  2293. padding-right: 44px; }
  2294. .is-inset-x-48-mobile {
  2295. padding-left: 48px;
  2296. padding-right: 48px; }
  2297. .is-inset-x-52-mobile {
  2298. padding-left: 52px;
  2299. padding-right: 52px; }
  2300. .is-inset-x-56-mobile {
  2301. padding-left: 56px;
  2302. padding-right: 56px; }
  2303. .is-inset-x-60-mobile {
  2304. padding-left: 60px;
  2305. padding-right: 60px; }
  2306. .is-inset-x-64-mobile {
  2307. padding-left: 64px;
  2308. padding-right: 64px; }
  2309. .is-inset-x-80-mobile {
  2310. padding-left: 80px;
  2311. padding-right: 80px; }
  2312. .is-inset-x-100-mobile {
  2313. padding-left: 100px;
  2314. padding-right: 100px; }
  2315. .is-inset-x-120-mobile {
  2316. padding-left: 120px;
  2317. padding-right: 120px; } }
  2318. .is-inset-y-none {
  2319. padding-top: 0;
  2320. padding-bottom: 0; }
  2321. .is-inset-y-2 {
  2322. padding-top: 2px;
  2323. padding-bottom: 2px; }
  2324. .is-inset-y-4 {
  2325. padding-top: 4px;
  2326. padding-bottom: 4px; }
  2327. .is-inset-y-8 {
  2328. padding-top: 8px;
  2329. padding-bottom: 8px; }
  2330. .is-inset-y-12 {
  2331. padding-top: 12px;
  2332. padding-bottom: 12px; }
  2333. .is-inset-y-16 {
  2334. padding-top: 16px;
  2335. padding-bottom: 16px; }
  2336. .is-inset-y-20 {
  2337. padding-top: 20px;
  2338. padding-bottom: 20px; }
  2339. .is-inset-y-24 {
  2340. padding-top: 24px;
  2341. padding-bottom: 24px; }
  2342. .is-inset-y-28 {
  2343. padding-top: 28px;
  2344. padding-bottom: 28px; }
  2345. .is-inset-y-32 {
  2346. padding-top: 32px;
  2347. padding-bottom: 32px; }
  2348. .is-inset-y-36 {
  2349. padding-top: 36px;
  2350. padding-bottom: 36px; }
  2351. .is-inset-y-40 {
  2352. padding-top: 40px;
  2353. padding-bottom: 40px; }
  2354. .is-inset-y-44 {
  2355. padding-top: 44px;
  2356. padding-bottom: 44px; }
  2357. .is-inset-y-48 {
  2358. padding-top: 48px;
  2359. padding-bottom: 48px; }
  2360. .is-inset-y-52 {
  2361. padding-top: 52px;
  2362. padding-bottom: 52px; }
  2363. .is-inset-y-56 {
  2364. padding-top: 56px;
  2365. padding-bottom: 56px; }
  2366. .is-inset-y-60 {
  2367. padding-top: 60px;
  2368. padding-bottom: 60px; }
  2369. .is-inset-y-64 {
  2370. padding-top: 64px;
  2371. padding-bottom: 64px; }
  2372. .is-inset-y-80 {
  2373. padding-top: 80px;
  2374. padding-bottom: 80px; }
  2375. .is-inset-y-100 {
  2376. padding-top: 100px;
  2377. padding-bottom: 100px; }
  2378. .is-inset-y-120 {
  2379. padding-top: 120px;
  2380. padding-bottom: 120px; }
  2381. @media only screen and (max-width: 767px) {
  2382. .inset-y-none-mobile {
  2383. padding-top: 0;
  2384. padding-bottom: 0; }
  2385. .is-inset-y-2-mobile {
  2386. padding-top: 2px;
  2387. padding-bottom: 2px; }
  2388. .is-inset-y-4-mobile {
  2389. padding-top: 4px;
  2390. padding-bottom: 4px; }
  2391. .is-inset-y-8-mobile {
  2392. padding-top: 8px;
  2393. padding-bottom: 8px; }
  2394. .is-inset-y-12-mobile {
  2395. padding-top: 12px;
  2396. padding-bottom: 12px; }
  2397. .is-inset-y-16-mobile {
  2398. padding-top: 16px;
  2399. padding-bottom: 16px; }
  2400. .is-inset-y-20-mobile {
  2401. padding-top: 20px;
  2402. padding-bottom: 20px; }
  2403. .is-inset-y-24-mobile {
  2404. padding-top: 24px;
  2405. padding-bottom: 24px; }
  2406. .is-inset-y-28-mobile {
  2407. padding-top: 28px;
  2408. padding-bottom: 28px; }
  2409. .is-inset-y-32-mobile {
  2410. padding-top: 32px;
  2411. padding-bottom: 32px; }
  2412. .is-inset-y-36-mobile {
  2413. padding-top: 36px;
  2414. padding-bottom: 36px; }
  2415. .is-inset-y-40-mobile {
  2416. padding-top: 40px;
  2417. padding-bottom: 40px; }
  2418. .is-inset-y-44-mobile {
  2419. padding-top: 44px;
  2420. padding-bottom: 44px; }
  2421. .is-inset-y-48-mobile {
  2422. padding-top: 48px;
  2423. padding-bottom: 48px; }
  2424. .is-inset-y-52-mobile {
  2425. padding-top: 52px;
  2426. padding-bottom: 52px; }
  2427. .is-inset-y-56-mobile {
  2428. padding-top: 56px;
  2429. padding-bottom: 56px; }
  2430. .is-inset-y-60-mobile {
  2431. padding-top: 60px;
  2432. padding-bottom: 60px; }
  2433. .is-inset-y-64-mobile {
  2434. padding-top: 64px;
  2435. padding-bottom: 64px; }
  2436. .is-inset-y-80-mobile {
  2437. padding-top: 80px;
  2438. padding-bottom: 80px; }
  2439. .is-inset-y-100-mobile {
  2440. padding-top: 100px;
  2441. padding-bottom: 100px; }
  2442. .is-inset-y-120-mobile {
  2443. padding-top: 120px;
  2444. padding-bottom: 120px; } }
  2445. .is-inset-top-none {
  2446. padding-top: 0; }
  2447. .is-inset-top-2 {
  2448. padding-top: 2px; }
  2449. .is-inset-top-4 {
  2450. padding-top: 4px; }
  2451. .is-inset-top-8 {
  2452. padding-top: 8px; }
  2453. .is-inset-top-12 {
  2454. padding-top: 12px; }
  2455. .is-inset-top-16 {
  2456. padding-top: 16px; }
  2457. .is-inset-top-20 {
  2458. padding-top: 20px; }
  2459. .is-inset-top-24 {
  2460. padding-top: 24px; }
  2461. .is-inset-top-28 {
  2462. padding-top: 28px; }
  2463. .is-inset-top-32 {
  2464. padding-top: 32px; }
  2465. .is-inset-top-36 {
  2466. padding-top: 36px; }
  2467. .is-inset-top-40 {
  2468. padding-top: 40px; }
  2469. .is-inset-top-44 {
  2470. padding-top: 44px; }
  2471. .is-inset-top-48 {
  2472. padding-top: 48px; }
  2473. .is-inset-top-52 {
  2474. padding-top: 52px; }
  2475. .is-inset-top-56 {
  2476. padding-top: 56px; }
  2477. .is-inset-top-60 {
  2478. padding-top: 60px; }
  2479. .is-inset-top-64 {
  2480. padding-top: 64px; }
  2481. .is-inset-top-80 {
  2482. padding-top: 80px; }
  2483. .is-inset-top-100 {
  2484. padding-top: 100px; }
  2485. .is-inset-top-120 {
  2486. padding-top: 120px; }
  2487. @media only screen and (max-width: 767px) {
  2488. .is-inset-top-none-mobile {
  2489. padding-top: 0; }
  2490. .is-inset-top-2-mobile {
  2491. padding-top: 2px; }
  2492. .is-inset-top-4-mobile {
  2493. padding-top: 4px; }
  2494. .is-inset-top-8-mobile {
  2495. padding-top: 8px; }
  2496. .is-inset-top-12-mobile {
  2497. padding-top: 12px; }
  2498. .is-inset-top-16-mobile {
  2499. padding-top: 16px; }
  2500. .is-inset-top-20-mobile {
  2501. padding-top: 20px; }
  2502. .is-inset-top-24-mobile {
  2503. padding-top: 24px; }
  2504. .is-inset-top-28-mobile {
  2505. padding-top: 28px; }
  2506. .is-inset-top-32-mobile {
  2507. padding-top: 32px; }
  2508. .is-inset-top-36-mobile {
  2509. padding-top: 36px; }
  2510. .is-inset-top-40-mobile {
  2511. padding-top: 40px; }
  2512. .is-inset-top-44-mobile {
  2513. padding-top: 44px; }
  2514. .is-inset-top-48-mobile {
  2515. padding-top: 48px; }
  2516. .is-inset-top-52-mobile {
  2517. padding-top: 52px; }
  2518. .is-inset-top-56-mobile {
  2519. padding-top: 56px; }
  2520. .is-inset-top-60-mobile {
  2521. padding-top: 60px; }
  2522. .is-inset-top-64-mobile {
  2523. padding-top: 64px; }
  2524. .is-inset-top-80-mobile {
  2525. padding-top: 80px; }
  2526. .is-inset-top-100-mobile {
  2527. padding-top: 100px; }
  2528. .is-inset-top-120-mobile {
  2529. padding-top: 120px; } }
  2530. .is-inset-bottom-none {
  2531. padding-bottom: 0; }
  2532. .is-inset-bottom-2 {
  2533. padding-bottom: 2px; }
  2534. .is-inset-bottom-4 {
  2535. padding-bottom: 4px; }
  2536. .is-inset-bottom-8 {
  2537. padding-bottom: 8px; }
  2538. .is-inset-bottom-12 {
  2539. padding-bottom: 12px; }
  2540. .is-inset-bottom-16 {
  2541. padding-bottom: 16px; }
  2542. .is-inset-bottom-20 {
  2543. padding-bottom: 20px; }
  2544. .is-inset-bottom-24 {
  2545. padding-bottom: 24px; }
  2546. .is-inset-bottom-28 {
  2547. padding-bottom: 28px; }
  2548. .is-inset-bottom-32 {
  2549. padding-bottom: 32px; }
  2550. .is-inset-bottom-36 {
  2551. padding-bottom: 36px; }
  2552. .is-inset-bottom-40 {
  2553. padding-bottom: 40px; }
  2554. .is-inset-bottom-44 {
  2555. padding-bottom: 44px; }
  2556. .is-inset-bottom-48 {
  2557. padding-bottom: 48px; }
  2558. .is-inset-bottom-52 {
  2559. padding-bottom: 52px; }
  2560. .is-inset-bottom-56 {
  2561. padding-bottom: 56px; }
  2562. .is-inset-bottom-60 {
  2563. padding-bottom: 60px; }
  2564. .is-inset-bottom-64 {
  2565. padding-bottom: 64px; }
  2566. .is-inset-bottom-80 {
  2567. padding-bottom: 80px; }
  2568. .is-inset-bottom-100 {
  2569. padding-bottom: 100px; }
  2570. .is-inset-bottom-120 {
  2571. padding-bottom: 120px; }
  2572. @media only screen and (max-width: 767px) {
  2573. .is-inset-bottom-none-mobile {
  2574. padding-bottom: 0; }
  2575. .is-inset-bottom-2-mobile {
  2576. padding-bottom: 2px; }
  2577. .is-inset-bottom-4-mobile {
  2578. padding-bottom: 4px; }
  2579. .is-inset-bottom-8-mobile {
  2580. padding-bottom: 8px; }
  2581. .is-inset-bottom-12-mobile {
  2582. padding-bottom: 12px; }
  2583. .is-inset-bottom-16-mobile {
  2584. padding-bottom: 16px; }
  2585. .is-inset-bottom-20-mobile {
  2586. padding-bottom: 20px; }
  2587. .is-inset-bottom-24-mobile {
  2588. padding-bottom: 24px; }
  2589. .is-inset-bottom-28-mobile {
  2590. padding-bottom: 28px; }
  2591. .is-inset-bottom-32-mobile {
  2592. padding-bottom: 32px; }
  2593. .is-inset-bottom-36-mobile {
  2594. padding-bottom: 36px; }
  2595. .is-inset-bottom-40-mobile {
  2596. padding-bottom: 40px; }
  2597. .is-inset-bottom-44-mobile {
  2598. padding-bottom: 44px; }
  2599. .is-inset-bottom-48-mobile {
  2600. padding-bottom: 48px; }
  2601. .is-inset-bottom-52-mobile {
  2602. padding-bottom: 52px; }
  2603. .is-inset-bottom-56-mobile {
  2604. padding-bottom: 56px; }
  2605. .is-inset-bottom-60-mobile {
  2606. padding-bottom: 60px; }
  2607. .is-inset-bottom-64-mobile {
  2608. padding-bottom: 64px; }
  2609. .is-inset-bottom-80-mobile {
  2610. padding-bottom: 80px; }
  2611. .is-inset-bottom-100-mobile {
  2612. padding-bottom: 100px; }
  2613. .is-inset-bottom-120-mobile {
  2614. padding-bottom: 120px; } }
  2615. .is-inset-left-none {
  2616. padding-left: 0; }
  2617. .is-inset-left-2 {
  2618. padding-left: 2px; }
  2619. .is-inset-left-4 {
  2620. padding-left: 4px; }
  2621. .is-inset-left-8 {
  2622. padding-left: 8px; }
  2623. .is-inset-left-12 {
  2624. padding-left: 12px; }
  2625. .is-inset-left-16 {
  2626. padding-left: 16px; }
  2627. .is-inset-left-20 {
  2628. padding-left: 20px; }
  2629. .is-inset-left-24 {
  2630. padding-left: 24px; }
  2631. .is-inset-left-28 {
  2632. padding-left: 28px; }
  2633. .is-inset-left-32 {
  2634. padding-left: 32px; }
  2635. .is-inset-left-36 {
  2636. padding-left: 36px; }
  2637. .is-inset-left-40 {
  2638. padding-left: 40px; }
  2639. .is-inset-left-44 {
  2640. padding-left: 44px; }
  2641. .is-inset-left-48 {
  2642. padding-left: 48px; }
  2643. .is-inset-left-52 {
  2644. padding-left: 52px; }
  2645. .is-inset-left-56 {
  2646. padding-left: 56px; }
  2647. .is-inset-left-60 {
  2648. padding-left: 60px; }
  2649. .is-inset-left-64 {
  2650. padding-left: 64px; }
  2651. .is-inset-left-80 {
  2652. padding-left: 80px; }
  2653. .is-inset-left-100 {
  2654. padding-left: 100px; }
  2655. .is-inset-left-120 {
  2656. padding-left: 120px; }
  2657. @media only screen and (max-width: 767px) {
  2658. .is-inset-left-none {
  2659. padding-left: 0; }
  2660. .is-inset-left-2-mobile {
  2661. padding-left: 2px; }
  2662. .is-inset-left-4-mobile {
  2663. padding-left: 4px; }
  2664. .is-inset-left-8-mobile {
  2665. padding-left: 8px; }
  2666. .is-inset-left-12-mobile {
  2667. padding-left: 12px; }
  2668. .is-inset-left-16-mobile {
  2669. padding-left: 16px; }
  2670. .is-inset-left-20-mobile {
  2671. padding-left: 20px; }
  2672. .is-inset-left-24-mobile {
  2673. padding-left: 24px; }
  2674. .is-inset-left-28-mobile {
  2675. padding-left: 28px; }
  2676. .is-inset-left-32-mobile {
  2677. padding-left: 32px; }
  2678. .is-inset-left-36-mobile {
  2679. padding-left: 36px; }
  2680. .is-inset-left-40-mobile {
  2681. padding-left: 40px; }
  2682. .is-inset-left-44-mobile {
  2683. padding-left: 44px; }
  2684. .is-inset-left-48-mobile {
  2685. padding-left: 48px; }
  2686. .is-inset-left-52-mobile {
  2687. padding-left: 52px; }
  2688. .is-inset-left-56-mobile {
  2689. padding-left: 56px; }
  2690. .is-inset-left-60-mobile {
  2691. padding-left: 60px; }
  2692. .is-inset-left-64-mobile {
  2693. padding-left: 64px; }
  2694. .is-inset-left-80-mobile {
  2695. padding-left: 80px; }
  2696. .is-inset-left-100-mobile {
  2697. padding-left: 100px; }
  2698. .is-inset-left-120-mobile {
  2699. padding-left: 120px; } }
  2700. .is-inset-right-none {
  2701. padding-right: 0; }
  2702. .is-inset-right-2 {
  2703. padding-right: 2px; }
  2704. .is-inset-right-4 {
  2705. padding-right: 4px; }
  2706. .is-inset-right-8 {
  2707. padding-right: 8px; }
  2708. .is-inset-right-12 {
  2709. padding-right: 12px; }
  2710. .is-inset-right-16 {
  2711. padding-right: 16px; }
  2712. .is-inset-right-20 {
  2713. padding-right: 20px; }
  2714. .is-inset-right-24 {
  2715. padding-right: 24px; }
  2716. .is-inset-right-28 {
  2717. padding-right: 28px; }
  2718. .is-inset-right-32 {
  2719. padding-right: 32px; }
  2720. .is-inset-right-36 {
  2721. padding-right: 36px; }
  2722. .is-inset-right-40 {
  2723. padding-right: 40px; }
  2724. .is-inset-right-44 {
  2725. padding-right: 44px; }
  2726. .is-inset-right-48 {
  2727. padding-right: 48px; }
  2728. .is-inset-right-52 {
  2729. padding-right: 52px; }
  2730. .is-inset-right-56 {
  2731. padding-right: 56px; }
  2732. .is-inset-right-60 {
  2733. padding-right: 60px; }
  2734. .is-inset-right-64 {
  2735. padding-right: 64px; }
  2736. .is-inset-right-80 {
  2737. padding-right: 80px; }
  2738. .is-inset-right-100 {
  2739. padding-right: 100px; }
  2740. .is-inset-right-120 {
  2741. padding-right: 120px; }
  2742. @media only screen and (max-width: 767px) {
  2743. .is-inset-right-none-mobile {
  2744. padding-right: 0; }
  2745. .is-inset-right-2-mobile {
  2746. padding-right: 2px; }
  2747. .is-inset-right-4-mobile {
  2748. padding-right: 4px; }
  2749. .is-inset-right-8-mobile {
  2750. padding-right: 8px; }
  2751. .is-inset-right-12-mobile {
  2752. padding-right: 12px; }
  2753. .is-inset-right-16-mobile {
  2754. padding-right: 16px; }
  2755. .is-inset-right-20-mobile {
  2756. padding-right: 20px; }
  2757. .is-inset-right-24-mobile {
  2758. padding-right: 24px; }
  2759. .is-inset-right-28-mobile {
  2760. padding-right: 28px; }
  2761. .is-inset-right-32-mobile {
  2762. padding-right: 32px; }
  2763. .is-inset-right-36-mobile {
  2764. padding-right: 36px; }
  2765. .is-inset-right-40-mobile {
  2766. padding-right: 40px; }
  2767. .is-inset-right-44-mobile {
  2768. padding-right: 44px; }
  2769. .is-inset-right-48-mobile {
  2770. padding-right: 48px; }
  2771. .is-inset-right-52-mobile {
  2772. padding-right: 52px; }
  2773. .is-inset-right-56-mobile {
  2774. padding-right: 56px; }
  2775. .is-inset-right-60-mobile {
  2776. padding-right: 60px; }
  2777. .is-inset-right-64-mobile {
  2778. padding-right: 64px; }
  2779. .is-inset-right-80-mobile {
  2780. padding-right: 80px; }
  2781. .is-inset-right-100-mobile {
  2782. padding-right: 100px; }
  2783. .is-inset-right-120-mobile {
  2784. padding-right: 120px; } }
  2785. .is-outset-none {
  2786. margin: 0; }
  2787. .is-outset-2 {
  2788. margin: 2px; }
  2789. .is-outset-4 {
  2790. margin: 4px; }
  2791. .is-outset-8 {
  2792. margin: 8px; }
  2793. .is-outset-12 {
  2794. margin: 12px; }
  2795. .is-outset-16 {
  2796. margin: 16px; }
  2797. .is-outset-20 {
  2798. margin: 20px; }
  2799. .is-outset-24 {
  2800. margin: 24px; }
  2801. .is-outset-28 {
  2802. margin: 28px; }
  2803. .is-outset-32 {
  2804. margin: 32px; }
  2805. .is-outset-36 {
  2806. margin: 36px; }
  2807. .is-outset-40 {
  2808. margin: 40px; }
  2809. .is-outset-44 {
  2810. margin: 44px; }
  2811. .is-outset-48 {
  2812. margin: 48px; }
  2813. .is-outset-52 {
  2814. margin: 52px; }
  2815. .is-outset-56 {
  2816. margin: 56px; }
  2817. .is-outset-60 {
  2818. margin: 60px; }
  2819. .is-outset-64 {
  2820. margin: 64px; }
  2821. .is-outset-80 {
  2822. margin: 80px; }
  2823. .is-outset-100 {
  2824. margin: 100px; }
  2825. .is-outset-120 {
  2826. margin: 120px; }
  2827. @media only screen and (max-width: 767px) {
  2828. .is-outset-none-mobile {
  2829. margin: 0; }
  2830. .is-outset-2-mobile {
  2831. margin: 2px; }
  2832. .is-outset-4-mobile {
  2833. margin: 4px; }
  2834. .is-outset-8-mobile {
  2835. margin: 8px; }
  2836. .is-outset-12-mobile {
  2837. margin: 12px; }
  2838. .is-outset-16-mobile {
  2839. margin: 16px; }
  2840. .is-outset-20-mobile {
  2841. margin: 20px; }
  2842. .is-outset-24-mobile {
  2843. margin: 24px; }
  2844. .is-outset-28-mobile {
  2845. margin: 28px; }
  2846. .is-outset-32-mobile {
  2847. margin: 32px; }
  2848. .is-outset-36-mobile {
  2849. margin: 36px; }
  2850. .is-outset-40-mobile {
  2851. margin: 40px; }
  2852. .is-outset-44-mobile {
  2853. margin: 44px; }
  2854. .is-outset-48-mobile {
  2855. margin: 48px; }
  2856. .is-outset-52-mobile {
  2857. margin: 52px; }
  2858. .is-outset-56-mobile {
  2859. margin: 56px; }
  2860. .is-outset-60-mobile {
  2861. margin: 60px; }
  2862. .is-outset-64-mobile {
  2863. margin: 64px; }
  2864. .is-outset-80-mobile {
  2865. margin: 80px; }
  2866. .is-outset-100-mobile {
  2867. margin: 100px; }
  2868. .is-outset-120-mobile {
  2869. margin: 120px; } }
  2870. .is-outset-x-none {
  2871. margin-left: 0;
  2872. margin-right: 0; }
  2873. .is-outset-x-2 {
  2874. margin-left: 2px;
  2875. margin-right: 2px; }
  2876. .is-outset-x-4 {
  2877. margin-left: 4px;
  2878. margin-right: 4px; }
  2879. .is-outset-x-8 {
  2880. margin-left: 8px;
  2881. margin-right: 8px; }
  2882. .is-outset-x-12 {
  2883. margin-left: 12px;
  2884. margin-right: 12px; }
  2885. .is-outset-x-16 {
  2886. margin-left: 16px;
  2887. margin-right: 16px; }
  2888. .is-outset-x-20 {
  2889. margin-left: 20px;
  2890. margin-right: 20px; }
  2891. .is-outset-x-24 {
  2892. margin-left: 24px;
  2893. margin-right: 24px; }
  2894. .is-outset-x-28 {
  2895. margin-left: 28px;
  2896. margin-right: 28px; }
  2897. .is-outset-x-32 {
  2898. margin-left: 32px;
  2899. margin-right: 32px; }
  2900. .is-outset-x-36 {
  2901. margin-left: 36px;
  2902. margin-right: 36px; }
  2903. .is-outset-x-40 {
  2904. margin-left: 40px;
  2905. margin-right: 40px; }
  2906. .is-outset-x-44 {
  2907. margin-left: 44px;
  2908. margin-right: 44px; }
  2909. .is-outset-x-48 {
  2910. margin-left: 48px;
  2911. margin-right: 48px; }
  2912. .is-outset-x-52 {
  2913. margin-left: 52px;
  2914. margin-right: 52px; }
  2915. .is-outset-x-56 {
  2916. margin-left: 56px;
  2917. margin-right: 56px; }
  2918. .is-outset-x-60 {
  2919. margin-left: 60px;
  2920. margin-right: 60px; }
  2921. .is-outset-x-64 {
  2922. margin-left: 64px;
  2923. margin-right: 64px; }
  2924. .is-outset-x-80 {
  2925. margin-left: 80px;
  2926. margin-right: 80px; }
  2927. .is-outset-x-100 {
  2928. margin-left: 100px;
  2929. margin-right: 100px; }
  2930. .is-outset-x-120 {
  2931. margin-left: 120px;
  2932. margin-right: 120px; }
  2933. @media only screen and (max-width: 767px) {
  2934. .is-outset-x-none-mobile {
  2935. margin-left: 0;
  2936. margin-right: 0; }
  2937. .is-outset-x-2-mobile {
  2938. margin-left: 2px;
  2939. margin-right: 2px; }
  2940. .is-outset-x-4-mobile {
  2941. margin-left: 4px;
  2942. margin-right: 4px; }
  2943. .is-outset-x-8-mobile {
  2944. margin-left: 8px;
  2945. margin-right: 8px; }
  2946. .is-outset-x-12-mobile {
  2947. margin-left: 12px;
  2948. margin-right: 12px; }
  2949. .is-outset-x-16-mobile {
  2950. margin-left: 16px;
  2951. margin-right: 16px; }
  2952. .is-outset-x-20-mobile {
  2953. margin-left: 20px;
  2954. margin-right: 20px; }
  2955. .is-outset-x-24-mobile {
  2956. margin-left: 24px;
  2957. margin-right: 24px; }
  2958. .is-outset-x-28-mobile {
  2959. margin-left: 28px;
  2960. margin-right: 28px; }
  2961. .is-outset-x-32-mobile {
  2962. margin-left: 32px;
  2963. margin-right: 32px; }
  2964. .is-outset-x-36-mobile {
  2965. margin-left: 36px;
  2966. margin-right: 36px; }
  2967. .is-outset-x-40-mobile {
  2968. margin-left: 40px;
  2969. margin-right: 40px; }
  2970. .is-outset-x-44-mobile {
  2971. margin-left: 44px;
  2972. margin-right: 44px; }
  2973. .is-outset-x-48-mobile {
  2974. margin-left: 48px;
  2975. margin-right: 48px; }
  2976. .is-outset-x-52-mobile {
  2977. margin-left: 52px;
  2978. margin-right: 52px; }
  2979. .is-outset-x-56-mobile {
  2980. margin-left: 56px;
  2981. margin-right: 56px; }
  2982. .is-outset-x-60-mobile {
  2983. margin-left: 60px;
  2984. margin-right: 60px; }
  2985. .is-outset-x-64-mobile {
  2986. margin-left: 64px;
  2987. margin-right: 64px; }
  2988. .is-outset-x-80-mobile {
  2989. margin-left: 80px;
  2990. margin-right: 80px; }
  2991. .is-outset-x-100-mobile {
  2992. margin-left: 100px;
  2993. margin-right: 100px; }
  2994. .is-outset-x-120-mobile {
  2995. margin-left: 120px;
  2996. margin-right: 120px; } }
  2997. .is-outset-y-none {
  2998. margin-top: 0;
  2999. margin-bottom: 0; }
  3000. .is-outset-y-2 {
  3001. margin-top: 2px;
  3002. margin-bottom: 2px; }
  3003. .is-outset-y-4 {
  3004. margin-top: 4px;
  3005. margin-bottom: 4px; }
  3006. .is-outset-y-8 {
  3007. margin-top: 8px;
  3008. margin-bottom: 8px; }
  3009. .is-outset-y-12 {
  3010. margin-top: 12px;
  3011. margin-bottom: 12px; }
  3012. .is-outset-y-16 {
  3013. margin-top: 16px;
  3014. margin-bottom: 16px; }
  3015. .is-outset-y-20 {
  3016. margin-top: 20px;
  3017. margin-bottom: 20px; }
  3018. .is-outset-y-24 {
  3019. margin-top: 24px;
  3020. margin-bottom: 24px; }
  3021. .is-outset-y-28 {
  3022. margin-top: 28px;
  3023. margin-bottom: 28px; }
  3024. .is-outset-y-32 {
  3025. margin-top: 32px;
  3026. margin-bottom: 32px; }
  3027. .is-outset-y-36 {
  3028. margin-top: 36px;
  3029. margin-bottom: 36px; }
  3030. .is-outset-y-40 {
  3031. margin-top: 40px;
  3032. margin-bottom: 40px; }
  3033. .is-outset-y-44 {
  3034. margin-top: 44px;
  3035. margin-bottom: 44px; }
  3036. .is-outset-y-48 {
  3037. margin-top: 48px;
  3038. margin-bottom: 48px; }
  3039. .is-outset-y-52 {
  3040. margin-top: 52px;
  3041. margin-bottom: 52px; }
  3042. .is-outset-y-56 {
  3043. margin-top: 56px;
  3044. margin-bottom: 56px; }
  3045. .is-outset-y-60 {
  3046. margin-top: 60px;
  3047. margin-bottom: 60px; }
  3048. .is-outset-y-64 {
  3049. margin-top: 64px;
  3050. margin-bottom: 64px; }
  3051. .is-outset-y-80 {
  3052. margin-top: 80px;
  3053. margin-bottom: 80px; }
  3054. .is-outset-y-100 {
  3055. margin-top: 100px;
  3056. margin-bottom: 100px; }
  3057. .is-outset-y-120 {
  3058. margin-top: 120px;
  3059. margin-bottom: 120px; }
  3060. @media only screen and (max-width: 767px) {
  3061. .is-outset-y-none-mobile {
  3062. margin-top: 0;
  3063. margin-bottom: 0; }
  3064. .is-outset-y-2-mobile {
  3065. margin-top: 2px;
  3066. margin-bottom: 2px; }
  3067. .is-outset-y-4-mobile {
  3068. margin-top: 4px;
  3069. margin-bottom: 4px; }
  3070. .is-outset-y-8-mobile {
  3071. margin-top: 8px;
  3072. margin-bottom: 8px; }
  3073. .is-outset-y-12-mobile {
  3074. margin-top: 12px;
  3075. margin-bottom: 12px; }
  3076. .is-outset-y-16-mobile {
  3077. margin-top: 16px;
  3078. margin-bottom: 16px; }
  3079. .is-outset-y-20-mobile {
  3080. margin-top: 20px;
  3081. margin-bottom: 20px; }
  3082. .is-outset-y-24-mobile {
  3083. margin-top: 24px;
  3084. margin-bottom: 24px; }
  3085. .is-outset-y-28-mobile {
  3086. margin-top: 28px;
  3087. margin-bottom: 28px; }
  3088. .is-outset-y-32-mobile {
  3089. margin-top: 32px;
  3090. margin-bottom: 32px; }
  3091. .is-outset-y-36-mobile {
  3092. margin-top: 36px;
  3093. margin-bottom: 36px; }
  3094. .is-outset-y-40-mobile {
  3095. margin-top: 40px;
  3096. margin-bottom: 40px; }
  3097. .is-outset-y-44-mobile {
  3098. margin-top: 44px;
  3099. margin-bottom: 44px; }
  3100. .is-outset-y-48-mobile {
  3101. margin-top: 48px;
  3102. margin-bottom: 48px; }
  3103. .is-outset-y-52-mobile {
  3104. margin-top: 52px;
  3105. margin-bottom: 52px; }
  3106. .is-outset-y-56-mobile {
  3107. margin-top: 56px;
  3108. margin-bottom: 56px; }
  3109. .is-outset-y-60-mobile {
  3110. margin-top: 60px;
  3111. margin-bottom: 60px; }
  3112. .is-outset-y-64-mobile {
  3113. margin-top: 64px;
  3114. margin-bottom: 64px; }
  3115. .is-outset-y-80-mobile {
  3116. margin-top: 80px;
  3117. margin-bottom: 80px; }
  3118. .is-outset-y-100-mobile {
  3119. margin-top: 100px;
  3120. margin-bottom: 100px; }
  3121. .is-outset-y-120-mobile {
  3122. margin-top: 120px;
  3123. margin-bottom: 120px; } }
  3124. .is-stack-none,
  3125. .is-col-stack-none .is-col {
  3126. margin-bottom: 0; }
  3127. .is-stack-2,
  3128. .is-col-stack-2 .is-col {
  3129. margin-bottom: 2px; }
  3130. .is-stack-4,
  3131. .is-col-stack-4 .is-col {
  3132. margin-bottom: 4px; }
  3133. .is-stack-8,
  3134. .is-col-stack-8 .is-col {
  3135. margin-bottom: 8px; }
  3136. .is-stack-12,
  3137. .is-col-stack-12 .is-col {
  3138. margin-bottom: 12px; }
  3139. .is-stack-16,
  3140. .is-col-stack-16 .is-col {
  3141. margin-bottom: 16px; }
  3142. .is-stack-20,
  3143. .is-col-stack-20 .is-col {
  3144. margin-bottom: 20px; }
  3145. .is-stack-24,
  3146. .is-col-stack-24 .is-col {
  3147. margin-bottom: 24px; }
  3148. .is-stack-28,
  3149. .is-col-stack-28 .is-col {
  3150. margin-bottom: 28px; }
  3151. .is-stack-32,
  3152. .is-col-stack-32 .is-col {
  3153. margin-bottom: 32px; }
  3154. .is-stack-36,
  3155. .is-col-stack-36 .is-col {
  3156. margin-bottom: 36px; }
  3157. .is-stack-40,
  3158. .is-col-stack-40 .is-col {
  3159. margin-bottom: 40px; }
  3160. .is-stack-44,
  3161. .is-col-stack-44 .is-col {
  3162. margin-bottom: 44px; }
  3163. .is-stack-48,
  3164. .is-col-stack-48 .is-col {
  3165. margin-bottom: 48px; }
  3166. .is-stack-52,
  3167. .is-col-stack-52 .is-col {
  3168. margin-bottom: 52px; }
  3169. .is-stack-56,
  3170. .is-col-stack-56 .is-col {
  3171. margin-bottom: 56px; }
  3172. .is-stack-60,
  3173. .is-col-stack-60 .is-col {
  3174. margin-bottom: 60px; }
  3175. .is-stack-64,
  3176. .is-col-stack-64 .is-col {
  3177. margin-bottom: 64px; }
  3178. .is-stack-80,
  3179. .is-col-stack-80 .is-col {
  3180. margin-bottom: 80px; }
  3181. .is-stack-100,
  3182. .is-col-stack-100 .is-col {
  3183. margin-bottom: 100px; }
  3184. .is-stack-120,
  3185. .is-col-stack-120 .is-col {
  3186. margin-bottom: 120px; }
  3187. @media only screen and (max-width: 767px) {
  3188. .is-stack-none-mobile,
  3189. .is-col-stack-none-mobile .is-col {
  3190. margin-bottom: 0; }
  3191. .is-stack-2-mobile,
  3192. .is-col-stack-2-mobile .is-col {
  3193. margin-bottom: 2px; }
  3194. .is-stack-4-mobile,
  3195. .is-col-stack-4-mobile .is-col {
  3196. margin-bottom: 4px; }
  3197. .is-stack-8-mobile,
  3198. .is-col-stack-8-mobile .is-col {
  3199. margin-bottom: 8px; }
  3200. .is-stack-12-mobile,
  3201. .is-col-stack-12-mobile .is-col {
  3202. margin-bottom: 12px; }
  3203. .is-stack-16-mobile,
  3204. .is-col-stack-16-mobile .is-col {
  3205. margin-bottom: 16px; }
  3206. .is-stack-20-mobile,
  3207. .is-col-stack-20-mobile .is-col {
  3208. margin-bottom: 20px; }
  3209. .is-stack-24-mobile,
  3210. .is-col-stack-24-mobile .is-col {
  3211. margin-bottom: 24px; }
  3212. .is-stack-28-mobile,
  3213. .is-col-stack-28-mobile .is-col {
  3214. margin-bottom: 28px; }
  3215. .is-stack-32-mobile,
  3216. .is-col-stack-32-mobile .is-col {
  3217. margin-bottom: 32px; }
  3218. .is-stack-36-mobile,
  3219. .is-col-stack-36-mobile .is-col {
  3220. margin-bottom: 36px; }
  3221. .is-stack-40-mobile,
  3222. .is-col-stack-40-mobile .is-col {
  3223. margin-bottom: 40px; }
  3224. .is-stack-44-mobile,
  3225. .is-col-stack-44-mobile .is-col {
  3226. margin-bottom: 44px; }
  3227. .is-stack-48-mobile,
  3228. .is-col-stack-48-mobile .is-col {
  3229. margin-bottom: 48px; }
  3230. .is-stack-52-mobile,
  3231. .is-col-stack-52-mobile .is-col {
  3232. margin-bottom: 52px; }
  3233. .is-stack-56-mobile,
  3234. .is-col-stack-56-mobile .is-col {
  3235. margin-bottom: 56px; }
  3236. .is-stack-60-mobile,
  3237. .is-col-stack-60-mobile .is-col {
  3238. margin-bottom: 60px; }
  3239. .is-stack-64-mobile,
  3240. .is-col-stack-64-mobile .is-col {
  3241. margin-bottom: 64px; }
  3242. .is-stack-80-mobile,
  3243. .is-col-stack-80-mobile .is-col {
  3244. margin-bottom: 80px; }
  3245. .is-stack-100-mobile,
  3246. .is-col-stack-100-mobile .is-col {
  3247. margin-bottom: 100px; }
  3248. .is-stack-120-mobile,
  3249. .is-col-stack-120-mobile .is-col {
  3250. margin-bottom: 120px; } }
  3251. @media print {
  3252. body {
  3253. color: #000; }
  3254. a, a:link, a:visited {
  3255. color: #000;
  3256. text-decoration: none; } }