funkemunky

base.css

Mar 11th, 2023
950
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 44.34 KB | None | 0 0
  1. html {
  2.   background-color: hsl(0, 0%, 100%);
  3.   font-size: 16px;
  4.   -moz-osx-font-smoothing: grayscale;
  5.   -webkit-font-smoothing: antialiased;
  6.   min-width: 300px;
  7.   overflow-x: hidden;
  8.   overflow-y: scroll;
  9.   text-rendering: optimizeLegibility;
  10.   text-size-adjust: 100%;
  11. }
  12.  
  13. article,
  14. aside,
  15. figure,
  16. footer,
  17. header,
  18. hgroup,
  19. section {
  20.   display: block;
  21. }
  22.  
  23. body,
  24. button,
  25. input,
  26. optgroup,
  27. select,
  28. textarea {
  29.   font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  30. }
  31.  
  32. code,
  33. pre {
  34.   -moz-osx-font-smoothing: auto;
  35.   -webkit-font-smoothing: auto;
  36.   font-family: monospace;
  37. }
  38.  
  39. body {
  40.   color: hsl(0, 0%, 29%);
  41.   font-size: 1em;
  42.   font-weight: 400;
  43.   line-height: 1.5;
  44. }
  45.  
  46. a {
  47.   color: hsl(229, 53%, 53%);
  48.   cursor: pointer;
  49.   text-decoration: none;
  50. }
  51. a strong {
  52.   color: currentColor;
  53. }
  54. a:hover {
  55.   color: hsl(0, 0%, 21%);
  56. }
  57.  
  58. code {
  59.   background-color: hsl(0, 0%, 96%);
  60.   color: #da1039;
  61.   font-size: 0.875em;
  62.   font-weight: normal;
  63.   padding: 0.25em 0.5em 0.25em;
  64. }
  65.  
  66. hr {
  67.   background-color: hsl(0, 0%, 96%);
  68.   border: none;
  69.   display: block;
  70.   height: 2px;
  71.   margin: 1.5rem 0;
  72. }
  73.  
  74. img {
  75.   height: auto;
  76.   max-width: 100%;
  77. }
  78.  
  79. input[type=checkbox],
  80. input[type=radio] {
  81.   vertical-align: baseline;
  82. }
  83.  
  84. small {
  85.   font-size: 0.875em;
  86. }
  87.  
  88. span {
  89.   font-style: inherit;
  90.   font-weight: inherit;
  91. }
  92.  
  93. strong {
  94.   color: hsl(0, 0%, 21%);
  95.   font-weight: 700;
  96. }
  97.  
  98. fieldset {
  99.   border: none;
  100. }
  101.  
  102. pre {
  103.   -webkit-overflow-scrolling: touch;
  104.   background-color: hsl(0, 0%, 96%);
  105.   color: hsl(0, 0%, 29%);
  106.   font-size: 0.875em;
  107.   overflow-x: auto;
  108.   padding: 1.25rem 1.5rem;
  109.   white-space: pre;
  110.   word-wrap: normal;
  111. }
  112. pre code {
  113.   background-color: transparent;
  114.   color: currentColor;
  115.   font-size: 1em;
  116.   padding: 0;
  117. }
  118.  
  119. table td,
  120. table th {
  121.   vertical-align: top;
  122. }
  123. table td:not([align]),
  124. table th:not([align]) {
  125.   text-align: inherit;
  126. }
  127. table th {
  128.   color: hsl(0, 0%, 21%);
  129. }
  130.  
  131. .button {
  132.   -moz-appearance: none;
  133.   -webkit-appearance: none;
  134.   align-items: center;
  135.   border: 1px solid transparent;
  136.   border-radius: 4px;
  137.   box-shadow: none;
  138.   display: inline-flex;
  139.   font-size: 1rem;
  140.   height: 2.5em;
  141.   justify-content: flex-start;
  142.   line-height: 1.5;
  143.   padding-bottom: calc(0.5em - 1px);
  144.   padding-left: calc(0.75em - 1px);
  145.   padding-right: calc(0.75em - 1px);
  146.   padding-top: calc(0.5em - 1px);
  147.   position: relative;
  148.   vertical-align: top;
  149. }
  150. .button:focus, .is-focused.button, .button:active, .is-active.button {
  151.   outline: none;
  152. }
  153. [disabled].button, fieldset[disabled] .button {
  154.   cursor: not-allowed;
  155. }
  156.  
  157. .button {
  158.   -webkit-touch-callout: none;
  159.   -webkit-user-select: none;
  160.   -moz-user-select: none;
  161.   -ms-user-select: none;
  162.   user-select: none;
  163. }
  164.  
  165. .button.is-loading::after {
  166.   animation: spinAround 500ms infinite linear;
  167.   border: 2px solid hsl(0, 0%, 86%);
  168.   border-radius: 9999px;
  169.   border-right-color: transparent;
  170.   border-top-color: transparent;
  171.   content: "";
  172.   display: block;
  173.   height: 1em;
  174.   position: relative;
  175.   width: 1em;
  176. }
  177.  
  178. .button {
  179.   background-color: hsl(0, 0%, 100%);
  180.   border-color: hsl(0, 0%, 86%);
  181.   border-width: 1px;
  182.   color: hsl(0, 0%, 21%);
  183.   cursor: pointer;
  184.   justify-content: center;
  185.   padding-bottom: calc(0.5em - 1px);
  186.   padding-left: 1em;
  187.   padding-right: 1em;
  188.   padding-top: calc(0.5em - 1px);
  189.   text-align: center;
  190.   white-space: nowrap;
  191. }
  192. .button strong {
  193.   color: inherit;
  194. }
  195. .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  196.   height: 1.5em;
  197.   width: 1.5em;
  198. }
  199. .button .icon:first-child:not(:last-child) {
  200.   margin-left: calc(-0.5em - 1px);
  201.   margin-right: 0.25em;
  202. }
  203. .button .icon:last-child:not(:first-child) {
  204.   margin-left: 0.25em;
  205.   margin-right: calc(-0.5em - 1px);
  206. }
  207. .button .icon:first-child:last-child {
  208.   margin-left: calc(-0.5em - 1px);
  209.   margin-right: calc(-0.5em - 1px);
  210. }
  211. .button:hover, .button.is-hovered {
  212.   border-color: hsl(0, 0%, 71%);
  213.   color: hsl(0, 0%, 21%);
  214. }
  215. .button:focus, .button.is-focused {
  216.   border-color: hsl(229, 53%, 53%);
  217.   color: hsl(0, 0%, 21%);
  218. }
  219. .button:focus:not(:active), .button.is-focused:not(:active) {
  220.   box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
  221. }
  222. .button:active, .button.is-active {
  223.   border-color: hsl(0, 0%, 29%);
  224.   color: hsl(0, 0%, 21%);
  225. }
  226. .button.is-text {
  227.   background-color: transparent;
  228.   border-color: transparent;
  229.   color: hsl(0, 0%, 29%);
  230.   text-decoration: underline;
  231. }
  232. .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  233.   background-color: hsl(0, 0%, 96%);
  234.   color: hsl(0, 0%, 21%);
  235. }
  236. .button.is-text:active, .button.is-text.is-active {
  237.   background-color: #e8e8e8;
  238.   color: hsl(0, 0%, 21%);
  239. }
  240. .button.is-text[disabled], fieldset[disabled] .button.is-text {
  241.   background-color: transparent;
  242.   border-color: transparent;
  243.   box-shadow: none;
  244. }
  245. .button.is-ghost {
  246.   background: none;
  247.   border-color: transparent;
  248.   color: hsl(229, 53%, 53%);
  249.   text-decoration: none;
  250. }
  251. .button.is-ghost:hover, .button.is-ghost.is-hovered {
  252.   color: hsl(229, 53%, 53%);
  253.   text-decoration: underline;
  254. }
  255. .button.is-white {
  256.   background-color: hsl(0, 0%, 100%);
  257.   border-color: transparent;
  258.   color: hsl(0, 0%, 4%);
  259. }
  260. .button.is-white:hover, .button.is-white.is-hovered {
  261.   background-color: #f9f9f9;
  262.   border-color: transparent;
  263.   color: hsl(0, 0%, 4%);
  264. }
  265. .button.is-white:focus, .button.is-white.is-focused {
  266.   border-color: transparent;
  267.   color: hsl(0, 0%, 4%);
  268. }
  269. .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  270.   box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
  271. }
  272. .button.is-white:active, .button.is-white.is-active {
  273.   background-color: #f2f2f2;
  274.   border-color: transparent;
  275.   color: hsl(0, 0%, 4%);
  276. }
  277. .button.is-white[disabled], fieldset[disabled] .button.is-white {
  278.   background-color: hsl(0, 0%, 100%);
  279.   border-color: hsl(0, 0%, 100%);
  280.   box-shadow: none;
  281. }
  282. .button.is-white.is-inverted {
  283.   background-color: hsl(0, 0%, 4%);
  284.   color: hsl(0, 0%, 100%);
  285. }
  286. .button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
  287.   background-color: black;
  288. }
  289. .button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
  290.   background-color: hsl(0, 0%, 4%);
  291.   border-color: transparent;
  292.   box-shadow: none;
  293.   color: hsl(0, 0%, 100%);
  294. }
  295. .button.is-white.is-loading::after {
  296.   border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
  297. }
  298. .button.is-white.is-outlined {
  299.   background-color: transparent;
  300.   border-color: hsl(0, 0%, 100%);
  301.   color: hsl(0, 0%, 100%);
  302. }
  303. .button.is-white.is-outlined:hover, .button.is-white.is-outlined.is-hovered, .button.is-white.is-outlined:focus, .button.is-white.is-outlined.is-focused {
  304.   background-color: hsl(0, 0%, 100%);
  305.   border-color: hsl(0, 0%, 100%);
  306.   color: hsl(0, 0%, 4%);
  307. }
  308. .button.is-white.is-outlined.is-loading::after {
  309.   border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
  310. }
  311. .button.is-white.is-outlined.is-loading:hover::after, .button.is-white.is-outlined.is-loading.is-hovered::after, .button.is-white.is-outlined.is-loading:focus::after, .button.is-white.is-outlined.is-loading.is-focused::after {
  312.   border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
  313. }
  314. .button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
  315.   background-color: transparent;
  316.   border-color: hsl(0, 0%, 100%);
  317.   box-shadow: none;
  318.   color: hsl(0, 0%, 100%);
  319. }
  320. .button.is-white.is-inverted.is-outlined {
  321.   background-color: transparent;
  322.   border-color: hsl(0, 0%, 4%);
  323.   color: hsl(0, 0%, 4%);
  324. }
  325. .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined.is-hovered, .button.is-white.is-inverted.is-outlined:focus, .button.is-white.is-inverted.is-outlined.is-focused {
  326.   background-color: hsl(0, 0%, 4%);
  327.   color: hsl(0, 0%, 100%);
  328. }
  329. .button.is-white.is-inverted.is-outlined.is-loading:hover::after, .button.is-white.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-white.is-inverted.is-outlined.is-loading:focus::after, .button.is-white.is-inverted.is-outlined.is-loading.is-focused::after {
  330.   border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
  331. }
  332. .button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  333.   background-color: transparent;
  334.   border-color: hsl(0, 0%, 4%);
  335.   box-shadow: none;
  336.   color: hsl(0, 0%, 4%);
  337. }
  338. .button.is-black {
  339.   background-color: hsl(0, 0%, 4%);
  340.   border-color: transparent;
  341.   color: hsl(0, 0%, 100%);
  342. }
  343. .button.is-black:hover, .button.is-black.is-hovered {
  344.   background-color: #040404;
  345.   border-color: transparent;
  346.   color: hsl(0, 0%, 100%);
  347. }
  348. .button.is-black:focus, .button.is-black.is-focused {
  349.   border-color: transparent;
  350.   color: hsl(0, 0%, 100%);
  351. }
  352. .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  353.   box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25);
  354. }
  355. .button.is-black:active, .button.is-black.is-active {
  356.   background-color: black;
  357.   border-color: transparent;
  358.   color: hsl(0, 0%, 100%);
  359. }
  360. .button.is-black[disabled], fieldset[disabled] .button.is-black {
  361.   background-color: hsl(0, 0%, 4%);
  362.   border-color: hsl(0, 0%, 4%);
  363.   box-shadow: none;
  364. }
  365. .button.is-black.is-inverted {
  366.   background-color: hsl(0, 0%, 100%);
  367.   color: hsl(0, 0%, 4%);
  368. }
  369. .button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
  370.   background-color: #f2f2f2;
  371. }
  372. .button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
  373.   background-color: hsl(0, 0%, 100%);
  374.   border-color: transparent;
  375.   box-shadow: none;
  376.   color: hsl(0, 0%, 4%);
  377. }
  378. .button.is-black.is-loading::after {
  379.   border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
  380. }
  381. .button.is-black.is-outlined {
  382.   background-color: transparent;
  383.   border-color: hsl(0, 0%, 4%);
  384.   color: hsl(0, 0%, 4%);
  385. }
  386. .button.is-black.is-outlined:hover, .button.is-black.is-outlined.is-hovered, .button.is-black.is-outlined:focus, .button.is-black.is-outlined.is-focused {
  387.   background-color: hsl(0, 0%, 4%);
  388.   border-color: hsl(0, 0%, 4%);
  389.   color: hsl(0, 0%, 100%);
  390. }
  391. .button.is-black.is-outlined.is-loading::after {
  392.   border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
  393. }
  394. .button.is-black.is-outlined.is-loading:hover::after, .button.is-black.is-outlined.is-loading.is-hovered::after, .button.is-black.is-outlined.is-loading:focus::after, .button.is-black.is-outlined.is-loading.is-focused::after {
  395.   border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
  396. }
  397. .button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
  398.   background-color: transparent;
  399.   border-color: hsl(0, 0%, 4%);
  400.   box-shadow: none;
  401.   color: hsl(0, 0%, 4%);
  402. }
  403. .button.is-black.is-inverted.is-outlined {
  404.   background-color: transparent;
  405.   border-color: hsl(0, 0%, 100%);
  406.   color: hsl(0, 0%, 100%);
  407. }
  408. .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined.is-hovered, .button.is-black.is-inverted.is-outlined:focus, .button.is-black.is-inverted.is-outlined.is-focused {
  409.   background-color: hsl(0, 0%, 100%);
  410.   color: hsl(0, 0%, 4%);
  411. }
  412. .button.is-black.is-inverted.is-outlined.is-loading:hover::after, .button.is-black.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-black.is-inverted.is-outlined.is-loading:focus::after, .button.is-black.is-inverted.is-outlined.is-loading.is-focused::after {
  413.   border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
  414. }
  415. .button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  416.   background-color: transparent;
  417.   border-color: hsl(0, 0%, 100%);
  418.   box-shadow: none;
  419.   color: hsl(0, 0%, 100%);
  420. }
  421. .button.is-light {
  422.   background-color: hsl(0, 0%, 96%);
  423.   border-color: transparent;
  424.   color: rgba(0, 0, 0, 0.7);
  425. }
  426. .button.is-light:hover, .button.is-light.is-hovered {
  427.   background-color: #eeeeee;
  428.   border-color: transparent;
  429.   color: rgba(0, 0, 0, 0.7);
  430. }
  431. .button.is-light:focus, .button.is-light.is-focused {
  432.   border-color: transparent;
  433.   color: rgba(0, 0, 0, 0.7);
  434. }
  435. .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  436.   box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
  437. }
  438. .button.is-light:active, .button.is-light.is-active {
  439.   background-color: #e8e8e8;
  440.   border-color: transparent;
  441.   color: rgba(0, 0, 0, 0.7);
  442. }
  443. .button.is-light[disabled], fieldset[disabled] .button.is-light {
  444.   background-color: hsl(0, 0%, 96%);
  445.   border-color: hsl(0, 0%, 96%);
  446.   box-shadow: none;
  447. }
  448. .button.is-light.is-inverted {
  449.   background-color: rgba(0, 0, 0, 0.7);
  450.   color: hsl(0, 0%, 96%);
  451. }
  452. .button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
  453.   background-color: rgba(0, 0, 0, 0.7);
  454. }
  455. .button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
  456.   background-color: rgba(0, 0, 0, 0.7);
  457.   border-color: transparent;
  458.   box-shadow: none;
  459.   color: hsl(0, 0%, 96%);
  460. }
  461. .button.is-light.is-loading::after {
  462.   border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
  463. }
  464. .button.is-light.is-outlined {
  465.   background-color: transparent;
  466.   border-color: hsl(0, 0%, 96%);
  467.   color: hsl(0, 0%, 96%);
  468. }
  469. .button.is-light.is-outlined:hover, .button.is-light.is-outlined.is-hovered, .button.is-light.is-outlined:focus, .button.is-light.is-outlined.is-focused {
  470.   background-color: hsl(0, 0%, 96%);
  471.   border-color: hsl(0, 0%, 96%);
  472.   color: rgba(0, 0, 0, 0.7);
  473. }
  474. .button.is-light.is-outlined.is-loading::after {
  475.   border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
  476. }
  477. .button.is-light.is-outlined.is-loading:hover::after, .button.is-light.is-outlined.is-loading.is-hovered::after, .button.is-light.is-outlined.is-loading:focus::after, .button.is-light.is-outlined.is-loading.is-focused::after {
  478.   border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
  479. }
  480. .button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
  481.   background-color: transparent;
  482.   border-color: hsl(0, 0%, 96%);
  483.   box-shadow: none;
  484.   color: hsl(0, 0%, 96%);
  485. }
  486. .button.is-light.is-inverted.is-outlined {
  487.   background-color: transparent;
  488.   border-color: rgba(0, 0, 0, 0.7);
  489.   color: rgba(0, 0, 0, 0.7);
  490. }
  491. .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined.is-hovered, .button.is-light.is-inverted.is-outlined:focus, .button.is-light.is-inverted.is-outlined.is-focused {
  492.   background-color: rgba(0, 0, 0, 0.7);
  493.   color: hsl(0, 0%, 96%);
  494. }
  495. .button.is-light.is-inverted.is-outlined.is-loading:hover::after, .button.is-light.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-light.is-inverted.is-outlined.is-loading:focus::after, .button.is-light.is-inverted.is-outlined.is-loading.is-focused::after {
  496.   border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
  497. }
  498. .button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  499.   background-color: transparent;
  500.   border-color: rgba(0, 0, 0, 0.7);
  501.   box-shadow: none;
  502.   color: rgba(0, 0, 0, 0.7);
  503. }
  504. .button.is-dark {
  505.   background-color: hsl(0, 0%, 21%);
  506.   border-color: transparent;
  507.   color: #fff;
  508. }
  509. .button.is-dark:hover, .button.is-dark.is-hovered {
  510.   background-color: #2f2f2f;
  511.   border-color: transparent;
  512.   color: #fff;
  513. }
  514. .button.is-dark:focus, .button.is-dark.is-focused {
  515.   border-color: transparent;
  516.   color: #fff;
  517. }
  518. .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  519.   box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25);
  520. }
  521. .button.is-dark:active, .button.is-dark.is-active {
  522.   background-color: #292929;
  523.   border-color: transparent;
  524.   color: #fff;
  525. }
  526. .button.is-dark[disabled], fieldset[disabled] .button.is-dark {
  527.   background-color: hsl(0, 0%, 21%);
  528.   border-color: hsl(0, 0%, 21%);
  529.   box-shadow: none;
  530. }
  531. .button.is-dark.is-inverted {
  532.   background-color: #fff;
  533.   color: hsl(0, 0%, 21%);
  534. }
  535. .button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
  536.   background-color: #f2f2f2;
  537. }
  538. .button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
  539.   background-color: #fff;
  540.   border-color: transparent;
  541.   box-shadow: none;
  542.   color: hsl(0, 0%, 21%);
  543. }
  544. .button.is-dark.is-loading::after {
  545.   border-color: transparent transparent #fff #fff !important;
  546. }
  547. .button.is-dark.is-outlined {
  548.   background-color: transparent;
  549.   border-color: hsl(0, 0%, 21%);
  550.   color: hsl(0, 0%, 21%);
  551. }
  552. .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined.is-hovered, .button.is-dark.is-outlined:focus, .button.is-dark.is-outlined.is-focused {
  553.   background-color: hsl(0, 0%, 21%);
  554.   border-color: hsl(0, 0%, 21%);
  555.   color: #fff;
  556. }
  557. .button.is-dark.is-outlined.is-loading::after {
  558.   border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important;
  559. }
  560. .button.is-dark.is-outlined.is-loading:hover::after, .button.is-dark.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-outlined.is-loading:focus::after, .button.is-dark.is-outlined.is-loading.is-focused::after {
  561.   border-color: transparent transparent #fff #fff !important;
  562. }
  563. .button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
  564.   background-color: transparent;
  565.   border-color: hsl(0, 0%, 21%);
  566.   box-shadow: none;
  567.   color: hsl(0, 0%, 21%);
  568. }
  569. .button.is-dark.is-inverted.is-outlined {
  570.   background-color: transparent;
  571.   border-color: #fff;
  572.   color: #fff;
  573. }
  574. .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined.is-hovered, .button.is-dark.is-inverted.is-outlined:focus, .button.is-dark.is-inverted.is-outlined.is-focused {
  575.   background-color: #fff;
  576.   color: hsl(0, 0%, 21%);
  577. }
  578. .button.is-dark.is-inverted.is-outlined.is-loading:hover::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-dark.is-inverted.is-outlined.is-loading:focus::after, .button.is-dark.is-inverted.is-outlined.is-loading.is-focused::after {
  579.   border-color: transparent transparent hsl(0, 0%, 21%) hsl(0, 0%, 21%) !important;
  580. }
  581. .button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  582.   background-color: transparent;
  583.   border-color: #fff;
  584.   box-shadow: none;
  585.   color: #fff;
  586. }
  587. .button.is-primary {
  588.   background-color: hsl(171, 100%, 41%);
  589.   border-color: transparent;
  590.   color: #fff;
  591. }
  592. .button.is-primary:hover, .button.is-primary.is-hovered {
  593.   background-color: #00c4a7;
  594.   border-color: transparent;
  595.   color: #fff;
  596. }
  597. .button.is-primary:focus, .button.is-primary.is-focused {
  598.   border-color: transparent;
  599.   color: #fff;
  600. }
  601. .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  602.   box-shadow: 0 0 0 0.125em rgba(0, 209, 178, 0.25);
  603. }
  604. .button.is-primary:active, .button.is-primary.is-active {
  605.   background-color: #00b89c;
  606.   border-color: transparent;
  607.   color: #fff;
  608. }
  609. .button.is-primary[disabled], fieldset[disabled] .button.is-primary {
  610.   background-color: hsl(171, 100%, 41%);
  611.   border-color: hsl(171, 100%, 41%);
  612.   box-shadow: none;
  613. }
  614. .button.is-primary.is-inverted {
  615.   background-color: #fff;
  616.   color: hsl(171, 100%, 41%);
  617. }
  618. .button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
  619.   background-color: #f2f2f2;
  620. }
  621. .button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
  622.   background-color: #fff;
  623.   border-color: transparent;
  624.   box-shadow: none;
  625.   color: hsl(171, 100%, 41%);
  626. }
  627. .button.is-primary.is-loading::after {
  628.   border-color: transparent transparent #fff #fff !important;
  629. }
  630. .button.is-primary.is-outlined {
  631.   background-color: transparent;
  632.   border-color: hsl(171, 100%, 41%);
  633.   color: hsl(171, 100%, 41%);
  634. }
  635. .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined.is-hovered, .button.is-primary.is-outlined:focus, .button.is-primary.is-outlined.is-focused {
  636.   background-color: hsl(171, 100%, 41%);
  637.   border-color: hsl(171, 100%, 41%);
  638.   color: #fff;
  639. }
  640. .button.is-primary.is-outlined.is-loading::after {
  641.   border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important;
  642. }
  643. .button.is-primary.is-outlined.is-loading:hover::after, .button.is-primary.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-outlined.is-loading:focus::after, .button.is-primary.is-outlined.is-loading.is-focused::after {
  644.   border-color: transparent transparent #fff #fff !important;
  645. }
  646. .button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
  647.   background-color: transparent;
  648.   border-color: hsl(171, 100%, 41%);
  649.   box-shadow: none;
  650.   color: hsl(171, 100%, 41%);
  651. }
  652. .button.is-primary.is-inverted.is-outlined {
  653.   background-color: transparent;
  654.   border-color: #fff;
  655.   color: #fff;
  656. }
  657. .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined.is-hovered, .button.is-primary.is-inverted.is-outlined:focus, .button.is-primary.is-inverted.is-outlined.is-focused {
  658.   background-color: #fff;
  659.   color: hsl(171, 100%, 41%);
  660. }
  661. .button.is-primary.is-inverted.is-outlined.is-loading:hover::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-primary.is-inverted.is-outlined.is-loading:focus::after, .button.is-primary.is-inverted.is-outlined.is-loading.is-focused::after {
  662.   border-color: transparent transparent hsl(171, 100%, 41%) hsl(171, 100%, 41%) !important;
  663. }
  664. .button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  665.   background-color: transparent;
  666.   border-color: #fff;
  667.   box-shadow: none;
  668.   color: #fff;
  669. }
  670. .button.is-primary.is-light {
  671.   background-color: #ebfffc;
  672.   color: #00947e;
  673. }
  674. .button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
  675.   background-color: #defffa;
  676.   border-color: transparent;
  677.   color: #00947e;
  678. }
  679. .button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
  680.   background-color: #d1fff8;
  681.   border-color: transparent;
  682.   color: #00947e;
  683. }
  684. .button.is-link {
  685.   background-color: hsl(229, 53%, 53%);
  686.   border-color: transparent;
  687.   color: #fff;
  688. }
  689. .button.is-link:hover, .button.is-link.is-hovered {
  690.   background-color: #3e56c4;
  691.   border-color: transparent;
  692.   color: #fff;
  693. }
  694. .button.is-link:focus, .button.is-link.is-focused {
  695.   border-color: transparent;
  696.   color: #fff;
  697. }
  698. .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  699.   box-shadow: 0 0 0 0.125em rgba(72, 95, 199, 0.25);
  700. }
  701. .button.is-link:active, .button.is-link.is-active {
  702.   background-color: #3a51bb;
  703.   border-color: transparent;
  704.   color: #fff;
  705. }
  706. .button.is-link[disabled], fieldset[disabled] .button.is-link {
  707.   background-color: hsl(229, 53%, 53%);
  708.   border-color: hsl(229, 53%, 53%);
  709.   box-shadow: none;
  710. }
  711. .button.is-link.is-inverted {
  712.   background-color: #fff;
  713.   color: hsl(229, 53%, 53%);
  714. }
  715. .button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
  716.   background-color: #f2f2f2;
  717. }
  718. .button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
  719.   background-color: #fff;
  720.   border-color: transparent;
  721.   box-shadow: none;
  722.   color: hsl(229, 53%, 53%);
  723. }
  724. .button.is-link.is-loading::after {
  725.   border-color: transparent transparent #fff #fff !important;
  726. }
  727. .button.is-link.is-outlined {
  728.   background-color: transparent;
  729.   border-color: hsl(229, 53%, 53%);
  730.   color: hsl(229, 53%, 53%);
  731. }
  732. .button.is-link.is-outlined:hover, .button.is-link.is-outlined.is-hovered, .button.is-link.is-outlined:focus, .button.is-link.is-outlined.is-focused {
  733.   background-color: hsl(229, 53%, 53%);
  734.   border-color: hsl(229, 53%, 53%);
  735.   color: #fff;
  736. }
  737. .button.is-link.is-outlined.is-loading::after {
  738.   border-color: transparent transparent hsl(229, 53%, 53%) hsl(229, 53%, 53%) !important;
  739. }
  740. .button.is-link.is-outlined.is-loading:hover::after, .button.is-link.is-outlined.is-loading.is-hovered::after, .button.is-link.is-outlined.is-loading:focus::after, .button.is-link.is-outlined.is-loading.is-focused::after {
  741.   border-color: transparent transparent #fff #fff !important;
  742. }
  743. .button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
  744.   background-color: transparent;
  745.   border-color: hsl(229, 53%, 53%);
  746.   box-shadow: none;
  747.   color: hsl(229, 53%, 53%);
  748. }
  749. .button.is-link.is-inverted.is-outlined {
  750.   background-color: transparent;
  751.   border-color: #fff;
  752.   color: #fff;
  753. }
  754. .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined.is-hovered, .button.is-link.is-inverted.is-outlined:focus, .button.is-link.is-inverted.is-outlined.is-focused {
  755.   background-color: #fff;
  756.   color: hsl(229, 53%, 53%);
  757. }
  758. .button.is-link.is-inverted.is-outlined.is-loading:hover::after, .button.is-link.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-link.is-inverted.is-outlined.is-loading:focus::after, .button.is-link.is-inverted.is-outlined.is-loading.is-focused::after {
  759.   border-color: transparent transparent hsl(229, 53%, 53%) hsl(229, 53%, 53%) !important;
  760. }
  761. .button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  762.   background-color: transparent;
  763.   border-color: #fff;
  764.   box-shadow: none;
  765.   color: #fff;
  766. }
  767. .button.is-link.is-light {
  768.   background-color: #eff1fa;
  769.   color: #3850b7;
  770. }
  771. .button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
  772.   background-color: #e6e9f7;
  773.   border-color: transparent;
  774.   color: #3850b7;
  775. }
  776. .button.is-link.is-light:active, .button.is-link.is-light.is-active {
  777.   background-color: #dce0f4;
  778.   border-color: transparent;
  779.   color: #3850b7;
  780. }
  781. .button.is-info {
  782.   background-color: hsl(207, 61%, 53%);
  783.   border-color: transparent;
  784.   color: #fff;
  785. }
  786. .button.is-info:hover, .button.is-info.is-hovered {
  787.   background-color: #3488ce;
  788.   border-color: transparent;
  789.   color: #fff;
  790. }
  791. .button.is-info:focus, .button.is-info.is-focused {
  792.   border-color: transparent;
  793.   color: #fff;
  794. }
  795. .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  796.   box-shadow: 0 0 0 0.125em rgba(62, 142, 208, 0.25);
  797. }
  798. .button.is-info:active, .button.is-info.is-active {
  799.   background-color: #3082c5;
  800.   border-color: transparent;
  801.   color: #fff;
  802. }
  803. .button.is-info[disabled], fieldset[disabled] .button.is-info {
  804.   background-color: hsl(207, 61%, 53%);
  805.   border-color: hsl(207, 61%, 53%);
  806.   box-shadow: none;
  807. }
  808. .button.is-info.is-inverted {
  809.   background-color: #fff;
  810.   color: hsl(207, 61%, 53%);
  811. }
  812. .button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
  813.   background-color: #f2f2f2;
  814. }
  815. .button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
  816.   background-color: #fff;
  817.   border-color: transparent;
  818.   box-shadow: none;
  819.   color: hsl(207, 61%, 53%);
  820. }
  821. .button.is-info.is-loading::after {
  822.   border-color: transparent transparent #fff #fff !important;
  823. }
  824. .button.is-info.is-outlined {
  825.   background-color: transparent;
  826.   border-color: hsl(207, 61%, 53%);
  827.   color: hsl(207, 61%, 53%);
  828. }
  829. .button.is-info.is-outlined:hover, .button.is-info.is-outlined.is-hovered, .button.is-info.is-outlined:focus, .button.is-info.is-outlined.is-focused {
  830.   background-color: hsl(207, 61%, 53%);
  831.   border-color: hsl(207, 61%, 53%);
  832.   color: #fff;
  833. }
  834. .button.is-info.is-outlined.is-loading::after {
  835.   border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important;
  836. }
  837. .button.is-info.is-outlined.is-loading:hover::after, .button.is-info.is-outlined.is-loading.is-hovered::after, .button.is-info.is-outlined.is-loading:focus::after, .button.is-info.is-outlined.is-loading.is-focused::after {
  838.   border-color: transparent transparent #fff #fff !important;
  839. }
  840. .button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
  841.   background-color: transparent;
  842.   border-color: hsl(207, 61%, 53%);
  843.   box-shadow: none;
  844.   color: hsl(207, 61%, 53%);
  845. }
  846. .button.is-info.is-inverted.is-outlined {
  847.   background-color: transparent;
  848.   border-color: #fff;
  849.   color: #fff;
  850. }
  851. .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined.is-hovered, .button.is-info.is-inverted.is-outlined:focus, .button.is-info.is-inverted.is-outlined.is-focused {
  852.   background-color: #fff;
  853.   color: hsl(207, 61%, 53%);
  854. }
  855. .button.is-info.is-inverted.is-outlined.is-loading:hover::after, .button.is-info.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-info.is-inverted.is-outlined.is-loading:focus::after, .button.is-info.is-inverted.is-outlined.is-loading.is-focused::after {
  856.   border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important;
  857. }
  858. .button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  859.   background-color: transparent;
  860.   border-color: #fff;
  861.   box-shadow: none;
  862.   color: #fff;
  863. }
  864. .button.is-info.is-light {
  865.   background-color: #eff5fb;
  866.   color: #296fa8;
  867. }
  868. .button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
  869.   background-color: #e4eff9;
  870.   border-color: transparent;
  871.   color: #296fa8;
  872. }
  873. .button.is-info.is-light:active, .button.is-info.is-light.is-active {
  874.   background-color: #dae9f6;
  875.   border-color: transparent;
  876.   color: #296fa8;
  877. }
  878. .button.is-success {
  879.   background-color: hsl(153, 53%, 53%);
  880.   border-color: transparent;
  881.   color: #fff;
  882. }
  883. .button.is-success:hover, .button.is-success.is-hovered {
  884.   background-color: #3ec487;
  885.   border-color: transparent;
  886.   color: #fff;
  887. }
  888. .button.is-success:focus, .button.is-success.is-focused {
  889.   border-color: transparent;
  890.   color: #fff;
  891. }
  892. .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  893.   box-shadow: 0 0 0 0.125em rgba(72, 199, 142, 0.25);
  894. }
  895. .button.is-success:active, .button.is-success.is-active {
  896.   background-color: #3abb81;
  897.   border-color: transparent;
  898.   color: #fff;
  899. }
  900. .button.is-success[disabled], fieldset[disabled] .button.is-success {
  901.   background-color: hsl(153, 53%, 53%);
  902.   border-color: hsl(153, 53%, 53%);
  903.   box-shadow: none;
  904. }
  905. .button.is-success.is-inverted {
  906.   background-color: #fff;
  907.   color: hsl(153, 53%, 53%);
  908. }
  909. .button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
  910.   background-color: #f2f2f2;
  911. }
  912. .button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
  913.   background-color: #fff;
  914.   border-color: transparent;
  915.   box-shadow: none;
  916.   color: hsl(153, 53%, 53%);
  917. }
  918. .button.is-success.is-loading::after {
  919.   border-color: transparent transparent #fff #fff !important;
  920. }
  921. .button.is-success.is-outlined {
  922.   background-color: transparent;
  923.   border-color: hsl(153, 53%, 53%);
  924.   color: hsl(153, 53%, 53%);
  925. }
  926. .button.is-success.is-outlined:hover, .button.is-success.is-outlined.is-hovered, .button.is-success.is-outlined:focus, .button.is-success.is-outlined.is-focused {
  927.   background-color: hsl(153, 53%, 53%);
  928.   border-color: hsl(153, 53%, 53%);
  929.   color: #fff;
  930. }
  931. .button.is-success.is-outlined.is-loading::after {
  932.   border-color: transparent transparent hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important;
  933. }
  934. .button.is-success.is-outlined.is-loading:hover::after, .button.is-success.is-outlined.is-loading.is-hovered::after, .button.is-success.is-outlined.is-loading:focus::after, .button.is-success.is-outlined.is-loading.is-focused::after {
  935.   border-color: transparent transparent #fff #fff !important;
  936. }
  937. .button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
  938.   background-color: transparent;
  939.   border-color: hsl(153, 53%, 53%);
  940.   box-shadow: none;
  941.   color: hsl(153, 53%, 53%);
  942. }
  943. .button.is-success.is-inverted.is-outlined {
  944.   background-color: transparent;
  945.   border-color: #fff;
  946.   color: #fff;
  947. }
  948. .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined.is-hovered, .button.is-success.is-inverted.is-outlined:focus, .button.is-success.is-inverted.is-outlined.is-focused {
  949.   background-color: #fff;
  950.   color: hsl(153, 53%, 53%);
  951. }
  952. .button.is-success.is-inverted.is-outlined.is-loading:hover::after, .button.is-success.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-success.is-inverted.is-outlined.is-loading:focus::after, .button.is-success.is-inverted.is-outlined.is-loading.is-focused::after {
  953.   border-color: transparent transparent hsl(153, 53%, 53%) hsl(153, 53%, 53%) !important;
  954. }
  955. .button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  956.   background-color: transparent;
  957.   border-color: #fff;
  958.   box-shadow: none;
  959.   color: #fff;
  960. }
  961. .button.is-success.is-light {
  962.   background-color: #effaf5;
  963.   color: #257953;
  964. }
  965. .button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
  966.   background-color: #e6f7ef;
  967.   border-color: transparent;
  968.   color: #257953;
  969. }
  970. .button.is-success.is-light:active, .button.is-success.is-light.is-active {
  971.   background-color: #dcf4e9;
  972.   border-color: transparent;
  973.   color: #257953;
  974. }
  975. .button.is-warning {
  976.   background-color: hsl(44, 100%, 77%);
  977.   border-color: transparent;
  978.   color: rgba(0, 0, 0, 0.7);
  979. }
  980. .button.is-warning:hover, .button.is-warning.is-hovered {
  981.   background-color: #ffdc7d;
  982.   border-color: transparent;
  983.   color: rgba(0, 0, 0, 0.7);
  984. }
  985. .button.is-warning:focus, .button.is-warning.is-focused {
  986.   border-color: transparent;
  987.   color: rgba(0, 0, 0, 0.7);
  988. }
  989. .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  990.   box-shadow: 0 0 0 0.125em rgba(255, 224, 138, 0.25);
  991. }
  992. .button.is-warning:active, .button.is-warning.is-active {
  993.   background-color: #ffd970;
  994.   border-color: transparent;
  995.   color: rgba(0, 0, 0, 0.7);
  996. }
  997. .button.is-warning[disabled], fieldset[disabled] .button.is-warning {
  998.   background-color: hsl(44, 100%, 77%);
  999.   border-color: hsl(44, 100%, 77%);
  1000.   box-shadow: none;
  1001. }
  1002. .button.is-warning.is-inverted {
  1003.   background-color: rgba(0, 0, 0, 0.7);
  1004.   color: hsl(44, 100%, 77%);
  1005. }
  1006. .button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
  1007.   background-color: rgba(0, 0, 0, 0.7);
  1008. }
  1009. .button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
  1010.   background-color: rgba(0, 0, 0, 0.7);
  1011.   border-color: transparent;
  1012.   box-shadow: none;
  1013.   color: hsl(44, 100%, 77%);
  1014. }
  1015. .button.is-warning.is-loading::after {
  1016.   border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
  1017. }
  1018. .button.is-warning.is-outlined {
  1019.   background-color: transparent;
  1020.   border-color: hsl(44, 100%, 77%);
  1021.   color: hsl(44, 100%, 77%);
  1022. }
  1023. .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined.is-hovered, .button.is-warning.is-outlined:focus, .button.is-warning.is-outlined.is-focused {
  1024.   background-color: hsl(44, 100%, 77%);
  1025.   border-color: hsl(44, 100%, 77%);
  1026.   color: rgba(0, 0, 0, 0.7);
  1027. }
  1028. .button.is-warning.is-outlined.is-loading::after {
  1029.   border-color: transparent transparent hsl(44, 100%, 77%) hsl(44, 100%, 77%) !important;
  1030. }
  1031. .button.is-warning.is-outlined.is-loading:hover::after, .button.is-warning.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-outlined.is-loading:focus::after, .button.is-warning.is-outlined.is-loading.is-focused::after {
  1032.   border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
  1033. }
  1034. .button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
  1035.   background-color: transparent;
  1036.   border-color: hsl(44, 100%, 77%);
  1037.   box-shadow: none;
  1038.   color: hsl(44, 100%, 77%);
  1039. }
  1040. .button.is-warning.is-inverted.is-outlined {
  1041.   background-color: transparent;
  1042.   border-color: rgba(0, 0, 0, 0.7);
  1043.   color: rgba(0, 0, 0, 0.7);
  1044. }
  1045. .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined.is-hovered, .button.is-warning.is-inverted.is-outlined:focus, .button.is-warning.is-inverted.is-outlined.is-focused {
  1046.   background-color: rgba(0, 0, 0, 0.7);
  1047.   color: hsl(44, 100%, 77%);
  1048. }
  1049. .button.is-warning.is-inverted.is-outlined.is-loading:hover::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-warning.is-inverted.is-outlined.is-loading:focus::after, .button.is-warning.is-inverted.is-outlined.is-loading.is-focused::after {
  1050.   border-color: transparent transparent hsl(44, 100%, 77%) hsl(44, 100%, 77%) !important;
  1051. }
  1052. .button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  1053.   background-color: transparent;
  1054.   border-color: rgba(0, 0, 0, 0.7);
  1055.   box-shadow: none;
  1056.   color: rgba(0, 0, 0, 0.7);
  1057. }
  1058. .button.is-warning.is-light {
  1059.   background-color: #fffaeb;
  1060.   color: #946c00;
  1061. }
  1062. .button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
  1063.   background-color: #fff6de;
  1064.   border-color: transparent;
  1065.   color: #946c00;
  1066. }
  1067. .button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
  1068.   background-color: #fff3d1;
  1069.   border-color: transparent;
  1070.   color: #946c00;
  1071. }
  1072. .button.is-danger {
  1073.   background-color: hsl(348, 86%, 61%);
  1074.   border-color: transparent;
  1075.   color: #fff;
  1076. }
  1077. .button.is-danger:hover, .button.is-danger.is-hovered {
  1078.   background-color: #f03a5f;
  1079.   border-color: transparent;
  1080.   color: #fff;
  1081. }
  1082. .button.is-danger:focus, .button.is-danger.is-focused {
  1083.   border-color: transparent;
  1084.   color: #fff;
  1085. }
  1086. .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  1087.   box-shadow: 0 0 0 0.125em rgba(241, 70, 104, 0.25);
  1088. }
  1089. .button.is-danger:active, .button.is-danger.is-active {
  1090.   background-color: #ef2e55;
  1091.   border-color: transparent;
  1092.   color: #fff;
  1093. }
  1094. .button.is-danger[disabled], fieldset[disabled] .button.is-danger {
  1095.   background-color: hsl(348, 86%, 61%);
  1096.   border-color: hsl(348, 86%, 61%);
  1097.   box-shadow: none;
  1098. }
  1099. .button.is-danger.is-inverted {
  1100.   background-color: #fff;
  1101.   color: hsl(348, 86%, 61%);
  1102. }
  1103. .button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
  1104.   background-color: #f2f2f2;
  1105. }
  1106. .button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
  1107.   background-color: #fff;
  1108.   border-color: transparent;
  1109.   box-shadow: none;
  1110.   color: hsl(348, 86%, 61%);
  1111. }
  1112. .button.is-danger.is-loading::after {
  1113.   border-color: transparent transparent #fff #fff !important;
  1114. }
  1115. .button.is-danger.is-outlined {
  1116.   background-color: transparent;
  1117.   border-color: hsl(348, 86%, 61%);
  1118.   color: hsl(348, 86%, 61%);
  1119. }
  1120. .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined.is-hovered, .button.is-danger.is-outlined:focus, .button.is-danger.is-outlined.is-focused {
  1121.   background-color: hsl(348, 86%, 61%);
  1122.   border-color: hsl(348, 86%, 61%);
  1123.   color: #fff;
  1124. }
  1125. .button.is-danger.is-outlined.is-loading::after {
  1126.   border-color: transparent transparent hsl(348, 86%, 61%) hsl(348, 86%, 61%) !important;
  1127. }
  1128. .button.is-danger.is-outlined.is-loading:hover::after, .button.is-danger.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-outlined.is-loading:focus::after, .button.is-danger.is-outlined.is-loading.is-focused::after {
  1129.   border-color: transparent transparent #fff #fff !important;
  1130. }
  1131. .button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
  1132.   background-color: transparent;
  1133.   border-color: hsl(348, 86%, 61%);
  1134.   box-shadow: none;
  1135.   color: hsl(348, 86%, 61%);
  1136. }
  1137. .button.is-danger.is-inverted.is-outlined {
  1138.   background-color: transparent;
  1139.   border-color: #fff;
  1140.   color: #fff;
  1141. }
  1142. .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined.is-hovered, .button.is-danger.is-inverted.is-outlined:focus, .button.is-danger.is-inverted.is-outlined.is-focused {
  1143.   background-color: #fff;
  1144.   color: hsl(348, 86%, 61%);
  1145. }
  1146. .button.is-danger.is-inverted.is-outlined.is-loading:hover::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-danger.is-inverted.is-outlined.is-loading:focus::after, .button.is-danger.is-inverted.is-outlined.is-loading.is-focused::after {
  1147.   border-color: transparent transparent hsl(348, 86%, 61%) hsl(348, 86%, 61%) !important;
  1148. }
  1149. .button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  1150.   background-color: transparent;
  1151.   border-color: #fff;
  1152.   box-shadow: none;
  1153.   color: #fff;
  1154. }
  1155. .button.is-danger.is-light {
  1156.   background-color: #feecf0;
  1157.   color: #cc0f35;
  1158. }
  1159. .button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
  1160.   background-color: #fde0e6;
  1161.   border-color: transparent;
  1162.   color: #cc0f35;
  1163. }
  1164. .button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
  1165.   background-color: #fcd4dc;
  1166.   border-color: transparent;
  1167.   color: #cc0f35;
  1168. }
  1169. .button.is-small {
  1170.   font-size: 0.75rem;
  1171. }
  1172. .button.is-small:not(.is-rounded) {
  1173.   border-radius: 2px;
  1174. }
  1175. .button.is-normal {
  1176.   font-size: 1rem;
  1177. }
  1178. .button.is-medium {
  1179.   font-size: 1.25rem;
  1180. }
  1181. .button.is-large {
  1182.   font-size: 1.5rem;
  1183. }
  1184. .button[disabled], fieldset[disabled] .button {
  1185.   background-color: hsl(0, 0%, 100%);
  1186.   border-color: hsl(0, 0%, 86%);
  1187.   box-shadow: none;
  1188.   opacity: 0.5;
  1189. }
  1190. .button.is-fullwidth {
  1191.   display: flex;
  1192.   width: 100%;
  1193. }
  1194. .button.is-loading {
  1195.   color: transparent !important;
  1196.   pointer-events: none;
  1197. }
  1198. .button.is-loading::after {
  1199.   position: absolute;
  1200.   left: calc(50% - (1em * 0.5));
  1201.   top: calc(50% - (1em * 0.5));
  1202.   position: absolute !important;
  1203. }
  1204. .button.is-static {
  1205.   background-color: hsl(0, 0%, 96%);
  1206.   border-color: hsl(0, 0%, 86%);
  1207.   color: hsl(0, 0%, 48%);
  1208.   box-shadow: none;
  1209.   pointer-events: none;
  1210. }
  1211. .button.is-rounded {
  1212.   border-radius: 9999px;
  1213.   padding-left: calc(1em + 0.25em);
  1214.   padding-right: calc(1em + 0.25em);
  1215. }
  1216.  
  1217. .buttons {
  1218.   align-items: center;
  1219.   display: flex;
  1220.   flex-wrap: wrap;
  1221.   justify-content: flex-start;
  1222. }
  1223. .buttons .button {
  1224.   margin-bottom: 0.5rem;
  1225. }
  1226. .buttons .button:not(:last-child):not(.is-fullwidth) {
  1227.   margin-right: 0.5rem;
  1228. }
  1229. .buttons:last-child {
  1230.   margin-bottom: -0.5rem;
  1231. }
  1232. .buttons:not(:last-child) {
  1233.   margin-bottom: 1rem;
  1234. }
  1235. .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  1236.   font-size: 0.75rem;
  1237. }
  1238. .buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
  1239.   border-radius: 2px;
  1240. }
  1241. .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  1242.   font-size: 1.25rem;
  1243. }
  1244. .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  1245.   font-size: 1.5rem;
  1246. }
  1247. .buttons.has-addons .button:not(:first-child) {
  1248.   border-bottom-left-radius: 0;
  1249.   border-top-left-radius: 0;
  1250. }
  1251. .buttons.has-addons .button:not(:last-child) {
  1252.   border-bottom-right-radius: 0;
  1253.   border-top-right-radius: 0;
  1254.   margin-right: -1px;
  1255. }
  1256. .buttons.has-addons .button:last-child {
  1257.   margin-right: 0;
  1258. }
  1259. .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  1260.   z-index: 2;
  1261. }
  1262. .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected {
  1263.   z-index: 3;
  1264. }
  1265. .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover {
  1266.   z-index: 4;
  1267. }
  1268. .buttons.has-addons .button.is-expanded {
  1269.   flex-grow: 1;
  1270.   flex-shrink: 1;
  1271. }
  1272. .buttons.is-centered {
  1273.   justify-content: center;
  1274. }
  1275. .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  1276.   margin-left: 0.25rem;
  1277.   margin-right: 0.25rem;
  1278. }
  1279. .buttons.is-right {
  1280.   justify-content: flex-end;
  1281. }
  1282. .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  1283.   margin-left: 0.25rem;
  1284.   margin-right: 0.25rem;
  1285. }
  1286.  
  1287. @media screen and (max-width: 768px) {
  1288.   .button.is-responsive.is-small {
  1289.     font-size: 0.5625rem;
  1290.   }
  1291.   .button.is-responsive,
  1292.   .button.is-responsive.is-normal {
  1293.     font-size: 0.65625rem;
  1294.   }
  1295.   .button.is-responsive.is-medium {
  1296.     font-size: 0.75rem;
  1297.   }
  1298.   .button.is-responsive.is-large {
  1299.     font-size: 1rem;
  1300.   }
  1301. }
  1302. @media screen and (min-width: 769px) and (max-width: 1023px) {
  1303.   .button.is-responsive.is-small {
  1304.     font-size: 0.65625rem;
  1305.   }
  1306.   .button.is-responsive,
  1307.   .button.is-responsive.is-normal {
  1308.     font-size: 0.75rem;
  1309.   }
  1310.   .button.is-responsive.is-medium {
  1311.     font-size: 1rem;
  1312.   }
  1313.   .button.is-responsive.is-large {
  1314.     font-size: 1.25rem;
  1315.   }
  1316. }
  1317.  
  1318. /*# sourceMappingURL=base.css.map */
  1319.  
Advertisement
Add Comment
Please, Sign In to add comment