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.

2263 lines
50 KiB

  1. /*
  2. Kube Example Theme
  3. */
  4. html {
  5. box-sizing: border-box;
  6. -webkit-text-size-adjust: 100%; }
  7. *,
  8. *:before,
  9. *:after {
  10. box-sizing: inherit; }
  11. * {
  12. margin: 0;
  13. padding: 0;
  14. outline: none; }
  15. img,
  16. video,
  17. audio {
  18. max-width: 100%; }
  19. img,
  20. video {
  21. height: auto; }
  22. audio,
  23. canvas,
  24. iframe,
  25. img,
  26. svg,
  27. video {
  28. vertical-align: middle; }
  29. svg {
  30. max-height: 100%; }
  31. svg:not(:root) {
  32. overflow: hidden; }
  33. iframe {
  34. border: none;
  35. width: 100%; }
  36. button,
  37. [type="submit"] {
  38. -webkit-appearance: button; }
  39. [type="radio"],
  40. [type="checkbox"] {
  41. vertical-align: middle;
  42. position: relative;
  43. bottom: 0.15rem;
  44. margin-right: 2px; }
  45. input[type="search"] {
  46. -webkit-appearance: textfield; }
  47. input[type="search"]::-webkit-search-decoration,
  48. input[type="search"]::-webkit-search-cancel-button {
  49. -webkit-appearance: none; }
  50. ::-moz-focus-inner {
  51. border: none;
  52. padding: 0; }
  53. @media print {
  54. body {
  55. color: #000; }
  56. a, a:link, a:visited {
  57. color: #000;
  58. text-decoration: none; } }
  59. @font-face {
  60. font-family: 'Kube';
  61. src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
  62. font-weight: normal;
  63. font-style: normal; }
  64. [class^="icon-kube-"], [class*=" icon-kube-"], .close, .caret {
  65. /* use !important to prevent issues with browser extensions that change fonts */
  66. font-family: 'Kube' !important;
  67. speak: none;
  68. font-style: normal;
  69. font-weight: normal;
  70. font-variant: normal;
  71. text-transform: none;
  72. line-height: 1;
  73. /* Better Font Rendering =========== */
  74. -webkit-font-smoothing: antialiased;
  75. -moz-osx-font-smoothing: grayscale; }
  76. .icon-kube-calendar:before {
  77. content: "\e900"; }
  78. .caret.is-down:before,
  79. .icon-kube-caret-down:before {
  80. content: "\e901"; }
  81. .caret.is-left:before,
  82. .icon-kube-caret-left:before {
  83. content: "\e902"; }
  84. .caret.is-right:before,
  85. .icon-kube-caret-right:before {
  86. content: "\e903"; }
  87. .caret.is-up:before,
  88. .icon-kube-caret-up:before {
  89. content: "\e904"; }
  90. .close:before,
  91. .icon-kube-close:before {
  92. content: "\e905"; }
  93. .icon-kube-menu:before {
  94. content: "\e906"; }
  95. .icon-kube-search:before {
  96. content: "\e907"; }
  97. .nav-toggle {
  98. position: relative;
  99. top: 1px;
  100. color: #111;
  101. text-decoration: none; }
  102. .nav-toggle:hover {
  103. color: #ed2d7f; }
  104. .is-container {
  105. display: flex;
  106. flex: 1; }
  107. @media only screen and (max-width: 767px) {
  108. .is-container {
  109. flex-direction: column; } }
  110. .is-push-right {
  111. margin-left: auto; }
  112. @media only screen and (max-width: 767px) {
  113. .is-push-right {
  114. margin-left: 0; } }
  115. .is-fixed {
  116. position: fixed !important;
  117. top: 0;
  118. left: 0;
  119. z-index: 200; }
  120. .is-relative {
  121. position: relative; }
  122. .is-10 {
  123. width: 10%;
  124. min-width: 10%; }
  125. .is-20 {
  126. width: 20%;
  127. min-width: 20%; }
  128. .is-25 {
  129. width: 25%;
  130. min-width: 25%; }
  131. .is-30 {
  132. width: 30%;
  133. min-width: 30%; }
  134. .is-33,
  135. .is-34 {
  136. width: 33.3333%;
  137. min-width: 33.3333%; }
  138. .is-35 {
  139. width: 35%;
  140. min-width: 35%; }
  141. .is-40 {
  142. width: 40%;
  143. min-width: 40%; }
  144. .is-50 {
  145. width: 50%;
  146. min-width: 50%; }
  147. .is-60 {
  148. width: 60%; }
  149. .is-65 {
  150. width: 65%; }
  151. .is-66,
  152. .is-67 {
  153. width: 66.6666%;
  154. min-width: 66.6666%; }
  155. .is-70 {
  156. width: 70%;
  157. min-width: 70%; }
  158. .is-75 {
  159. width: 75%;
  160. min-width: 75%; }
  161. .is-80 {
  162. width: 80%;
  163. min-width: 80%; }
  164. .is-90 {
  165. width: 90%;
  166. min-width: 90%; }
  167. .is-100 {
  168. width: 100%;
  169. min-width: 100%; }
  170. @media only screen and (max-width: 767px) {
  171. .is-10,
  172. .is-20,
  173. .is-25,
  174. .is-30,
  175. .is-33,
  176. .is-34,
  177. .is-35,
  178. .is-40,
  179. .is-50,
  180. .is-60,
  181. .is-65,
  182. .is-66,
  183. .is-67,
  184. .is-70,
  185. .is-75,
  186. .is-80,
  187. .is-90,
  188. .is-100 {
  189. width: auto;
  190. min-width: 100%; } }
  191. .is-invisible {
  192. visibility: hidden; }
  193. .is-visible {
  194. visibility: visible; }
  195. .is-hidden {
  196. display: none !important; }
  197. @media only screen and (max-width: 767px) {
  198. .is-hidden-mobile {
  199. display: none !important; } }
  200. @media only screen and (min-width: 768px) {
  201. .is-shown-mobile {
  202. display: none; } }
  203. @media print {
  204. .is-hidden-print {
  205. display: none; } }
  206. .is-scrollable {
  207. overflow-y: auto;
  208. white-space: nowrap; }
  209. .is-no-scroll {
  210. overflow: hidden; }
  211. .is-no-scroll-x {
  212. overflow-x: hidden; }
  213. .is-video-container {
  214. height: 0;
  215. padding-bottom: 56.25%;
  216. position: relative;
  217. margin-bottom: 0.8em; }
  218. .is-video-container iframe,
  219. .is-video-container object,
  220. .is-video-container embed {
  221. position: absolute;
  222. top: 0;
  223. left: 0;
  224. width: 100% !important;
  225. height: 100% !important; }
  226. figure .is-video-container {
  227. margin-bottom: 0.4em; }
  228. .close {
  229. display: inline-block;
  230. vertical-align: baseline;
  231. text-align: center;
  232. font-size: 9px;
  233. opacity: .85;
  234. border-radius: 20px;
  235. cursor: pointer;
  236. margin-top: -3px;
  237. margin-bottom: -3px;
  238. width: 20px;
  239. height: 20px;
  240. line-height: 22px; }
  241. .close:hover {
  242. -moz-transition: all linear 0.2s;
  243. transition: all linear 0.2s;
  244. opacity: 1;
  245. color: #fff;
  246. background-color: #111; }
  247. .close.is-big {
  248. font-size: 14px;
  249. width: 28px;
  250. height: 28px;
  251. line-height: 28px; }
  252. .close.is-large {
  253. font-size: 18px;
  254. width: 36px;
  255. height: 36px;
  256. line-height: 36px; }
  257. .close.is-inverted {
  258. color: #fff; }
  259. .caret {
  260. display: inline-block; }
  261. .button .caret {
  262. margin-right: -9px;
  263. margin-top: -2px;
  264. padding-left: 2px;
  265. font-size: 110%; }
  266. .is-loading:before {
  267. content: '';
  268. display: inline-block;
  269. width: 24px;
  270. height: 24px;
  271. margin-right: .5em;
  272. border-radius: 50%;
  273. border: 4px solid rgba(255, 255, 255, 0.25);
  274. border-bottom-color: #fff;
  275. -webkit-animation: loadingRotate 2s linear 0s infinite;
  276. animation: loadingRotate 2s linear 0s infinite; }
  277. @keyframes loadingRotate {
  278. 0% {
  279. transform: rotate(0deg); }
  280. 100% {
  281. transform: rotate(360deg); } }
  282. .overlay {
  283. position: fixed;
  284. z-index: 100;
  285. top: 0;
  286. left: 0;
  287. right: 0;
  288. bottom: 0;
  289. background-color: rgba(17, 17, 17, 0.18); }
  290. .overlay > .close {
  291. position: fixed;
  292. top: 1rem;
  293. right: 1rem; }
  294. html {
  295. font-size: 1em; }
  296. body {
  297. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  298. color: #111;
  299. line-height: 1.5; }
  300. a {
  301. color: #4565f3; }
  302. a:hover {
  303. color: #ed2d7f; }
  304. h1,
  305. h2,
  306. h3,
  307. h4,
  308. h5,
  309. h6 {
  310. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  311. font-weight: bold;
  312. text-rendering: optimizeLegibility;
  313. color: inherit;
  314. line-height: 1.2; }
  315. h1 + *,
  316. h2 + *,
  317. h3 + *,
  318. h4 + *,
  319. h5 + *,
  320. h6 + * {
  321. margin-top: 0.8em; }
  322. h1 + h1,
  323. h1 + h2,
  324. h1 + h3,
  325. h1 + h4,
  326. h1 + h5,
  327. h1 + h6,
  328. h2 + h1,
  329. h2 + h2,
  330. h2 + h3,
  331. h2 + h4,
  332. h2 + h5,
  333. h2 + h6,
  334. h3 + h1,
  335. h3 + h2,
  336. h3 + h3,
  337. h3 + h4,
  338. h3 + h5,
  339. h3 + h6,
  340. h4 + h1,
  341. h4 + h2,
  342. h4 + h3,
  343. h4 + h4,
  344. h4 + h5,
  345. h4 + h6,
  346. h5 + h1,
  347. h5 + h2,
  348. h5 + h3,
  349. h5 + h4,
  350. h5 + h5,
  351. h5 + h6,
  352. h6 + h1,
  353. h6 + h2,
  354. h6 + h3,
  355. h6 + h4,
  356. h6 + h5,
  357. h6 + h6 {
  358. margin-top: 0.4em; }
  359. h1 {
  360. font-size: 2.5em; }
  361. h2 {
  362. font-size: 1.75em; }
  363. h3 {
  364. font-size: 1.5em; }
  365. h4 {
  366. font-size: 1.25em; }
  367. h5 {
  368. font-size: 1em; }
  369. h6 {
  370. font-size: 0.75em; }
  371. h6 {
  372. text-transform: uppercase;
  373. letter-spacing: .01em; }
  374. p,
  375. blockquote,
  376. hr,
  377. pre,
  378. ol,
  379. ul,
  380. dl,
  381. figure,
  382. address {
  383. margin-bottom: 0.8em; }
  384. p + h1,
  385. p + h2,
  386. p + h3,
  387. p + h4,
  388. p + h5,
  389. p + h6,
  390. blockquote + h1,
  391. blockquote + h2,
  392. blockquote + h3,
  393. blockquote + h4,
  394. blockquote + h5,
  395. blockquote + h6,
  396. hr + h1,
  397. hr + h2,
  398. hr + h3,
  399. hr + h4,
  400. hr + h5,
  401. hr + h6,
  402. pre + h1,
  403. pre + h2,
  404. pre + h3,
  405. pre + h4,
  406. pre + h5,
  407. pre + h6,
  408. ol + h1,
  409. ol + h2,
  410. ol + h3,
  411. ol + h4,
  412. ol + h5,
  413. ol + h6,
  414. ul + h1,
  415. ul + h2,
  416. ul + h3,
  417. ul + h4,
  418. ul + h5,
  419. ul + h6,
  420. dl + h1,
  421. dl + h2,
  422. dl + h3,
  423. dl + h4,
  424. dl + h5,
  425. dl + h6,
  426. table + h1,
  427. table + h2,
  428. table + h3,
  429. table + h4,
  430. table + h5,
  431. table + h6,
  432. figure + h1,
  433. figure + h2,
  434. figure + h3,
  435. figure + h4,
  436. figure + h5,
  437. figure + h6,
  438. div + h1,
  439. div + h2,
  440. div + h3,
  441. div + h4,
  442. div + h5,
  443. div + h6,
  444. form + h1,
  445. form + h2,
  446. form + h3,
  447. form + h4,
  448. form + h5,
  449. form + h6 {
  450. margin-top: 1.2em; }
  451. ul,
  452. ol {
  453. margin-left: 1.2em; }
  454. ul ul,
  455. ul ol,
  456. ol ul,
  457. ol ol {
  458. margin-top: 0;
  459. margin-bottom: 0; }
  460. nav ul,
  461. nav ol {
  462. margin-left: 0;
  463. margin-bottom: 0;
  464. list-style: none; }
  465. nav ul ul,
  466. nav ul ol,
  467. nav ol ol,
  468. nav ol ul {
  469. margin-left: 1.2em; }
  470. li li {
  471. font-size: 1em; }
  472. ul.is-bar,
  473. ol.is-bar {
  474. margin: 0;
  475. list-style: none; }
  476. ul.is-bar li,
  477. ol.is-bar li {
  478. display: inline-block; }
  479. ul.is-bar li + li,
  480. ol.is-bar li + li {
  481. margin-left: 1em; }
  482. dt {
  483. font-weight: 600; }
  484. dl dd + dt {
  485. margin-top: 0.8em; }
  486. hr {
  487. border: none;
  488. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  489. overflow: visible;
  490. margin-top: -1px; }
  491. blockquote {
  492. font-size: 1.125em;
  493. font-weight: normal;
  494. font-style: italic;
  495. line-height: 1.45;
  496. color: #666;
  497. padding: 0.4em 0 0.4em 1rem;
  498. border: none;
  499. border-left: 3px solid rgba(69, 101, 243, 0.3); }
  500. blockquote small {
  501. color: #666; }
  502. blockquote p:last-child {
  503. margin-bottom: 0; }
  504. b,
  505. strong {
  506. font-weight: 600; }
  507. em,
  508. i,
  509. cite,
  510. dfn {
  511. font-style: italic; }
  512. time, small {
  513. display: inline-block;
  514. font-size: 87.5%;
  515. line-height: 1;
  516. color: #333; }
  517. figcaption, code, var, kbd {
  518. display: inline-block;
  519. font-family: monospace, monospace;
  520. font-size: 87.5%;
  521. line-height: 1;
  522. color: rgba(17, 17, 17, 0.85); }
  523. figcaption {
  524. font-size: 80%;
  525. font-style: italic;
  526. color: rgba(17, 17, 17, 0.7); }
  527. code {
  528. color: rgba(17, 17, 17, 0.75);
  529. background: rgba(17, 17, 17, 0.05);
  530. border: 0 solid transparent;
  531. border-radius: 0.1875rem; }
  532. var {
  533. opacity: .7;
  534. font-style: normal; }
  535. dfn,
  536. abbr {
  537. text-transform: uppercase; }
  538. dfn[title],
  539. abbr[title] {
  540. text-decoration: none;
  541. border-bottom: 1px dotted rgba(17, 17, 17, 0.5);
  542. cursor: help; }
  543. code, kbd {
  544. position: relative;
  545. top: -1px;
  546. padding: .25em .35em; }
  547. kbd {
  548. color: rgba(17, 17, 17, 0.75);
  549. background: none;
  550. border: 1px solid rgba(17, 17, 17, 0.2);
  551. border-radius: 0.1875rem; }
  552. sup,
  553. sub {
  554. font-size: .6em; }
  555. sup {
  556. vertical-align: top;
  557. position: relative;
  558. bottom: -.2em; }
  559. h1 sup,
  560. h1 sub,
  561. h2 sup,
  562. h2 sub,
  563. h3 sup,
  564. h3 sub {
  565. font-size: .4em; }
  566. sub {
  567. line-height: 1; }
  568. pre {
  569. font-family: monospace, monospace;
  570. font-size: 0.9em; }
  571. pre,
  572. pre code {
  573. background: rgba(17, 17, 17, 0.02);
  574. padding: 0;
  575. top: 0;
  576. display: block;
  577. line-height: 1.5;
  578. color: rgba(17, 17, 17, 0.85);
  579. overflow: none;
  580. white-space: pre-wrap; }
  581. pre {
  582. padding: 1rem;
  583. border: 1px solid transparent;
  584. border-radius: 0.1875rem; }
  585. pre code {
  586. font-size: 100%;
  587. border: none;
  588. background: none; }
  589. figure div + figcaption,
  590. figure pre + figcaption {
  591. position: relative;
  592. top: -8px; }
  593. figure pre {
  594. background-color: none;
  595. border: 1px solid rgba(17, 17, 17, 0.1);
  596. border-radius: 1px;
  597. margin-bottom: .5rem; }
  598. ul.is-unstyled {
  599. margin-left: 0; }
  600. ul.is-unstyled,
  601. ul.is-unstyled ul {
  602. list-style: none; }
  603. .is-muted {
  604. color: rgba(17, 17, 17, 0.6); }
  605. .is-muted a,
  606. a.is-muted {
  607. color: rgba(17, 17, 17, 0.6); }
  608. .is-muted a:hover,
  609. a.is-muted:hover {
  610. -moz-transition: all linear 0.2s;
  611. transition: all linear 0.2s;
  612. color: #111; }
  613. .is-large {
  614. font-size: 1.3125em;
  615. line-height: 1.45; }
  616. .is-big {
  617. font-size: 1.125em;
  618. line-height: 1.45; }
  619. .is-small {
  620. font-size: 0.875em; }
  621. .is-smaller {
  622. font-size: 0.75em; }
  623. .is-nowrap,
  624. .is-nowrap td {
  625. white-space: nowrap; }
  626. .is-highlight {
  627. background-color: rgba(69, 101, 243, 0.1); }
  628. table {
  629. font-size: 0.9375em;
  630. border-collapse: collapse;
  631. border-spacing: 0;
  632. max-width: 100%;
  633. width: 100%;
  634. empty-cells: show;
  635. margin-bottom: 1.2em; }
  636. table caption {
  637. text-align: left;
  638. font-size: 11px;
  639. font-weight: bold;
  640. text-transform: uppercase;
  641. color: rgba(17, 17, 17, 0.4);
  642. letter-spacing: 1px;
  643. margin-bottom: 2px; }
  644. th {
  645. font-weight: 700;
  646. color: inherit;
  647. text-align: left;
  648. vertical-align: bottom; }
  649. td {
  650. color: inherit;
  651. vertical-align: top; }
  652. tbody.is-middle td,
  653. tr.is-middle td,
  654. td.is-middle {
  655. vertical-align: middle; }
  656. th,
  657. td {
  658. padding: 0.8em 0.8em;
  659. border-bottom: 1px solid #eee; }
  660. th:first-child,
  661. td:first-child {
  662. padding-left: 0; }
  663. th:last-child,
  664. td:last-child {
  665. padding-right: 0; }
  666. tfoot th,
  667. tfoot td {
  668. color: rgba(17, 17, 17, 0.5); }
  669. table.is-bordered td,
  670. table.is-bordered th {
  671. border: 1px solid #eee; }
  672. table.is-striped tr:nth-child(odd) td {
  673. background-color: #fafafa; }
  674. table.is-bordered td:first-child,
  675. table.is-bordered th:first-child,
  676. table.is-striped td:first-child,
  677. table.is-striped th:first-child {
  678. padding-left: 0.8em; }
  679. table.is-bordered td:last-child,
  680. table.is-bordered th:last-child,
  681. table.is-striped td:last-child,
  682. table.is-striped th:last-child {
  683. padding-right: 0.8em; }
  684. table.is-unstyled td,
  685. table.is-unstyled th {
  686. border: none;
  687. padding: 0; }
  688. @media only screen and (max-width: 767px) {
  689. table.is-responsive th {
  690. display: none; }
  691. table.is-responsive tr, table.is-responsive td {
  692. display: block; }
  693. table.is-responsive tr:nth-child(odd) {
  694. background-color: #fafafa; }
  695. table.is-responsive td {
  696. padding: 1rem;
  697. text-align: right; }
  698. table.is-responsive td:before {
  699. content: attr(data-label);
  700. float: left;
  701. font-size: 0.875em;
  702. font-weight: bold;
  703. text-transform: uppercase; } }
  704. .is-table-container {
  705. overflow-x: auto;
  706. -webkit-overflow-scrolling: touch;
  707. margin-bottom: 0.8em; }
  708. .is-table-container table {
  709. margin-bottom: 0; }
  710. .is-row {
  711. display: flex;
  712. flex-direction: row;
  713. flex-wrap: wrap;
  714. margin-left: -20px; }
  715. .is-row.is-gapless,
  716. .is-row.is-gapless > .is-row {
  717. margin-left: 0;
  718. margin-top: 0; }
  719. .is-row + .is-row {
  720. margin-top: 20px; }
  721. .is-row.is-bricks > .is-col {
  722. margin-bottom: 20px; }
  723. .is-row > .is-col {
  724. flex: 1;
  725. margin-left: 20px; }
  726. .is-row > .is-col.is-10 {
  727. min-width: calc(10% - 20px); }
  728. .is-row > .is-col.is-20 {
  729. min-width: calc(20% - 20px); }
  730. .is-row > .is-col.is-25 {
  731. min-width: calc(25% - 20px); }
  732. .is-row > .is-col.is-30 {
  733. min-width: calc(30% - 20px); }
  734. .is-row > .is-col.is-33, .is-row > .is-col.is-34 {
  735. min-width: calc(33.3333% - 20px); }
  736. .is-row > .is-col.is-35 {
  737. min-width: calc(35% - 20px); }
  738. .is-row > .is-col.is-40 {
  739. min-width: calc(40% - 20px); }
  740. .is-row > .is-col.is-50 {
  741. min-width: calc(50% - 20px); }
  742. .is-row > .is-col.is-60 {
  743. min-width: calc(60% - 20px); }
  744. .is-row > .is-col.is-65 {
  745. min-width: calc(65% - 20px); }
  746. .is-row > .is-col.is-66, .is-row > .is-col.is-67 {
  747. min-width: calc(66.6666% - 20px); }
  748. .is-row > .is-col.is-70 {
  749. min-width: calc(70% - 20px); }
  750. .is-row > .is-col.is-75 {
  751. min-width: calc(75% - 20px); }
  752. .is-row > .is-col.is-80 {
  753. min-width: calc(80% - 20px); }
  754. .is-row > .is-col.is-90 {
  755. min-width: calc(90% - 20px); }
  756. .is-row.is-gapless > .is-col {
  757. margin-left: 0; }
  758. @media only screen and (max-width: 767px) {
  759. [class^='is-offset-'],
  760. [class*=' is-offset-'] {
  761. margin-left: 0; } }
  762. @media only screen and (max-width: 767px) {
  763. .is-row {
  764. flex-direction: column;
  765. flex-wrap: nowrap;
  766. margin-left: 0;
  767. margin-top: 0; }
  768. .is-row > .is-col {
  769. flex: 0 0 100%;
  770. width: 100% !important;
  771. max-width: 100% !important;
  772. margin-left: 0;
  773. margin-bottom: 20px; }
  774. .is-row > .is-col:last-child {
  775. margin-bottom: 0; }
  776. .is-row.is-bricks > .is-col {
  777. margin-bottom: 20px; }
  778. .is-row.is-gapless {
  779. margin-bottom: 20px; }
  780. .is-row.is-gapless > .is-col {
  781. margin-bottom: 0; } }
  782. .label {
  783. display: inline-block;
  784. vertical-align: baseline;
  785. text-decoration: none;
  786. font-size: 0.84375rem;
  787. font-weight: 500;
  788. letter-spacing: 0;
  789. text-transform: none;
  790. line-height: 20px;
  791. background: #ed2d7f;
  792. color: rgba(255, 255, 255, 0.95);
  793. padding: 0 0.5em;
  794. border: 1px solid transparent;
  795. border-radius: 0.1875rem; }
  796. .label a {
  797. color: inherit;
  798. text-decoration: none; }
  799. .label a:hover {
  800. color: inherit;
  801. text-decoration: underline; }
  802. .label .close {
  803. margin-right: -3px; }
  804. a.label {
  805. color: rgba(255, 255, 255, 0.95); }
  806. a.label:hover {
  807. text-decoration: underline; }
  808. .label.is-secondary {
  809. font-size: 0.84375rem;
  810. font-weight: 500;
  811. letter-spacing: 0;
  812. text-transform: none;
  813. padding: 0 0.5em;
  814. background: none;
  815. color: #ed2d7f;
  816. border: 1px solid #ed2d7f;
  817. border-radius: 0.1875rem; }
  818. .label.is-tertiary {
  819. letter-spacing: 0.035em;
  820. background: none;
  821. color: #ed2d7f;
  822. text-transform: uppercase;
  823. font-size: 0.75rem;
  824. font-weight: bold;
  825. padding: 0 0.2em;
  826. border: 1px solid transparent;
  827. border-radius: 0; }
  828. .label.is-badge {
  829. text-align: center;
  830. font-size: 11px;
  831. line-height: 0.90625rem;
  832. height: 16px;
  833. border-radius: 64px;
  834. min-width: 16px;
  835. padding: 0 2px; }
  836. input[type="submit"] {
  837. width: auto; }
  838. button, button:active, button:focus,
  839. .button,
  840. .button:active,
  841. .button:focus {
  842. -webkit-appearance: none;
  843. display: inline-flex;
  844. align-items: center;
  845. justify-content: center;
  846. vertical-align: middle;
  847. font-family: inherit;
  848. font-size: 0.9375em;
  849. font-weight: 500;
  850. text-decoration: none;
  851. text-transform: none;
  852. color: rgba(255, 255, 255, 0.95);
  853. background: #4565f3;
  854. border-radius: 0.1875rem;
  855. border: 0 solid transparent;
  856. min-height: 2.66667em;
  857. padding: 0.5em 1.35em;
  858. box-shadow: none;
  859. cursor: pointer;
  860. line-height: 1.2; }
  861. button i,
  862. button span,
  863. .button i,
  864. .button span {
  865. display: inline-block;
  866. font-size: 16px;
  867. margin: 0 .25em; }
  868. button:hover,
  869. .button:hover {
  870. -moz-transition: all linear 0.2s;
  871. transition: all linear 0.2s;
  872. outline: none;
  873. text-decoration: none;
  874. color: rgba(255, 255, 255, 0.95);
  875. background-color: #758df6; }
  876. button:disabled, button.is-disabled,
  877. .button:disabled,
  878. .button.is-disabled {
  879. cursor: default;
  880. font-style: normal;
  881. color: #fff;
  882. background-color: rgba(17, 17, 17, 0.5);
  883. opacity: .55; }
  884. button.is-secondary,
  885. .button.is-secondary {
  886. font-size: 0.9375em;
  887. font-weight: 500;
  888. text-decoration: none;
  889. text-transform: none;
  890. color: #4565f3;
  891. background: none;
  892. border-radius: 0.1875rem;
  893. border: 2px solid #4565f3;
  894. min-height: 2.66667em;
  895. padding: 0.5em 1.35em;
  896. box-shadow: none; }
  897. button.is-secondary:hover,
  898. .button.is-secondary:hover {
  899. color: rgba(255, 255, 255, 0.95);
  900. background: #4565f3;
  901. border-color: #4565f3; }
  902. button.is-secondary.is-loading:before,
  903. .button.is-secondary.is-loading:before {
  904. width: 22px;
  905. height: 22px;
  906. border-color: rgba(69, 101, 243, 0.25);
  907. border-bottom-color: #4565f3; }
  908. button.is-secondary.is-loading:hover:before,
  909. .button.is-secondary.is-loading:hover:before {
  910. border-color: rgba(255, 255, 255, 0.25);
  911. border-bottom-color: #fff; }
  912. button.is-secondary:disabled, button.is-secondary.is-disabled,
  913. .button.is-secondary:disabled,
  914. .button.is-secondary.is-disabled {
  915. color: rgba(17, 17, 17, 0.5);
  916. border-color: rgba(17, 17, 17, 0.3);
  917. background: none; }
  918. button.is-tertiary,
  919. .button.is-tertiary {
  920. font-size: 0.9375em;
  921. font-weight: 500;
  922. text-decoration: underline;
  923. text-transform: none;
  924. color: rgba(17, 17, 17, 0.7);
  925. background: none;
  926. border-radius: 0.1875rem;
  927. border: 0 solid transparent;
  928. min-height: 2.66667em;
  929. padding: 0.5em 0;
  930. box-shadow: none; }
  931. button.is-tertiary:hover,
  932. .button.is-tertiary:hover {
  933. color: #111; }
  934. button.is-tertiary.is-loading:before,
  935. .button.is-tertiary.is-loading:before {
  936. border-color: rgba(17, 17, 17, 0.25);
  937. border-bottom-color: rgba(17, 17, 17, 0.7); }
  938. button.is-tertiary:disabled, button.is-tertiary.is-disabled,
  939. .button.is-tertiary:disabled,
  940. .button.is-tertiary.is-disabled {
  941. text-decoration: none;
  942. color: rgba(17, 17, 17, 0.5); }
  943. button.is-inverted,
  944. .button.is-inverted {
  945. color: #111;
  946. background-color: #fff; }
  947. button.is-inverted:hover,
  948. .button.is-inverted:hover {
  949. opacity: .7; }
  950. button.is-inverted.is-secondary,
  951. .button.is-inverted.is-secondary {
  952. background: none;
  953. color: #fff;
  954. border-color: #fff; }
  955. button.is-inverted.is-secondary:hover,
  956. .button.is-inverted.is-secondary:hover {
  957. opacity: 1;
  958. background-color: #fff;
  959. color: rgba(17, 17, 17, 0.95);
  960. border-color: #fff; }
  961. button.is-inverted.is-tertiary,
  962. .button.is-inverted.is-tertiary {
  963. background: none;
  964. color: #fff; }
  965. button.is-inverted.is-tertiary:hover,
  966. .button.is-inverted.is-tertiary:hover {
  967. opacity: .6; }
  968. button:empty.is-loading:before,
  969. .button:empty.is-loading:before {
  970. margin-right: 0; }
  971. ::placeholder {
  972. color: rgba(17, 17, 17, 0.4);
  973. opacity: 1; }
  974. :-ms-input-placeholder {
  975. color: rgba(17, 17, 17, 0.4); }
  976. ::-ms-input-placeholder {
  977. color: rgba(17, 17, 17, 0.4); }
  978. fieldset {
  979. font-family: inherit;
  980. border: 1px solid rgba(17, 17, 17, 0.1);
  981. border-radius: 0.1875rem;
  982. padding: 2rem;
  983. margin-bottom: 36px; }
  984. legend {
  985. font-size: 0.75em;
  986. font-weight: bold;
  987. text-transform: uppercase;
  988. color: rgba(17, 17, 17, 0.5);
  989. padding: 0 1rem;
  990. margin-left: -1rem;
  991. top: 2px;
  992. position: relative;
  993. line-height: 0; }
  994. input,
  995. textarea,
  996. select {
  997. display: block;
  998. width: 100%;
  999. font-family: inherit;
  1000. vertical-align: middle;
  1001. font-size: 0.9375em;
  1002. font-weight: normal;
  1003. height: 2.66667em;
  1004. background-color: #fff;
  1005. border: 1px solid rgba(17, 17, 17, 0.1);
  1006. border-radius: 0.1875rem;
  1007. box-shadow: none;
  1008. padding: 0 0.5em;
  1009. color: rgba(17, 17, 17, 0.8); }
  1010. textarea {
  1011. padding: 0.5em;
  1012. resize: vertical;
  1013. height: auto;
  1014. line-height: 1.5;
  1015. vertical-align: top; }
  1016. select {
  1017. -webkit-appearance: none;
  1018. 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>');
  1019. background-repeat: no-repeat;
  1020. background-position: right .65em center;
  1021. padding-right: 28px; }
  1022. select[multiple] {
  1023. background-image: none;
  1024. height: auto;
  1025. padding: .5em .75em; }
  1026. input:hover,
  1027. textarea:hover,
  1028. select:hover {
  1029. outline: none;
  1030. color: inherit;
  1031. background-color: #fff;
  1032. border: 1px solid rgba(17, 17, 17, 0.2);
  1033. box-shadow: none; }
  1034. input:focus,
  1035. textarea:focus,
  1036. select:focus {
  1037. -moz-transition: all linear 0.2s;
  1038. transition: all linear 0.2s;
  1039. outline: none;
  1040. color: inherit;
  1041. background-color: #fff;
  1042. border: 1px solid rgba(69, 101, 243, 0.5);
  1043. box-shadow: 0 0 3px rgba(69, 101, 243, 0.5) inset; }
  1044. input.is-error,
  1045. textarea.is-error,
  1046. select.is-error {
  1047. background-color: rgba(237, 45, 127, 0.075);
  1048. border: 1px solid rgba(237, 45, 127, 0.5);
  1049. box-shadow: none inset; }
  1050. input.is-error:focus,
  1051. textarea.is-error:focus,
  1052. select.is-error:focus {
  1053. border-color: rgba(237, 45, 127, 0.75);
  1054. box-shadow: 0 0 3px rgba(237, 45, 127, 0.5) inset; }
  1055. input.is-success,
  1056. textarea.is-success,
  1057. select.is-success {
  1058. background-color: rgba(44, 183, 101, 0.075);
  1059. border: 1px solid rgba(44, 183, 101, 0.5);
  1060. box-shadow: none inset; }
  1061. input.is-success:focus,
  1062. textarea.is-success:focus,
  1063. select.is-success:focus {
  1064. border-color: rgba(44, 183, 101, 0.75);
  1065. box-shadow: 0 0 3px rgba(44, 183, 101, 0.5) inset; }
  1066. input:disabled, input:disabled:hover, input.is-disabled, input.is-disabled:hover,
  1067. textarea:disabled,
  1068. textarea:disabled:hover,
  1069. textarea.is-disabled,
  1070. textarea.is-disabled:hover,
  1071. select:disabled,
  1072. select:disabled:hover,
  1073. select.is-disabled,
  1074. select.is-disabled:hover {
  1075. resize: none;
  1076. opacity: 0.7;
  1077. cursor: default;
  1078. font-style: italic;
  1079. color: rgba(17, 17, 17, 0.6);
  1080. border: 1px solid rgba(17, 17, 17, 0.1);
  1081. box-shadow: none;
  1082. background-color: #fff; }
  1083. input[type="radio"].is-error,
  1084. input[type="checkbox"].is-error {
  1085. outline: 2px solid rgba(237, 45, 127, 0.5); }
  1086. input[type="radio"].is-success,
  1087. input[type="checkbox"].is-success {
  1088. outline: 2px solid rgba(44, 183, 101, 0.5); }
  1089. input[type="file"] {
  1090. width: auto;
  1091. border: none;
  1092. padding: 0;
  1093. height: auto;
  1094. background: none;
  1095. box-shadow: none;
  1096. display: inline-block; }
  1097. input[type="search"],
  1098. input.is-search {
  1099. background-repeat: no-repeat;
  1100. background-position: 8px 51%;
  1101. 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>');
  1102. padding-left: 32px; }
  1103. input[type="radio"],
  1104. input[type="checkbox"] {
  1105. display: inline-block;
  1106. width: auto;
  1107. height: auto;
  1108. padding: 0; }
  1109. label {
  1110. display: block;
  1111. font-size: 0.71875rem;
  1112. font-weight: 600;
  1113. text-transform: uppercase;
  1114. color: #111;
  1115. margin-bottom: 0.25em; }
  1116. label.is-checkbox,
  1117. label .is-desc,
  1118. label .is-success,
  1119. label .is-error {
  1120. text-transform: none;
  1121. font-weight: normal; }
  1122. label.is-checkbox {
  1123. font-size: 1em;
  1124. line-height: 1.5;
  1125. cursor: pointer;
  1126. color: inherit; }
  1127. .is-req {
  1128. position: relative;
  1129. top: 1px;
  1130. font-size: 1rem;
  1131. font-weight: bold;
  1132. color: #ed2d7f; }
  1133. .is-desc {
  1134. font-size: 0.75rem;
  1135. font-weight: normal;
  1136. text-transform: none;
  1137. color: #666; }
  1138. span.is-desc {
  1139. margin-left: 0.25em; }
  1140. div.is-desc {
  1141. margin-top: 0.25em; }
  1142. form {
  1143. margin-bottom: 36px; }
  1144. form .is-row {
  1145. margin-bottom: 36px; }
  1146. form .is-row > .form-item {
  1147. margin-bottom: 0; }
  1148. form span.is-success,
  1149. form div.is-success {
  1150. font-size: 0.75em;
  1151. color: #2cb765; }
  1152. form span.is-error,
  1153. form div.is-error {
  1154. font-size: 0.75em;
  1155. color: #ed2d7f; }
  1156. form span.is-success,
  1157. form span.is-error {
  1158. margin-left: 0.25em; }
  1159. form div.is-desc {
  1160. margin-bottom: -0.5em; }
  1161. .form-item {
  1162. margin-bottom: 36px; }
  1163. fieldset > .form-item:last-child,
  1164. fieldset > .is-row:last-child,
  1165. .form-item:last-child {
  1166. margin-bottom: 0; }
  1167. .form-checkboxes label.is-checkbox {
  1168. display: inline-block;
  1169. margin-right: 1em; }
  1170. .form-item.is-inline,
  1171. .form-item.is-inline-offset {
  1172. padding-left: 150px; }
  1173. .form-item.is-inline label:not(.is-checkbox) {
  1174. float: left;
  1175. margin-left: -150px; }
  1176. .form-item.is-bar input,
  1177. .form-item.is-bar textarea,
  1178. .form-item.is-bar select {
  1179. display: inline-block;
  1180. width: auto; }
  1181. .form-item.is-buttons {
  1182. display: flex; }
  1183. .form-item.is-buttons button,
  1184. .form-item.is-buttons .button {
  1185. margin-right: .65rem; }
  1186. .form-item.is-buttons button + .button.is-tertiary {
  1187. margin-left: .65rem; }
  1188. .form-item.is-buttons button.is-push-right,
  1189. .form-item.is-buttons .button.is-tertiary.is-push-right,
  1190. .form-item.is-buttons .button.is-push-right {
  1191. margin-left: auto;
  1192. margin-right: 0; }
  1193. @media only screen and (max-width: 767px) {
  1194. form .is-row .form-item {
  1195. margin-bottom: 36px; } }
  1196. .is-append,
  1197. .is-prepend {
  1198. display: flex; }
  1199. .is-append input,
  1200. .is-prepend input {
  1201. flex: 1; }
  1202. .is-append .button,
  1203. .is-append span,
  1204. .is-append a,
  1205. .is-prepend .button,
  1206. .is-prepend span,
  1207. .is-prepend a {
  1208. flex-shrink: 0; }
  1209. .is-append span,
  1210. .is-append a,
  1211. .is-prepend span,
  1212. .is-prepend a {
  1213. display: flex;
  1214. flex-direction: column;
  1215. justify-content: center;
  1216. padding: 0 0.875rem;
  1217. border: 1px solid rgba(17, 17, 17, 0.1);
  1218. background-color: rgba(17, 17, 17, 0.03);
  1219. white-space: nowrap; }
  1220. .is-append span,
  1221. .is-prepend span {
  1222. font-size: 0.875em;
  1223. font-weight: normal;
  1224. text-transform: none;
  1225. color: rgba(17, 17, 17, 0.5); }
  1226. .is-append a,
  1227. .is-prepend a {
  1228. font-size: 1rem;
  1229. color: rgba(17, 17, 17, 0.6);
  1230. text-decoration: none; }
  1231. .is-append a:hover,
  1232. .is-prepend a:hover {
  1233. color: #111; }
  1234. .is-prepend input {
  1235. border-radius: 0 0.1875rem 0.1875rem 0; }
  1236. .is-prepend .button {
  1237. margin-right: -1px;
  1238. border-radius: 0.1875rem 0 0 0.1875rem !important; }
  1239. .is-prepend span,
  1240. .is-prepend a {
  1241. border-right: none;
  1242. border-radius: 0.1875rem 0 0 0.1875rem; }
  1243. .is-append input {
  1244. border-radius: 0.1875rem 0 0 0.1875rem; }
  1245. .is-append .button {
  1246. margin-left: -1px;
  1247. border-radius: 0 0.1875rem 0.1875rem 0 !important; }
  1248. .is-append span,
  1249. .is-append a {
  1250. border-left: none;
  1251. border-radius: 0 0.1875rem 0.1875rem 0; }
  1252. .breadcrumb {
  1253. display: flex;
  1254. align-items: center;
  1255. font-size: 0.875em;
  1256. font-weight: normal;
  1257. text-transform: none; }
  1258. .breadcrumb a,
  1259. .breadcrumb span {
  1260. font-style: normal;
  1261. padding-right: 8px;
  1262. white-space: nowrap;
  1263. color: #111; }
  1264. .breadcrumb a:hover {
  1265. -moz-transition: all linear 0.2s;
  1266. transition: all linear 0.2s;
  1267. color: #ed2d7f;
  1268. text-decoration: underline; }
  1269. .breadcrumb span:after,
  1270. .breadcrumb a:after {
  1271. display: inline-block;
  1272. content: "/";
  1273. color: rgba(17, 17, 17, 0.4);
  1274. padding-left: 8px; }
  1275. .breadcrumb span:last-child:after,
  1276. .breadcrumb a:last-child:after {
  1277. display: none; }
  1278. .breadcrumb span,
  1279. .breadcrumb span:last-child {
  1280. color: rgba(17, 17, 17, 0.55);
  1281. text-decoration: none; }
  1282. .breadcrumb.is-links a {
  1283. color: #4565f3; }
  1284. .breadcrumb.is-links a:hover {
  1285. -moz-transition: all linear 0.2s;
  1286. transition: all linear 0.2s;
  1287. color: #ed2d7f;
  1288. text-decoration: underline; }
  1289. .pager {
  1290. font-size: 0.875em;
  1291. font-weight: normal;
  1292. text-transform: none;
  1293. margin: 1.2em 0; }
  1294. .pager:after {
  1295. content: '';
  1296. display: table;
  1297. clear: both; }
  1298. .pager a,
  1299. .pager span {
  1300. float: left;
  1301. padding: 0.85em 1.1em 0.75em 1.1em;
  1302. border: 1px solid rgba(17, 17, 17, 0.1);
  1303. border-right-color: transparent;
  1304. color: #333;
  1305. text-decoration: none;
  1306. line-height: 1.4; }
  1307. .pager a:first-child,
  1308. .pager span:first-child {
  1309. border-top-left-radius: 0.1875rem;
  1310. border-bottom-left-radius: 0.1875rem; }
  1311. .pager a:last-child,
  1312. .pager span:last-child {
  1313. border-right-color: rgba(17, 17, 17, 0.1);
  1314. border-top-right-radius: 0.1875rem;
  1315. border-bottom-right-radius: 0.1875rem; }
  1316. .pager a.is-prev:before,
  1317. .pager a.is-next:after {
  1318. position: relative;
  1319. top: 1px;
  1320. font-size: 125%;
  1321. line-height: 1; }
  1322. .pager a.is-prev:before {
  1323. content: '<';
  1324. margin-right: .4em; }
  1325. .pager a.is-next:after {
  1326. content: '>';
  1327. margin-left: .4em; }
  1328. .pager a.is-prev:empty:before {
  1329. margin-right: 0; }
  1330. .pager a.is-next:empty:after {
  1331. margin-left: 0; }
  1332. .pager a:hover {
  1333. -moz-transition: all linear 0.2s;
  1334. transition: all linear 0.2s;
  1335. background-color: rgba(17, 17, 17, 0.05); }
  1336. .pager a.is-disabled {
  1337. background-color: rgba(17, 17, 17, 0.05);
  1338. color: rgba(17, 17, 17, 0.5); }
  1339. .pager span,
  1340. .pager a.is-current,
  1341. .pager a.is-active {
  1342. background-color: #111;
  1343. border-color: #111;
  1344. color: #fff; }
  1345. .pager.is-stacked a {
  1346. position: relative;
  1347. width: 50%;
  1348. border: none;
  1349. font-size: 1.1rem;
  1350. font-weight: bold;
  1351. padding: 0;
  1352. padding-top: 20px; }
  1353. .pager.is-stacked a:hover {
  1354. background: none;
  1355. text-decoration: underline;
  1356. color: #ed2d7f; }
  1357. .pager.is-stacked a.is-prev:before,
  1358. .pager.is-stacked a.is-next:after {
  1359. content: '';
  1360. margin: 0; }
  1361. .pager.is-stacked a.is-prev:after,
  1362. .pager.is-stacked a.is-next:before {
  1363. position: absolute;
  1364. top: 0;
  1365. left: 0;
  1366. content: attr(data-label);
  1367. font-size: 11px;
  1368. text-transform: uppercase;
  1369. font-style: normal;
  1370. font-weight: normal;
  1371. letter-spacing: .03em;
  1372. margin-bottom: .25em;
  1373. color: rgba(17, 17, 17, 0.5); }
  1374. .pager.is-stacked .is-next {
  1375. text-align: right; }
  1376. .pager.is-stacked a.is-next:before {
  1377. right: 0; }
  1378. @media only screen and (max-width: 767px) {
  1379. .pager.is-stacked a {
  1380. float: none;
  1381. display: block;
  1382. width: 100%;
  1383. margin-bottom: 24px; }
  1384. .pager.is-stacked a:last-child {
  1385. margin-bottom: 0; }
  1386. .pager.is-stacked a.is-next {
  1387. text-align: left; } }
  1388. .alert {
  1389. font-family: monospace, monospace;
  1390. font-size: 0.875em;
  1391. font-weight: normal;
  1392. text-transform: none;
  1393. background: rgba(17, 17, 17, 0.04);
  1394. color: rgba(17, 17, 17, 0.8);
  1395. padding: 16px 32px 12px 16px;
  1396. box-shadow: none;
  1397. border: 1px solid rgba(17, 17, 17, 0.1);
  1398. border-radius: 0.1875rem;
  1399. position: relative;
  1400. margin-bottom: 0.8em; }
  1401. .alert h1,
  1402. .alert h2,
  1403. .alert h3,
  1404. .alert h4,
  1405. .alert h5,
  1406. .alert h6 {
  1407. margin-bottom: .25em; }
  1408. .alert a {
  1409. color: inherit; }
  1410. .alert a:hover {
  1411. -moz-transition: all linear 0.2s;
  1412. transition: all linear 0.2s;
  1413. color: #ed2d7f; }
  1414. .alert .close {
  1415. position: absolute;
  1416. right: 6px;
  1417. top: 8px; }
  1418. .alert p {
  1419. margin-top: 0;
  1420. margin-bottom: 0; }
  1421. .alert.is-error {
  1422. background: rgba(237, 45, 127, 0.1);
  1423. border-color: rgba(237, 45, 127, 0.25);
  1424. color: #ed2d7f; }
  1425. .alert.is-error a:hover {
  1426. color: #111; }
  1427. .alert.is-success {
  1428. background: rgba(44, 183, 101, 0.1);
  1429. border-color: rgba(44, 183, 101, 0.25);
  1430. color: #259a55; }
  1431. .alert.is-success a:hover {
  1432. color: #111; }
  1433. .alert.is-focus {
  1434. background: rgba(69, 101, 243, 0.1);
  1435. border-color: rgba(69, 101, 243, 0.25);
  1436. color: #4565f3; }
  1437. .alert.is-focus a:hover {
  1438. color: #111; }
  1439. .alert.is-inverted {
  1440. background: rgba(255, 255, 255, 0.2);
  1441. border-color: rgba(255, 255, 255, 0.4);
  1442. color: #fff; }
  1443. .alert.is-inverted a:hover {
  1444. color: rgba(255, 255, 255, 0.6); }
  1445. .is-navbar-box {
  1446. display: flex;
  1447. flex: 1;
  1448. align-items: center;
  1449. min-width: 100%;
  1450. padding-top: 8px;
  1451. padding-bottom: 8px; }
  1452. @media only screen and (max-width: 767px) {
  1453. .is-navbar-box {
  1454. flex-direction: column; } }
  1455. .is-navbar-box .is-brand {
  1456. margin-right: 32px; }
  1457. .is-navbar-box.is-inverted {
  1458. color: #fff; }
  1459. .is-navbar-box.is-inverted nav a {
  1460. color: rgba(255, 255, 255, 0.95); }
  1461. .is-navbar-box.is-inverted nav a:hover {
  1462. color: rgba(255, 255, 255, 0.6); }
  1463. .is-navbar-box.is-inverted nav li.is-active a {
  1464. color: rgba(255, 255, 255, 0.45); }
  1465. .is-navbar-box.is-inverted nav li.is-action.is-active a {
  1466. color: rgba(255, 255, 255, 0.5);
  1467. background-color: rgba(255, 255, 255, 0.35); }
  1468. .is-navbar-box.is-inverted nav.is-stacked li {
  1469. border-right-color: rgba(255, 255, 255, 0.2); }
  1470. .is-navbar-box.is-inverted nav.is-stacked li:last-child {
  1471. border-right-color: transparent; }
  1472. .is-navbar {
  1473. display: flex;
  1474. flex: 1;
  1475. align-items: center; }
  1476. @media only screen and (max-width: 767px) {
  1477. .is-navbar {
  1478. flex-direction: column; } }
  1479. .is-navbar h1,
  1480. .is-navbar h2,
  1481. .is-navbar h3,
  1482. .is-navbar h4,
  1483. .is-navbar h5,
  1484. .is-navbar h6 {
  1485. line-height: 24px; }
  1486. .is-navbar h1,
  1487. .is-navbar h2,
  1488. .is-navbar h3,
  1489. .is-navbar h4,
  1490. .is-navbar h5,
  1491. .is-navbar h6,
  1492. .is-navbar nav,
  1493. .is-navbar form {
  1494. margin-top: 0;
  1495. margin-bottom: 0; }
  1496. .is-navbar nav ul {
  1497. display: flex;
  1498. flex: 1;
  1499. align-items: center; }
  1500. @media only screen and (max-width: 767px) {
  1501. .is-navbar nav ul {
  1502. flex-direction: column; } }
  1503. .is-navbar nav li {
  1504. white-space: nowrap; }
  1505. .is-navbar nav a {
  1506. display: block;
  1507. padding-top: 4px;
  1508. padding-bottom: 4px;
  1509. color: #333;
  1510. text-decoration: none; }
  1511. .is-navbar nav a:hover {
  1512. -moz-transition: all linear 0.2s;
  1513. transition: all linear 0.2s;
  1514. color: #ed2d7f;
  1515. text-decoration: underline; }
  1516. .is-navbar nav li.is-active a {
  1517. cursor: text;
  1518. color: rgba(17, 17, 17, 0.35);
  1519. text-decoration: none; }
  1520. .is-navbar nav li + li {
  1521. margin-left: 28px; }
  1522. .is-navbar nav.is-centered {
  1523. margin-left: auto;
  1524. margin-right: auto; }
  1525. .is-navbar nav.is-justify {
  1526. text-align: center;
  1527. width: 100%; }
  1528. .is-navbar nav.is-justify li {
  1529. flex: 1; }
  1530. .is-navbar nav.is-links a {
  1531. color: #4565f3;
  1532. text-decoration: underline; }
  1533. .is-navbar nav.is-links a:hover {
  1534. -moz-transition: all linear 0.2s;
  1535. transition: all linear 0.2s;
  1536. color: #ed2d7f;
  1537. text-decoration: underline; }
  1538. .is-navbar nav.is-links li.is-active a {
  1539. cursor: text;
  1540. color: rgba(17, 17, 17, 0.35);
  1541. text-decoration: none; }
  1542. .is-navbar nav li.is-parent a {
  1543. text-decoration: underline; }
  1544. .is-navbar nav.is-stacked li {
  1545. padding-right: 28px;
  1546. border-right: 1px solid rgba(17, 17, 17, 0.1); }
  1547. .is-navbar nav.is-stacked li:last-child {
  1548. border-right-color: transparent; }
  1549. .is-navbar nav li.is-action a {
  1550. color: #fff;
  1551. background-color: #4565f3;
  1552. padding-left: 28px;
  1553. padding-right: 28px;
  1554. border-radius: 1px; }
  1555. .is-navbar nav li.is-action a:hover {
  1556. color: rgba(255, 255, 255, 0.6); }
  1557. .is-navbar nav li.is-action.is-active a {
  1558. color: rgba(17, 17, 17, 0.4);
  1559. background-color: rgba(17, 17, 17, 0.2); }
  1560. @media only screen and (max-width: 767px) {
  1561. .is-navbar-box,
  1562. .is-navbar,
  1563. .is-navbar nav ul {
  1564. align-items: flex-start;
  1565. display: block;
  1566. width: 100%; }
  1567. .is-navbar-box .is-brand {
  1568. margin-right: 0; }
  1569. .is-navbar-box.is-inverted nav.is-stacked li {
  1570. border-right-color: transparent;
  1571. border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
  1572. .is-navbar-box.is-inverted nav.is-stacked li:last-child {
  1573. border-bottom-color: transparent; }
  1574. .is-navbar nav li + li {
  1575. margin-left: 0;
  1576. margin-right: 0; }
  1577. .is-navbar nav li {
  1578. white-space: normal;
  1579. margin-bottom: .4em; }
  1580. .is-navbar nav a {
  1581. display: block;
  1582. margin-left: 0;
  1583. margin-right: 0; }
  1584. .is-navbar nav li.is-action a {
  1585. text-align: center; }
  1586. .is-navbar nav button,
  1587. .is-navbar nav .button,
  1588. .is-navbar form button,
  1589. .is-navbar form .button {
  1590. text-align: center; }
  1591. .is-navbar nav button,
  1592. .is-navbar nav .button,
  1593. .is-navbar nav input,
  1594. .is-navbar form button,
  1595. .is-navbar form .button,
  1596. .is-navbar form input {
  1597. width: 100%;
  1598. margin-left: 0;
  1599. margin-right: 0;
  1600. display: block; }
  1601. .is-navbar nav.is-stacked li {
  1602. padding-left: 0;
  1603. padding-right: 0;
  1604. padding-bottom: .4em;
  1605. border-right-color: transparent;
  1606. border-bottom: 1px solid rgba(17, 17, 17, 0.05); }
  1607. .is-navbar nav.is-stacked li:last-child {
  1608. border-bottom-color: transparent; } }
  1609. @keyframes slideUp {
  1610. to {
  1611. height: 0;
  1612. padding-top: 0;
  1613. padding-bottom: 0;
  1614. margin-bottom: 0; } }
  1615. @keyframes slideDown {
  1616. from {
  1617. height: 0;
  1618. padding-top: 0;
  1619. padding-bottom: 0;
  1620. margin-bottom: 0; } }
  1621. @keyframes fadeIn {
  1622. from {
  1623. opacity: 0; }
  1624. to {
  1625. opacity: 1; } }
  1626. @keyframes fadeOut {
  1627. from {
  1628. opacity: 1; }
  1629. to {
  1630. opacity: 0; } }
  1631. @keyframes flipIn {
  1632. from {
  1633. opacity: 0;
  1634. transform: scaleY(0); }
  1635. to {
  1636. opacity: 1;
  1637. transform: scaleY(1); } }
  1638. @keyframes flipOut {
  1639. from {
  1640. opacity: 1;
  1641. transform: scaleY(1); }
  1642. to {
  1643. opacity: 0;
  1644. transform: scaleY(0); } }
  1645. @keyframes zoomIn {
  1646. from {
  1647. opacity: 0;
  1648. transform: scale3d(0.3, 0.3, 0.3); }
  1649. 50% {
  1650. opacity: 1; } }
  1651. @keyframes zoomOut {
  1652. from {
  1653. opacity: 1; }
  1654. 50% {
  1655. opacity: 0;
  1656. transform: scale3d(0.3, 0.3, 0.3); }
  1657. to {
  1658. opacity: 0; } }
  1659. @keyframes slideInRight {
  1660. from {
  1661. transform: translate3d(100%, 0, 0);
  1662. visibility: visible; }
  1663. to {
  1664. transform: translate3d(0, 0, 0); } }
  1665. @keyframes slideInLeft {
  1666. from {
  1667. transform: translate3d(-100%, 0, 0);
  1668. visibility: visible; }
  1669. to {
  1670. transform: translate3d(0, 0, 0); } }
  1671. @keyframes slideInDown {
  1672. from {
  1673. transform: translate3d(0, -100%, 0);
  1674. visibility: visible; }
  1675. to {
  1676. transform: translate3d(0, 0, 0); } }
  1677. @keyframes slideOutLeft {
  1678. from {
  1679. transform: translate3d(0, 0, 0); }
  1680. to {
  1681. visibility: hidden;
  1682. transform: translate3d(-100%, 0, 0); } }
  1683. @keyframes slideOutRight {
  1684. from {
  1685. transform: translate3d(0, 0, 0); }
  1686. to {
  1687. visibility: hidden;
  1688. transform: translate3d(100%, 0, 0); } }
  1689. @keyframes slideOutUp {
  1690. from {
  1691. transform: translate3d(0, 0, 0); }
  1692. to {
  1693. visibility: hidden;
  1694. transform: translate3d(0, -100%, 0); } }
  1695. @keyframes rotate {
  1696. from {
  1697. transform: rotate(0deg); }
  1698. to {
  1699. transform: rotate(360deg); } }
  1700. @keyframes pulse {
  1701. from {
  1702. transform: scale3d(1, 1, 1); }
  1703. 50% {
  1704. transform: scale3d(1.1, 1.1, 1.1); }
  1705. to {
  1706. transform: scale3d(1, 1, 1); } }
  1707. @keyframes shake {
  1708. 15% {
  1709. transform: translateX(0.5rem); }
  1710. 30% {
  1711. transform: translateX(-0.4rem); }
  1712. 45% {
  1713. transform: translateX(0.3rem); }
  1714. 60% {
  1715. transform: translateX(-0.2rem); }
  1716. 75% {
  1717. transform: translateX(0.1rem); }
  1718. 90% {
  1719. transform: translateX(0); }
  1720. 90% {
  1721. transform: translateX(0); } }
  1722. .kube-fadeIn {
  1723. opacity: 0;
  1724. animation: fadeIn .5s ease-in-out; }
  1725. .kube-fadeOut {
  1726. opacity: 1;
  1727. animation: fadeOut .5s ease-in-out; }
  1728. .kube-zoomIn {
  1729. animation: zoomIn .5s ease-in; }
  1730. .kube-zoomOut {
  1731. animation: zoomOut .5s ease-in; }
  1732. .kube-slideInRight {
  1733. animation: slideInRight .5s ease; }
  1734. .kube-slideInLeft {
  1735. animation: slideInLeft .5s ease; }
  1736. .kube-slideInDown {
  1737. animation: slideInDown .5s ease; }
  1738. .kube-slideOutLeft {
  1739. animation: slideOutLeft .5s ease; }
  1740. .kube-slideOutRight {
  1741. animation: slideOutRight .5s ease; }
  1742. .kube-slideOutUp {
  1743. animation: slideOutUp .5s ease; }
  1744. .kube-slideUp {
  1745. overflow: hidden;
  1746. animation: slideUp .3s ease-out; }
  1747. .kube-slideDown {
  1748. overflow: hidden;
  1749. animation: slideDown .4s ease-in-out; }
  1750. .kube-flipIn {
  1751. animation: flipIn 0.5s cubic-bezier(0.5, -0.5, 0.5, 1.5); }
  1752. .kube-flipOut {
  1753. animation: flipOut 0.5s cubic-bezier(0.5, -0.5, 0.5, 1.5); }
  1754. .kube-rotate {
  1755. animation: rotate .5s ease-in-out; }
  1756. .kube-pulse {
  1757. animation: pulse .5s ease-out 2; }
  1758. .kube-shake {
  1759. animation: shake .5s ease-in-out; }
  1760. .message {
  1761. position: fixed;
  1762. top: 10px;
  1763. right: 10px;
  1764. width: 360px;
  1765. background: #fff;
  1766. box-shadow: 0 10px 30px rgba(17, 17, 17, 0.07), 0 6px 12px rgba(17, 17, 17, 0.07);
  1767. border-radius: 0.1875rem;
  1768. z-index: 400;
  1769. border: 1px solid transparent;
  1770. font-family: monospace, monospace;
  1771. font-size: 0.9375em;
  1772. font-weight: normal;
  1773. text-transform: none;
  1774. color: #111;
  1775. padding: 0.75rem 2rem 0.75rem 1rem; }
  1776. .message h1,
  1777. .message h2,
  1778. .message h3,
  1779. .message h4,
  1780. .message h5,
  1781. .message h6,
  1782. .message a {
  1783. color: inherit; }
  1784. .message a:hover {
  1785. -moz-transition: all linear 0.2s;
  1786. transition: all linear 0.2s;
  1787. color: rgba(17, 17, 17, 0.6); }
  1788. .message.is-centered {
  1789. left: 50%;
  1790. margin-left: -180px; }
  1791. .message.is-left {
  1792. left: 10px;
  1793. right: auto; }
  1794. .message.is-line {
  1795. width: 100%;
  1796. top: 0;
  1797. left: 0;
  1798. right: 0;
  1799. border-radius: 0; }
  1800. .message.is-error {
  1801. background: #ed2d7f;
  1802. color: rgba(255, 255, 255, 0.95);
  1803. border-color: transparent; }
  1804. .message.is-error a:hover {
  1805. color: rgba(255, 255, 255, 0.7); }
  1806. .message.is-success {
  1807. background: #2cb765;
  1808. color: rgba(255, 255, 255, 0.95);
  1809. border-color: transparent; }
  1810. .message.is-success a:hover {
  1811. color: rgba(255, 255, 255, 0.7); }
  1812. .message.is-focus {
  1813. background: #4565f3;
  1814. color: rgba(255, 255, 255, 0.95);
  1815. border-color: transparent; }
  1816. .message.is-focus a:hover {
  1817. color: rgba(255, 255, 255, 0.7); }
  1818. .message.is-black {
  1819. background: #111;
  1820. color: rgba(255, 255, 255, 0.95);
  1821. border-color: transparent; }
  1822. .message.is-black a:hover {
  1823. color: rgba(255, 255, 255, 0.7); }
  1824. .tabs {
  1825. display: flex;
  1826. font-size: 0.9375em;
  1827. font-weight: normal;
  1828. text-transform: none;
  1829. margin-bottom: 1.2em; }
  1830. .tabs a {
  1831. position: relative;
  1832. top: 1px;
  1833. display: block;
  1834. padding: 0.5rem 1rem;
  1835. border: 1px solid transparent;
  1836. color: rgba(17, 17, 17, 0.65);
  1837. background: rgba(17, 17, 17, 0.05);
  1838. text-decoration: none; }
  1839. .tabs a:hover {
  1840. -moz-transition: all linear 0.2s;
  1841. transition: all linear 0.2s;
  1842. color: #111;
  1843. background: rgba(17, 17, 17, 0.02);
  1844. text-decoration: underline;
  1845. border: 1px solid transparent; }
  1846. .tabs a.is-active {
  1847. cursor: default;
  1848. color: #111;
  1849. background: none;
  1850. text-decoration: none;
  1851. border: 1px solid rgba(17, 17, 17, 0.15); }
  1852. .tabs a:first-child {
  1853. border-top-left-radius: 0.1875rem;
  1854. border-bottom-left-radius: 0.1875rem; }
  1855. .tabs a:last-child {
  1856. border-top-right-radius: 0.1875rem;
  1857. border-bottom-right-radius: 0.1875rem; }
  1858. @media only screen and (max-width: 767px) {
  1859. .tabs {
  1860. display: block; } }
  1861. .dropdown {
  1862. position: absolute;
  1863. z-index: 300;
  1864. background: #fff;
  1865. box-shadow: 0 10px 30px rgba(17, 17, 17, 0.07), 0 6px 12px rgba(17, 17, 17, 0.07);
  1866. border-radius: 0.1875rem;
  1867. width: 280px;
  1868. font-size: 0.9375em;
  1869. font-weight: normal;
  1870. border: 0 solid transparent;
  1871. padding: 0 0 0.25rem 0; }
  1872. .dropdown span,
  1873. .dropdown a {
  1874. display: block;
  1875. text-decoration: none;
  1876. padding: .5rem 1rem;
  1877. white-space: nowrap; }
  1878. .dropdown a {
  1879. color: #111;
  1880. background: none; }
  1881. .dropdown a:hover {
  1882. color: #fff;
  1883. background: #4565f3; }
  1884. .dropdown a.is-separator {
  1885. padding-bottom: .7rem;
  1886. margin-bottom: .2rem;
  1887. border-bottom: 1px solid rgba(17, 17, 17, 0.05); }
  1888. .dropdown a:first-child,
  1889. .dropdown span:first-child {
  1890. border-top-left-radius: 0.1875rem;
  1891. border-top-right-radius: 0.1875rem; }
  1892. .dropdown a.is-active, .dropdown a.is-active:hover,
  1893. .dropdown span,
  1894. .dropdown span:hover {
  1895. cursor: text;
  1896. color: rgba(17, 17, 17, 0.4);
  1897. background: none; }
  1898. .modal-box {
  1899. position: fixed;
  1900. top: 0;
  1901. left: 0;
  1902. bottom: 0;
  1903. right: 0;
  1904. overflow-x: hidden;
  1905. overflow-y: auto;
  1906. z-index: 200; }
  1907. .modal {
  1908. position: relative;
  1909. margin: 16px auto;
  1910. padding: 0;
  1911. font-family: inherit;
  1912. background: #fff;
  1913. box-shadow: 0 20px 40px rgba(17, 17, 17, 0.1), 0 15px 35px rgba(17, 17, 17, 0.15);
  1914. border-radius: 0.1875rem;
  1915. color: #111; }
  1916. @media only screen and (max-width: 767px) {
  1917. .modal input,
  1918. .modal textarea {
  1919. font-size: 16px; } }
  1920. .modal .close {
  1921. position: absolute;
  1922. top: 22px;
  1923. right: 16px;
  1924. font-size: 16px;
  1925. width: 32px;
  1926. height: 32px;
  1927. line-height: 32px;
  1928. opacity: .4; }
  1929. .modal .close:hover {
  1930. opacity: 1; }
  1931. .modal-header {
  1932. font-size: 1.05rem;
  1933. font-weight: bold;
  1934. background: none;
  1935. padding: 20px 24px;
  1936. border-bottom: 1px solid rgba(17, 17, 17, 0.05); }
  1937. .modal-header:empty {
  1938. display: none; }
  1939. .modal-body {
  1940. font-size: inherit;
  1941. background: none;
  1942. padding: 28px 24px; }
  1943. .modal-footer {
  1944. font-size: inherit;
  1945. font-weight: normal;
  1946. background: none;
  1947. padding: 16px 24px;
  1948. border-top: 1px solid rgba(17, 17, 17, 0.05); }
  1949. .modal-footer:empty {
  1950. display: none; }
  1951. .modal-footer button {
  1952. margin-right: 10px; }
  1953. .modal-footer button + button.is-tertiary {
  1954. margin-left: 10px; }
  1955. @keyframes progress-bar-stripes {
  1956. from {
  1957. background-position: 40px 0; }
  1958. to {
  1959. background-position: 0 0; } }
  1960. .kube-progress {
  1961. position: absolute;
  1962. top: 0;
  1963. left: 0;
  1964. z-index: 11000;
  1965. width: 100%;
  1966. background-color: rgba(17, 17, 17, 0.2); }
  1967. .kube-progress span {
  1968. 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);
  1969. 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);
  1970. 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);
  1971. -webkit-animation: progress-bar-stripes 2s linear infinite;
  1972. -moz-animation: progress-bar-stripes 2s linear infinite;
  1973. animation: progress-bar-stripes 2s linear infinite;
  1974. content: '';
  1975. display: block;
  1976. min-height: 8px;
  1977. width: 100%;
  1978. height: 100%;
  1979. background-color: #4565f3;
  1980. background-size: 40px 40px; }
  1981. .is-offcanvasTransition {
  1982. transition: transform .5s ease-in-out; }
  1983. .is-offcanvas {
  1984. position: absolute;
  1985. top: 0;
  1986. left: 0;
  1987. right: auto;
  1988. overflow-y: scroll;
  1989. z-index: 200;
  1990. min-height: 100vh;
  1991. width: 300px;
  1992. padding: 1em 1.5em;
  1993. background-color: #111;
  1994. font-size: 0.9375em;
  1995. color: #fff; }
  1996. .is-offcanvas.is-offcanvas-right {
  1997. left: auto;
  1998. right: 0; }
  1999. .is-offcanvas.is-offcanvas-push {
  2000. left: -300px;
  2001. right: auto; }
  2002. .is-offcanvas.is-offcanvas-push.is-offcanvas-right {
  2003. right: -300px;
  2004. left: auto; }
  2005. .is-offcanvas a {
  2006. color: #fff; }
  2007. .is-offcanvas a:hover {
  2008. -moz-transition: all linear 0.2s;
  2009. transition: all linear 0.2s;
  2010. color: rgba(255, 255, 255, 0.6); }