@charset "UTF-8";
/** **********************************************************
 * Application-specific usage of the Bulma CSS 
**************************************************************
*/
/** Presets for the Bulma theme */
/*************************************************************
 * Specific overrides for Bulma variables, intend to be used 
 * together with the "slate" bulmaswatch theme
 * (Must be loaded before bulmaswatch)
**************************************************************
*/
/* stronger shadow, for better visibility with the dark bulma slate theme*/
/* Use mobile-style navbar always
(navbar is currently only used for the player controls in the bottom nav bar)*/
/* no hovering indication on the navbar*/
/* The width for the surrounding border of tracks */
/** Using Bulma CSS with a theme for Bulma */
/*! bulma.io v0.9.4 | MIT License | github.com/jgthms/bulma */
/* Bulma Utilities */
.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .file-cta,
.file-name, .select select, .textarea, .input, .button {
  -moz-appearance: none;
  -webkit-appearance: none;
  align-items: center;
  border: 1px solid transparent;
  border-radius: 4px;
  box-shadow: none;
  display: inline-flex;
  font-size: 1rem;
  height: 2.5em;
  justify-content: flex-start;
  line-height: 1.5;
  padding-bottom: calc(0.5em - 1px);
  padding-left: calc(0.75em - 1px);
  padding-right: calc(0.75em - 1px);
  padding-top: calc(0.5em - 1px);
  position: relative;
  vertical-align: top;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus,
.pagination-ellipsis:focus, .file-cta:focus,
.file-name:focus, .select select:focus, .textarea:focus, .input:focus, .button:focus, .is-focused.pagination-previous,
.is-focused.pagination-next,
.is-focused.pagination-link,
.is-focused.pagination-ellipsis, .is-focused.file-cta,
.is-focused.file-name, .select select.is-focused, .is-focused.textarea, .is-focused.input, .is-focused.button, .pagination-previous:active,
.pagination-next:active,
.pagination-link:active,
.pagination-ellipsis:active, .file-cta:active,
.file-name:active, .select select:active, .textarea:active, .input:active, .button:active, .is-active.pagination-previous,
.is-active.pagination-next,
.is-active.pagination-link,
.is-active.pagination-ellipsis, .is-active.file-cta,
.is-active.file-name, .select select.is-active, .is-active.textarea, .is-active.input, .is-active.button {
  outline: none;
}
[disabled].pagination-previous,
[disabled].pagination-next,
[disabled].pagination-link,
[disabled].pagination-ellipsis, [disabled].file-cta,
[disabled].file-name, .select select[disabled], [disabled].textarea, [disabled].input, [disabled].button, fieldset[disabled] .pagination-previous,
fieldset[disabled] .pagination-next,
fieldset[disabled] .pagination-link,
fieldset[disabled] .pagination-ellipsis, fieldset[disabled] .file-cta,
fieldset[disabled] .file-name, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input, fieldset[disabled] .button {
  cursor: not-allowed;
}

.is-unselectable, .tabs, .pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis, .breadcrumb, .file, .button {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.navbar-link:not(.is-arrowless)::after, .select:not(.is-multiple):not(.is-loading)::after {
  border: 3px solid transparent;
  border-radius: 2px;
  border-right: 0;
  border-top: 0;
  content: " ";
  display: block;
  height: 0.625em;
  margin-top: -0.4375em;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: rotate(-45deg);
  transform-origin: center;
  width: 0.625em;
}

.tabs:not(:last-child), .pagination:not(:last-child), .message:not(:last-child), .level:not(:last-child), .breadcrumb:not(:last-child), .block:not(:last-child), .title:not(:last-child),
.subtitle:not(:last-child), .table-container:not(:last-child), .table:not(:last-child), .progress:not(:last-child), .notification:not(:last-child), .content:not(:last-child), .box:not(:last-child) {
  margin-bottom: 1.5rem;
}

.modal-close, .delete {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background-color: rgba(10.2, 10.2, 10.2, 0.2);
  border: none;
  border-radius: 9999px;
  cursor: pointer;
  pointer-events: auto;
  display: inline-block;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 0;
  height: 20px;
  max-height: 20px;
  max-width: 20px;
  min-height: 20px;
  min-width: 20px;
  outline: none;
  position: relative;
  vertical-align: top;
  width: 20px;
}
.modal-close::before, .delete::before, .modal-close::after, .delete::after {
  background-color: hsl(0, 0%, 100%);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.modal-close::before, .delete::before {
  height: 2px;
  width: 50%;
}
.modal-close::after, .delete::after {
  height: 50%;
  width: 2px;
}
.modal-close:hover, .delete:hover, .modal-close:focus, .delete:focus {
  background-color: rgba(10.2, 10.2, 10.2, 0.3);
}
.modal-close:active, .delete:active {
  background-color: rgba(10.2, 10.2, 10.2, 0.4);
}
.is-small.modal-close, .is-small.delete {
  height: 16px;
  max-height: 16px;
  max-width: 16px;
  min-height: 16px;
  min-width: 16px;
  width: 16px;
}
.is-medium.modal-close, .is-medium.delete {
  height: 24px;
  max-height: 24px;
  max-width: 24px;
  min-height: 24px;
  min-width: 24px;
  width: 24px;
}
.is-large.modal-close, .is-large.delete {
  height: 32px;
  max-height: 32px;
  max-width: 32px;
  min-height: 32px;
  min-width: 32px;
  width: 32px;
}

.control.is-loading::after, .select.is-loading::after, .loader, .button.is-loading::after {
  animation: spinAround 500ms infinite linear;
  border: 2px solid #98a4ad;
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  position: relative;
  width: 1em;
}

.hero-video, .is-overlay, .modal-background, .modal, .image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.navbar-burger {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
}

/* Bulma Base */
/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  margin: 0;
}

html {
  box-sizing: border-box;
}

*, *::before, *::after {
  box-sizing: inherit;
}

img,
video {
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}
td:not([align]),
th:not([align]) {
  text-align: inherit;
}

html {
  background-color: #272b30;
  font-size: 16px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  min-width: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  text-rendering: optimizeLegibility;
  text-size-adjust: 100%;
}

article,
aside,
figure,
footer,
header,
hgroup,
section {
  display: block;
}

body,
button,
input,
optgroup,
select,
textarea {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}

code,
pre {
  -moz-osx-font-smoothing: auto;
  -webkit-font-smoothing: auto;
  font-family: monospace;
}

body {
  color: #aaa;
  font-size: 1em;
  font-weight: 400;
  line-height: 1.5;
}

a {
  color: #fafafa;
  cursor: pointer;
  text-decoration: none;
}
a strong {
  color: currentColor;
}
a:hover {
  color: white;
}

code {
  background-color: #3a3f44;
  color: rgb(228.7845303867, 29.2955801105, 23.7154696133);
  font-size: 0.875em;
  font-weight: normal;
  padding: 0.25em 0.5em 0.25em;
}

hr {
  background-color: #3a3f44;
  border: none;
  display: block;
  height: 2px;
  margin: 1.5rem 0;
}

img {
  height: auto;
  max-width: 100%;
}

input[type=checkbox],
input[type=radio] {
  vertical-align: baseline;
}

small {
  font-size: 0.875em;
}

span {
  font-style: inherit;
  font-weight: inherit;
}

strong {
  color: rgb(157.25, 157.25, 157.25);
  font-weight: 700;
}

fieldset {
  border: none;
}

pre {
  -webkit-overflow-scrolling: touch;
  background-color: #3a3f44;
  color: #aaa;
  font-size: 0.875em;
  overflow-x: auto;
  padding: 1.25rem 1.5rem;
  white-space: pre;
  word-wrap: normal;
}
pre code {
  background-color: transparent;
  color: currentColor;
  font-size: 1em;
  padding: 0;
}

table td,
table th {
  vertical-align: top;
}
table td:not([align]),
table th:not([align]) {
  text-align: inherit;
}
table th {
  color: rgb(157.25, 157.25, 157.25);
}

@keyframes spinAround {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
/* Bulma Elements */
.box {
  background-color: #3a3f44;
  border-radius: 6px;
  box-shadow: none;
  color: #aaa;
  display: block;
  padding: 1.25rem;
}

a.box:hover, a.box:focus {
  box-shadow: 0 0.5em 1em -0.125em rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px #fafafa;
}
a.box:active {
  box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2), 0 0 0 1px #fafafa;
}

.button {
  background-color: #3a3f44;
  border-color: rgb(93.2142857143, 101.25, 109.2857142857);
  border-width: 1px;
  color: #fafafa;
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
  text-align: center;
  white-space: nowrap;
}
.button strong {
  color: inherit;
}
.button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large {
  height: 1.5em;
  width: 1.5em;
}
.button .icon:first-child:not(:last-child) {
  margin-left: calc(-0.5em - 1px);
  margin-right: 0.25em;
}
.button .icon:last-child:not(:first-child) {
  margin-left: 0.25em;
  margin-right: calc(-0.5em - 1px);
}
.button .icon:first-child:last-child {
  margin-left: calc(-0.5em - 1px);
  margin-right: calc(-0.5em - 1px);
}
.button:hover, .button.is-hovered {
  border-color: #7a8288;
  color: white;
}
.button:focus, .button.is-focused {
  border-color: rgb(237.25, 237.25, 237.25);
  color: rgb(237.25, 237.25, 237.25);
}
.button:focus:not(:active), .button.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(250, 250, 250, 0.25);
}
.button:active, .button.is-active {
  border-color: rgb(237.25, 237.25, 237.25);
  color: rgb(211.75, 211.75, 211.75);
}
.button.is-text {
  background-color: transparent;
  border-color: transparent;
  color: #aaa;
  text-decoration: underline;
}
.button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused {
  background-color: #3a3f44;
  color: rgb(157.25, 157.25, 157.25);
}
.button.is-text:active, .button.is-text.is-active {
  background-color: rgb(46.2619047619, 50.25, 54.2380952381);
  color: rgb(157.25, 157.25, 157.25);
}
.button.is-text[disabled], fieldset[disabled] .button.is-text {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.button.is-ghost {
  background: none;
  border-color: transparent;
  color: #fafafa;
  text-decoration: none;
}
.button.is-ghost:hover, .button.is-ghost.is-hovered {
  color: #fafafa;
  text-decoration: underline;
}
.button.is-white {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:hover, .button.is-white.is-hovered {
  background-color: hsl(0, 0%, 97.5%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:focus, .button.is-white.is-focused {
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.button.is-white:active, .button.is-white.is-active {
  background-color: hsl(0, 0%, 95%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.button.is-white[disabled], fieldset[disabled] .button.is-white {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  box-shadow: none;
}
.button.is-white.is-inverted {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted:hover, .button.is-white.is-inverted.is-hovered {
  background-color: hsl(0, 0%, 0%);
}
.button.is-white.is-inverted[disabled], fieldset[disabled] .button.is-white.is-inverted {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-white.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.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 {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.button.is-white.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.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 {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-white.is-outlined[disabled], fieldset[disabled] .button.is-white.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  box-shadow: none;
  color: hsl(0, 0%, 100%);
}
.button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 4%);
}
.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 {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.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 {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-white.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-white.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black:hover, .button.is-black.is-hovered {
  background-color: hsl(0, 0%, 1.5%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black:focus, .button.is-black.is-focused {
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25);
}
.button.is-black:active, .button.is-black.is-active {
  background-color: hsl(0, 0%, 0%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.button.is-black[disabled], fieldset[disabled] .button.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
}
.button.is-black.is-inverted {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted:hover, .button.is-black.is-inverted.is-hovered {
  background-color: hsl(0, 0%, 95%);
}
.button.is-black.is-inverted[disabled], fieldset[disabled] .button.is-black.is-inverted {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 4%);
}
.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 {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.button.is-black.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.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 {
  border-color: transparent transparent hsl(0, 0%, 100%) hsl(0, 0%, 100%) !important;
}
.button.is-black.is-outlined[disabled], fieldset[disabled] .button.is-black.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 4%);
  box-shadow: none;
  color: hsl(0, 0%, 4%);
}
.button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 100%);
}
.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 {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.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 {
  border-color: transparent transparent hsl(0, 0%, 4%) hsl(0, 0%, 4%) !important;
}
.button.is-black.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-black.is-inverted.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 100%);
  box-shadow: none;
  color: hsl(0, 0%, 100%);
}
.button.is-light {
  background-color: hsl(0, 0%, 96%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:hover, .button.is-light.is-hovered {
  background-color: hsl(0, 0%, 93.5%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus, .button.is-light.is-focused {
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25);
}
.button.is-light:active, .button.is-light.is-active {
  background-color: hsl(0, 0%, 91%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light[disabled], fieldset[disabled] .button.is-light {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
}
.button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-inverted:hover, .button.is-light.is-inverted.is-hovered {
  background-color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-inverted[disabled], fieldset[disabled] .button.is-light.is-inverted {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: transparent;
  box-shadow: none;
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-loading::after {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 96%);
  color: hsl(0, 0%, 96%);
}
.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 {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.button.is-light.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
}
.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 {
  border-color: transparent transparent rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0.7) !important;
}
.button.is-light.is-outlined[disabled], fieldset[disabled] .button.is-light.is-outlined {
  background-color: transparent;
  border-color: hsl(0, 0%, 96%);
  box-shadow: none;
  color: hsl(0, 0%, 96%);
}
.button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  color: rgba(0, 0, 0, 0.7);
}
.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 {
  background-color: rgba(0, 0, 0, 0.7);
  color: hsl(0, 0%, 96%);
}
.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 {
  border-color: transparent transparent hsl(0, 0%, 96%) hsl(0, 0%, 96%) !important;
}
.button.is-light.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-light.is-inverted.is-outlined {
  background-color: transparent;
  border-color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.7);
}
.button.is-dark {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  border-color: transparent;
  color: #fff;
}
.button.is-dark:hover, .button.is-dark.is-hovered {
  background-color: rgb(26.425862069, 29.1362068966, 32.524137931);
  border-color: transparent;
  color: #fff;
}
.button.is-dark:focus, .button.is-dark.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(32.1413793103, 35.4379310345, 39.5586206897, 0.25);
}
.button.is-dark:active, .button.is-dark.is-active {
  background-color: rgb(20.7103448276, 22.8344827586, 25.4896551724);
  border-color: transparent;
  color: #fff;
}
.button.is-dark[disabled], fieldset[disabled] .button.is-dark {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  box-shadow: none;
}
.button.is-dark.is-inverted {
  background-color: #fff;
  color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.button.is-dark.is-inverted:hover, .button.is-dark.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-dark.is-inverted[disabled], fieldset[disabled] .button.is-dark.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.button.is-dark.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-dark.is-outlined {
  background-color: transparent;
  border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.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 {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  color: #fff;
}
.button.is-dark.is-outlined.is-loading::after {
  border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) rgb(32.1413793103, 35.4379310345, 39.5586206897) !important;
}
.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 {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-dark.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-outlined {
  background-color: transparent;
  border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  box-shadow: none;
  color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.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 {
  background-color: #fff;
  color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.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 {
  border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) rgb(32.1413793103, 35.4379310345, 39.5586206897) !important;
}
.button.is-dark.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-primary {
  background-color: #52575c;
  border-color: transparent;
  color: #fff;
}
.button.is-primary:hover, .button.is-primary.is-hovered {
  background-color: rgb(75.9913793103, 80.625, 85.2586206897);
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus, .button.is-primary.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(82, 87, 92, 0.25);
}
.button.is-primary:active, .button.is-primary.is-active {
  background-color: rgb(69.9827586207, 74.25, 78.5172413793);
  border-color: transparent;
  color: #fff;
}
.button.is-primary[disabled], fieldset[disabled] .button.is-primary {
  background-color: #52575c;
  border-color: #52575c;
  box-shadow: none;
}
.button.is-primary.is-inverted {
  background-color: #fff;
  color: #52575c;
}
.button.is-primary.is-inverted:hover, .button.is-primary.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-primary.is-inverted[disabled], fieldset[disabled] .button.is-primary.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #52575c;
}
.button.is-primary.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #52575c;
  color: #52575c;
}
.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 {
  background-color: #52575c;
  border-color: #52575c;
  color: #fff;
}
.button.is-primary.is-outlined.is-loading::after {
  border-color: transparent transparent #52575c #52575c !important;
}
.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 {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-primary.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-outlined {
  background-color: transparent;
  border-color: #52575c;
  box-shadow: none;
  color: #52575c;
}
.button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.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 {
  background-color: #fff;
  color: #52575c;
}
.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 {
  border-color: transparent transparent #52575c #52575c !important;
}
.button.is-primary.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-primary.is-light {
  background-color: rgb(244.2137931034, 244.8, 245.3862068966);
  color: rgb(120.1724137931, 127.5, 134.8275862069);
}
.button.is-primary.is-light:hover, .button.is-primary.is-light.is-hovered {
  background-color: rgb(237.4724137931, 238.425, 239.3775862069);
  border-color: transparent;
  color: rgb(120.1724137931, 127.5, 134.8275862069);
}
.button.is-primary.is-light:active, .button.is-primary.is-light.is-active {
  background-color: rgb(230.7310344828, 232.05, 233.3689655172);
  border-color: transparent;
  color: rgb(120.1724137931, 127.5, 134.8275862069);
}
.button.is-link {
  background-color: #fafafa;
  border-color: transparent;
  color: #52575c;
}
.button.is-link:hover, .button.is-link.is-hovered {
  background-color: rgb(243.625, 243.625, 243.625);
  border-color: transparent;
  color: #52575c;
}
.button.is-link:focus, .button.is-link.is-focused {
  border-color: transparent;
  color: #52575c;
}
.button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(250, 250, 250, 0.25);
}
.button.is-link:active, .button.is-link.is-active {
  background-color: rgb(237.25, 237.25, 237.25);
  border-color: transparent;
  color: #52575c;
}
.button.is-link[disabled], fieldset[disabled] .button.is-link {
  background-color: #fafafa;
  border-color: #fafafa;
  box-shadow: none;
}
.button.is-link.is-inverted {
  background-color: #52575c;
  color: #fafafa;
}
.button.is-link.is-inverted:hover, .button.is-link.is-inverted.is-hovered {
  background-color: rgb(69.9827586207, 74.25, 78.5172413793);
}
.button.is-link.is-inverted[disabled], fieldset[disabled] .button.is-link.is-inverted {
  background-color: #52575c;
  border-color: transparent;
  box-shadow: none;
  color: #fafafa;
}
.button.is-link.is-loading::after {
  border-color: transparent transparent #52575c #52575c !important;
}
.button.is-link.is-outlined {
  background-color: transparent;
  border-color: #fafafa;
  color: #fafafa;
}
.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 {
  background-color: #fafafa;
  border-color: #fafafa;
  color: #52575c;
}
.button.is-link.is-outlined.is-loading::after {
  border-color: transparent transparent #fafafa #fafafa !important;
}
.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 {
  border-color: transparent transparent #52575c #52575c !important;
}
.button.is-link.is-outlined[disabled], fieldset[disabled] .button.is-link.is-outlined {
  background-color: transparent;
  border-color: #fafafa;
  box-shadow: none;
  color: #fafafa;
}
.button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #52575c;
  color: #52575c;
}
.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 {
  background-color: #52575c;
  color: #fafafa;
}
.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 {
  border-color: transparent transparent #fafafa #fafafa !important;
}
.button.is-link.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-link.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #52575c;
  box-shadow: none;
  color: #52575c;
}
.button.is-link.is-light {
  background-color: #fafafa;
  color: rgb(73.95, 73.95, 73.95);
}
.button.is-link.is-light:hover, .button.is-link.is-light.is-hovered {
  background-color: rgb(243.625, 243.625, 243.625);
  border-color: transparent;
  color: rgb(73.95, 73.95, 73.95);
}
.button.is-link.is-light:active, .button.is-link.is-light.is-active {
  background-color: rgb(237.25, 237.25, 237.25);
  border-color: transparent;
  color: rgb(73.95, 73.95, 73.95);
}
.button.is-info {
  background-color: hsl(207, 61%, 53%);
  border-color: transparent;
  color: #fff;
}
.button.is-info:hover, .button.is-info.is-hovered {
  background-color: hsl(207, 61%, 50.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus, .button.is-info.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25);
}
.button.is-info:active, .button.is-info.is-active {
  background-color: hsl(207, 61%, 48%);
  border-color: transparent;
  color: #fff;
}
.button.is-info[disabled], fieldset[disabled] .button.is-info {
  background-color: hsl(207, 61%, 53%);
  border-color: hsl(207, 61%, 53%);
  box-shadow: none;
}
.button.is-info.is-inverted {
  background-color: #fff;
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-inverted:hover, .button.is-info.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-info.is-inverted[disabled], fieldset[disabled] .button.is-info.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined {
  background-color: transparent;
  border-color: hsl(207, 61%, 53%);
  color: hsl(207, 61%, 53%);
}
.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 {
  background-color: hsl(207, 61%, 53%);
  border-color: hsl(207, 61%, 53%);
  color: #fff;
}
.button.is-info.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important;
}
.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 {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-info.is-outlined[disabled], fieldset[disabled] .button.is-info.is-outlined {
  background-color: transparent;
  border-color: hsl(207, 61%, 53%);
  box-shadow: none;
  color: hsl(207, 61%, 53%);
}
.button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.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 {
  background-color: #fff;
  color: hsl(207, 61%, 53%);
}
.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 {
  border-color: transparent transparent hsl(207, 61%, 53%) hsl(207, 61%, 53%) !important;
}
.button.is-info.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-info.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-info.is-light {
  background-color: hsl(207, 61%, 96%);
  color: hsl(207, 61%, 41%);
}
.button.is-info.is-light:hover, .button.is-info.is-light.is-hovered {
  background-color: hsl(207, 61%, 93.5%);
  border-color: transparent;
  color: hsl(207, 61%, 41%);
}
.button.is-info.is-light:active, .button.is-info.is-light.is-active {
  background-color: hsl(207, 61%, 91%);
  border-color: transparent;
  color: hsl(207, 61%, 41%);
}
.button.is-success {
  background-color: #62c462;
  border-color: transparent;
  color: #fff;
}
.button.is-success:hover, .button.is-success.is-hovered {
  background-color: rgb(88.7326388889, 192.5173611111, 88.7326388889);
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus, .button.is-success.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(98, 196, 98, 0.25);
}
.button.is-success:active, .button.is-success.is-active {
  background-color: rgb(79.4652777778, 189.0347222222, 79.4652777778);
  border-color: transparent;
  color: #fff;
}
.button.is-success[disabled], fieldset[disabled] .button.is-success {
  background-color: #62c462;
  border-color: #62c462;
  box-shadow: none;
}
.button.is-success.is-inverted {
  background-color: #fff;
  color: #62c462;
}
.button.is-success.is-inverted:hover, .button.is-success.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-success.is-inverted[disabled], fieldset[disabled] .button.is-success.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #62c462;
}
.button.is-success.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined {
  background-color: transparent;
  border-color: #62c462;
  color: #62c462;
}
.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 {
  background-color: #62c462;
  border-color: #62c462;
  color: #fff;
}
.button.is-success.is-outlined.is-loading::after {
  border-color: transparent transparent #62c462 #62c462 !important;
}
.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 {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-success.is-outlined[disabled], fieldset[disabled] .button.is-success.is-outlined {
  background-color: transparent;
  border-color: #62c462;
  box-shadow: none;
  color: #62c462;
}
.button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.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 {
  background-color: #fff;
  color: #62c462;
}
.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 {
  border-color: transparent transparent #62c462 #62c462 !important;
}
.button.is-success.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-success.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-success.is-light {
  background-color: rgb(240.1722222222, 249.4277777778, 240.1722222222);
  color: rgb(43.1847222222, 114.9152777778, 43.1847222222);
}
.button.is-success.is-light:hover, .button.is-success.is-light.is-hovered {
  background-color: rgb(230.9048611111, 245.9451388889, 230.9048611111);
  border-color: transparent;
  color: rgb(43.1847222222, 114.9152777778, 43.1847222222);
}
.button.is-success.is-light:active, .button.is-success.is-light.is-active {
  background-color: rgb(221.6375, 242.4625, 221.6375);
  border-color: transparent;
  color: rgb(43.1847222222, 114.9152777778, 43.1847222222);
}
.button.is-warning {
  background-color: #f89406;
  border-color: transparent;
  color: #fff;
}
.button.is-warning:hover, .button.is-warning.is-hovered {
  background-color: rgb(235.5511811024, 140.5708661417, 5.6988188976);
  border-color: transparent;
  color: #fff;
}
.button.is-warning:focus, .button.is-warning.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(248, 148, 6, 0.25);
}
.button.is-warning:active, .button.is-warning.is-active {
  background-color: rgb(223.1023622047, 133.1417322835, 5.3976377953);
  border-color: transparent;
  color: #fff;
}
.button.is-warning[disabled], fieldset[disabled] .button.is-warning {
  background-color: #f89406;
  border-color: #f89406;
  box-shadow: none;
}
.button.is-warning.is-inverted {
  background-color: #fff;
  color: #f89406;
}
.button.is-warning.is-inverted:hover, .button.is-warning.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-warning.is-inverted[disabled], fieldset[disabled] .button.is-warning.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #f89406;
}
.button.is-warning.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #f89406;
  color: #f89406;
}
.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 {
  background-color: #f89406;
  border-color: #f89406;
  color: #fff;
}
.button.is-warning.is-outlined.is-loading::after {
  border-color: transparent transparent #f89406 #f89406 !important;
}
.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 {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-warning.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-outlined {
  background-color: transparent;
  border-color: #f89406;
  box-shadow: none;
  color: #f89406;
}
.button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.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 {
  background-color: #fff;
  color: #f89406;
}
.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 {
  border-color: transparent transparent #f89406 #f89406 !important;
}
.button.is-warning.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-warning.is-light {
  background-color: rgb(254.5181102362, 246.4866141732, 235.0818897638);
  color: rgb(164.3244094488, 98.0645669291, 3.9755905512);
}
.button.is-warning.is-light:hover, .button.is-warning.is-light.is-hovered {
  background-color: rgb(254.2169291339, 241.1657480315, 222.6330708661);
  border-color: transparent;
  color: rgb(164.3244094488, 98.0645669291, 3.9755905512);
}
.button.is-warning.is-light:active, .button.is-warning.is-light.is-active {
  background-color: rgb(253.9157480315, 235.8448818898, 210.1842519685);
  border-color: transparent;
  color: rgb(164.3244094488, 98.0645669291, 3.9755905512);
}
.button.is-danger {
  background-color: #ee5f5b;
  border-color: transparent;
  color: #fff;
}
.button.is-danger:hover, .button.is-danger.is-hovered {
  background-color: rgb(236.8024861878, 83.729281768, 79.4475138122);
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus, .button.is-danger.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(238, 95, 91, 0.25);
}
.button.is-danger:active, .button.is-danger.is-active {
  background-color: rgb(235.6049723757, 72.4585635359, 67.8950276243);
  border-color: transparent;
  color: #fff;
}
.button.is-danger[disabled], fieldset[disabled] .button.is-danger {
  background-color: #ee5f5b;
  border-color: #ee5f5b;
  box-shadow: none;
}
.button.is-danger.is-inverted {
  background-color: #fff;
  color: #ee5f5b;
}
.button.is-danger.is-inverted:hover, .button.is-danger.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-danger.is-inverted[disabled], fieldset[disabled] .button.is-danger.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: #ee5f5b;
}
.button.is-danger.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined {
  background-color: transparent;
  border-color: #ee5f5b;
  color: #ee5f5b;
}
.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 {
  background-color: #ee5f5b;
  border-color: #ee5f5b;
  color: #fff;
}
.button.is-danger.is-outlined.is-loading::after {
  border-color: transparent transparent #ee5f5b #ee5f5b !important;
}
.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 {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-danger.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-outlined {
  background-color: transparent;
  border-color: #ee5f5b;
  box-shadow: none;
  color: #ee5f5b;
}
.button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.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 {
  background-color: #fff;
  color: #ee5f5b;
}
.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 {
  border-color: transparent transparent #ee5f5b #ee5f5b !important;
}
.button.is-danger.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-danger.is-light {
  background-color: rgb(253.0839779006, 236.9668508287, 236.5160220994);
  color: rgb(184.8397790055, 23.6685082873, 19.1602209945);
}
.button.is-danger.is-light:hover, .button.is-danger.is-light.is-hovered {
  background-color: rgb(251.8864640884, 225.6961325967, 224.9635359116);
  border-color: transparent;
  color: rgb(184.8397790055, 23.6685082873, 19.1602209945);
}
.button.is-danger.is-light:active, .button.is-danger.is-light.is-active {
  background-color: rgb(250.6889502762, 214.4254143646, 213.4110497238);
  border-color: transparent;
  color: rgb(184.8397790055, 23.6685082873, 19.1602209945);
}
.button.is-small {
  font-size: 0.85rem;
}
.button.is-small:not(.is-rounded) {
  border-radius: 2px;
}
.button.is-normal {
  font-size: 1rem;
}
.button.is-medium {
  font-size: 1.25rem;
}
.button.is-large {
  font-size: 1.5rem;
}
.button[disabled], fieldset[disabled] .button {
  background-color: #98a4ad;
  border-color: #52575c;
  box-shadow: none;
  opacity: 0.5;
}
.button.is-fullwidth {
  display: flex;
  width: 100%;
}
.button.is-loading {
  color: transparent !important;
  pointer-events: none;
}
.button.is-loading::after {
  position: absolute;
  left: calc(50% - 1em * 0.5);
  top: calc(50% - 1em * 0.5);
  position: absolute !important;
}
.button.is-static {
  background-color: hsl(0, 0%, 96%);
  border-color: #52575c;
  color: rgb(195.5, 195.5, 195.5);
  box-shadow: none;
  pointer-events: none;
}
.button.is-rounded {
  border-radius: 9999px;
  padding-left: calc(1em + 0.25em);
  padding-right: calc(1em + 0.25em);
}

.buttons {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.buttons .button {
  margin-bottom: 0.5rem;
}
.buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: 0.5rem;
}
.buttons:last-child {
  margin-bottom: -0.5rem;
}
.buttons:not(:last-child) {
  margin-bottom: 1rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large) {
  font-size: 0.85rem;
}
.buttons.are-small .button:not(.is-normal):not(.is-medium):not(.is-large):not(.is-rounded) {
  border-radius: 2px;
}
.buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
  font-size: 1.25rem;
}
.buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
  font-size: 1.5rem;
}
.buttons.has-addons .button:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.buttons.has-addons .button:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  margin-right: -1px;
}
.buttons.has-addons .button:last-child {
  margin-right: 0;
}
.buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered {
  z-index: 2;
}
.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 {
  z-index: 3;
}
.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 {
  z-index: 4;
}
.buttons.has-addons .button.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.buttons.is-centered {
  justify-content: center;
}
.buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.buttons.is-right {
  justify-content: flex-end;
}
.buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

@media screen and (max-width: 768px) {
  .button.is-responsive.is-small {
    font-size: 0.6375rem;
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: 0.74375rem;
  }
  .button.is-responsive.is-medium {
    font-size: 0.85rem;
  }
  .button.is-responsive.is-large {
    font-size: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .button.is-responsive.is-small {
    font-size: 0.74375rem;
  }
  .button.is-responsive,
  .button.is-responsive.is-normal {
    font-size: 0.85rem;
  }
  .button.is-responsive.is-medium {
    font-size: 1rem;
  }
  .button.is-responsive.is-large {
    font-size: 1.25rem;
  }
}
.container {
  flex-grow: 1;
  margin: 0 auto;
  position: relative;
  width: auto;
}
.container.is-fluid {
  max-width: none !important;
  padding-left: 32px;
  padding-right: 32px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .container {
    max-width: 960px;
  }
}
@media screen and (max-width: 1215px) {
  .container.is-widescreen:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (max-width: 1407px) {
  .container.is-fullhd:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}
@media screen and (min-width: 1216px) {
  .container:not(.is-max-desktop) {
    max-width: 1152px;
  }
}
@media screen and (min-width: 1408px) {
  .container:not(.is-max-desktop):not(.is-max-widescreen) {
    max-width: 1344px;
  }
}

.content li + li {
  margin-top: 0.25em;
}
.content p:not(:last-child),
.content dl:not(:last-child),
.content ol:not(:last-child),
.content ul:not(:last-child),
.content blockquote:not(:last-child),
.content pre:not(:last-child),
.content table:not(:last-child) {
  margin-bottom: 1em;
}
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  color: rgb(157.25, 157.25, 157.25);
  font-weight: 600;
  line-height: 1.125;
}
.content h1 {
  font-size: 2em;
  margin-bottom: 0.5em;
}
.content h1:not(:first-child) {
  margin-top: 1em;
}
.content h2 {
  font-size: 1.75em;
  margin-bottom: 0.5714em;
}
.content h2:not(:first-child) {
  margin-top: 1.1428em;
}
.content h3 {
  font-size: 1.5em;
  margin-bottom: 0.6666em;
}
.content h3:not(:first-child) {
  margin-top: 1.3333em;
}
.content h4 {
  font-size: 1.25em;
  margin-bottom: 0.8em;
}
.content h5 {
  font-size: 1.125em;
  margin-bottom: 0.8888em;
}
.content h6 {
  font-size: 1em;
  margin-bottom: 1em;
}
.content blockquote {
  background-color: #3a3f44;
  border-left: 5px solid #52575c;
  padding: 1.25em 1.5em;
}
.content ol {
  list-style-position: outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ol:not([type]) {
  list-style-type: decimal;
}
.content ol:not([type]).is-lower-alpha {
  list-style-type: lower-alpha;
}
.content ol:not([type]).is-lower-roman {
  list-style-type: lower-roman;
}
.content ol:not([type]).is-upper-alpha {
  list-style-type: upper-alpha;
}
.content ol:not([type]).is-upper-roman {
  list-style-type: upper-roman;
}
.content ul {
  list-style: disc outside;
  margin-left: 2em;
  margin-top: 1em;
}
.content ul ul {
  list-style-type: circle;
  margin-top: 0.5em;
}
.content ul ul ul {
  list-style-type: square;
}
.content dd {
  margin-left: 2em;
}
.content figure {
  margin-left: 2em;
  margin-right: 2em;
  text-align: center;
}
.content figure:not(:first-child) {
  margin-top: 2em;
}
.content figure:not(:last-child) {
  margin-bottom: 2em;
}
.content figure img {
  display: inline-block;
}
.content figure figcaption {
  font-style: italic;
}
.content pre {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
  padding: 1.25em 1.5em;
  white-space: pre;
  word-wrap: normal;
}
.content sup,
.content sub {
  font-size: 75%;
}
.content table {
  width: 100%;
}
.content table td,
.content table th {
  border: 1px solid #52575c;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.content table th {
  color: rgb(157.25, 157.25, 157.25);
}
.content table th:not([align]) {
  text-align: inherit;
}
.content table thead td,
.content table thead th {
  border-width: 0 0 2px;
  color: rgb(157.25, 157.25, 157.25);
}
.content table tfoot td,
.content table tfoot th {
  border-width: 2px 0 0;
  color: rgb(157.25, 157.25, 157.25);
}
.content table tbody tr:last-child td,
.content table tbody tr:last-child th {
  border-bottom-width: 0;
}
.content .tabs li + li {
  margin-top: 0;
}
.content.is-small {
  font-size: 0.85rem;
}
.content.is-normal {
  font-size: 1rem;
}
.content.is-medium {
  font-size: 1.25rem;
}
.content.is-large {
  font-size: 1.5rem;
}

.icon {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}
.icon.is-small {
  height: 1rem;
  width: 1rem;
}
.icon.is-medium {
  height: 2rem;
  width: 2rem;
}
.icon.is-large {
  height: 3rem;
  width: 3rem;
}

.icon-text {
  align-items: flex-start;
  color: inherit;
  display: inline-flex;
  flex-wrap: wrap;
  line-height: 1.5rem;
  vertical-align: top;
}
.icon-text .icon {
  flex-grow: 0;
  flex-shrink: 0;
}
.icon-text .icon:not(:last-child) {
  margin-right: 0.25em;
}
.icon-text .icon:not(:first-child) {
  margin-left: 0.25em;
}

div.icon-text {
  display: flex;
}

.image {
  display: block;
  position: relative;
}
.image img {
  display: block;
  height: auto;
  width: 100%;
}
.image img.is-rounded {
  border-radius: 9999px;
}
.image.is-fullwidth {
  width: 100%;
}
.image.is-square img,
.image.is-square .has-ratio, .image.is-1by1 img,
.image.is-1by1 .has-ratio, .image.is-5by4 img,
.image.is-5by4 .has-ratio, .image.is-4by3 img,
.image.is-4by3 .has-ratio, .image.is-3by2 img,
.image.is-3by2 .has-ratio, .image.is-5by3 img,
.image.is-5by3 .has-ratio, .image.is-16by9 img,
.image.is-16by9 .has-ratio, .image.is-2by1 img,
.image.is-2by1 .has-ratio, .image.is-3by1 img,
.image.is-3by1 .has-ratio, .image.is-4by5 img,
.image.is-4by5 .has-ratio, .image.is-3by4 img,
.image.is-3by4 .has-ratio, .image.is-2by3 img,
.image.is-2by3 .has-ratio, .image.is-3by5 img,
.image.is-3by5 .has-ratio, .image.is-9by16 img,
.image.is-9by16 .has-ratio, .image.is-1by2 img,
.image.is-1by2 .has-ratio, .image.is-1by3 img,
.image.is-1by3 .has-ratio {
  height: 100%;
  width: 100%;
}
.image.is-square, .image.is-1by1 {
  padding-top: 100%;
}
.image.is-5by4 {
  padding-top: 80%;
}
.image.is-4by3 {
  padding-top: 75%;
}
.image.is-3by2 {
  padding-top: 66.6666%;
}
.image.is-5by3 {
  padding-top: 60%;
}
.image.is-16by9 {
  padding-top: 56.25%;
}
.image.is-2by1 {
  padding-top: 50%;
}
.image.is-3by1 {
  padding-top: 33.3333%;
}
.image.is-4by5 {
  padding-top: 125%;
}
.image.is-3by4 {
  padding-top: 133.3333%;
}
.image.is-2by3 {
  padding-top: 150%;
}
.image.is-3by5 {
  padding-top: 166.6666%;
}
.image.is-9by16 {
  padding-top: 177.7777%;
}
.image.is-1by2 {
  padding-top: 200%;
}
.image.is-1by3 {
  padding-top: 300%;
}
.image.is-16x16 {
  height: 16px;
  width: 16px;
}
.image.is-24x24 {
  height: 24px;
  width: 24px;
}
.image.is-32x32 {
  height: 32px;
  width: 32px;
}
.image.is-48x48 {
  height: 48px;
  width: 48px;
}
.image.is-64x64 {
  height: 64px;
  width: 64px;
}
.image.is-96x96 {
  height: 96px;
  width: 96px;
}
.image.is-128x128 {
  height: 128px;
  width: 128px;
}

.notification {
  background-color: #3a3f44;
  border-radius: 4px;
  position: relative;
  padding: 1.25rem 2.5rem 1.25rem 1.5rem;
}
.notification a:not(.button):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.notification strong {
  color: currentColor;
}
.notification code,
.notification pre {
  background: hsl(0, 0%, 100%);
}
.notification pre code {
  background: transparent;
}
.notification > .delete {
  right: 0.5rem;
  position: absolute;
  top: 0.5rem;
}
.notification .title,
.notification .subtitle,
.notification .content {
  color: currentColor;
}
.notification.is-white {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.notification.is-black {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.notification.is-light {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.notification.is-dark {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  color: #fff;
}
.notification.is-primary {
  background-color: #52575c;
  color: #fff;
}
.notification.is-primary.is-light {
  background-color: rgb(244.2137931034, 244.8, 245.3862068966);
  color: rgb(120.1724137931, 127.5, 134.8275862069);
}
.notification.is-link {
  background-color: #fafafa;
  color: #52575c;
}
.notification.is-link.is-light {
  background-color: #fafafa;
  color: rgb(73.95, 73.95, 73.95);
}
.notification.is-info {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.notification.is-info.is-light {
  background-color: hsl(207, 61%, 96%);
  color: hsl(207, 61%, 41%);
}
.notification.is-success {
  background-color: #62c462;
  color: #fff;
}
.notification.is-success.is-light {
  background-color: rgb(240.1722222222, 249.4277777778, 240.1722222222);
  color: rgb(43.1847222222, 114.9152777778, 43.1847222222);
}
.notification.is-warning {
  background-color: #f89406;
  color: #fff;
}
.notification.is-warning.is-light {
  background-color: rgb(254.5181102362, 246.4866141732, 235.0818897638);
  color: rgb(164.3244094488, 98.0645669291, 3.9755905512);
}
.notification.is-danger {
  background-color: #ee5f5b;
  color: #fff;
}
.notification.is-danger.is-light {
  background-color: rgb(253.0839779006, 236.9668508287, 236.5160220994);
  color: rgb(184.8397790055, 23.6685082873, 19.1602209945);
}

.progress {
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  border-radius: 9999px;
  display: block;
  height: 1rem;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.progress::-webkit-progress-bar {
  background-color: #3a3f44;
}
.progress::-webkit-progress-value {
  background-color: #aaa;
}
.progress::-moz-progress-bar {
  background-color: #aaa;
}
.progress::-ms-fill {
  background-color: #aaa;
  border: none;
}
.progress.is-white::-webkit-progress-value {
  background-color: hsl(0, 0%, 100%);
}
.progress.is-white::-moz-progress-bar {
  background-color: hsl(0, 0%, 100%);
}
.progress.is-white::-ms-fill {
  background-color: hsl(0, 0%, 100%);
}
.progress.is-white:indeterminate {
  background-image: linear-gradient(to right, hsl(0, 0%, 100%) 30%, #3a3f44 30%);
}
.progress.is-black::-webkit-progress-value {
  background-color: hsl(0, 0%, 4%);
}
.progress.is-black::-moz-progress-bar {
  background-color: hsl(0, 0%, 4%);
}
.progress.is-black::-ms-fill {
  background-color: hsl(0, 0%, 4%);
}
.progress.is-black:indeterminate {
  background-image: linear-gradient(to right, hsl(0, 0%, 4%) 30%, #3a3f44 30%);
}
.progress.is-light::-webkit-progress-value {
  background-color: hsl(0, 0%, 96%);
}
.progress.is-light::-moz-progress-bar {
  background-color: hsl(0, 0%, 96%);
}
.progress.is-light::-ms-fill {
  background-color: hsl(0, 0%, 96%);
}
.progress.is-light:indeterminate {
  background-image: linear-gradient(to right, hsl(0, 0%, 96%) 30%, #3a3f44 30%);
}
.progress.is-dark::-webkit-progress-value {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.progress.is-dark::-moz-progress-bar {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.progress.is-dark::-ms-fill {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.progress.is-dark:indeterminate {
  background-image: linear-gradient(to right, rgb(32.1413793103, 35.4379310345, 39.5586206897) 30%, #3a3f44 30%);
}
.progress.is-primary::-webkit-progress-value {
  background-color: #52575c;
}
.progress.is-primary::-moz-progress-bar {
  background-color: #52575c;
}
.progress.is-primary::-ms-fill {
  background-color: #52575c;
}
.progress.is-primary:indeterminate {
  background-image: linear-gradient(to right, #52575c 30%, #3a3f44 30%);
}
.progress.is-link::-webkit-progress-value {
  background-color: #fafafa;
}
.progress.is-link::-moz-progress-bar {
  background-color: #fafafa;
}
.progress.is-link::-ms-fill {
  background-color: #fafafa;
}
.progress.is-link:indeterminate {
  background-image: linear-gradient(to right, #fafafa 30%, #3a3f44 30%);
}
.progress.is-info::-webkit-progress-value {
  background-color: hsl(207, 61%, 53%);
}
.progress.is-info::-moz-progress-bar {
  background-color: hsl(207, 61%, 53%);
}
.progress.is-info::-ms-fill {
  background-color: hsl(207, 61%, 53%);
}
.progress.is-info:indeterminate {
  background-image: linear-gradient(to right, hsl(207, 61%, 53%) 30%, #3a3f44 30%);
}
.progress.is-success::-webkit-progress-value {
  background-color: #62c462;
}
.progress.is-success::-moz-progress-bar {
  background-color: #62c462;
}
.progress.is-success::-ms-fill {
  background-color: #62c462;
}
.progress.is-success:indeterminate {
  background-image: linear-gradient(to right, #62c462 30%, #3a3f44 30%);
}
.progress.is-warning::-webkit-progress-value {
  background-color: #f89406;
}
.progress.is-warning::-moz-progress-bar {
  background-color: #f89406;
}
.progress.is-warning::-ms-fill {
  background-color: #f89406;
}
.progress.is-warning:indeterminate {
  background-image: linear-gradient(to right, #f89406 30%, #3a3f44 30%);
}
.progress.is-danger::-webkit-progress-value {
  background-color: #ee5f5b;
}
.progress.is-danger::-moz-progress-bar {
  background-color: #ee5f5b;
}
.progress.is-danger::-ms-fill {
  background-color: #ee5f5b;
}
.progress.is-danger:indeterminate {
  background-image: linear-gradient(to right, #ee5f5b 30%, #3a3f44 30%);
}
.progress:indeterminate {
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: moveIndeterminate;
  animation-timing-function: linear;
  background-color: #3a3f44;
  background-image: linear-gradient(to right, #aaa 30%, #3a3f44 30%);
  background-position: top left;
  background-repeat: no-repeat;
  background-size: 150% 150%;
}
.progress:indeterminate::-webkit-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-moz-progress-bar {
  background-color: transparent;
}
.progress:indeterminate::-ms-fill {
  animation-name: none;
}
.progress.is-small {
  height: 0.85rem;
}
.progress.is-medium {
  height: 1.25rem;
}
.progress.is-large {
  height: 1.5rem;
}

@keyframes moveIndeterminate {
  from {
    background-position: 200% 0;
  }
  to {
    background-position: -200% 0;
  }
}
.table {
  background-color: #3a3f44;
  color: #aaa;
}
.table td,
.table th {
  border: 1px solid #52575c;
  border-width: 0 0 1px;
  padding: 0.5em 0.75em;
  vertical-align: top;
}
.table td.is-white,
.table th.is-white {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.table td.is-black,
.table th.is-black {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.table td.is-light,
.table th.is-light {
  background-color: hsl(0, 0%, 96%);
  border-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.table td.is-dark,
.table th.is-dark {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  color: #fff;
}
.table td.is-primary,
.table th.is-primary {
  background-color: #52575c;
  border-color: #52575c;
  color: #fff;
}
.table td.is-link,
.table th.is-link {
  background-color: #fafafa;
  border-color: #fafafa;
  color: #52575c;
}
.table td.is-info,
.table th.is-info {
  background-color: hsl(207, 61%, 53%);
  border-color: hsl(207, 61%, 53%);
  color: #fff;
}
.table td.is-success,
.table th.is-success {
  background-color: #62c462;
  border-color: #62c462;
  color: #fff;
}
.table td.is-warning,
.table th.is-warning {
  background-color: #f89406;
  border-color: #f89406;
  color: #fff;
}
.table td.is-danger,
.table th.is-danger {
  background-color: #ee5f5b;
  border-color: #ee5f5b;
  color: #fff;
}
.table td.is-narrow,
.table th.is-narrow {
  white-space: nowrap;
  width: 1%;
}
.table td.is-selected,
.table th.is-selected {
  background-color: #52575c;
  color: #fff;
}
.table td.is-selected a,
.table td.is-selected strong,
.table th.is-selected a,
.table th.is-selected strong {
  color: currentColor;
}
.table td.is-vcentered,
.table th.is-vcentered {
  vertical-align: middle;
}
.table th {
  color: rgb(157.25, 157.25, 157.25);
}
.table th:not([align]) {
  text-align: left;
}
.table tr.is-selected {
  background-color: #52575c;
  color: #fff;
}
.table tr.is-selected a,
.table tr.is-selected strong {
  color: currentColor;
}
.table tr.is-selected td,
.table tr.is-selected th {
  border-color: #fff;
  color: currentColor;
}
.table thead {
  background-color: transparent;
}
.table thead td,
.table thead th {
  border-width: 0 0 2px;
  color: rgb(157.25, 157.25, 157.25);
}
.table tfoot {
  background-color: transparent;
}
.table tfoot td,
.table tfoot th {
  border-width: 2px 0 0;
  color: rgb(157.25, 157.25, 157.25);
}
.table tbody {
  background-color: transparent;
}
.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom-width: 0;
}
.table.is-bordered td,
.table.is-bordered th {
  border-width: 1px;
}
.table.is-bordered tr:last-child td,
.table.is-bordered tr:last-child th {
  border-bottom-width: 1px;
}
.table.is-fullwidth {
  width: 100%;
}
.table.is-hoverable tbody tr:not(.is-selected):hover {
  background-color: #272b30;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover {
  background-color: #272b30;
}
.table.is-hoverable.is-striped tbody tr:not(.is-selected):hover:nth-child(even) {
  background-color: rgb(48.1448275862, 53.0827586207, 59.2551724138);
}
.table.is-narrow td,
.table.is-narrow th {
  padding: 0.25em 0.5em;
}
.table.is-striped tbody tr:not(.is-selected):nth-child(even) {
  background-color: #272b30;
}

.table-container {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  overflow-y: hidden;
  max-width: 100%;
}

.tags {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.tags .tag {
  margin-bottom: 0.5rem;
}
.tags .tag:not(:last-child) {
  margin-right: 0.5rem;
}
.tags:last-child {
  margin-bottom: -0.5rem;
}
.tags:not(:last-child) {
  margin-bottom: 1rem;
}
.tags.are-medium .tag:not(.is-normal):not(.is-large) {
  font-size: 1rem;
}
.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1.25rem;
}
.tags.is-centered {
  justify-content: center;
}
.tags.is-centered .tag {
  margin-right: 0.25rem;
  margin-left: 0.25rem;
}
.tags.is-right {
  justify-content: flex-end;
}
.tags.is-right .tag:not(:first-child) {
  margin-left: 0.5rem;
}
.tags.is-right .tag:not(:last-child) {
  margin-right: 0;
}
.tags.has-addons .tag {
  margin-right: 0;
}
.tags.has-addons .tag:not(:first-child) {
  margin-left: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.tags.has-addons .tag:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.tag:not(body) {
  align-items: center;
  background-color: #3a3f44;
  border-radius: 4px;
  color: #aaa;
  display: inline-flex;
  font-size: 0.85rem;
  height: 2em;
  justify-content: center;
  line-height: 1.5;
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}
.tag:not(body) .delete {
  margin-left: 0.25rem;
  margin-right: -0.375rem;
}
.tag:not(body).is-white {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.tag:not(body).is-black {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.tag:not(body).is-light {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.tag:not(body).is-dark {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  color: #fff;
}
.tag:not(body).is-primary {
  background-color: #52575c;
  color: #fff;
}
.tag:not(body).is-primary.is-light {
  background-color: rgb(244.2137931034, 244.8, 245.3862068966);
  color: rgb(120.1724137931, 127.5, 134.8275862069);
}
.tag:not(body).is-link {
  background-color: #fafafa;
  color: #52575c;
}
.tag:not(body).is-link.is-light {
  background-color: #fafafa;
  color: rgb(73.95, 73.95, 73.95);
}
.tag:not(body).is-info {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.tag:not(body).is-info.is-light {
  background-color: hsl(207, 61%, 96%);
  color: hsl(207, 61%, 41%);
}
.tag:not(body).is-success {
  background-color: #62c462;
  color: #fff;
}
.tag:not(body).is-success.is-light {
  background-color: rgb(240.1722222222, 249.4277777778, 240.1722222222);
  color: rgb(43.1847222222, 114.9152777778, 43.1847222222);
}
.tag:not(body).is-warning {
  background-color: #f89406;
  color: #fff;
}
.tag:not(body).is-warning.is-light {
  background-color: rgb(254.5181102362, 246.4866141732, 235.0818897638);
  color: rgb(164.3244094488, 98.0645669291, 3.9755905512);
}
.tag:not(body).is-danger {
  background-color: #ee5f5b;
  color: #fff;
}
.tag:not(body).is-danger.is-light {
  background-color: rgb(253.0839779006, 236.9668508287, 236.5160220994);
  color: rgb(184.8397790055, 23.6685082873, 19.1602209945);
}
.tag:not(body).is-normal {
  font-size: 0.85rem;
}
.tag:not(body).is-medium {
  font-size: 1rem;
}
.tag:not(body).is-large {
  font-size: 1.25rem;
}
.tag:not(body) .icon:first-child:not(:last-child) {
  margin-left: -0.375em;
  margin-right: 0.1875em;
}
.tag:not(body) .icon:last-child:not(:first-child) {
  margin-left: 0.1875em;
  margin-right: -0.375em;
}
.tag:not(body) .icon:first-child:last-child {
  margin-left: -0.375em;
  margin-right: -0.375em;
}
.tag:not(body).is-delete {
  margin-left: 1px;
  padding: 0;
  position: relative;
  width: 2em;
}
.tag:not(body).is-delete::before, .tag:not(body).is-delete::after {
  background-color: currentColor;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform-origin: center center;
}
.tag:not(body).is-delete::before {
  height: 1px;
  width: 50%;
}
.tag:not(body).is-delete::after {
  height: 50%;
  width: 1px;
}
.tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus {
  background-color: rgb(46.2619047619, 50.25, 54.2380952381);
}
.tag:not(body).is-delete:active {
  background-color: rgb(34.5238095238, 37.5, 40.4761904762);
}
.tag:not(body).is-rounded {
  border-radius: 9999px;
}

a.tag:hover {
  text-decoration: underline;
}

.title,
.subtitle {
  word-break: break-word;
}
.title em,
.title span,
.subtitle em,
.subtitle span {
  font-weight: inherit;
}
.title sub,
.subtitle sub {
  font-size: 0.75em;
}
.title sup,
.subtitle sup {
  font-size: 0.75em;
}
.title .tag,
.subtitle .tag {
  vertical-align: middle;
}

.title {
  color: #aaa;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.125;
}
.title strong {
  color: inherit;
  font-weight: inherit;
}
.title:not(.is-spaced) + .subtitle {
  margin-top: -1.25rem;
}
.title.is-1, .title.progress-circle.is-danger[value="1"], .title.progress-circle.is-warning[value="1"], .title.progress-circle.is-success[value="1"], .title.progress-circle.is-info[value="1"], .title.progress-circle.is-link[value="1"], .title.progress-circle.is-primary[value="1"], .title.progress-circle.is-dark[value="1"], .title.progress-circle.is-light[value="1"], .title.progress-circle.is-black[value="1"], .title.progress-circle.is-white[value="1"] {
  font-size: 3rem;
}
.title.is-2, .title.progress-circle.is-danger[value="2"], .title.progress-circle.is-warning[value="2"], .title.progress-circle.is-success[value="2"], .title.progress-circle.is-info[value="2"], .title.progress-circle.is-link[value="2"], .title.progress-circle.is-primary[value="2"], .title.progress-circle.is-dark[value="2"], .title.progress-circle.is-light[value="2"], .title.progress-circle.is-black[value="2"], .title.progress-circle.is-white[value="2"] {
  font-size: 2.5rem;
}
.title.is-3, .title.progress-circle.is-danger[value="3"], .title.progress-circle.is-warning[value="3"], .title.progress-circle.is-success[value="3"], .title.progress-circle.is-info[value="3"], .title.progress-circle.is-link[value="3"], .title.progress-circle.is-primary[value="3"], .title.progress-circle.is-dark[value="3"], .title.progress-circle.is-light[value="3"], .title.progress-circle.is-black[value="3"], .title.progress-circle.is-white[value="3"] {
  font-size: 2rem;
}
.title.is-4, .title.progress-circle.is-danger[value="4"], .title.progress-circle.is-warning[value="4"], .title.progress-circle.is-success[value="4"], .title.progress-circle.is-info[value="4"], .title.progress-circle.is-link[value="4"], .title.progress-circle.is-primary[value="4"], .title.progress-circle.is-dark[value="4"], .title.progress-circle.is-light[value="4"], .title.progress-circle.is-black[value="4"], .title.progress-circle.is-white[value="4"] {
  font-size: 1.5rem;
}
.title.is-5, .title.progress-circle.is-danger[value="5"], .title.progress-circle.is-warning[value="5"], .title.progress-circle.is-success[value="5"], .title.progress-circle.is-info[value="5"], .title.progress-circle.is-link[value="5"], .title.progress-circle.is-primary[value="5"], .title.progress-circle.is-dark[value="5"], .title.progress-circle.is-light[value="5"], .title.progress-circle.is-black[value="5"], .title.progress-circle.is-white[value="5"] {
  font-size: 1.25rem;
}
.title.is-6, .title.progress-circle.is-danger[value="6"], .title.progress-circle.is-warning[value="6"], .title.progress-circle.is-success[value="6"], .title.progress-circle.is-info[value="6"], .title.progress-circle.is-link[value="6"], .title.progress-circle.is-primary[value="6"], .title.progress-circle.is-dark[value="6"], .title.progress-circle.is-light[value="6"], .title.progress-circle.is-black[value="6"], .title.progress-circle.is-white[value="6"] {
  font-size: 1rem;
}
.title.is-7, .title.progress-circle.is-danger[value="7"], .title.progress-circle.is-warning[value="7"], .title.progress-circle.is-success[value="7"], .title.progress-circle.is-info[value="7"], .title.progress-circle.is-link[value="7"], .title.progress-circle.is-primary[value="7"], .title.progress-circle.is-dark[value="7"], .title.progress-circle.is-light[value="7"], .title.progress-circle.is-black[value="7"], .title.progress-circle.is-white[value="7"] {
  font-size: 0.85rem;
}

.subtitle {
  color: #7a8288;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.25;
}
.subtitle strong {
  color: #7a8288;
  font-weight: 600;
}
.subtitle:not(.is-spaced) + .title {
  margin-top: -1.25rem;
}
.subtitle.is-1, .subtitle.progress-circle.is-danger[value="1"], .subtitle.progress-circle.is-warning[value="1"], .subtitle.progress-circle.is-success[value="1"], .subtitle.progress-circle.is-info[value="1"], .subtitle.progress-circle.is-link[value="1"], .subtitle.progress-circle.is-primary[value="1"], .subtitle.progress-circle.is-dark[value="1"], .subtitle.progress-circle.is-light[value="1"], .subtitle.progress-circle.is-black[value="1"], .subtitle.progress-circle.is-white[value="1"] {
  font-size: 3rem;
}
.subtitle.is-2, .subtitle.progress-circle.is-danger[value="2"], .subtitle.progress-circle.is-warning[value="2"], .subtitle.progress-circle.is-success[value="2"], .subtitle.progress-circle.is-info[value="2"], .subtitle.progress-circle.is-link[value="2"], .subtitle.progress-circle.is-primary[value="2"], .subtitle.progress-circle.is-dark[value="2"], .subtitle.progress-circle.is-light[value="2"], .subtitle.progress-circle.is-black[value="2"], .subtitle.progress-circle.is-white[value="2"] {
  font-size: 2.5rem;
}
.subtitle.is-3, .subtitle.progress-circle.is-danger[value="3"], .subtitle.progress-circle.is-warning[value="3"], .subtitle.progress-circle.is-success[value="3"], .subtitle.progress-circle.is-info[value="3"], .subtitle.progress-circle.is-link[value="3"], .subtitle.progress-circle.is-primary[value="3"], .subtitle.progress-circle.is-dark[value="3"], .subtitle.progress-circle.is-light[value="3"], .subtitle.progress-circle.is-black[value="3"], .subtitle.progress-circle.is-white[value="3"] {
  font-size: 2rem;
}
.subtitle.is-4, .subtitle.progress-circle.is-danger[value="4"], .subtitle.progress-circle.is-warning[value="4"], .subtitle.progress-circle.is-success[value="4"], .subtitle.progress-circle.is-info[value="4"], .subtitle.progress-circle.is-link[value="4"], .subtitle.progress-circle.is-primary[value="4"], .subtitle.progress-circle.is-dark[value="4"], .subtitle.progress-circle.is-light[value="4"], .subtitle.progress-circle.is-black[value="4"], .subtitle.progress-circle.is-white[value="4"] {
  font-size: 1.5rem;
}
.subtitle.is-5, .subtitle.progress-circle.is-danger[value="5"], .subtitle.progress-circle.is-warning[value="5"], .subtitle.progress-circle.is-success[value="5"], .subtitle.progress-circle.is-info[value="5"], .subtitle.progress-circle.is-link[value="5"], .subtitle.progress-circle.is-primary[value="5"], .subtitle.progress-circle.is-dark[value="5"], .subtitle.progress-circle.is-light[value="5"], .subtitle.progress-circle.is-black[value="5"], .subtitle.progress-circle.is-white[value="5"] {
  font-size: 1.25rem;
}
.subtitle.is-6, .subtitle.progress-circle.is-danger[value="6"], .subtitle.progress-circle.is-warning[value="6"], .subtitle.progress-circle.is-success[value="6"], .subtitle.progress-circle.is-info[value="6"], .subtitle.progress-circle.is-link[value="6"], .subtitle.progress-circle.is-primary[value="6"], .subtitle.progress-circle.is-dark[value="6"], .subtitle.progress-circle.is-light[value="6"], .subtitle.progress-circle.is-black[value="6"], .subtitle.progress-circle.is-white[value="6"] {
  font-size: 1rem;
}
.subtitle.is-7, .subtitle.progress-circle.is-danger[value="7"], .subtitle.progress-circle.is-warning[value="7"], .subtitle.progress-circle.is-success[value="7"], .subtitle.progress-circle.is-info[value="7"], .subtitle.progress-circle.is-link[value="7"], .subtitle.progress-circle.is-primary[value="7"], .subtitle.progress-circle.is-dark[value="7"], .subtitle.progress-circle.is-light[value="7"], .subtitle.progress-circle.is-black[value="7"], .subtitle.progress-circle.is-white[value="7"] {
  font-size: 0.85rem;
}

.heading {
  display: block;
  font-size: 11px;
  letter-spacing: 1px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.number {
  align-items: center;
  background-color: #3a3f44;
  border-radius: 9999px;
  display: inline-flex;
  font-size: 1.25rem;
  height: 2em;
  justify-content: center;
  margin-right: 1.5rem;
  min-width: 2.5em;
  padding: 0.25rem 0.5rem;
  text-align: center;
  vertical-align: top;
}

/* Bulma Form */
.select select, .textarea, .input {
  background-color: hsl(0, 0%, 100%);
  border-color: #52575c;
  border-radius: 4px;
  color: #272b30;
}
.select select::-moz-placeholder, .textarea::-moz-placeholder, .input::-moz-placeholder {
  color: rgba(39, 43, 48, 0.3);
}
.select select::-webkit-input-placeholder, .textarea::-webkit-input-placeholder, .input::-webkit-input-placeholder {
  color: rgba(39, 43, 48, 0.3);
}
.select select:-moz-placeholder, .textarea:-moz-placeholder, .input:-moz-placeholder {
  color: rgba(39, 43, 48, 0.3);
}
.select select:-ms-input-placeholder, .textarea:-ms-input-placeholder, .input:-ms-input-placeholder {
  color: rgba(39, 43, 48, 0.3);
}
.select select:hover, .textarea:hover, .input:hover, .select select.is-hovered, .is-hovered.textarea, .is-hovered.input {
  border-color: #7a8288;
}
.select select:focus, .textarea:focus, .input:focus, .select select.is-focused, .is-focused.textarea, .is-focused.input, .select select:active, .textarea:active, .input:active, .select select.is-active, .is-active.textarea, .is-active.input {
  border-color: #fafafa;
  box-shadow: 0 0 0 0.125em rgba(250, 250, 250, 0.25);
}
.select select[disabled], [disabled].textarea, [disabled].input, fieldset[disabled] .select select, .select fieldset[disabled] select, fieldset[disabled] .textarea, fieldset[disabled] .input {
  background-color: #98a4ad;
  border-color: #3a3f44;
  box-shadow: none;
  color: rgb(195.5, 195.5, 195.5);
}
.select select[disabled]::-moz-placeholder, [disabled].textarea::-moz-placeholder, [disabled].input::-moz-placeholder, fieldset[disabled] .select select::-moz-placeholder, .select fieldset[disabled] select::-moz-placeholder, fieldset[disabled] .textarea::-moz-placeholder, fieldset[disabled] .input::-moz-placeholder {
  color: rgba(195.5, 195.5, 195.5, 0.3);
}
.select select[disabled]::-webkit-input-placeholder, [disabled].textarea::-webkit-input-placeholder, [disabled].input::-webkit-input-placeholder, fieldset[disabled] .select select::-webkit-input-placeholder, .select fieldset[disabled] select::-webkit-input-placeholder, fieldset[disabled] .textarea::-webkit-input-placeholder, fieldset[disabled] .input::-webkit-input-placeholder {
  color: rgba(195.5, 195.5, 195.5, 0.3);
}
.select select[disabled]:-moz-placeholder, [disabled].textarea:-moz-placeholder, [disabled].input:-moz-placeholder, fieldset[disabled] .select select:-moz-placeholder, .select fieldset[disabled] select:-moz-placeholder, fieldset[disabled] .textarea:-moz-placeholder, fieldset[disabled] .input:-moz-placeholder {
  color: rgba(195.5, 195.5, 195.5, 0.3);
}
.select select[disabled]:-ms-input-placeholder, [disabled].textarea:-ms-input-placeholder, [disabled].input:-ms-input-placeholder, fieldset[disabled] .select select:-ms-input-placeholder, .select fieldset[disabled] select:-ms-input-placeholder, fieldset[disabled] .textarea:-ms-input-placeholder, fieldset[disabled] .input:-ms-input-placeholder {
  color: rgba(195.5, 195.5, 195.5, 0.3);
}

.textarea, .input {
  box-shadow: inset 0 0.0625em 0.125em rgba(10.2, 10.2, 10.2, 0.05);
  max-width: 100%;
  width: 100%;
}
[readonly].textarea, [readonly].input {
  box-shadow: none;
}
.is-white.textarea, .is-white.input {
  border-color: hsl(0, 0%, 100%);
}
.is-white.textarea:focus, .is-white.input:focus, .is-white.is-focused.textarea, .is-white.is-focused.input, .is-white.textarea:active, .is-white.input:active, .is-white.is-active.textarea, .is-white.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.is-black.textarea, .is-black.input {
  border-color: hsl(0, 0%, 4%);
}
.is-black.textarea:focus, .is-black.input:focus, .is-black.is-focused.textarea, .is-black.is-focused.input, .is-black.textarea:active, .is-black.input:active, .is-black.is-active.textarea, .is-black.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25);
}
.is-light.textarea, .is-light.input {
  border-color: hsl(0, 0%, 96%);
}
.is-light.textarea:focus, .is-light.input:focus, .is-light.is-focused.textarea, .is-light.is-focused.input, .is-light.textarea:active, .is-light.input:active, .is-light.is-active.textarea, .is-light.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25);
}
.is-dark.textarea, .is-dark.input {
  border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.is-dark.textarea:focus, .is-dark.input:focus, .is-dark.is-focused.textarea, .is-dark.is-focused.input, .is-dark.textarea:active, .is-dark.input:active, .is-dark.is-active.textarea, .is-dark.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(32.1413793103, 35.4379310345, 39.5586206897, 0.25);
}
.is-primary.textarea, .is-primary.input {
  border-color: #52575c;
}
.is-primary.textarea:focus, .is-primary.input:focus, .is-primary.is-focused.textarea, .is-primary.is-focused.input, .is-primary.textarea:active, .is-primary.input:active, .is-primary.is-active.textarea, .is-primary.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(82, 87, 92, 0.25);
}
.is-link.textarea, .is-link.input {
  border-color: #fafafa;
}
.is-link.textarea:focus, .is-link.input:focus, .is-link.is-focused.textarea, .is-link.is-focused.input, .is-link.textarea:active, .is-link.input:active, .is-link.is-active.textarea, .is-link.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(250, 250, 250, 0.25);
}
.is-info.textarea, .is-info.input {
  border-color: hsl(207, 61%, 53%);
}
.is-info.textarea:focus, .is-info.input:focus, .is-info.is-focused.textarea, .is-info.is-focused.input, .is-info.textarea:active, .is-info.input:active, .is-info.is-active.textarea, .is-info.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25);
}
.is-success.textarea, .is-success.input {
  border-color: #62c462;
}
.is-success.textarea:focus, .is-success.input:focus, .is-success.is-focused.textarea, .is-success.is-focused.input, .is-success.textarea:active, .is-success.input:active, .is-success.is-active.textarea, .is-success.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(98, 196, 98, 0.25);
}
.is-warning.textarea, .is-warning.input {
  border-color: #f89406;
}
.is-warning.textarea:focus, .is-warning.input:focus, .is-warning.is-focused.textarea, .is-warning.is-focused.input, .is-warning.textarea:active, .is-warning.input:active, .is-warning.is-active.textarea, .is-warning.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(248, 148, 6, 0.25);
}
.is-danger.textarea, .is-danger.input {
  border-color: #ee5f5b;
}
.is-danger.textarea:focus, .is-danger.input:focus, .is-danger.is-focused.textarea, .is-danger.is-focused.input, .is-danger.textarea:active, .is-danger.input:active, .is-danger.is-active.textarea, .is-danger.is-active.input {
  box-shadow: 0 0 0 0.125em rgba(238, 95, 91, 0.25);
}
.is-small.textarea, .is-small.input {
  border-radius: 2px;
  font-size: 0.85rem;
}
.is-medium.textarea, .is-medium.input {
  font-size: 1.25rem;
}
.is-large.textarea, .is-large.input {
  font-size: 1.5rem;
}
.is-fullwidth.textarea, .is-fullwidth.input {
  display: block;
  width: 100%;
}
.is-inline.textarea, .is-inline.input {
  display: inline;
  width: auto;
}

.input.is-rounded {
  border-radius: 9999px;
  padding-left: calc(calc(0.75em - 1px) + 0.375em);
  padding-right: calc(calc(0.75em - 1px) + 0.375em);
}
.input.is-static {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.textarea {
  display: block;
  max-width: 100%;
  min-width: 100%;
  padding: calc(0.75em - 1px);
  resize: vertical;
}
.textarea:not([rows]) {
  max-height: 40em;
  min-height: 8em;
}
.textarea[rows] {
  height: initial;
}
.textarea.has-fixed-size {
  resize: none;
}

.radio, .checkbox {
  cursor: pointer;
  display: inline-block;
  line-height: 1.25;
  position: relative;
}
.radio input, .checkbox input {
  cursor: pointer;
}
.radio:hover, .checkbox:hover {
  color: #7a8288;
}
[disabled].radio, [disabled].checkbox, fieldset[disabled] .radio, fieldset[disabled] .checkbox,
.radio input[disabled],
.checkbox input[disabled] {
  color: rgb(195.5, 195.5, 195.5);
  cursor: not-allowed;
}

.radio + .radio {
  margin-left: 0.5em;
}

.select {
  display: inline-block;
  max-width: 100%;
  position: relative;
  vertical-align: top;
}
.select:not(.is-multiple) {
  height: 2.5em;
}
.select:not(.is-multiple):not(.is-loading)::after {
  border-color: #52575c;
  right: 1.125em;
  z-index: 4;
}
.select.is-rounded select {
  border-radius: 9999px;
  padding-left: 1em;
}
.select select {
  cursor: pointer;
  display: block;
  font-size: 1em;
  max-width: 100%;
  outline: none;
}
.select select::-ms-expand {
  display: none;
}
.select select[disabled]:hover, fieldset[disabled] .select select:hover {
  border-color: #3a3f44;
}
.select select:not([multiple]) {
  padding-right: 2.5em;
}
.select select[multiple] {
  height: auto;
  padding: 0;
}
.select select[multiple] option {
  padding: 0.5em 1em;
}
.select:not(.is-multiple):not(.is-loading):hover::after {
  border-color: #7a8288;
}
.select.is-white:not(:hover)::after {
  border-color: hsl(0, 0%, 100%);
}
.select.is-white select {
  border-color: hsl(0, 0%, 100%);
}
.select.is-white select:hover, .select.is-white select.is-hovered {
  border-color: hsl(0, 0%, 95%);
}
.select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active {
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
}
.select.is-black:not(:hover)::after {
  border-color: hsl(0, 0%, 4%);
}
.select.is-black select {
  border-color: hsl(0, 0%, 4%);
}
.select.is-black select:hover, .select.is-black select.is-hovered {
  border-color: hsl(0, 0%, 0%);
}
.select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active {
  box-shadow: 0 0 0 0.125em rgba(10.2, 10.2, 10.2, 0.25);
}
.select.is-light:not(:hover)::after {
  border-color: hsl(0, 0%, 96%);
}
.select.is-light select {
  border-color: hsl(0, 0%, 96%);
}
.select.is-light select:hover, .select.is-light select.is-hovered {
  border-color: hsl(0, 0%, 91%);
}
.select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active {
  box-shadow: 0 0 0 0.125em rgba(244.8, 244.8, 244.8, 0.25);
}
.select.is-dark:not(:hover)::after {
  border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.select.is-dark select {
  border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.select.is-dark select:hover, .select.is-dark select.is-hovered {
  border-color: rgb(20.7103448276, 22.8344827586, 25.4896551724);
}
.select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active {
  box-shadow: 0 0 0 0.125em rgba(32.1413793103, 35.4379310345, 39.5586206897, 0.25);
}
.select.is-primary:not(:hover)::after {
  border-color: #52575c;
}
.select.is-primary select {
  border-color: #52575c;
}
.select.is-primary select:hover, .select.is-primary select.is-hovered {
  border-color: rgb(69.9827586207, 74.25, 78.5172413793);
}
.select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active {
  box-shadow: 0 0 0 0.125em rgba(82, 87, 92, 0.25);
}
.select.is-link:not(:hover)::after {
  border-color: #fafafa;
}
.select.is-link select {
  border-color: #fafafa;
}
.select.is-link select:hover, .select.is-link select.is-hovered {
  border-color: rgb(237.25, 237.25, 237.25);
}
.select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active {
  box-shadow: 0 0 0 0.125em rgba(250, 250, 250, 0.25);
}
.select.is-info:not(:hover)::after {
  border-color: hsl(207, 61%, 53%);
}
.select.is-info select {
  border-color: hsl(207, 61%, 53%);
}
.select.is-info select:hover, .select.is-info select.is-hovered {
  border-color: hsl(207, 61%, 48%);
}
.select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active {
  box-shadow: 0 0 0 0.125em rgba(62.0415, 142.46085, 208.2585, 0.25);
}
.select.is-success:not(:hover)::after {
  border-color: #62c462;
}
.select.is-success select {
  border-color: #62c462;
}
.select.is-success select:hover, .select.is-success select.is-hovered {
  border-color: rgb(79.4652777778, 189.0347222222, 79.4652777778);
}
.select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active {
  box-shadow: 0 0 0 0.125em rgba(98, 196, 98, 0.25);
}
.select.is-warning:not(:hover)::after {
  border-color: #f89406;
}
.select.is-warning select {
  border-color: #f89406;
}
.select.is-warning select:hover, .select.is-warning select.is-hovered {
  border-color: rgb(223.1023622047, 133.1417322835, 5.3976377953);
}
.select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active {
  box-shadow: 0 0 0 0.125em rgba(248, 148, 6, 0.25);
}
.select.is-danger:not(:hover)::after {
  border-color: #ee5f5b;
}
.select.is-danger select {
  border-color: #ee5f5b;
}
.select.is-danger select:hover, .select.is-danger select.is-hovered {
  border-color: rgb(235.6049723757, 72.4585635359, 67.8950276243);
}
.select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active {
  box-shadow: 0 0 0 0.125em rgba(238, 95, 91, 0.25);
}
.select.is-small {
  border-radius: 2px;
  font-size: 0.85rem;
}
.select.is-medium {
  font-size: 1.25rem;
}
.select.is-large {
  font-size: 1.5rem;
}
.select.is-disabled::after {
  border-color: rgb(195.5, 195.5, 195.5) !important;
  opacity: 0.5;
}
.select.is-fullwidth {
  width: 100%;
}
.select.is-fullwidth select {
  width: 100%;
}
.select.is-loading::after {
  margin-top: 0;
  position: absolute;
  right: 0.625em;
  top: 0.625em;
  transform: none;
}
.select.is-loading.is-small:after {
  font-size: 0.85rem;
}
.select.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.select.is-loading.is-large:after {
  font-size: 1.5rem;
}

.file {
  align-items: stretch;
  display: flex;
  justify-content: flex-start;
  position: relative;
}
.file.is-white .file-cta {
  background-color: hsl(0, 0%, 100%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta {
  background-color: hsl(0, 0%, 97.5%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
  color: hsl(0, 0%, 4%);
}
.file.is-white:active .file-cta, .file.is-white.is-active .file-cta {
  background-color: hsl(0, 0%, 95%);
  border-color: transparent;
  color: hsl(0, 0%, 4%);
}
.file.is-black .file-cta {
  background-color: hsl(0, 0%, 4%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta {
  background-color: hsl(0, 0%, 1.5%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(10.2, 10.2, 10.2, 0.25);
  color: hsl(0, 0%, 100%);
}
.file.is-black:active .file-cta, .file.is-black.is-active .file-cta {
  background-color: hsl(0, 0%, 0%);
  border-color: transparent;
  color: hsl(0, 0%, 100%);
}
.file.is-light .file-cta {
  background-color: hsl(0, 0%, 96%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta {
  background-color: hsl(0, 0%, 93.5%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(244.8, 244.8, 244.8, 0.25);
  color: rgba(0, 0, 0, 0.7);
}
.file.is-light:active .file-cta, .file.is-light.is-active .file-cta {
  background-color: hsl(0, 0%, 91%);
  border-color: transparent;
  color: rgba(0, 0, 0, 0.7);
}
.file.is-dark .file-cta {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  border-color: transparent;
  color: #fff;
}
.file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta {
  background-color: rgb(26.425862069, 29.1362068966, 32.524137931);
  border-color: transparent;
  color: #fff;
}
.file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(32.1413793103, 35.4379310345, 39.5586206897, 0.25);
  color: #fff;
}
.file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta {
  background-color: rgb(20.7103448276, 22.8344827586, 25.4896551724);
  border-color: transparent;
  color: #fff;
}
.file.is-primary .file-cta {
  background-color: #52575c;
  border-color: transparent;
  color: #fff;
}
.file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta {
  background-color: rgb(75.9913793103, 80.625, 85.2586206897);
  border-color: transparent;
  color: #fff;
}
.file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(82, 87, 92, 0.25);
  color: #fff;
}
.file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta {
  background-color: rgb(69.9827586207, 74.25, 78.5172413793);
  border-color: transparent;
  color: #fff;
}
.file.is-link .file-cta {
  background-color: #fafafa;
  border-color: transparent;
  color: #52575c;
}
.file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta {
  background-color: rgb(243.625, 243.625, 243.625);
  border-color: transparent;
  color: #52575c;
}
.file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(250, 250, 250, 0.25);
  color: #52575c;
}
.file.is-link:active .file-cta, .file.is-link.is-active .file-cta {
  background-color: rgb(237.25, 237.25, 237.25);
  border-color: transparent;
  color: #52575c;
}
.file.is-info .file-cta {
  background-color: hsl(207, 61%, 53%);
  border-color: transparent;
  color: #fff;
}
.file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta {
  background-color: hsl(207, 61%, 50.5%);
  border-color: transparent;
  color: #fff;
}
.file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(62.0415, 142.46085, 208.2585, 0.25);
  color: #fff;
}
.file.is-info:active .file-cta, .file.is-info.is-active .file-cta {
  background-color: hsl(207, 61%, 48%);
  border-color: transparent;
  color: #fff;
}
.file.is-success .file-cta {
  background-color: #62c462;
  border-color: transparent;
  color: #fff;
}
.file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta {
  background-color: rgb(88.7326388889, 192.5173611111, 88.7326388889);
  border-color: transparent;
  color: #fff;
}
.file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(98, 196, 98, 0.25);
  color: #fff;
}
.file.is-success:active .file-cta, .file.is-success.is-active .file-cta {
  background-color: rgb(79.4652777778, 189.0347222222, 79.4652777778);
  border-color: transparent;
  color: #fff;
}
.file.is-warning .file-cta {
  background-color: #f89406;
  border-color: transparent;
  color: #fff;
}
.file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta {
  background-color: rgb(235.5511811024, 140.5708661417, 5.6988188976);
  border-color: transparent;
  color: #fff;
}
.file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(248, 148, 6, 0.25);
  color: #fff;
}
.file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta {
  background-color: rgb(223.1023622047, 133.1417322835, 5.3976377953);
  border-color: transparent;
  color: #fff;
}
.file.is-danger .file-cta {
  background-color: #ee5f5b;
  border-color: transparent;
  color: #fff;
}
.file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta {
  background-color: rgb(236.8024861878, 83.729281768, 79.4475138122);
  border-color: transparent;
  color: #fff;
}
.file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta {
  border-color: transparent;
  box-shadow: 0 0 0.5em rgba(238, 95, 91, 0.25);
  color: #fff;
}
.file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta {
  background-color: rgb(235.6049723757, 72.4585635359, 67.8950276243);
  border-color: transparent;
  color: #fff;
}
.file.is-small {
  font-size: 0.85rem;
}
.file.is-normal {
  font-size: 1rem;
}
.file.is-medium {
  font-size: 1.25rem;
}
.file.is-medium .file-icon .fa {
  font-size: 21px;
}
.file.is-large {
  font-size: 1.5rem;
}
.file.is-large .file-icon .fa {
  font-size: 28px;
}
.file.has-name .file-cta {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.file.has-name .file-name {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.file.has-name.is-empty .file-cta {
  border-radius: 4px;
}
.file.has-name.is-empty .file-name {
  display: none;
}
.file.is-boxed .file-label {
  flex-direction: column;
}
.file.is-boxed .file-cta {
  flex-direction: column;
  height: auto;
  padding: 1em 3em;
}
.file.is-boxed .file-name {
  border-width: 0 1px 1px;
}
.file.is-boxed .file-icon {
  height: 1.5em;
  width: 1.5em;
}
.file.is-boxed .file-icon .fa {
  font-size: 21px;
}
.file.is-boxed.is-small .file-icon .fa {
  font-size: 14px;
}
.file.is-boxed.is-medium .file-icon .fa {
  font-size: 28px;
}
.file.is-boxed.is-large .file-icon .fa {
  font-size: 35px;
}
.file.is-boxed.has-name .file-cta {
  border-radius: 4px 4px 0 0;
}
.file.is-boxed.has-name .file-name {
  border-radius: 0 0 4px 4px;
  border-width: 0 1px 1px;
}
.file.is-centered {
  justify-content: center;
}
.file.is-fullwidth .file-label {
  width: 100%;
}
.file.is-fullwidth .file-name {
  flex-grow: 1;
  max-width: none;
}
.file.is-right {
  justify-content: flex-end;
}
.file.is-right .file-cta {
  border-radius: 0 4px 4px 0;
}
.file.is-right .file-name {
  border-radius: 4px 0 0 4px;
  border-width: 1px 0 1px 1px;
  order: -1;
}

.file-label {
  align-items: stretch;
  display: flex;
  cursor: pointer;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
}
.file-label:hover .file-cta {
  background-color: rgb(33.2844827586, 36.6982758621, 40.9655172414);
  color: rgb(157.25, 157.25, 157.25);
}
.file-label:hover .file-name {
  border-color: rgb(75.9913793103, 80.625, 85.2586206897);
}
.file-label:active .file-cta {
  background-color: rgb(27.5689655172, 30.3965517241, 33.9310344828);
  color: rgb(157.25, 157.25, 157.25);
}
.file-label:active .file-name {
  border-color: rgb(69.9827586207, 74.25, 78.5172413793);
}

.file-input {
  height: 100%;
  left: 0;
  opacity: 0;
  outline: none;
  position: absolute;
  top: 0;
  width: 100%;
}

.file-cta,
.file-name {
  border-color: #52575c;
  border-radius: 4px;
  font-size: 1em;
  padding-left: 1em;
  padding-right: 1em;
  white-space: nowrap;
}

.file-cta {
  background-color: #272b30;
  color: #aaa;
}

.file-name {
  border-color: #52575c;
  border-style: solid;
  border-width: 1px 1px 1px 0;
  display: block;
  max-width: 16em;
  overflow: hidden;
  text-align: inherit;
  text-overflow: ellipsis;
}

.file-icon {
  align-items: center;
  display: flex;
  height: 1em;
  justify-content: center;
  margin-right: 0.5em;
  width: 1em;
}
.file-icon .fa {
  font-size: 14px;
}

.label {
  color: #aaa;
  display: block;
  font-size: 1rem;
  font-weight: 700;
}
.label:not(:last-child) {
  margin-bottom: 0.5em;
}
.label.is-small {
  font-size: 0.85rem;
}
.label.is-medium {
  font-size: 1.25rem;
}
.label.is-large {
  font-size: 1.5rem;
}

.help {
  display: block;
  font-size: 0.85rem;
  margin-top: 0.25rem;
}
.help.is-white {
  color: hsl(0, 0%, 100%);
}
.help.is-black {
  color: hsl(0, 0%, 4%);
}
.help.is-light {
  color: hsl(0, 0%, 96%);
}
.help.is-dark {
  color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.help.is-primary {
  color: #52575c;
}
.help.is-link {
  color: #fafafa;
}
.help.is-info {
  color: hsl(207, 61%, 53%);
}
.help.is-success {
  color: #62c462;
}
.help.is-warning {
  color: #f89406;
}
.help.is-danger {
  color: #ee5f5b;
}

.field:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.has-addons {
  display: flex;
  justify-content: flex-start;
}
.field.has-addons .control:not(:last-child) {
  margin-right: -1px;
}
.field.has-addons .control:not(:first-child):not(:last-child) .button,
.field.has-addons .control:not(:first-child):not(:last-child) .input,
.field.has-addons .control:not(:first-child):not(:last-child) .select select {
  border-radius: 0;
}
.field.has-addons .control:first-child:not(:only-child) .button,
.field.has-addons .control:first-child:not(:only-child) .input,
.field.has-addons .control:first-child:not(:only-child) .select select {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.field.has-addons .control:last-child:not(:only-child) .button,
.field.has-addons .control:last-child:not(:only-child) .input,
.field.has-addons .control:last-child:not(:only-child) .select select {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.field.has-addons .control .button:not([disabled]):hover, .field.has-addons .control .button:not([disabled]).is-hovered,
.field.has-addons .control .input:not([disabled]):hover,
.field.has-addons .control .input:not([disabled]).is-hovered,
.field.has-addons .control .select select:not([disabled]):hover,
.field.has-addons .control .select select:not([disabled]).is-hovered {
  z-index: 2;
}
.field.has-addons .control .button:not([disabled]):focus, .field.has-addons .control .button:not([disabled]).is-focused, .field.has-addons .control .button:not([disabled]):active, .field.has-addons .control .button:not([disabled]).is-active,
.field.has-addons .control .input:not([disabled]):focus,
.field.has-addons .control .input:not([disabled]).is-focused,
.field.has-addons .control .input:not([disabled]):active,
.field.has-addons .control .input:not([disabled]).is-active,
.field.has-addons .control .select select:not([disabled]):focus,
.field.has-addons .control .select select:not([disabled]).is-focused,
.field.has-addons .control .select select:not([disabled]):active,
.field.has-addons .control .select select:not([disabled]).is-active {
  z-index: 3;
}
.field.has-addons .control .button:not([disabled]):focus:hover, .field.has-addons .control .button:not([disabled]).is-focused:hover, .field.has-addons .control .button:not([disabled]):active:hover, .field.has-addons .control .button:not([disabled]).is-active:hover,
.field.has-addons .control .input:not([disabled]):focus:hover,
.field.has-addons .control .input:not([disabled]).is-focused:hover,
.field.has-addons .control .input:not([disabled]):active:hover,
.field.has-addons .control .input:not([disabled]).is-active:hover,
.field.has-addons .control .select select:not([disabled]):focus:hover,
.field.has-addons .control .select select:not([disabled]).is-focused:hover,
.field.has-addons .control .select select:not([disabled]):active:hover,
.field.has-addons .control .select select:not([disabled]).is-active:hover {
  z-index: 4;
}
.field.has-addons .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.has-addons.has-addons-centered {
  justify-content: center;
}
.field.has-addons.has-addons-right {
  justify-content: flex-end;
}
.field.has-addons.has-addons-fullwidth .control {
  flex-grow: 1;
  flex-shrink: 0;
}
.field.is-grouped {
  display: flex;
  justify-content: flex-start;
}
.field.is-grouped > .control {
  flex-shrink: 0;
}
.field.is-grouped > .control:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.field.is-grouped > .control.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.field.is-grouped.is-grouped-centered {
  justify-content: center;
}
.field.is-grouped.is-grouped-right {
  justify-content: flex-end;
}
.field.is-grouped.is-grouped-multiline {
  flex-wrap: wrap;
}
.field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) {
  margin-bottom: 0.75rem;
}
.field.is-grouped.is-grouped-multiline:last-child {
  margin-bottom: -0.75rem;
}
.field.is-grouped.is-grouped-multiline:not(:last-child) {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field.is-horizontal {
    display: flex;
  }
}

.field-label .label {
  font-size: inherit;
}
@media screen and (max-width: 768px) {
  .field-label {
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .field-label {
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: right;
  }
  .field-label.is-small {
    font-size: 0.85rem;
    padding-top: 0.375em;
  }
  .field-label.is-normal {
    padding-top: 0.375em;
  }
  .field-label.is-medium {
    font-size: 1.25rem;
    padding-top: 0.375em;
  }
  .field-label.is-large {
    font-size: 1.5rem;
    padding-top: 0.375em;
  }
}

.field-body .field .field {
  margin-bottom: 0;
}
@media screen and (min-width: 769px), print {
  .field-body {
    display: flex;
    flex-basis: 0;
    flex-grow: 5;
    flex-shrink: 1;
  }
  .field-body .field {
    margin-bottom: 0;
  }
  .field-body > .field {
    flex-shrink: 1;
  }
  .field-body > .field:not(.is-narrow) {
    flex-grow: 1;
  }
  .field-body > .field:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.control {
  box-sizing: border-box;
  clear: both;
  font-size: 1rem;
  position: relative;
  text-align: inherit;
}
.control.has-icons-left .input:focus ~ .icon,
.control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon,
.control.has-icons-right .select:focus ~ .icon {
  color: #272b30;
}
.control.has-icons-left .input.is-small ~ .icon,
.control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon,
.control.has-icons-right .select.is-small ~ .icon {
  font-size: 0.85rem;
}
.control.has-icons-left .input.is-medium ~ .icon,
.control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon,
.control.has-icons-right .select.is-medium ~ .icon {
  font-size: 1.25rem;
}
.control.has-icons-left .input.is-large ~ .icon,
.control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon,
.control.has-icons-right .select.is-large ~ .icon {
  font-size: 1.5rem;
}
.control.has-icons-left .icon, .control.has-icons-right .icon {
  color: #52575c;
  height: 2.5em;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2.5em;
  z-index: 4;
}
.control.has-icons-left .input,
.control.has-icons-left .select select {
  padding-left: 2.5em;
}
.control.has-icons-left .icon.is-left {
  left: 0;
}
.control.has-icons-right .input,
.control.has-icons-right .select select {
  padding-right: 2.5em;
}
.control.has-icons-right .icon.is-right {
  right: 0;
}
.control.is-loading::after {
  position: absolute !important;
  right: 0.625em;
  top: 0.625em;
  z-index: 4;
}
.control.is-loading.is-small:after {
  font-size: 0.85rem;
}
.control.is-loading.is-medium:after {
  font-size: 1.25rem;
}
.control.is-loading.is-large:after {
  font-size: 1.5rem;
}

/* Bulma Components */
.breadcrumb {
  font-size: 1rem;
  white-space: nowrap;
}
.breadcrumb a {
  align-items: center;
  color: #fafafa;
  display: flex;
  justify-content: center;
  padding: 0 0.75em;
}
.breadcrumb a:hover {
  color: white;
}
.breadcrumb li {
  align-items: center;
  display: flex;
}
.breadcrumb li:first-child a {
  padding-left: 0;
}
.breadcrumb li.is-active a {
  color: rgb(157.25, 157.25, 157.25);
  cursor: default;
  pointer-events: none;
}
.breadcrumb li + li::before {
  color: #7a8288;
  content: "/";
}
.breadcrumb ul,
.breadcrumb ol {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.breadcrumb .icon:first-child {
  margin-right: 0.5em;
}
.breadcrumb .icon:last-child {
  margin-left: 0.5em;
}
.breadcrumb.is-centered ol,
.breadcrumb.is-centered ul {
  justify-content: center;
}
.breadcrumb.is-right ol,
.breadcrumb.is-right ul {
  justify-content: flex-end;
}
.breadcrumb.is-small {
  font-size: 0.85rem;
}
.breadcrumb.is-medium {
  font-size: 1.25rem;
}
.breadcrumb.is-large {
  font-size: 1.5rem;
}
.breadcrumb.has-arrow-separator li + li::before {
  content: "→";
}
.breadcrumb.has-bullet-separator li + li::before {
  content: "•";
}
.breadcrumb.has-dot-separator li + li::before {
  content: "·";
}
.breadcrumb.has-succeeds-separator li + li::before {
  content: "≻";
}

.card {
  background-color: #272b30;
  border-radius: 0.25rem;
  box-shadow: none;
  color: #aaa;
  max-width: 100%;
  position: relative;
}

.card-footer:first-child, .card-content:first-child, .card-header:first-child {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card-footer:last-child, .card-content:last-child, .card-header:last-child {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-header {
  background-color: rgba(18, 18, 18, 0.2);
  align-items: stretch;
  box-shadow: none;
  display: flex;
}

.card-header-title {
  align-items: center;
  color: rgb(157.25, 157.25, 157.25);
  display: flex;
  flex-grow: 1;
  font-weight: 700;
  padding: 0.75rem 1rem;
}
.card-header-title.is-centered {
  justify-content: center;
}

.card-header-icon {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  color: currentColor;
  font-family: inherit;
  font-size: 1em;
  margin: 0;
  padding: 0;
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 0.75rem 1rem;
}

.card-image {
  display: block;
  position: relative;
}
.card-image:first-child img {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.card-image:last-child img {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.card-content {
  background-color: transparent;
  padding: 1.5rem;
}

.card-footer {
  background-color: rgba(18, 18, 18, 0.2);
  border-top: 1px solid hsl(0, 0%, 93%);
  align-items: stretch;
  display: flex;
}

.card-footer-item {
  align-items: center;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: center;
  padding: 0.75rem;
}
.card-footer-item:not(:last-child) {
  border-right: 1px solid hsl(0, 0%, 93%);
}

.card .media:not(:last-child) {
  margin-bottom: 1.5rem;
}

.dropdown {
  display: inline-flex;
  position: relative;
  vertical-align: top;
}
.dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu {
  display: block;
}
.dropdown.is-right .dropdown-menu {
  left: auto;
  right: 0;
}
.dropdown.is-up .dropdown-menu {
  bottom: 100%;
  padding-bottom: 4px;
  padding-top: initial;
  top: auto;
}

.dropdown-menu {
  display: none;
  left: 0;
  min-width: 12rem;
  padding-top: 4px;
  position: absolute;
  top: 100%;
  z-index: 20;
}

.dropdown-content {
  background-color: #3a3f44;
  border-radius: 4px;
  box-shadow: 0 0.5em 1em -0.125em rgb(10, 10, 10), 0 0 0 1px rgba(10, 10, 10, 0.02);
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.dropdown-item {
  color: #aaa;
  display: block;
  font-size: 0.875rem;
  line-height: 1.5;
  padding: 0.375rem 1rem;
  position: relative;
}

a.dropdown-item,
button.dropdown-item {
  padding-right: 3rem;
  text-align: inherit;
  white-space: nowrap;
  width: 100%;
}
a.dropdown-item:hover,
button.dropdown-item:hover {
  background-color: #3a3f44;
  color: hsl(0, 0%, 4%);
}
a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: #fafafa;
  color: #52575c;
}

.dropdown-divider {
  background-color: hsl(0, 0%, 93%);
  border: none;
  display: block;
  height: 1px;
  margin: 0.5rem 0;
}

.level {
  align-items: center;
  justify-content: space-between;
}
.level code {
  border-radius: 4px;
}
.level img {
  display: inline-block;
  vertical-align: top;
}
.level.is-mobile {
  display: flex;
}
.level.is-mobile .level-left,
.level.is-mobile .level-right {
  display: flex;
}
.level.is-mobile .level-left + .level-right {
  margin-top: 0;
}
.level.is-mobile .level-item:not(:last-child) {
  margin-bottom: 0;
  margin-right: 0.75rem;
}
.level.is-mobile .level-item:not(.is-narrow) {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level {
    display: flex;
  }
  .level > .level-item:not(.is-narrow) {
    flex-grow: 1;
  }
}

.level-item {
  align-items: center;
  display: flex;
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
  justify-content: center;
}
.level-item .title,
.level-item .subtitle {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .level-item:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}

.level-left,
.level-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}
.level-left .level-item.is-flexible,
.level-right .level-item.is-flexible {
  flex-grow: 1;
}
@media screen and (min-width: 769px), print {
  .level-left .level-item:not(:last-child),
  .level-right .level-item:not(:last-child) {
    margin-right: 0.75rem;
  }
}

.level-left {
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .level-left + .level-right {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .level-left {
    display: flex;
  }
}

.level-right {
  align-items: center;
  justify-content: flex-end;
}
@media screen and (min-width: 769px), print {
  .level-right {
    display: flex;
  }
}

.media {
  align-items: flex-start;
  display: flex;
  text-align: inherit;
}
.media .content:not(:last-child) {
  margin-bottom: 0.75rem;
}
.media .media {
  border-top: 1px solid rgba(82, 87, 92, 0.5);
  display: flex;
  padding-top: 0.75rem;
}
.media .media .content:not(:last-child),
.media .media .control:not(:last-child) {
  margin-bottom: 0.5rem;
}
.media .media .media {
  padding-top: 0.5rem;
}
.media .media .media + .media {
  margin-top: 0.5rem;
}
.media + .media {
  border-top: 1px solid rgba(82, 87, 92, 0.5);
  margin-top: 1rem;
  padding-top: 1rem;
}
.media.is-large + .media {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
}

.media-left,
.media-right {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 0;
}

.media-left {
  margin-right: 1rem;
}

.media-right {
  margin-left: 1rem;
}

.media-content {
  flex-basis: auto;
  flex-grow: 1;
  flex-shrink: 1;
  text-align: inherit;
}

@media screen and (max-width: 768px) {
  .media-content {
    overflow-x: auto;
  }
}
.menu {
  font-size: 1rem;
}
.menu.is-small {
  font-size: 0.85rem;
}
.menu.is-medium {
  font-size: 1.25rem;
}
.menu.is-large {
  font-size: 1.5rem;
}

.menu-list {
  line-height: 1.25;
}
.menu-list a {
  border-radius: 2px;
  color: #aaa;
  display: block;
  padding: 0.5em 0.75em;
}
.menu-list a:hover {
  background-color: #3a3f44;
  color: rgb(157.25, 157.25, 157.25);
}
.menu-list a.is-active {
  background-color: #fafafa;
  color: #52575c;
}
.menu-list li ul {
  border-left: 1px solid #52575c;
  margin: 0.75em;
  padding-left: 0.75em;
}

.menu-label {
  color: rgb(195.5, 195.5, 195.5);
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.menu-label:not(:first-child) {
  margin-top: 1em;
}
.menu-label:not(:last-child) {
  margin-bottom: 1em;
}

.message {
  background-color: #3a3f44;
  border-radius: 4px;
  font-size: 1rem;
}
.message strong {
  color: currentColor;
}
.message a:not(.button):not(.tag):not(.dropdown-item) {
  color: currentColor;
  text-decoration: underline;
}
.message.is-small {
  font-size: 0.85rem;
}
.message.is-medium {
  font-size: 1.25rem;
}
.message.is-large {
  font-size: 1.5rem;
}
.message.is-white {
  background-color: hsl(0, 0%, 100%);
}
.message.is-white .message-header {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.message.is-white .message-body {
  border-color: hsl(0, 0%, 100%);
}
.message.is-black {
  background-color: hsl(0, 0%, 98%);
}
.message.is-black .message-header {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.message.is-black .message-body {
  border-color: hsl(0, 0%, 4%);
}
.message.is-light {
  background-color: hsl(0, 0%, 98%);
}
.message.is-light .message-header {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.message.is-light .message-body {
  border-color: hsl(0, 0%, 96%);
}
.message.is-dark {
  background-color: rgb(249.3724137931, 249.8413793103, 250.4275862069);
}
.message.is-dark .message-header {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  color: #fff;
}
.message.is-dark .message-body {
  border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.message.is-primary {
  background-color: rgb(244.2137931034, 244.8, 245.3862068966);
}
.message.is-primary .message-header {
  background-color: #52575c;
  color: #fff;
}
.message.is-primary .message-body {
  border-color: #52575c;
  color: rgb(120.1724137931, 127.5, 134.8275862069);
}
.message.is-link {
  background-color: #fafafa;
}
.message.is-link .message-header {
  background-color: #fafafa;
  color: #52575c;
}
.message.is-link .message-body {
  border-color: #fafafa;
  color: rgb(73.95, 73.95, 73.95);
}
.message.is-info {
  background-color: hsl(207, 61%, 96%);
}
.message.is-info .message-header {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.message.is-info .message-body {
  border-color: hsl(207, 61%, 53%);
  color: hsl(207, 61%, 41%);
}
.message.is-success {
  background-color: rgb(240.1722222222, 249.4277777778, 240.1722222222);
}
.message.is-success .message-header {
  background-color: #62c462;
  color: #fff;
}
.message.is-success .message-body {
  border-color: #62c462;
  color: rgb(43.1847222222, 114.9152777778, 43.1847222222);
}
.message.is-warning {
  background-color: rgb(254.5181102362, 246.4866141732, 235.0818897638);
}
.message.is-warning .message-header {
  background-color: #f89406;
  color: #fff;
}
.message.is-warning .message-body {
  border-color: #f89406;
  color: rgb(164.3244094488, 98.0645669291, 3.9755905512);
}
.message.is-danger {
  background-color: rgb(253.0839779006, 236.9668508287, 236.5160220994);
}
.message.is-danger .message-header {
  background-color: #ee5f5b;
  color: #fff;
}
.message.is-danger .message-body {
  border-color: #ee5f5b;
  color: rgb(184.8397790055, 23.6685082873, 19.1602209945);
}

.message-header {
  align-items: center;
  background-color: #aaa;
  border-radius: 4px 4px 0 0;
  color: #fff;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.25;
  padding: 0.75em 1em;
  position: relative;
}
.message-header .delete {
  flex-grow: 0;
  flex-shrink: 0;
  margin-left: 0.75em;
}
.message-header + .message-body {
  border-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.message-body {
  border-color: #52575c;
  border-radius: 4px;
  border-style: solid;
  border-width: 0 0 0 4px;
  color: #aaa;
  padding: 1.25em 1.5em;
}
.message-body code,
.message-body pre {
  background-color: hsl(0, 0%, 100%);
}
.message-body pre code {
  background-color: transparent;
}

.modal {
  align-items: center;
  display: none;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  position: fixed;
  z-index: 40;
}
.modal.is-active {
  display: flex;
}

.modal-background {
  background-color: rgba(10.2, 10.2, 10.2, 0.86);
}

.modal-content,
.modal-card {
  margin: 0 20px;
  max-height: calc(100vh - 160px);
  overflow: auto;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .modal-content,
  .modal-card {
    margin: 0 auto;
    max-height: calc(100vh - 40px);
    width: 640px;
  }
}

.modal-close {
  background: none;
  height: 40px;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 40px;
}

.modal-card {
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 40px);
  overflow: hidden;
  -ms-overflow-y: visible;
}

.modal-card-head,
.modal-card-foot {
  align-items: center;
  background-color: #3a3f44;
  display: flex;
  flex-shrink: 0;
  justify-content: flex-start;
  padding: 20px;
  position: relative;
}

.modal-card-head {
  border-bottom: 1px solid #52575c;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.modal-card-title {
  color: rgb(157.25, 157.25, 157.25);
  flex-grow: 1;
  flex-shrink: 0;
  font-size: 1.5rem;
  line-height: 1;
}

.modal-card-foot {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top: 1px solid #52575c;
}
.modal-card-foot .button:not(:last-child) {
  margin-right: 0.5em;
}

.modal-card-body {
  -webkit-overflow-scrolling: touch;
  background-color: hsl(0, 0%, 100%);
  flex-grow: 1;
  flex-shrink: 1;
  overflow: auto;
  padding: 20px;
}

.navbar {
  background-color: #3a3f44;
  min-height: 4rem;
  position: relative;
  z-index: 30;
}
.navbar.is-white {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-brand > .navbar-item,
.navbar.is-white .navbar-brand .navbar-link {
  color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-brand > a.navbar-item:focus, .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active,
.navbar.is-white .navbar-brand .navbar-link:focus,
.navbar.is-white .navbar-brand .navbar-link:hover,
.navbar.is-white .navbar-brand .navbar-link.is-active {
  background-color: hsl(0, 0%, 95%);
  color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-brand .navbar-link::after {
  border-color: hsl(0, 0%, 4%);
}
.navbar.is-white .navbar-burger {
  color: hsl(0, 0%, 4%);
}
@media screen and (min-width: 10000px) {
  .navbar.is-white .navbar-start > .navbar-item,
  .navbar.is-white .navbar-start .navbar-link,
  .navbar.is-white .navbar-end > .navbar-item,
  .navbar.is-white .navbar-end .navbar-link {
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-start > a.navbar-item:focus, .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active,
  .navbar.is-white .navbar-start .navbar-link:focus,
  .navbar.is-white .navbar-start .navbar-link:hover,
  .navbar.is-white .navbar-start .navbar-link.is-active,
  .navbar.is-white .navbar-end > a.navbar-item:focus,
  .navbar.is-white .navbar-end > a.navbar-item:hover,
  .navbar.is-white .navbar-end > a.navbar-item.is-active,
  .navbar.is-white .navbar-end .navbar-link:focus,
  .navbar.is-white .navbar-end .navbar-link:hover,
  .navbar.is-white .navbar-end .navbar-link.is-active {
    background-color: hsl(0, 0%, 95%);
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-start .navbar-link::after,
  .navbar.is-white .navbar-end .navbar-link::after {
    border-color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: hsl(0, 0%, 95%);
    color: hsl(0, 0%, 4%);
  }
  .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 4%);
  }
}
.navbar.is-black {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.navbar.is-black .navbar-brand > .navbar-item,
.navbar.is-black .navbar-brand .navbar-link {
  color: hsl(0, 0%, 100%);
}
.navbar.is-black .navbar-brand > a.navbar-item:focus, .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active,
.navbar.is-black .navbar-brand .navbar-link:focus,
.navbar.is-black .navbar-brand .navbar-link:hover,
.navbar.is-black .navbar-brand .navbar-link.is-active {
  background-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
}
.navbar.is-black .navbar-brand .navbar-link::after {
  border-color: hsl(0, 0%, 100%);
}
.navbar.is-black .navbar-burger {
  color: hsl(0, 0%, 100%);
}
@media screen and (min-width: 10000px) {
  .navbar.is-black .navbar-start > .navbar-item,
  .navbar.is-black .navbar-start .navbar-link,
  .navbar.is-black .navbar-end > .navbar-item,
  .navbar.is-black .navbar-end .navbar-link {
    color: hsl(0, 0%, 100%);
  }
  .navbar.is-black .navbar-start > a.navbar-item:focus, .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active,
  .navbar.is-black .navbar-start .navbar-link:focus,
  .navbar.is-black .navbar-start .navbar-link:hover,
  .navbar.is-black .navbar-start .navbar-link.is-active,
  .navbar.is-black .navbar-end > a.navbar-item:focus,
  .navbar.is-black .navbar-end > a.navbar-item:hover,
  .navbar.is-black .navbar-end > a.navbar-item.is-active,
  .navbar.is-black .navbar-end .navbar-link:focus,
  .navbar.is-black .navbar-end .navbar-link:hover,
  .navbar.is-black .navbar-end .navbar-link.is-active {
    background-color: hsl(0, 0%, 0%);
    color: hsl(0, 0%, 100%);
  }
  .navbar.is-black .navbar-start .navbar-link::after,
  .navbar.is-black .navbar-end .navbar-link::after {
    border-color: hsl(0, 0%, 100%);
  }
  .navbar.is-black .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: hsl(0, 0%, 0%);
    color: hsl(0, 0%, 100%);
  }
  .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 4%);
    color: hsl(0, 0%, 100%);
  }
}
.navbar.is-light {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > .navbar-item,
.navbar.is-light .navbar-brand .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand > a.navbar-item:focus, .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active,
.navbar.is-light .navbar-brand .navbar-link:focus,
.navbar.is-light .navbar-brand .navbar-link:hover,
.navbar.is-light .navbar-brand .navbar-link.is-active {
  background-color: hsl(0, 0%, 91%);
  color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-brand .navbar-link::after {
  border-color: rgba(0, 0, 0, 0.7);
}
.navbar.is-light .navbar-burger {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (min-width: 10000px) {
  .navbar.is-light .navbar-start > .navbar-item,
  .navbar.is-light .navbar-start .navbar-link,
  .navbar.is-light .navbar-end > .navbar-item,
  .navbar.is-light .navbar-end .navbar-link {
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start > a.navbar-item:focus, .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active,
  .navbar.is-light .navbar-start .navbar-link:focus,
  .navbar.is-light .navbar-start .navbar-link:hover,
  .navbar.is-light .navbar-start .navbar-link.is-active,
  .navbar.is-light .navbar-end > a.navbar-item:focus,
  .navbar.is-light .navbar-end > a.navbar-item:hover,
  .navbar.is-light .navbar-end > a.navbar-item.is-active,
  .navbar.is-light .navbar-end .navbar-link:focus,
  .navbar.is-light .navbar-end .navbar-link:hover,
  .navbar.is-light .navbar-end .navbar-link.is-active {
    background-color: hsl(0, 0%, 91%);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-start .navbar-link::after,
  .navbar.is-light .navbar-end .navbar-link::after {
    border-color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: hsl(0, 0%, 91%);
    color: rgba(0, 0, 0, 0.7);
  }
  .navbar.is-light .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(0, 0%, 96%);
    color: rgba(0, 0, 0, 0.7);
  }
}
.navbar.is-dark {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  color: #fff;
}
.navbar.is-dark .navbar-brand > .navbar-item,
.navbar.is-dark .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-dark .navbar-brand > a.navbar-item:focus, .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active,
.navbar.is-dark .navbar-brand .navbar-link:focus,
.navbar.is-dark .navbar-brand .navbar-link:hover,
.navbar.is-dark .navbar-brand .navbar-link.is-active {
  background-color: rgb(20.7103448276, 22.8344827586, 25.4896551724);
  color: #fff;
}
.navbar.is-dark .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-dark .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 10000px) {
  .navbar.is-dark .navbar-start > .navbar-item,
  .navbar.is-dark .navbar-start .navbar-link,
  .navbar.is-dark .navbar-end > .navbar-item,
  .navbar.is-dark .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-dark .navbar-start > a.navbar-item:focus, .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active,
  .navbar.is-dark .navbar-start .navbar-link:focus,
  .navbar.is-dark .navbar-start .navbar-link:hover,
  .navbar.is-dark .navbar-start .navbar-link.is-active,
  .navbar.is-dark .navbar-end > a.navbar-item:focus,
  .navbar.is-dark .navbar-end > a.navbar-item:hover,
  .navbar.is-dark .navbar-end > a.navbar-item.is-active,
  .navbar.is-dark .navbar-end .navbar-link:focus,
  .navbar.is-dark .navbar-end .navbar-link:hover,
  .navbar.is-dark .navbar-end .navbar-link.is-active {
    background-color: rgb(20.7103448276, 22.8344827586, 25.4896551724);
    color: #fff;
  }
  .navbar.is-dark .navbar-start .navbar-link::after,
  .navbar.is-dark .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-dark .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(20.7103448276, 22.8344827586, 25.4896551724);
    color: #fff;
  }
  .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
    background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
    color: #fff;
  }
}
.navbar.is-primary {
  background-color: #52575c;
  color: #fff;
}
.navbar.is-primary .navbar-brand > .navbar-item,
.navbar.is-primary .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-primary .navbar-brand > a.navbar-item:focus, .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active,
.navbar.is-primary .navbar-brand .navbar-link:focus,
.navbar.is-primary .navbar-brand .navbar-link:hover,
.navbar.is-primary .navbar-brand .navbar-link.is-active {
  background-color: rgb(69.9827586207, 74.25, 78.5172413793);
  color: #fff;
}
.navbar.is-primary .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-primary .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 10000px) {
  .navbar.is-primary .navbar-start > .navbar-item,
  .navbar.is-primary .navbar-start .navbar-link,
  .navbar.is-primary .navbar-end > .navbar-item,
  .navbar.is-primary .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-primary .navbar-start > a.navbar-item:focus, .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active,
  .navbar.is-primary .navbar-start .navbar-link:focus,
  .navbar.is-primary .navbar-start .navbar-link:hover,
  .navbar.is-primary .navbar-start .navbar-link.is-active,
  .navbar.is-primary .navbar-end > a.navbar-item:focus,
  .navbar.is-primary .navbar-end > a.navbar-item:hover,
  .navbar.is-primary .navbar-end > a.navbar-item.is-active,
  .navbar.is-primary .navbar-end .navbar-link:focus,
  .navbar.is-primary .navbar-end .navbar-link:hover,
  .navbar.is-primary .navbar-end .navbar-link.is-active {
    background-color: rgb(69.9827586207, 74.25, 78.5172413793);
    color: #fff;
  }
  .navbar.is-primary .navbar-start .navbar-link::after,
  .navbar.is-primary .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(69.9827586207, 74.25, 78.5172413793);
    color: #fff;
  }
  .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
    background-color: #52575c;
    color: #fff;
  }
}
.navbar.is-link {
  background-color: #fafafa;
  color: #52575c;
}
.navbar.is-link .navbar-brand > .navbar-item,
.navbar.is-link .navbar-brand .navbar-link {
  color: #52575c;
}
.navbar.is-link .navbar-brand > a.navbar-item:focus, .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active,
.navbar.is-link .navbar-brand .navbar-link:focus,
.navbar.is-link .navbar-brand .navbar-link:hover,
.navbar.is-link .navbar-brand .navbar-link.is-active {
  background-color: rgb(237.25, 237.25, 237.25);
  color: #52575c;
}
.navbar.is-link .navbar-brand .navbar-link::after {
  border-color: #52575c;
}
.navbar.is-link .navbar-burger {
  color: #52575c;
}
@media screen and (min-width: 10000px) {
  .navbar.is-link .navbar-start > .navbar-item,
  .navbar.is-link .navbar-start .navbar-link,
  .navbar.is-link .navbar-end > .navbar-item,
  .navbar.is-link .navbar-end .navbar-link {
    color: #52575c;
  }
  .navbar.is-link .navbar-start > a.navbar-item:focus, .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active,
  .navbar.is-link .navbar-start .navbar-link:focus,
  .navbar.is-link .navbar-start .navbar-link:hover,
  .navbar.is-link .navbar-start .navbar-link.is-active,
  .navbar.is-link .navbar-end > a.navbar-item:focus,
  .navbar.is-link .navbar-end > a.navbar-item:hover,
  .navbar.is-link .navbar-end > a.navbar-item.is-active,
  .navbar.is-link .navbar-end .navbar-link:focus,
  .navbar.is-link .navbar-end .navbar-link:hover,
  .navbar.is-link .navbar-end .navbar-link.is-active {
    background-color: rgb(237.25, 237.25, 237.25);
    color: #52575c;
  }
  .navbar.is-link .navbar-start .navbar-link::after,
  .navbar.is-link .navbar-end .navbar-link::after {
    border-color: #52575c;
  }
  .navbar.is-link .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(237.25, 237.25, 237.25);
    color: #52575c;
  }
  .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
    background-color: #fafafa;
    color: #52575c;
  }
}
.navbar.is-info {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.navbar.is-info .navbar-brand > .navbar-item,
.navbar.is-info .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-info .navbar-brand > a.navbar-item:focus, .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active,
.navbar.is-info .navbar-brand .navbar-link:focus,
.navbar.is-info .navbar-brand .navbar-link:hover,
.navbar.is-info .navbar-brand .navbar-link.is-active {
  background-color: hsl(207, 61%, 48%);
  color: #fff;
}
.navbar.is-info .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-info .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 10000px) {
  .navbar.is-info .navbar-start > .navbar-item,
  .navbar.is-info .navbar-start .navbar-link,
  .navbar.is-info .navbar-end > .navbar-item,
  .navbar.is-info .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-info .navbar-start > a.navbar-item:focus, .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active,
  .navbar.is-info .navbar-start .navbar-link:focus,
  .navbar.is-info .navbar-start .navbar-link:hover,
  .navbar.is-info .navbar-start .navbar-link.is-active,
  .navbar.is-info .navbar-end > a.navbar-item:focus,
  .navbar.is-info .navbar-end > a.navbar-item:hover,
  .navbar.is-info .navbar-end > a.navbar-item.is-active,
  .navbar.is-info .navbar-end .navbar-link:focus,
  .navbar.is-info .navbar-end .navbar-link:hover,
  .navbar.is-info .navbar-end .navbar-link.is-active {
    background-color: hsl(207, 61%, 48%);
    color: #fff;
  }
  .navbar.is-info .navbar-start .navbar-link::after,
  .navbar.is-info .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-info .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: hsl(207, 61%, 48%);
    color: #fff;
  }
  .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
    background-color: hsl(207, 61%, 53%);
    color: #fff;
  }
}
.navbar.is-success {
  background-color: #62c462;
  color: #fff;
}
.navbar.is-success .navbar-brand > .navbar-item,
.navbar.is-success .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-success .navbar-brand > a.navbar-item:focus, .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active,
.navbar.is-success .navbar-brand .navbar-link:focus,
.navbar.is-success .navbar-brand .navbar-link:hover,
.navbar.is-success .navbar-brand .navbar-link.is-active {
  background-color: rgb(79.4652777778, 189.0347222222, 79.4652777778);
  color: #fff;
}
.navbar.is-success .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-success .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 10000px) {
  .navbar.is-success .navbar-start > .navbar-item,
  .navbar.is-success .navbar-start .navbar-link,
  .navbar.is-success .navbar-end > .navbar-item,
  .navbar.is-success .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-success .navbar-start > a.navbar-item:focus, .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active,
  .navbar.is-success .navbar-start .navbar-link:focus,
  .navbar.is-success .navbar-start .navbar-link:hover,
  .navbar.is-success .navbar-start .navbar-link.is-active,
  .navbar.is-success .navbar-end > a.navbar-item:focus,
  .navbar.is-success .navbar-end > a.navbar-item:hover,
  .navbar.is-success .navbar-end > a.navbar-item.is-active,
  .navbar.is-success .navbar-end .navbar-link:focus,
  .navbar.is-success .navbar-end .navbar-link:hover,
  .navbar.is-success .navbar-end .navbar-link.is-active {
    background-color: rgb(79.4652777778, 189.0347222222, 79.4652777778);
    color: #fff;
  }
  .navbar.is-success .navbar-start .navbar-link::after,
  .navbar.is-success .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-success .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(79.4652777778, 189.0347222222, 79.4652777778);
    color: #fff;
  }
  .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
    background-color: #62c462;
    color: #fff;
  }
}
.navbar.is-warning {
  background-color: #f89406;
  color: #fff;
}
.navbar.is-warning .navbar-brand > .navbar-item,
.navbar.is-warning .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-warning .navbar-brand > a.navbar-item:focus, .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active,
.navbar.is-warning .navbar-brand .navbar-link:focus,
.navbar.is-warning .navbar-brand .navbar-link:hover,
.navbar.is-warning .navbar-brand .navbar-link.is-active {
  background-color: rgb(223.1023622047, 133.1417322835, 5.3976377953);
  color: #fff;
}
.navbar.is-warning .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-warning .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 10000px) {
  .navbar.is-warning .navbar-start > .navbar-item,
  .navbar.is-warning .navbar-start .navbar-link,
  .navbar.is-warning .navbar-end > .navbar-item,
  .navbar.is-warning .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-warning .navbar-start > a.navbar-item:focus, .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active,
  .navbar.is-warning .navbar-start .navbar-link:focus,
  .navbar.is-warning .navbar-start .navbar-link:hover,
  .navbar.is-warning .navbar-start .navbar-link.is-active,
  .navbar.is-warning .navbar-end > a.navbar-item:focus,
  .navbar.is-warning .navbar-end > a.navbar-item:hover,
  .navbar.is-warning .navbar-end > a.navbar-item.is-active,
  .navbar.is-warning .navbar-end .navbar-link:focus,
  .navbar.is-warning .navbar-end .navbar-link:hover,
  .navbar.is-warning .navbar-end .navbar-link.is-active {
    background-color: rgb(223.1023622047, 133.1417322835, 5.3976377953);
    color: #fff;
  }
  .navbar.is-warning .navbar-start .navbar-link::after,
  .navbar.is-warning .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-warning .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(223.1023622047, 133.1417322835, 5.3976377953);
    color: #fff;
  }
  .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
    background-color: #f89406;
    color: #fff;
  }
}
.navbar.is-danger {
  background-color: #ee5f5b;
  color: #fff;
}
.navbar.is-danger .navbar-brand > .navbar-item,
.navbar.is-danger .navbar-brand .navbar-link {
  color: #fff;
}
.navbar.is-danger .navbar-brand > a.navbar-item:focus, .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active,
.navbar.is-danger .navbar-brand .navbar-link:focus,
.navbar.is-danger .navbar-brand .navbar-link:hover,
.navbar.is-danger .navbar-brand .navbar-link.is-active {
  background-color: rgb(235.6049723757, 72.4585635359, 67.8950276243);
  color: #fff;
}
.navbar.is-danger .navbar-brand .navbar-link::after {
  border-color: #fff;
}
.navbar.is-danger .navbar-burger {
  color: #fff;
}
@media screen and (min-width: 10000px) {
  .navbar.is-danger .navbar-start > .navbar-item,
  .navbar.is-danger .navbar-start .navbar-link,
  .navbar.is-danger .navbar-end > .navbar-item,
  .navbar.is-danger .navbar-end .navbar-link {
    color: #fff;
  }
  .navbar.is-danger .navbar-start > a.navbar-item:focus, .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active,
  .navbar.is-danger .navbar-start .navbar-link:focus,
  .navbar.is-danger .navbar-start .navbar-link:hover,
  .navbar.is-danger .navbar-start .navbar-link.is-active,
  .navbar.is-danger .navbar-end > a.navbar-item:focus,
  .navbar.is-danger .navbar-end > a.navbar-item:hover,
  .navbar.is-danger .navbar-end > a.navbar-item.is-active,
  .navbar.is-danger .navbar-end .navbar-link:focus,
  .navbar.is-danger .navbar-end .navbar-link:hover,
  .navbar.is-danger .navbar-end .navbar-link.is-active {
    background-color: rgb(235.6049723757, 72.4585635359, 67.8950276243);
    color: #fff;
  }
  .navbar.is-danger .navbar-start .navbar-link::after,
  .navbar.is-danger .navbar-end .navbar-link::after {
    border-color: #fff;
  }
  .navbar.is-danger .navbar-item.has-dropdown:focus .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link,
  .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(235.6049723757, 72.4585635359, 67.8950276243);
    color: #fff;
  }
  .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
    background-color: #ee5f5b;
    color: #fff;
  }
}
.navbar > .container {
  align-items: stretch;
  display: flex;
  min-height: 4rem;
  width: 100%;
}
.navbar.has-shadow {
  box-shadow: 0 2px 0 0 #3a3f44;
}
.navbar.is-fixed-bottom, .navbar.is-fixed-top {
  left: 0;
  position: fixed;
  right: 0;
  z-index: 30;
}
.navbar.is-fixed-bottom {
  bottom: 0;
}
.navbar.is-fixed-bottom.has-shadow {
  box-shadow: 0 -2px 0 0 #3a3f44;
}
.navbar.is-fixed-top {
  top: 0;
}

html.has-navbar-fixed-top,
body.has-navbar-fixed-top {
  padding-top: 4rem;
}
html.has-navbar-fixed-bottom,
body.has-navbar-fixed-bottom {
  padding-bottom: 4rem;
}

.navbar-brand,
.navbar-tabs {
  align-items: stretch;
  display: flex;
  flex-shrink: 0;
  min-height: 4rem;
}

.navbar-brand a.navbar-item:focus, .navbar-brand a.navbar-item:hover {
  background-color: transparent;
}

.navbar-tabs {
  -webkit-overflow-scrolling: touch;
  max-width: 100vw;
  overflow-x: auto;
  overflow-y: hidden;
}

.navbar-burger {
  color: rgba(250, 250, 250, 0.5);
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  height: 4rem;
  position: relative;
  width: 4rem;
  margin-left: auto;
}
.navbar-burger span {
  background-color: currentColor;
  display: block;
  height: 1px;
  left: calc(50% - 8px);
  position: absolute;
  transform-origin: center;
  transition-duration: 86ms;
  transition-property: background-color, opacity, transform;
  transition-timing-function: ease-out;
  width: 16px;
}
.navbar-burger span:nth-child(1) {
  top: calc(50% - 6px);
}
.navbar-burger span:nth-child(2) {
  top: calc(50% - 1px);
}
.navbar-burger span:nth-child(3) {
  top: calc(50% + 4px);
}
.navbar-burger:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.navbar-burger.is-active span:nth-child(1) {
  transform: translateY(5px) rotate(45deg);
}
.navbar-burger.is-active span:nth-child(2) {
  opacity: 0;
}
.navbar-burger.is-active span:nth-child(3) {
  transform: translateY(-5px) rotate(-45deg);
}

.navbar-menu {
  display: none;
}

.navbar-item,
.navbar-link {
  color: rgba(250, 250, 250, 0.5);
  display: block;
  line-height: 1.5;
  padding: 0.5rem 0.75rem;
  position: relative;
}
.navbar-item .icon:only-child,
.navbar-link .icon:only-child {
  margin-left: -0.25rem;
  margin-right: -0.25rem;
}

a.navbar-item,
.navbar-link {
  cursor: pointer;
}
a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
  background-color: rgb(46.2619047619, 50.25, 54.2380952381);
  color: #fafafa;
}

.navbar-item {
  flex-grow: 0;
  flex-shrink: 0;
}
.navbar-item img {
  max-height: 1.75rem;
}
.navbar-item.has-dropdown {
  padding: 0;
}
.navbar-item.is-expanded {
  flex-grow: 1;
  flex-shrink: 1;
}
.navbar-item.is-tab {
  border-bottom: 1px solid transparent;
  min-height: 4rem;
  padding-bottom: calc(0.5rem - 1px);
}
.navbar-item.is-tab:focus, .navbar-item.is-tab:hover {
  background-color: transparent;
  border-bottom-color: #fafafa;
}
.navbar-item.is-tab.is-active {
  background-color: transparent;
  border-bottom-color: #fafafa;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  color: #fafafa;
  padding-bottom: calc(0.5rem - 3px);
}

.navbar-content {
  flex-grow: 1;
  flex-shrink: 1;
}

.navbar-link:not(.is-arrowless) {
  padding-right: 2.5em;
}
.navbar-link:not(.is-arrowless)::after {
  border-color: #fafafa;
  margin-top: -0.375em;
  right: 1.125em;
}

.navbar-dropdown {
  font-size: 0.875rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}
.navbar-dropdown .navbar-item {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.navbar-divider {
  background-color: #3a3f44;
  border: none;
  display: none;
  height: 2px;
  margin: 0.5rem 0;
}

@media screen and (max-width: 9999px) {
  .navbar > .container {
    display: block;
  }
  .navbar-brand .navbar-item,
  .navbar-tabs .navbar-item {
    align-items: center;
    display: flex;
  }
  .navbar-link::after {
    display: none;
  }
  .navbar-menu {
    background-color: #3a3f44;
    box-shadow: 0 8px 16px rgba(10.2, 10.2, 10.2, 0.1);
    padding: 0.5rem 0;
  }
  .navbar-menu.is-active {
    display: block;
  }
  .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-touch {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-touch.has-shadow {
    box-shadow: 0 -2px 3px rgba(10.2, 10.2, 10.2, 0.1);
  }
  .navbar.is-fixed-top-touch {
    top: 0;
  }
  .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu {
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 4rem);
    overflow: auto;
  }
  html.has-navbar-fixed-top-touch,
  body.has-navbar-fixed-top-touch {
    padding-top: 4rem;
  }
  html.has-navbar-fixed-bottom-touch,
  body.has-navbar-fixed-bottom-touch {
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 10000px) {
  .navbar,
  .navbar-menu,
  .navbar-start,
  .navbar-end {
    align-items: stretch;
    display: flex;
  }
  .navbar {
    min-height: 4rem;
  }
  .navbar.is-spaced {
    padding: 1rem 2rem;
  }
  .navbar.is-spaced .navbar-start,
  .navbar.is-spaced .navbar-end {
    align-items: center;
  }
  .navbar.is-spaced a.navbar-item,
  .navbar.is-spaced .navbar-link {
    border-radius: 4px;
  }
  .navbar.is-transparent a.navbar-item:focus, .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active,
  .navbar.is-transparent .navbar-link:focus,
  .navbar.is-transparent .navbar-link:hover,
  .navbar.is-transparent .navbar-link.is-active {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:focus-within .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link {
    background-color: transparent !important;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item:focus, .navbar.is-transparent .navbar-dropdown a.navbar-item:hover {
    background-color: rgb(46.2619047619, 50.25, 54.2380952381);
    color: #fafafa;
  }
  .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
    background-color: rgb(46.2619047619, 50.25, 54.2380952381);
    color: #fafafa;
  }
  .navbar-burger {
    display: none;
  }
  .navbar-item,
  .navbar-link {
    align-items: center;
    display: flex;
  }
  .navbar-item.has-dropdown {
    align-items: stretch;
  }
  .navbar-item.has-dropdown-up .navbar-link::after {
    transform: rotate(135deg) translate(0.25em, -0.25em);
  }
  .navbar-item.has-dropdown-up .navbar-dropdown {
    border-bottom: 2px solid #52575c;
    border-radius: 6px 6px 0 0;
    border-top: none;
    bottom: 100%;
    box-shadow: 0 -8px 8px rgba(10.2, 10.2, 10.2, 0.1);
    top: auto;
  }
  .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown {
    display: block;
  }
  .navbar.is-spaced .navbar-item.is-active .navbar-dropdown, .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus .navbar-dropdown, .navbar-item.is-hoverable:focus .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:focus-within .navbar-dropdown, .navbar-item.is-hoverable:focus-within .navbar-dropdown.is-boxed, .navbar.is-spaced .navbar-item.is-hoverable:hover .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
  }
  .navbar-menu {
    flex-grow: 1;
    flex-shrink: 0;
  }
  .navbar-start {
    justify-content: flex-start;
    margin-right: auto;
  }
  .navbar-end {
    justify-content: flex-end;
    margin-left: auto;
  }
  .navbar-dropdown {
    background-color: #3a3f44;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top: 2px solid #52575c;
    box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1);
    display: none;
    font-size: 0.875rem;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 100%;
    z-index: 20;
  }
  .navbar-dropdown .navbar-item {
    padding: 0.375rem 1rem;
    white-space: nowrap;
  }
  .navbar-dropdown a.navbar-item {
    padding-right: 3rem;
  }
  .navbar-dropdown a.navbar-item:focus, .navbar-dropdown a.navbar-item:hover {
    background-color: rgb(46.2619047619, 50.25, 54.2380952381);
    color: #fafafa;
  }
  .navbar-dropdown a.navbar-item.is-active {
    background-color: rgb(46.2619047619, 50.25, 54.2380952381);
    color: #fafafa;
  }
  .navbar.is-spaced .navbar-dropdown, .navbar-dropdown.is-boxed {
    border-radius: 6px;
    border-top: none;
    box-shadow: 0 8px 8px rgba(10.2, 10.2, 10.2, 0.1), 0 0 0 1px rgba(10.2, 10.2, 10.2, 0.1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (-4px));
    transform: translateY(-5px);
    transition-duration: 86ms;
    transition-property: opacity, transform;
  }
  .navbar-dropdown.is-right {
    left: auto;
    right: 0;
  }
  .navbar-divider {
    display: block;
  }
  .navbar > .container .navbar-brand,
  .container > .navbar .navbar-brand {
    margin-left: -0.75rem;
  }
  .navbar > .container .navbar-menu,
  .container > .navbar .navbar-menu {
    margin-right: -0.75rem;
  }
  .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop {
    left: 0;
    position: fixed;
    right: 0;
    z-index: 30;
  }
  .navbar.is-fixed-bottom-desktop {
    bottom: 0;
  }
  .navbar.is-fixed-bottom-desktop.has-shadow {
    box-shadow: 0 -2px 3px rgba(10.2, 10.2, 10.2, 0.1);
  }
  .navbar.is-fixed-top-desktop {
    top: 0;
  }
  html.has-navbar-fixed-top-desktop,
  body.has-navbar-fixed-top-desktop {
    padding-top: 4rem;
  }
  html.has-navbar-fixed-bottom-desktop,
  body.has-navbar-fixed-bottom-desktop {
    padding-bottom: 4rem;
  }
  html.has-spaced-navbar-fixed-top,
  body.has-spaced-navbar-fixed-top {
    padding-top: 6rem;
  }
  html.has-spaced-navbar-fixed-bottom,
  body.has-spaced-navbar-fixed-bottom {
    padding-bottom: 6rem;
  }
  a.navbar-item.is-active,
  .navbar-link.is-active {
    color: #fafafa;
  }
  a.navbar-item.is-active:not(:focus):not(:hover),
  .navbar-link.is-active:not(:focus):not(:hover) {
    background-color: rgb(46.2619047619, 50.25, 54.2380952381);
  }
  .navbar-item.has-dropdown:focus .navbar-link, .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link {
    background-color: rgb(46.2619047619, 50.25, 54.2380952381);
  }
}
.hero.is-fullheight-with-navbar {
  min-height: calc(100vh - 4rem);
}

.pagination {
  font-size: 1rem;
  margin: -0.25rem;
}
.pagination.is-small {
  font-size: 0.85rem;
}
.pagination.is-medium {
  font-size: 1.25rem;
}
.pagination.is-large {
  font-size: 1.5rem;
}
.pagination.is-rounded .pagination-previous,
.pagination.is-rounded .pagination-next {
  padding-left: 1em;
  padding-right: 1em;
  border-radius: 9999px;
}
.pagination.is-rounded .pagination-link {
  border-radius: 9999px;
}

.pagination,
.pagination-list {
  align-items: center;
  display: flex;
  justify-content: center;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link,
.pagination-ellipsis {
  font-size: 1em;
  justify-content: center;
  margin: 0.25rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
  text-align: center;
}

.pagination-previous,
.pagination-next,
.pagination-link {
  border-color: #52575c;
  color: rgb(157.25, 157.25, 157.25);
  min-width: 2.5em;
}
.pagination-previous:hover,
.pagination-next:hover,
.pagination-link:hover {
  border-color: #7a8288;
  color: white;
}
.pagination-previous:focus,
.pagination-next:focus,
.pagination-link:focus {
  border-color: rgb(237.25, 237.25, 237.25);
}
.pagination-previous:active,
.pagination-next:active,
.pagination-link:active {
  box-shadow: inset 0 1px 2px rgba(10.2, 10.2, 10.2, 0.2);
}
.pagination-previous[disabled], .pagination-previous.is-disabled,
.pagination-next[disabled],
.pagination-next.is-disabled,
.pagination-link[disabled],
.pagination-link.is-disabled {
  background-color: #52575c;
  border-color: #52575c;
  box-shadow: none;
  color: rgb(195.5, 195.5, 195.5);
  opacity: 0.5;
}

.pagination-previous,
.pagination-next {
  padding-left: 0.75em;
  padding-right: 0.75em;
  white-space: nowrap;
}

.pagination-link.is-current {
  background-color: #fafafa;
  border-color: #fafafa;
  color: #52575c;
}

.pagination-ellipsis {
  color: #7a8288;
  pointer-events: none;
}

.pagination-list {
  flex-wrap: wrap;
}
.pagination-list li {
  list-style: none;
}

@media screen and (max-width: 768px) {
  .pagination {
    flex-wrap: wrap;
  }
  .pagination-previous,
  .pagination-next {
    flex-grow: 1;
    flex-shrink: 1;
  }
  .pagination-list li {
    flex-grow: 1;
    flex-shrink: 1;
  }
}
@media screen and (min-width: 769px), print {
  .pagination-list {
    flex-grow: 1;
    flex-shrink: 1;
    justify-content: flex-start;
    order: 1;
  }
  .pagination-previous,
  .pagination-next,
  .pagination-link,
  .pagination-ellipsis {
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination-previous {
    order: 2;
  }
  .pagination-next {
    order: 3;
  }
  .pagination {
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }
  .pagination.is-centered .pagination-previous {
    order: 1;
  }
  .pagination.is-centered .pagination-list {
    justify-content: center;
    order: 2;
  }
  .pagination.is-centered .pagination-next {
    order: 3;
  }
  .pagination.is-right .pagination-previous {
    order: 1;
  }
  .pagination.is-right .pagination-next {
    order: 2;
  }
  .pagination.is-right .pagination-list {
    justify-content: flex-end;
    order: 3;
  }
}
.panel {
  border-radius: 6px;
  box-shadow: 0 0.5em 1em -0.125em rgb(10, 10, 10), 0 0 0 1px rgba(10, 10, 10, 0.02);
  font-size: 1rem;
}
.panel:not(:last-child) {
  margin-bottom: 1.5rem;
}
.panel.is-white .panel-heading {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.panel.is-white .panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 100%);
}
.panel.is-white .panel-block.is-active .panel-icon {
  color: hsl(0, 0%, 100%);
}
.panel.is-black .panel-heading {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.panel.is-black .panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 4%);
}
.panel.is-black .panel-block.is-active .panel-icon {
  color: hsl(0, 0%, 4%);
}
.panel.is-light .panel-heading {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.panel.is-light .panel-tabs a.is-active {
  border-bottom-color: hsl(0, 0%, 96%);
}
.panel.is-light .panel-block.is-active .panel-icon {
  color: hsl(0, 0%, 96%);
}
.panel.is-dark .panel-heading {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  color: #fff;
}
.panel.is-dark .panel-tabs a.is-active {
  border-bottom-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.panel.is-dark .panel-block.is-active .panel-icon {
  color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.panel.is-primary .panel-heading {
  background-color: #52575c;
  color: #fff;
}
.panel.is-primary .panel-tabs a.is-active {
  border-bottom-color: #52575c;
}
.panel.is-primary .panel-block.is-active .panel-icon {
  color: #52575c;
}
.panel.is-link .panel-heading {
  background-color: #fafafa;
  color: #52575c;
}
.panel.is-link .panel-tabs a.is-active {
  border-bottom-color: #fafafa;
}
.panel.is-link .panel-block.is-active .panel-icon {
  color: #fafafa;
}
.panel.is-info .panel-heading {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.panel.is-info .panel-tabs a.is-active {
  border-bottom-color: hsl(207, 61%, 53%);
}
.panel.is-info .panel-block.is-active .panel-icon {
  color: hsl(207, 61%, 53%);
}
.panel.is-success .panel-heading {
  background-color: #62c462;
  color: #fff;
}
.panel.is-success .panel-tabs a.is-active {
  border-bottom-color: #62c462;
}
.panel.is-success .panel-block.is-active .panel-icon {
  color: #62c462;
}
.panel.is-warning .panel-heading {
  background-color: #f89406;
  color: #fff;
}
.panel.is-warning .panel-tabs a.is-active {
  border-bottom-color: #f89406;
}
.panel.is-warning .panel-block.is-active .panel-icon {
  color: #f89406;
}
.panel.is-danger .panel-heading {
  background-color: #ee5f5b;
  color: #fff;
}
.panel.is-danger .panel-tabs a.is-active {
  border-bottom-color: #ee5f5b;
}
.panel.is-danger .panel-block.is-active .panel-icon {
  color: #ee5f5b;
}

.panel-tabs:not(:last-child),
.panel-block:not(:last-child) {
  border-bottom: 1px solid hsl(0, 0%, 93%);
}

.panel-heading {
  background-color: #3a3f44;
  border-radius: 6px 6px 0 0;
  color: rgb(157.25, 157.25, 157.25);
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.25;
  padding: 0.75em 1em;
}

.panel-tabs {
  align-items: flex-end;
  display: flex;
  font-size: 0.875em;
  justify-content: center;
}
.panel-tabs a {
  border-bottom: 1px solid #52575c;
  margin-bottom: -1px;
  padding: 0.5em;
}
.panel-tabs a.is-active {
  border-bottom-color: rgb(237.25, 237.25, 237.25);
  color: rgb(211.75, 211.75, 211.75);
}

.panel-list a {
  color: #aaa;
}
.panel-list a:hover {
  color: #fafafa;
}

.panel-block {
  align-items: center;
  color: rgb(157.25, 157.25, 157.25);
  display: flex;
  justify-content: flex-start;
  padding: 0.5em 0.75em;
}
.panel-block input[type=checkbox] {
  margin-right: 0.75em;
}
.panel-block > .control {
  flex-grow: 1;
  flex-shrink: 1;
  width: 100%;
}
.panel-block.is-wrapped {
  flex-wrap: wrap;
}
.panel-block.is-active {
  border-left-color: #fafafa;
  color: rgb(211.75, 211.75, 211.75);
}
.panel-block.is-active .panel-icon {
  color: #fafafa;
}
.panel-block:last-child {
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

a.panel-block,
label.panel-block {
  cursor: pointer;
}
a.panel-block:hover,
label.panel-block:hover {
  background-color: #3a3f44;
}

.panel-icon {
  display: inline-block;
  font-size: 14px;
  height: 1em;
  line-height: 1em;
  text-align: center;
  vertical-align: top;
  width: 1em;
  color: rgb(195.5, 195.5, 195.5);
  margin-right: 0.75em;
}
.panel-icon .fa {
  font-size: inherit;
  line-height: inherit;
}

.tabs {
  -webkit-overflow-scrolling: touch;
  align-items: stretch;
  display: flex;
  font-size: 1rem;
  justify-content: space-between;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
}
.tabs a {
  align-items: center;
  border-bottom-color: #52575c;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  color: #aaa;
  display: flex;
  justify-content: center;
  margin-bottom: -1px;
  padding: 0.5em 1em;
  vertical-align: top;
}
.tabs a:hover {
  border-bottom-color: rgb(157.25, 157.25, 157.25);
  color: rgb(157.25, 157.25, 157.25);
}
.tabs li {
  display: block;
}
.tabs li.is-active a {
  border-bottom-color: #fafafa;
  color: #fafafa;
}
.tabs ul {
  align-items: center;
  border-bottom-color: #52575c;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-start;
}
.tabs ul.is-left {
  padding-right: 0.75em;
}
.tabs ul.is-center {
  flex: none;
  justify-content: center;
  padding-left: 0.75em;
  padding-right: 0.75em;
}
.tabs ul.is-right {
  justify-content: flex-end;
  padding-left: 0.75em;
}
.tabs .icon:first-child {
  margin-right: 0.5em;
}
.tabs .icon:last-child {
  margin-left: 0.5em;
}
.tabs.is-centered ul {
  justify-content: center;
}
.tabs.is-right ul {
  justify-content: flex-end;
}
.tabs.is-boxed a {
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.tabs.is-boxed a:hover {
  background-color: #3a3f44;
  border-bottom-color: #52575c;
}
.tabs.is-boxed li.is-active a {
  background-color: #272b30;
  border-color: #52575c;
  border-bottom-color: transparent !important;
}
.tabs.is-fullwidth li {
  flex-grow: 1;
  flex-shrink: 0;
}
.tabs.is-toggle a {
  border-color: #52575c;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 0;
  position: relative;
}
.tabs.is-toggle a:hover {
  background-color: #3a3f44;
  border-color: #7a8288;
  z-index: 2;
}
.tabs.is-toggle li + li {
  margin-left: -1px;
}
.tabs.is-toggle li:first-child a {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.tabs.is-toggle li:last-child a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tabs.is-toggle li.is-active a {
  background-color: #3a3f44;
  border-color: #52575c;
  color: #fff;
  z-index: 1;
}
.tabs.is-toggle ul {
  border-bottom: none;
}
.tabs.is-toggle.is-toggle-rounded li:first-child a {
  border-bottom-left-radius: 9999px;
  border-top-left-radius: 9999px;
  padding-left: 1.25em;
}
.tabs.is-toggle.is-toggle-rounded li:last-child a {
  border-bottom-right-radius: 9999px;
  border-top-right-radius: 9999px;
  padding-right: 1.25em;
}
.tabs.is-small {
  font-size: 0.85rem;
}
.tabs.is-medium {
  font-size: 1.25rem;
}
.tabs.is-large {
  font-size: 1.5rem;
}

/* Bulma Grid */
.column {
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0.75rem;
}
.columns.is-mobile > .column.is-narrow {
  flex: none;
  width: unset;
}
.columns.is-mobile > .column.is-full {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-three-quarters {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-two-thirds {
  flex: none;
  width: 66.6666%;
}
.columns.is-mobile > .column.is-half {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-one-third {
  flex: none;
  width: 33.3333%;
}
.columns.is-mobile > .column.is-one-quarter {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-one-fifth {
  flex: none;
  width: 20%;
}
.columns.is-mobile > .column.is-two-fifths {
  flex: none;
  width: 40%;
}
.columns.is-mobile > .column.is-three-fifths {
  flex: none;
  width: 60%;
}
.columns.is-mobile > .column.is-four-fifths {
  flex: none;
  width: 80%;
}
.columns.is-mobile > .column.is-offset-three-quarters {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-offset-two-thirds {
  margin-left: 66.6666%;
}
.columns.is-mobile > .column.is-offset-half {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-offset-one-third {
  margin-left: 33.3333%;
}
.columns.is-mobile > .column.is-offset-one-quarter {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-offset-one-fifth {
  margin-left: 20%;
}
.columns.is-mobile > .column.is-offset-two-fifths {
  margin-left: 40%;
}
.columns.is-mobile > .column.is-offset-three-fifths {
  margin-left: 60%;
}
.columns.is-mobile > .column.is-offset-four-fifths {
  margin-left: 80%;
}
.columns.is-mobile > .column.is-0, .columns.is-mobile > .column.progress-circle.is-danger[value="0"], .columns.is-mobile > .column.progress-circle.is-warning[value="0"], .columns.is-mobile > .column.progress-circle.is-success[value="0"], .columns.is-mobile > .column.progress-circle.is-info[value="0"], .columns.is-mobile > .column.progress-circle.is-link[value="0"], .columns.is-mobile > .column.progress-circle.is-primary[value="0"], .columns.is-mobile > .column.progress-circle.is-dark[value="0"], .columns.is-mobile > .column.progress-circle.is-light[value="0"], .columns.is-mobile > .column.progress-circle.is-black[value="0"], .columns.is-mobile > .column.progress-circle.is-white[value="0"] {
  flex: none;
  width: 0%;
}
.columns.is-mobile > .column.is-offset-0 {
  margin-left: 0%;
}
.columns.is-mobile > .column.is-1, .columns.is-mobile > .column.progress-circle.is-danger[value="1"], .columns.is-mobile > .column.progress-circle.is-warning[value="1"], .columns.is-mobile > .column.progress-circle.is-success[value="1"], .columns.is-mobile > .column.progress-circle.is-info[value="1"], .columns.is-mobile > .column.progress-circle.is-link[value="1"], .columns.is-mobile > .column.progress-circle.is-primary[value="1"], .columns.is-mobile > .column.progress-circle.is-dark[value="1"], .columns.is-mobile > .column.progress-circle.is-light[value="1"], .columns.is-mobile > .column.progress-circle.is-black[value="1"], .columns.is-mobile > .column.progress-circle.is-white[value="1"] {
  flex: none;
  width: 8.33333337%;
}
.columns.is-mobile > .column.is-offset-1 {
  margin-left: 8.33333337%;
}
.columns.is-mobile > .column.is-2, .columns.is-mobile > .column.progress-circle.is-danger[value="2"], .columns.is-mobile > .column.progress-circle.is-warning[value="2"], .columns.is-mobile > .column.progress-circle.is-success[value="2"], .columns.is-mobile > .column.progress-circle.is-info[value="2"], .columns.is-mobile > .column.progress-circle.is-link[value="2"], .columns.is-mobile > .column.progress-circle.is-primary[value="2"], .columns.is-mobile > .column.progress-circle.is-dark[value="2"], .columns.is-mobile > .column.progress-circle.is-light[value="2"], .columns.is-mobile > .column.progress-circle.is-black[value="2"], .columns.is-mobile > .column.progress-circle.is-white[value="2"] {
  flex: none;
  width: 16.66666674%;
}
.columns.is-mobile > .column.is-offset-2 {
  margin-left: 16.66666674%;
}
.columns.is-mobile > .column.is-3, .columns.is-mobile > .column.progress-circle.is-danger[value="3"], .columns.is-mobile > .column.progress-circle.is-warning[value="3"], .columns.is-mobile > .column.progress-circle.is-success[value="3"], .columns.is-mobile > .column.progress-circle.is-info[value="3"], .columns.is-mobile > .column.progress-circle.is-link[value="3"], .columns.is-mobile > .column.progress-circle.is-primary[value="3"], .columns.is-mobile > .column.progress-circle.is-dark[value="3"], .columns.is-mobile > .column.progress-circle.is-light[value="3"], .columns.is-mobile > .column.progress-circle.is-black[value="3"], .columns.is-mobile > .column.progress-circle.is-white[value="3"] {
  flex: none;
  width: 25%;
}
.columns.is-mobile > .column.is-offset-3 {
  margin-left: 25%;
}
.columns.is-mobile > .column.is-4, .columns.is-mobile > .column.progress-circle.is-danger[value="4"], .columns.is-mobile > .column.progress-circle.is-warning[value="4"], .columns.is-mobile > .column.progress-circle.is-success[value="4"], .columns.is-mobile > .column.progress-circle.is-info[value="4"], .columns.is-mobile > .column.progress-circle.is-link[value="4"], .columns.is-mobile > .column.progress-circle.is-primary[value="4"], .columns.is-mobile > .column.progress-circle.is-dark[value="4"], .columns.is-mobile > .column.progress-circle.is-light[value="4"], .columns.is-mobile > .column.progress-circle.is-black[value="4"], .columns.is-mobile > .column.progress-circle.is-white[value="4"] {
  flex: none;
  width: 33.33333337%;
}
.columns.is-mobile > .column.is-offset-4 {
  margin-left: 33.33333337%;
}
.columns.is-mobile > .column.is-5, .columns.is-mobile > .column.progress-circle.is-danger[value="5"], .columns.is-mobile > .column.progress-circle.is-warning[value="5"], .columns.is-mobile > .column.progress-circle.is-success[value="5"], .columns.is-mobile > .column.progress-circle.is-info[value="5"], .columns.is-mobile > .column.progress-circle.is-link[value="5"], .columns.is-mobile > .column.progress-circle.is-primary[value="5"], .columns.is-mobile > .column.progress-circle.is-dark[value="5"], .columns.is-mobile > .column.progress-circle.is-light[value="5"], .columns.is-mobile > .column.progress-circle.is-black[value="5"], .columns.is-mobile > .column.progress-circle.is-white[value="5"] {
  flex: none;
  width: 41.66666674%;
}
.columns.is-mobile > .column.is-offset-5 {
  margin-left: 41.66666674%;
}
.columns.is-mobile > .column.is-6, .columns.is-mobile > .column.progress-circle.is-danger[value="6"], .columns.is-mobile > .column.progress-circle.is-warning[value="6"], .columns.is-mobile > .column.progress-circle.is-success[value="6"], .columns.is-mobile > .column.progress-circle.is-info[value="6"], .columns.is-mobile > .column.progress-circle.is-link[value="6"], .columns.is-mobile > .column.progress-circle.is-primary[value="6"], .columns.is-mobile > .column.progress-circle.is-dark[value="6"], .columns.is-mobile > .column.progress-circle.is-light[value="6"], .columns.is-mobile > .column.progress-circle.is-black[value="6"], .columns.is-mobile > .column.progress-circle.is-white[value="6"] {
  flex: none;
  width: 50%;
}
.columns.is-mobile > .column.is-offset-6 {
  margin-left: 50%;
}
.columns.is-mobile > .column.is-7, .columns.is-mobile > .column.progress-circle.is-danger[value="7"], .columns.is-mobile > .column.progress-circle.is-warning[value="7"], .columns.is-mobile > .column.progress-circle.is-success[value="7"], .columns.is-mobile > .column.progress-circle.is-info[value="7"], .columns.is-mobile > .column.progress-circle.is-link[value="7"], .columns.is-mobile > .column.progress-circle.is-primary[value="7"], .columns.is-mobile > .column.progress-circle.is-dark[value="7"], .columns.is-mobile > .column.progress-circle.is-light[value="7"], .columns.is-mobile > .column.progress-circle.is-black[value="7"], .columns.is-mobile > .column.progress-circle.is-white[value="7"] {
  flex: none;
  width: 58.33333337%;
}
.columns.is-mobile > .column.is-offset-7 {
  margin-left: 58.33333337%;
}
.columns.is-mobile > .column.is-8, .columns.is-mobile > .column.progress-circle.is-danger[value="8"], .columns.is-mobile > .column.progress-circle.is-warning[value="8"], .columns.is-mobile > .column.progress-circle.is-success[value="8"], .columns.is-mobile > .column.progress-circle.is-info[value="8"], .columns.is-mobile > .column.progress-circle.is-link[value="8"], .columns.is-mobile > .column.progress-circle.is-primary[value="8"], .columns.is-mobile > .column.progress-circle.is-dark[value="8"], .columns.is-mobile > .column.progress-circle.is-light[value="8"], .columns.is-mobile > .column.progress-circle.is-black[value="8"], .columns.is-mobile > .column.progress-circle.is-white[value="8"] {
  flex: none;
  width: 66.66666674%;
}
.columns.is-mobile > .column.is-offset-8 {
  margin-left: 66.66666674%;
}
.columns.is-mobile > .column.is-9, .columns.is-mobile > .column.progress-circle.is-danger[value="9"], .columns.is-mobile > .column.progress-circle.is-warning[value="9"], .columns.is-mobile > .column.progress-circle.is-success[value="9"], .columns.is-mobile > .column.progress-circle.is-info[value="9"], .columns.is-mobile > .column.progress-circle.is-link[value="9"], .columns.is-mobile > .column.progress-circle.is-primary[value="9"], .columns.is-mobile > .column.progress-circle.is-dark[value="9"], .columns.is-mobile > .column.progress-circle.is-light[value="9"], .columns.is-mobile > .column.progress-circle.is-black[value="9"], .columns.is-mobile > .column.progress-circle.is-white[value="9"] {
  flex: none;
  width: 75%;
}
.columns.is-mobile > .column.is-offset-9 {
  margin-left: 75%;
}
.columns.is-mobile > .column.is-10, .columns.is-mobile > .column.progress-circle.is-danger[value="10"], .columns.is-mobile > .column.progress-circle.is-warning[value="10"], .columns.is-mobile > .column.progress-circle.is-success[value="10"], .columns.is-mobile > .column.progress-circle.is-info[value="10"], .columns.is-mobile > .column.progress-circle.is-link[value="10"], .columns.is-mobile > .column.progress-circle.is-primary[value="10"], .columns.is-mobile > .column.progress-circle.is-dark[value="10"], .columns.is-mobile > .column.progress-circle.is-light[value="10"], .columns.is-mobile > .column.progress-circle.is-black[value="10"], .columns.is-mobile > .column.progress-circle.is-white[value="10"] {
  flex: none;
  width: 83.33333337%;
}
.columns.is-mobile > .column.is-offset-10 {
  margin-left: 83.33333337%;
}
.columns.is-mobile > .column.is-11, .columns.is-mobile > .column.progress-circle.is-danger[value="11"], .columns.is-mobile > .column.progress-circle.is-warning[value="11"], .columns.is-mobile > .column.progress-circle.is-success[value="11"], .columns.is-mobile > .column.progress-circle.is-info[value="11"], .columns.is-mobile > .column.progress-circle.is-link[value="11"], .columns.is-mobile > .column.progress-circle.is-primary[value="11"], .columns.is-mobile > .column.progress-circle.is-dark[value="11"], .columns.is-mobile > .column.progress-circle.is-light[value="11"], .columns.is-mobile > .column.progress-circle.is-black[value="11"], .columns.is-mobile > .column.progress-circle.is-white[value="11"] {
  flex: none;
  width: 91.66666674%;
}
.columns.is-mobile > .column.is-offset-11 {
  margin-left: 91.66666674%;
}
.columns.is-mobile > .column.is-12, .columns.is-mobile > .column.progress-circle.is-danger[value="12"], .columns.is-mobile > .column.progress-circle.is-warning[value="12"], .columns.is-mobile > .column.progress-circle.is-success[value="12"], .columns.is-mobile > .column.progress-circle.is-info[value="12"], .columns.is-mobile > .column.progress-circle.is-link[value="12"], .columns.is-mobile > .column.progress-circle.is-primary[value="12"], .columns.is-mobile > .column.progress-circle.is-dark[value="12"], .columns.is-mobile > .column.progress-circle.is-light[value="12"], .columns.is-mobile > .column.progress-circle.is-black[value="12"], .columns.is-mobile > .column.progress-circle.is-white[value="12"] {
  flex: none;
  width: 100%;
}
.columns.is-mobile > .column.is-offset-12 {
  margin-left: 100%;
}
@media screen and (max-width: 768px) {
  .column.is-narrow-mobile {
    flex: none;
    width: unset;
  }
  .column.is-full-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-mobile {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-mobile {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-mobile {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-mobile {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-mobile {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-mobile {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-mobile {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-mobile {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-mobile {
    margin-left: 50%;
  }
  .column.is-offset-one-third-mobile {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-mobile {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-mobile {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-mobile {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-mobile {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-mobile {
    margin-left: 80%;
  }
  .column.is-0-mobile {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-mobile {
    margin-left: 0%;
  }
  .column.is-1-mobile {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-mobile {
    margin-left: 8.33333337%;
  }
  .column.is-2-mobile {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-mobile {
    margin-left: 16.66666674%;
  }
  .column.is-3-mobile {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-mobile {
    margin-left: 25%;
  }
  .column.is-4-mobile {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-mobile {
    margin-left: 33.33333337%;
  }
  .column.is-5-mobile {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-mobile {
    margin-left: 41.66666674%;
  }
  .column.is-6-mobile {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-mobile {
    margin-left: 50%;
  }
  .column.is-7-mobile {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-mobile {
    margin-left: 58.33333337%;
  }
  .column.is-8-mobile {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-mobile {
    margin-left: 66.66666674%;
  }
  .column.is-9-mobile {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-mobile {
    margin-left: 75%;
  }
  .column.is-10-mobile {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-mobile {
    margin-left: 83.33333337%;
  }
  .column.is-11-mobile {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-mobile {
    margin-left: 91.66666674%;
  }
  .column.is-12-mobile {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-mobile {
    margin-left: 100%;
  }
}
@media screen and (min-width: 769px), print {
  .column.is-narrow, .column.is-narrow-tablet {
    flex: none;
    width: unset;
  }
  .column.is-full, .column.is-full-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters, .column.is-three-quarters-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds, .column.is-two-thirds-tablet {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half, .column.is-half-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-one-third, .column.is-one-third-tablet {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter, .column.is-one-quarter-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth, .column.is-one-fifth-tablet {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths, .column.is-two-fifths-tablet {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths, .column.is-three-fifths-tablet {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths, .column.is-four-fifths-tablet {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet {
    margin-left: 66.6666%;
  }
  .column.is-offset-half, .column.is-offset-half-tablet {
    margin-left: 50%;
  }
  .column.is-offset-one-third, .column.is-offset-one-third-tablet {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet {
    margin-left: 80%;
  }
  .column.is-0, .column.progress-circle.is-danger[value="0"], .column.progress-circle.is-warning[value="0"], .column.progress-circle.is-success[value="0"], .column.progress-circle.is-info[value="0"], .column.progress-circle.is-link[value="0"], .column.progress-circle.is-primary[value="0"], .column.progress-circle.is-dark[value="0"], .column.progress-circle.is-light[value="0"], .column.progress-circle.is-black[value="0"], .column.progress-circle.is-white[value="0"], .column.is-0-tablet {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0, .column.is-offset-0-tablet {
    margin-left: 0%;
  }
  .column.is-1, .column.progress-circle.is-danger[value="1"], .column.progress-circle.is-warning[value="1"], .column.progress-circle.is-success[value="1"], .column.progress-circle.is-info[value="1"], .column.progress-circle.is-link[value="1"], .column.progress-circle.is-primary[value="1"], .column.progress-circle.is-dark[value="1"], .column.progress-circle.is-light[value="1"], .column.progress-circle.is-black[value="1"], .column.progress-circle.is-white[value="1"], .column.is-1-tablet {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1, .column.is-offset-1-tablet {
    margin-left: 8.33333337%;
  }
  .column.is-2, .column.progress-circle.is-danger[value="2"], .column.progress-circle.is-warning[value="2"], .column.progress-circle.is-success[value="2"], .column.progress-circle.is-info[value="2"], .column.progress-circle.is-link[value="2"], .column.progress-circle.is-primary[value="2"], .column.progress-circle.is-dark[value="2"], .column.progress-circle.is-light[value="2"], .column.progress-circle.is-black[value="2"], .column.progress-circle.is-white[value="2"], .column.is-2-tablet {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2, .column.is-offset-2-tablet {
    margin-left: 16.66666674%;
  }
  .column.is-3, .column.progress-circle.is-danger[value="3"], .column.progress-circle.is-warning[value="3"], .column.progress-circle.is-success[value="3"], .column.progress-circle.is-info[value="3"], .column.progress-circle.is-link[value="3"], .column.progress-circle.is-primary[value="3"], .column.progress-circle.is-dark[value="3"], .column.progress-circle.is-light[value="3"], .column.progress-circle.is-black[value="3"], .column.progress-circle.is-white[value="3"], .column.is-3-tablet {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3, .column.is-offset-3-tablet {
    margin-left: 25%;
  }
  .column.is-4, .column.progress-circle.is-danger[value="4"], .column.progress-circle.is-warning[value="4"], .column.progress-circle.is-success[value="4"], .column.progress-circle.is-info[value="4"], .column.progress-circle.is-link[value="4"], .column.progress-circle.is-primary[value="4"], .column.progress-circle.is-dark[value="4"], .column.progress-circle.is-light[value="4"], .column.progress-circle.is-black[value="4"], .column.progress-circle.is-white[value="4"], .column.is-4-tablet {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4, .column.is-offset-4-tablet {
    margin-left: 33.33333337%;
  }
  .column.is-5, .column.progress-circle.is-danger[value="5"], .column.progress-circle.is-warning[value="5"], .column.progress-circle.is-success[value="5"], .column.progress-circle.is-info[value="5"], .column.progress-circle.is-link[value="5"], .column.progress-circle.is-primary[value="5"], .column.progress-circle.is-dark[value="5"], .column.progress-circle.is-light[value="5"], .column.progress-circle.is-black[value="5"], .column.progress-circle.is-white[value="5"], .column.is-5-tablet {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5, .column.is-offset-5-tablet {
    margin-left: 41.66666674%;
  }
  .column.is-6, .column.progress-circle.is-danger[value="6"], .column.progress-circle.is-warning[value="6"], .column.progress-circle.is-success[value="6"], .column.progress-circle.is-info[value="6"], .column.progress-circle.is-link[value="6"], .column.progress-circle.is-primary[value="6"], .column.progress-circle.is-dark[value="6"], .column.progress-circle.is-light[value="6"], .column.progress-circle.is-black[value="6"], .column.progress-circle.is-white[value="6"], .column.is-6-tablet {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6, .column.is-offset-6-tablet {
    margin-left: 50%;
  }
  .column.is-7, .column.progress-circle.is-danger[value="7"], .column.progress-circle.is-warning[value="7"], .column.progress-circle.is-success[value="7"], .column.progress-circle.is-info[value="7"], .column.progress-circle.is-link[value="7"], .column.progress-circle.is-primary[value="7"], .column.progress-circle.is-dark[value="7"], .column.progress-circle.is-light[value="7"], .column.progress-circle.is-black[value="7"], .column.progress-circle.is-white[value="7"], .column.is-7-tablet {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7, .column.is-offset-7-tablet {
    margin-left: 58.33333337%;
  }
  .column.is-8, .column.progress-circle.is-danger[value="8"], .column.progress-circle.is-warning[value="8"], .column.progress-circle.is-success[value="8"], .column.progress-circle.is-info[value="8"], .column.progress-circle.is-link[value="8"], .column.progress-circle.is-primary[value="8"], .column.progress-circle.is-dark[value="8"], .column.progress-circle.is-light[value="8"], .column.progress-circle.is-black[value="8"], .column.progress-circle.is-white[value="8"], .column.is-8-tablet {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8, .column.is-offset-8-tablet {
    margin-left: 66.66666674%;
  }
  .column.is-9, .column.progress-circle.is-danger[value="9"], .column.progress-circle.is-warning[value="9"], .column.progress-circle.is-success[value="9"], .column.progress-circle.is-info[value="9"], .column.progress-circle.is-link[value="9"], .column.progress-circle.is-primary[value="9"], .column.progress-circle.is-dark[value="9"], .column.progress-circle.is-light[value="9"], .column.progress-circle.is-black[value="9"], .column.progress-circle.is-white[value="9"], .column.is-9-tablet {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9, .column.is-offset-9-tablet {
    margin-left: 75%;
  }
  .column.is-10, .column.progress-circle.is-danger[value="10"], .column.progress-circle.is-warning[value="10"], .column.progress-circle.is-success[value="10"], .column.progress-circle.is-info[value="10"], .column.progress-circle.is-link[value="10"], .column.progress-circle.is-primary[value="10"], .column.progress-circle.is-dark[value="10"], .column.progress-circle.is-light[value="10"], .column.progress-circle.is-black[value="10"], .column.progress-circle.is-white[value="10"], .column.is-10-tablet {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10, .column.is-offset-10-tablet {
    margin-left: 83.33333337%;
  }
  .column.is-11, .column.progress-circle.is-danger[value="11"], .column.progress-circle.is-warning[value="11"], .column.progress-circle.is-success[value="11"], .column.progress-circle.is-info[value="11"], .column.progress-circle.is-link[value="11"], .column.progress-circle.is-primary[value="11"], .column.progress-circle.is-dark[value="11"], .column.progress-circle.is-light[value="11"], .column.progress-circle.is-black[value="11"], .column.progress-circle.is-white[value="11"], .column.is-11-tablet {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11, .column.is-offset-11-tablet {
    margin-left: 91.66666674%;
  }
  .column.is-12, .column.progress-circle.is-danger[value="12"], .column.progress-circle.is-warning[value="12"], .column.progress-circle.is-success[value="12"], .column.progress-circle.is-info[value="12"], .column.progress-circle.is-link[value="12"], .column.progress-circle.is-primary[value="12"], .column.progress-circle.is-dark[value="12"], .column.progress-circle.is-light[value="12"], .column.progress-circle.is-black[value="12"], .column.progress-circle.is-white[value="12"], .column.is-12-tablet {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12, .column.is-offset-12-tablet {
    margin-left: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .column.is-narrow-touch {
    flex: none;
    width: unset;
  }
  .column.is-full-touch {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-touch {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-touch {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-touch {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-touch {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-touch {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-touch {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-touch {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-touch {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-touch {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-touch {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-touch {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-touch {
    margin-left: 50%;
  }
  .column.is-offset-one-third-touch {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-touch {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-touch {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-touch {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-touch {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-touch {
    margin-left: 80%;
  }
  .column.is-0-touch {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-touch {
    margin-left: 0%;
  }
  .column.is-1-touch {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-touch {
    margin-left: 8.33333337%;
  }
  .column.is-2-touch {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-touch {
    margin-left: 16.66666674%;
  }
  .column.is-3-touch {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-touch {
    margin-left: 25%;
  }
  .column.is-4-touch {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-touch {
    margin-left: 33.33333337%;
  }
  .column.is-5-touch {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-touch {
    margin-left: 41.66666674%;
  }
  .column.is-6-touch {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-touch {
    margin-left: 50%;
  }
  .column.is-7-touch {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-touch {
    margin-left: 58.33333337%;
  }
  .column.is-8-touch {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-touch {
    margin-left: 66.66666674%;
  }
  .column.is-9-touch {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-touch {
    margin-left: 75%;
  }
  .column.is-10-touch {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-touch {
    margin-left: 83.33333337%;
  }
  .column.is-11-touch {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-touch {
    margin-left: 91.66666674%;
  }
  .column.is-12-touch {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-touch {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .column.is-narrow-desktop {
    flex: none;
    width: unset;
  }
  .column.is-full-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-desktop {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-desktop {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-desktop {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-desktop {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-desktop {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-desktop {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-desktop {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-desktop {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-desktop {
    margin-left: 50%;
  }
  .column.is-offset-one-third-desktop {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-desktop {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-desktop {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-desktop {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-desktop {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-desktop {
    margin-left: 80%;
  }
  .column.is-0-desktop {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-desktop {
    margin-left: 0%;
  }
  .column.is-1-desktop {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-desktop {
    margin-left: 8.33333337%;
  }
  .column.is-2-desktop {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-desktop {
    margin-left: 16.66666674%;
  }
  .column.is-3-desktop {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-desktop {
    margin-left: 25%;
  }
  .column.is-4-desktop {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-desktop {
    margin-left: 33.33333337%;
  }
  .column.is-5-desktop {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-desktop {
    margin-left: 41.66666674%;
  }
  .column.is-6-desktop {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-desktop {
    margin-left: 50%;
  }
  .column.is-7-desktop {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-desktop {
    margin-left: 58.33333337%;
  }
  .column.is-8-desktop {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-desktop {
    margin-left: 66.66666674%;
  }
  .column.is-9-desktop {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-desktop {
    margin-left: 75%;
  }
  .column.is-10-desktop {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-desktop {
    margin-left: 83.33333337%;
  }
  .column.is-11-desktop {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-desktop {
    margin-left: 91.66666674%;
  }
  .column.is-12-desktop {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-desktop {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1216px) {
  .column.is-narrow-widescreen {
    flex: none;
    width: unset;
  }
  .column.is-full-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-widescreen {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-widescreen {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-widescreen {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-widescreen {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-widescreen {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-widescreen {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-widescreen {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-widescreen {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-widescreen {
    margin-left: 50%;
  }
  .column.is-offset-one-third-widescreen {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-widescreen {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-widescreen {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-widescreen {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-widescreen {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-widescreen {
    margin-left: 80%;
  }
  .column.is-0-widescreen {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-widescreen {
    margin-left: 0%;
  }
  .column.is-1-widescreen {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-widescreen {
    margin-left: 8.33333337%;
  }
  .column.is-2-widescreen {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-widescreen {
    margin-left: 16.66666674%;
  }
  .column.is-3-widescreen {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-widescreen {
    margin-left: 25%;
  }
  .column.is-4-widescreen {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-widescreen {
    margin-left: 33.33333337%;
  }
  .column.is-5-widescreen {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-widescreen {
    margin-left: 41.66666674%;
  }
  .column.is-6-widescreen {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-widescreen {
    margin-left: 50%;
  }
  .column.is-7-widescreen {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-widescreen {
    margin-left: 58.33333337%;
  }
  .column.is-8-widescreen {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-widescreen {
    margin-left: 66.66666674%;
  }
  .column.is-9-widescreen {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-widescreen {
    margin-left: 75%;
  }
  .column.is-10-widescreen {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-widescreen {
    margin-left: 83.33333337%;
  }
  .column.is-11-widescreen {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-widescreen {
    margin-left: 91.66666674%;
  }
  .column.is-12-widescreen {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-widescreen {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1408px) {
  .column.is-narrow-fullhd {
    flex: none;
    width: unset;
  }
  .column.is-full-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-three-quarters-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-two-thirds-fullhd {
    flex: none;
    width: 66.6666%;
  }
  .column.is-half-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-one-third-fullhd {
    flex: none;
    width: 33.3333%;
  }
  .column.is-one-quarter-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-one-fifth-fullhd {
    flex: none;
    width: 20%;
  }
  .column.is-two-fifths-fullhd {
    flex: none;
    width: 40%;
  }
  .column.is-three-fifths-fullhd {
    flex: none;
    width: 60%;
  }
  .column.is-four-fifths-fullhd {
    flex: none;
    width: 80%;
  }
  .column.is-offset-three-quarters-fullhd {
    margin-left: 75%;
  }
  .column.is-offset-two-thirds-fullhd {
    margin-left: 66.6666%;
  }
  .column.is-offset-half-fullhd {
    margin-left: 50%;
  }
  .column.is-offset-one-third-fullhd {
    margin-left: 33.3333%;
  }
  .column.is-offset-one-quarter-fullhd {
    margin-left: 25%;
  }
  .column.is-offset-one-fifth-fullhd {
    margin-left: 20%;
  }
  .column.is-offset-two-fifths-fullhd {
    margin-left: 40%;
  }
  .column.is-offset-three-fifths-fullhd {
    margin-left: 60%;
  }
  .column.is-offset-four-fifths-fullhd {
    margin-left: 80%;
  }
  .column.is-0-fullhd {
    flex: none;
    width: 0%;
  }
  .column.is-offset-0-fullhd {
    margin-left: 0%;
  }
  .column.is-1-fullhd {
    flex: none;
    width: 8.33333337%;
  }
  .column.is-offset-1-fullhd {
    margin-left: 8.33333337%;
  }
  .column.is-2-fullhd {
    flex: none;
    width: 16.66666674%;
  }
  .column.is-offset-2-fullhd {
    margin-left: 16.66666674%;
  }
  .column.is-3-fullhd {
    flex: none;
    width: 25%;
  }
  .column.is-offset-3-fullhd {
    margin-left: 25%;
  }
  .column.is-4-fullhd {
    flex: none;
    width: 33.33333337%;
  }
  .column.is-offset-4-fullhd {
    margin-left: 33.33333337%;
  }
  .column.is-5-fullhd {
    flex: none;
    width: 41.66666674%;
  }
  .column.is-offset-5-fullhd {
    margin-left: 41.66666674%;
  }
  .column.is-6-fullhd {
    flex: none;
    width: 50%;
  }
  .column.is-offset-6-fullhd {
    margin-left: 50%;
  }
  .column.is-7-fullhd {
    flex: none;
    width: 58.33333337%;
  }
  .column.is-offset-7-fullhd {
    margin-left: 58.33333337%;
  }
  .column.is-8-fullhd {
    flex: none;
    width: 66.66666674%;
  }
  .column.is-offset-8-fullhd {
    margin-left: 66.66666674%;
  }
  .column.is-9-fullhd {
    flex: none;
    width: 75%;
  }
  .column.is-offset-9-fullhd {
    margin-left: 75%;
  }
  .column.is-10-fullhd {
    flex: none;
    width: 83.33333337%;
  }
  .column.is-offset-10-fullhd {
    margin-left: 83.33333337%;
  }
  .column.is-11-fullhd {
    flex: none;
    width: 91.66666674%;
  }
  .column.is-offset-11-fullhd {
    margin-left: 91.66666674%;
  }
  .column.is-12-fullhd {
    flex: none;
    width: 100%;
  }
  .column.is-offset-12-fullhd {
    margin-left: 100%;
  }
}

.columns {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.columns:last-child {
  margin-bottom: -0.75rem;
}
.columns:not(:last-child) {
  margin-bottom: calc(1.5rem - 0.75rem);
}
.columns.is-centered {
  justify-content: center;
}
.columns.is-gapless {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.columns.is-gapless > .column {
  margin: 0;
  padding: 0 !important;
}
.columns.is-gapless:not(:last-child) {
  margin-bottom: 1.5rem;
}
.columns.is-gapless:last-child {
  margin-bottom: 0;
}
.columns.is-mobile {
  display: flex;
}
.columns.is-multiline {
  flex-wrap: wrap;
}
.columns.is-vcentered {
  align-items: center;
}
@media screen and (min-width: 769px), print {
  .columns:not(.is-desktop) {
    display: flex;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-desktop {
    display: flex;
  }
}

.columns.is-variable {
  --columnGap: 0.75rem;
  margin-left: calc(-1 * var(--columnGap));
  margin-right: calc(-1 * var(--columnGap));
}
.columns.is-variable > .column {
  padding-left: var(--columnGap);
  padding-right: var(--columnGap);
}
.columns.is-variable.is-0, .columns.is-variable.progress-circle.is-danger[value="0"], .columns.is-variable.progress-circle.is-warning[value="0"], .columns.is-variable.progress-circle.is-success[value="0"], .columns.is-variable.progress-circle.is-info[value="0"], .columns.is-variable.progress-circle.is-link[value="0"], .columns.is-variable.progress-circle.is-primary[value="0"], .columns.is-variable.progress-circle.is-dark[value="0"], .columns.is-variable.progress-circle.is-light[value="0"], .columns.is-variable.progress-circle.is-black[value="0"], .columns.is-variable.progress-circle.is-white[value="0"] {
  --columnGap: 0rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-0-mobile {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-0-tablet {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-0-tablet-only {
    --columnGap: 0rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-0-touch {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-0-desktop {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-0-desktop-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-0-widescreen {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-0-widescreen-only {
    --columnGap: 0rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-0-fullhd {
    --columnGap: 0rem;
  }
}
.columns.is-variable.is-1, .columns.is-variable.progress-circle.is-danger[value="1"], .columns.is-variable.progress-circle.is-warning[value="1"], .columns.is-variable.progress-circle.is-success[value="1"], .columns.is-variable.progress-circle.is-info[value="1"], .columns.is-variable.progress-circle.is-link[value="1"], .columns.is-variable.progress-circle.is-primary[value="1"], .columns.is-variable.progress-circle.is-dark[value="1"], .columns.is-variable.progress-circle.is-light[value="1"], .columns.is-variable.progress-circle.is-black[value="1"], .columns.is-variable.progress-circle.is-white[value="1"] {
  --columnGap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-1-mobile {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-1-tablet {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-1-tablet-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-1-touch {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-1-desktop {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-1-desktop-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-1-widescreen {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-1-widescreen-only {
    --columnGap: 0.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-1-fullhd {
    --columnGap: 0.25rem;
  }
}
.columns.is-variable.is-2, .columns.is-variable.progress-circle.is-danger[value="2"], .columns.is-variable.progress-circle.is-warning[value="2"], .columns.is-variable.progress-circle.is-success[value="2"], .columns.is-variable.progress-circle.is-info[value="2"], .columns.is-variable.progress-circle.is-link[value="2"], .columns.is-variable.progress-circle.is-primary[value="2"], .columns.is-variable.progress-circle.is-dark[value="2"], .columns.is-variable.progress-circle.is-light[value="2"], .columns.is-variable.progress-circle.is-black[value="2"], .columns.is-variable.progress-circle.is-white[value="2"] {
  --columnGap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-2-mobile {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-2-tablet {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-2-tablet-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-2-touch {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-2-desktop {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-2-desktop-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-2-widescreen {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-2-widescreen-only {
    --columnGap: 0.5rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-2-fullhd {
    --columnGap: 0.5rem;
  }
}
.columns.is-variable.is-3, .columns.is-variable.progress-circle.is-danger[value="3"], .columns.is-variable.progress-circle.is-warning[value="3"], .columns.is-variable.progress-circle.is-success[value="3"], .columns.is-variable.progress-circle.is-info[value="3"], .columns.is-variable.progress-circle.is-link[value="3"], .columns.is-variable.progress-circle.is-primary[value="3"], .columns.is-variable.progress-circle.is-dark[value="3"], .columns.is-variable.progress-circle.is-light[value="3"], .columns.is-variable.progress-circle.is-black[value="3"], .columns.is-variable.progress-circle.is-white[value="3"] {
  --columnGap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-3-mobile {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-3-tablet {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-3-tablet-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-3-touch {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-3-desktop {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-3-desktop-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-3-widescreen {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-3-widescreen-only {
    --columnGap: 0.75rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-3-fullhd {
    --columnGap: 0.75rem;
  }
}
.columns.is-variable.is-4, .columns.is-variable.progress-circle.is-danger[value="4"], .columns.is-variable.progress-circle.is-warning[value="4"], .columns.is-variable.progress-circle.is-success[value="4"], .columns.is-variable.progress-circle.is-info[value="4"], .columns.is-variable.progress-circle.is-link[value="4"], .columns.is-variable.progress-circle.is-primary[value="4"], .columns.is-variable.progress-circle.is-dark[value="4"], .columns.is-variable.progress-circle.is-light[value="4"], .columns.is-variable.progress-circle.is-black[value="4"], .columns.is-variable.progress-circle.is-white[value="4"] {
  --columnGap: 1rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-4-mobile {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-4-tablet {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-4-tablet-only {
    --columnGap: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-4-touch {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-4-desktop {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-4-desktop-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-4-widescreen {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-4-widescreen-only {
    --columnGap: 1rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-4-fullhd {
    --columnGap: 1rem;
  }
}
.columns.is-variable.is-5, .columns.is-variable.progress-circle.is-danger[value="5"], .columns.is-variable.progress-circle.is-warning[value="5"], .columns.is-variable.progress-circle.is-success[value="5"], .columns.is-variable.progress-circle.is-info[value="5"], .columns.is-variable.progress-circle.is-link[value="5"], .columns.is-variable.progress-circle.is-primary[value="5"], .columns.is-variable.progress-circle.is-dark[value="5"], .columns.is-variable.progress-circle.is-light[value="5"], .columns.is-variable.progress-circle.is-black[value="5"], .columns.is-variable.progress-circle.is-white[value="5"] {
  --columnGap: 1.25rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-5-mobile {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-5-tablet {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-5-tablet-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-5-touch {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-5-desktop {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-5-desktop-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-5-widescreen {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-5-widescreen-only {
    --columnGap: 1.25rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-5-fullhd {
    --columnGap: 1.25rem;
  }
}
.columns.is-variable.is-6, .columns.is-variable.progress-circle.is-danger[value="6"], .columns.is-variable.progress-circle.is-warning[value="6"], .columns.is-variable.progress-circle.is-success[value="6"], .columns.is-variable.progress-circle.is-info[value="6"], .columns.is-variable.progress-circle.is-link[value="6"], .columns.is-variable.progress-circle.is-primary[value="6"], .columns.is-variable.progress-circle.is-dark[value="6"], .columns.is-variable.progress-circle.is-light[value="6"], .columns.is-variable.progress-circle.is-black[value="6"], .columns.is-variable.progress-circle.is-white[value="6"] {
  --columnGap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-6-mobile {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-6-tablet {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-6-tablet-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-6-touch {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-6-desktop {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-6-desktop-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-6-widescreen {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-6-widescreen-only {
    --columnGap: 1.5rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-6-fullhd {
    --columnGap: 1.5rem;
  }
}
.columns.is-variable.is-7, .columns.is-variable.progress-circle.is-danger[value="7"], .columns.is-variable.progress-circle.is-warning[value="7"], .columns.is-variable.progress-circle.is-success[value="7"], .columns.is-variable.progress-circle.is-info[value="7"], .columns.is-variable.progress-circle.is-link[value="7"], .columns.is-variable.progress-circle.is-primary[value="7"], .columns.is-variable.progress-circle.is-dark[value="7"], .columns.is-variable.progress-circle.is-light[value="7"], .columns.is-variable.progress-circle.is-black[value="7"], .columns.is-variable.progress-circle.is-white[value="7"] {
  --columnGap: 1.75rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-7-mobile {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-7-tablet {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-7-tablet-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-7-touch {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-7-desktop {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-7-desktop-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-7-widescreen {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-7-widescreen-only {
    --columnGap: 1.75rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-7-fullhd {
    --columnGap: 1.75rem;
  }
}
.columns.is-variable.is-8, .columns.is-variable.progress-circle.is-danger[value="8"], .columns.is-variable.progress-circle.is-warning[value="8"], .columns.is-variable.progress-circle.is-success[value="8"], .columns.is-variable.progress-circle.is-info[value="8"], .columns.is-variable.progress-circle.is-link[value="8"], .columns.is-variable.progress-circle.is-primary[value="8"], .columns.is-variable.progress-circle.is-dark[value="8"], .columns.is-variable.progress-circle.is-light[value="8"], .columns.is-variable.progress-circle.is-black[value="8"], .columns.is-variable.progress-circle.is-white[value="8"] {
  --columnGap: 2rem;
}
@media screen and (max-width: 768px) {
  .columns.is-variable.is-8-mobile {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px), print {
  .columns.is-variable.is-8-tablet {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .columns.is-variable.is-8-tablet-only {
    --columnGap: 2rem;
  }
}
@media screen and (max-width: 1023px) {
  .columns.is-variable.is-8-touch {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .columns.is-variable.is-8-desktop {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .columns.is-variable.is-8-desktop-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1216px) {
  .columns.is-variable.is-8-widescreen {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .columns.is-variable.is-8-widescreen-only {
    --columnGap: 2rem;
  }
}
@media screen and (min-width: 1408px) {
  .columns.is-variable.is-8-fullhd {
    --columnGap: 2rem;
  }
}

.tile {
  align-items: stretch;
  display: block;
  flex-basis: 0;
  flex-grow: 1;
  flex-shrink: 1;
  min-height: min-content;
}
.tile.is-ancestor {
  margin-left: -0.75rem;
  margin-right: -0.75rem;
  margin-top: -0.75rem;
}
.tile.is-ancestor:last-child {
  margin-bottom: -0.75rem;
}
.tile.is-ancestor:not(:last-child) {
  margin-bottom: 0.75rem;
}
.tile.is-child {
  margin: 0 !important;
}
.tile.is-parent {
  padding: 0.75rem;
}
.tile.is-vertical {
  flex-direction: column;
}
.tile.is-vertical > .tile.is-child:not(:last-child) {
  margin-bottom: 1.5rem !important;
}
@media screen and (min-width: 769px), print {
  .tile:not(.is-child) {
    display: flex;
  }
  .tile.is-1, .tile.progress-circle.is-danger[value="1"], .tile.progress-circle.is-warning[value="1"], .tile.progress-circle.is-success[value="1"], .tile.progress-circle.is-info[value="1"], .tile.progress-circle.is-link[value="1"], .tile.progress-circle.is-primary[value="1"], .tile.progress-circle.is-dark[value="1"], .tile.progress-circle.is-light[value="1"], .tile.progress-circle.is-black[value="1"], .tile.progress-circle.is-white[value="1"] {
    flex: none;
    width: 8.33333337%;
  }
  .tile.is-2, .tile.progress-circle.is-danger[value="2"], .tile.progress-circle.is-warning[value="2"], .tile.progress-circle.is-success[value="2"], .tile.progress-circle.is-info[value="2"], .tile.progress-circle.is-link[value="2"], .tile.progress-circle.is-primary[value="2"], .tile.progress-circle.is-dark[value="2"], .tile.progress-circle.is-light[value="2"], .tile.progress-circle.is-black[value="2"], .tile.progress-circle.is-white[value="2"] {
    flex: none;
    width: 16.66666674%;
  }
  .tile.is-3, .tile.progress-circle.is-danger[value="3"], .tile.progress-circle.is-warning[value="3"], .tile.progress-circle.is-success[value="3"], .tile.progress-circle.is-info[value="3"], .tile.progress-circle.is-link[value="3"], .tile.progress-circle.is-primary[value="3"], .tile.progress-circle.is-dark[value="3"], .tile.progress-circle.is-light[value="3"], .tile.progress-circle.is-black[value="3"], .tile.progress-circle.is-white[value="3"] {
    flex: none;
    width: 25%;
  }
  .tile.is-4, .tile.progress-circle.is-danger[value="4"], .tile.progress-circle.is-warning[value="4"], .tile.progress-circle.is-success[value="4"], .tile.progress-circle.is-info[value="4"], .tile.progress-circle.is-link[value="4"], .tile.progress-circle.is-primary[value="4"], .tile.progress-circle.is-dark[value="4"], .tile.progress-circle.is-light[value="4"], .tile.progress-circle.is-black[value="4"], .tile.progress-circle.is-white[value="4"] {
    flex: none;
    width: 33.33333337%;
  }
  .tile.is-5, .tile.progress-circle.is-danger[value="5"], .tile.progress-circle.is-warning[value="5"], .tile.progress-circle.is-success[value="5"], .tile.progress-circle.is-info[value="5"], .tile.progress-circle.is-link[value="5"], .tile.progress-circle.is-primary[value="5"], .tile.progress-circle.is-dark[value="5"], .tile.progress-circle.is-light[value="5"], .tile.progress-circle.is-black[value="5"], .tile.progress-circle.is-white[value="5"] {
    flex: none;
    width: 41.66666674%;
  }
  .tile.is-6, .tile.progress-circle.is-danger[value="6"], .tile.progress-circle.is-warning[value="6"], .tile.progress-circle.is-success[value="6"], .tile.progress-circle.is-info[value="6"], .tile.progress-circle.is-link[value="6"], .tile.progress-circle.is-primary[value="6"], .tile.progress-circle.is-dark[value="6"], .tile.progress-circle.is-light[value="6"], .tile.progress-circle.is-black[value="6"], .tile.progress-circle.is-white[value="6"] {
    flex: none;
    width: 50%;
  }
  .tile.is-7, .tile.progress-circle.is-danger[value="7"], .tile.progress-circle.is-warning[value="7"], .tile.progress-circle.is-success[value="7"], .tile.progress-circle.is-info[value="7"], .tile.progress-circle.is-link[value="7"], .tile.progress-circle.is-primary[value="7"], .tile.progress-circle.is-dark[value="7"], .tile.progress-circle.is-light[value="7"], .tile.progress-circle.is-black[value="7"], .tile.progress-circle.is-white[value="7"] {
    flex: none;
    width: 58.33333337%;
  }
  .tile.is-8, .tile.progress-circle.is-danger[value="8"], .tile.progress-circle.is-warning[value="8"], .tile.progress-circle.is-success[value="8"], .tile.progress-circle.is-info[value="8"], .tile.progress-circle.is-link[value="8"], .tile.progress-circle.is-primary[value="8"], .tile.progress-circle.is-dark[value="8"], .tile.progress-circle.is-light[value="8"], .tile.progress-circle.is-black[value="8"], .tile.progress-circle.is-white[value="8"] {
    flex: none;
    width: 66.66666674%;
  }
  .tile.is-9, .tile.progress-circle.is-danger[value="9"], .tile.progress-circle.is-warning[value="9"], .tile.progress-circle.is-success[value="9"], .tile.progress-circle.is-info[value="9"], .tile.progress-circle.is-link[value="9"], .tile.progress-circle.is-primary[value="9"], .tile.progress-circle.is-dark[value="9"], .tile.progress-circle.is-light[value="9"], .tile.progress-circle.is-black[value="9"], .tile.progress-circle.is-white[value="9"] {
    flex: none;
    width: 75%;
  }
  .tile.is-10, .tile.progress-circle.is-danger[value="10"], .tile.progress-circle.is-warning[value="10"], .tile.progress-circle.is-success[value="10"], .tile.progress-circle.is-info[value="10"], .tile.progress-circle.is-link[value="10"], .tile.progress-circle.is-primary[value="10"], .tile.progress-circle.is-dark[value="10"], .tile.progress-circle.is-light[value="10"], .tile.progress-circle.is-black[value="10"], .tile.progress-circle.is-white[value="10"] {
    flex: none;
    width: 83.33333337%;
  }
  .tile.is-11, .tile.progress-circle.is-danger[value="11"], .tile.progress-circle.is-warning[value="11"], .tile.progress-circle.is-success[value="11"], .tile.progress-circle.is-info[value="11"], .tile.progress-circle.is-link[value="11"], .tile.progress-circle.is-primary[value="11"], .tile.progress-circle.is-dark[value="11"], .tile.progress-circle.is-light[value="11"], .tile.progress-circle.is-black[value="11"], .tile.progress-circle.is-white[value="11"] {
    flex: none;
    width: 91.66666674%;
  }
  .tile.is-12, .tile.progress-circle.is-danger[value="12"], .tile.progress-circle.is-warning[value="12"], .tile.progress-circle.is-success[value="12"], .tile.progress-circle.is-info[value="12"], .tile.progress-circle.is-link[value="12"], .tile.progress-circle.is-primary[value="12"], .tile.progress-circle.is-dark[value="12"], .tile.progress-circle.is-light[value="12"], .tile.progress-circle.is-black[value="12"], .tile.progress-circle.is-white[value="12"] {
    flex: none;
    width: 100%;
  }
}

/* Bulma Helpers */
.has-text-white {
  color: hsl(0, 0%, 100%) !important;
}

a.has-text-white:hover, a.has-text-white:focus {
  color: hsl(0, 0%, 90%) !important;
}

.has-background-white {
  background-color: hsl(0, 0%, 100%) !important;
}

.has-text-black {
  color: hsl(0, 0%, 4%) !important;
}

a.has-text-black:hover, a.has-text-black:focus {
  color: hsl(0, 0%, 0%) !important;
}

.has-background-black {
  background-color: hsl(0, 0%, 4%) !important;
}

.has-text-light {
  color: hsl(0, 0%, 96%) !important;
}

a.has-text-light:hover, a.has-text-light:focus {
  color: hsl(0, 0%, 86%) !important;
}

.has-background-light {
  background-color: hsl(0, 0%, 96%) !important;
}

.has-text-dark {
  color: rgb(32.1413793103, 35.4379310345, 39.5586206897) !important;
}

a.has-text-dark:hover, a.has-text-dark:focus {
  color: rgb(9.2793103448, 10.2310344828, 11.4206896552) !important;
}

.has-background-dark {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) !important;
}

.has-text-primary {
  color: #52575c !important;
}

a.has-text-primary:hover, a.has-text-primary:focus {
  color: rgb(57.9655172414, 61.5, 65.0344827586) !important;
}

.has-background-primary {
  background-color: #52575c !important;
}

.has-text-primary-light {
  color: rgb(244.2137931034, 244.8, 245.3862068966) !important;
}

a.has-text-primary-light:hover, a.has-text-primary-light:focus {
  color: rgb(217.2482758621, 219.3, 221.3517241379) !important;
}

.has-background-primary-light {
  background-color: rgb(244.2137931034, 244.8, 245.3862068966) !important;
}

.has-text-primary-dark {
  color: rgb(120.1724137931, 127.5, 134.8275862069) !important;
}

a.has-text-primary-dark:hover, a.has-text-primary-dark:focus {
  color: rgb(147.1379310345, 153, 158.8620689655) !important;
}

.has-background-primary-dark {
  background-color: rgb(120.1724137931, 127.5, 134.8275862069) !important;
}

.has-text-link {
  color: #fafafa !important;
}

a.has-text-link:hover, a.has-text-link:focus {
  color: rgb(224.5, 224.5, 224.5) !important;
}

.has-background-link {
  background-color: #fafafa !important;
}

.has-text-link-light {
  color: #fafafa !important;
}

a.has-text-link-light:hover, a.has-text-link-light:focus {
  color: rgb(224.5, 224.5, 224.5) !important;
}

.has-background-link-light {
  background-color: #fafafa !important;
}

.has-text-link-dark {
  color: rgb(73.95, 73.95, 73.95) !important;
}

a.has-text-link-dark:hover, a.has-text-link-dark:focus {
  color: rgb(99.45, 99.45, 99.45) !important;
}

.has-background-link-dark {
  background-color: rgb(73.95, 73.95, 73.95) !important;
}

.has-text-info {
  color: hsl(207, 61%, 53%) !important;
}

a.has-text-info:hover, a.has-text-info:focus {
  color: hsl(207, 61%, 43%) !important;
}

.has-background-info {
  background-color: hsl(207, 61%, 53%) !important;
}

.has-text-info-light {
  color: hsl(207, 61%, 96%) !important;
}

a.has-text-info-light:hover, a.has-text-info-light:focus {
  color: hsl(207, 61%, 86%) !important;
}

.has-background-info-light {
  background-color: hsl(207, 61%, 96%) !important;
}

.has-text-info-dark {
  color: hsl(207, 61%, 41%) !important;
}

a.has-text-info-dark:hover, a.has-text-info-dark:focus {
  color: hsl(207, 61%, 51%) !important;
}

.has-background-info-dark {
  background-color: hsl(207, 61%, 41%) !important;
}

.has-text-success {
  color: #62c462 !important;
}

a.has-text-success:hover, a.has-text-success:focus {
  color: rgb(66.375, 176.625, 66.375) !important;
}

.has-background-success {
  background-color: #62c462 !important;
}

.has-text-success-light {
  color: rgb(240.1722222222, 249.4277777778, 240.1722222222) !important;
}

a.has-text-success-light:hover, a.has-text-success-light:focus {
  color: rgb(203.1027777778, 235.4972222222, 203.1027777778) !important;
}

.has-background-success-light {
  background-color: rgb(240.1722222222, 249.4277777778, 240.1722222222) !important;
}

.has-text-success-dark {
  color: rgb(43.1847222222, 114.9152777778, 43.1847222222) !important;
}

a.has-text-success-dark:hover, a.has-text-success-dark:focus {
  color: rgb(57.1152777778, 151.9847222222, 57.1152777778) !important;
}

.has-background-success-dark {
  background-color: rgb(43.1847222222, 114.9152777778, 43.1847222222) !important;
}

.has-text-warning {
  color: #f89406 !important;
}

a.has-text-warning:hover, a.has-text-warning:focus {
  color: rgb(198.2047244094, 118.2834645669, 4.7952755906) !important;
}

.has-background-warning {
  background-color: #f89406 !important;
}

.has-text-warning-light {
  color: rgb(254.5181102362, 246.4866141732, 235.0818897638) !important;
}

a.has-text-warning-light:hover, a.has-text-warning-light:focus {
  color: rgb(253.3133858268, 225.2031496063, 185.2866141732) !important;
}

.has-background-warning-light {
  background-color: rgb(254.5181102362, 246.4866141732, 235.0818897638) !important;
}

.has-text-warning-dark {
  color: rgb(164.3244094488, 98.0645669291, 3.9755905512) !important;
}

a.has-text-warning-dark:hover, a.has-text-warning-dark:focus {
  color: rgb(214.1196850394, 127.7811023622, 5.1803149606) !important;
}

.has-background-warning-dark {
  background-color: rgb(164.3244094488, 98.0645669291, 3.9755905512) !important;
}

.has-text-danger {
  color: #ee5f5b !important;
}

a.has-text-danger:hover, a.has-text-danger:focus {
  color: rgb(233.2099447514, 49.9171270718, 44.7900552486) !important;
}

.has-background-danger {
  background-color: #ee5f5b !important;
}

.has-text-danger-light {
  color: rgb(253.0839779006, 236.9668508287, 236.5160220994) !important;
}

a.has-text-danger-light:hover, a.has-text-danger-light:focus {
  color: rgb(248.2939226519, 191.8839779006, 190.3060773481) !important;
}

.has-background-danger-light {
  background-color: rgb(253.0839779006, 236.9668508287, 236.5160220994) !important;
}

.has-text-danger-dark {
  color: rgb(184.8397790055, 23.6685082873, 19.1602209945) !important;
}

a.has-text-danger-dark:hover, a.has-text-danger-dark:focus {
  color: rgb(231.0497237569, 29.5856353591, 23.9502762431) !important;
}

.has-background-danger-dark {
  background-color: rgb(184.8397790055, 23.6685082873, 19.1602209945) !important;
}

.has-text-black-bis {
  color: rgb(18, 18, 18) !important;
}

.has-background-black-bis {
  background-color: rgb(18, 18, 18) !important;
}

.has-text-black-ter {
  color: hsl(0, 0%, 14%) !important;
}

.has-background-black-ter {
  background-color: hsl(0, 0%, 14%) !important;
}

.has-text-grey-darker {
  color: #272b30 !important;
}

.has-background-grey-darker {
  background-color: #272b30 !important;
}

.has-text-grey-dark {
  color: #3a3f44 !important;
}

.has-background-grey-dark {
  background-color: #3a3f44 !important;
}

.has-text-grey {
  color: #52575c !important;
}

.has-background-grey {
  background-color: #52575c !important;
}

.has-text-grey-light {
  color: #7a8288 !important;
}

.has-background-grey-light {
  background-color: #7a8288 !important;
}

.has-text-grey-lighter {
  color: #98a4ad !important;
}

.has-background-grey-lighter {
  background-color: #98a4ad !important;
}

.has-text-white-ter {
  color: hsl(0, 0%, 96%) !important;
}

.has-background-white-ter {
  background-color: hsl(0, 0%, 96%) !important;
}

.has-text-white-bis {
  color: hsl(0, 0%, 98%) !important;
}

.has-background-white-bis {
  background-color: hsl(0, 0%, 98%) !important;
}

.is-flex-direction-row {
  flex-direction: row !important;
}

.is-flex-direction-row-reverse {
  flex-direction: row-reverse !important;
}

.is-flex-direction-column {
  flex-direction: column !important;
}

.is-flex-direction-column-reverse {
  flex-direction: column-reverse !important;
}

.is-flex-wrap-nowrap {
  flex-wrap: nowrap !important;
}

.is-flex-wrap-wrap {
  flex-wrap: wrap !important;
}

.is-flex-wrap-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.is-justify-content-flex-start {
  justify-content: flex-start !important;
}

.is-justify-content-flex-end {
  justify-content: flex-end !important;
}

.is-justify-content-center {
  justify-content: center !important;
}

.is-justify-content-space-between {
  justify-content: space-between !important;
}

.is-justify-content-space-around {
  justify-content: space-around !important;
}

.is-justify-content-space-evenly {
  justify-content: space-evenly !important;
}

.is-justify-content-start {
  justify-content: start !important;
}

.is-justify-content-end {
  justify-content: end !important;
}

.is-justify-content-left {
  justify-content: left !important;
}

.is-justify-content-right {
  justify-content: right !important;
}

.is-align-content-flex-start {
  align-content: flex-start !important;
}

.is-align-content-flex-end {
  align-content: flex-end !important;
}

.is-align-content-center {
  align-content: center !important;
}

.is-align-content-space-between {
  align-content: space-between !important;
}

.is-align-content-space-around {
  align-content: space-around !important;
}

.is-align-content-space-evenly {
  align-content: space-evenly !important;
}

.is-align-content-stretch {
  align-content: stretch !important;
}

.is-align-content-start {
  align-content: start !important;
}

.is-align-content-end {
  align-content: end !important;
}

.is-align-content-baseline {
  align-content: baseline !important;
}

.is-align-items-stretch {
  align-items: stretch !important;
}

.is-align-items-flex-start {
  align-items: flex-start !important;
}

.is-align-items-flex-end {
  align-items: flex-end !important;
}

.is-align-items-center {
  align-items: center !important;
}

.is-align-items-baseline {
  align-items: baseline !important;
}

.is-align-items-start {
  align-items: start !important;
}

.is-align-items-end {
  align-items: end !important;
}

.is-align-items-self-start {
  align-items: self-start !important;
}

.is-align-items-self-end {
  align-items: self-end !important;
}

.is-align-self-auto {
  align-self: auto !important;
}

.is-align-self-flex-start {
  align-self: flex-start !important;
}

.is-align-self-flex-end {
  align-self: flex-end !important;
}

.is-align-self-center {
  align-self: center !important;
}

.is-align-self-baseline {
  align-self: baseline !important;
}

.is-align-self-stretch {
  align-self: stretch !important;
}

.is-flex-grow-0 {
  flex-grow: 0 !important;
}

.is-flex-grow-1 {
  flex-grow: 1 !important;
}

.is-flex-grow-2 {
  flex-grow: 2 !important;
}

.is-flex-grow-3 {
  flex-grow: 3 !important;
}

.is-flex-grow-4 {
  flex-grow: 4 !important;
}

.is-flex-grow-5 {
  flex-grow: 5 !important;
}

.is-flex-shrink-0 {
  flex-shrink: 0 !important;
}

.is-flex-shrink-1 {
  flex-shrink: 1 !important;
}

.is-flex-shrink-2 {
  flex-shrink: 2 !important;
}

.is-flex-shrink-3 {
  flex-shrink: 3 !important;
}

.is-flex-shrink-4 {
  flex-shrink: 4 !important;
}

.is-flex-shrink-5 {
  flex-shrink: 5 !important;
}

.is-clearfix::after {
  clear: both;
  content: " ";
  display: table;
}

.is-pulled-left {
  float: left !important;
}

.is-pulled-right {
  float: right !important;
}

.is-radiusless {
  border-radius: 0 !important;
}

.is-shadowless {
  box-shadow: none !important;
}

.is-clickable {
  cursor: pointer !important;
  pointer-events: all !important;
}

.is-clipped {
  overflow: hidden !important;
}

.is-relative {
  position: relative !important;
}

.is-marginless {
  margin: 0 !important;
}

.is-paddingless {
  padding: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-3 {
  margin: 0.75rem !important;
}

.mt-3 {
  margin-top: 0.75rem !important;
}

.mr-3 {
  margin-right: 0.75rem !important;
}

.mb-3 {
  margin-bottom: 0.75rem !important;
}

.ml-3 {
  margin-left: 0.75rem !important;
}

.mx-3 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-4 {
  margin: 1rem !important;
}

.mt-4 {
  margin-top: 1rem !important;
}

.mr-4 {
  margin-right: 1rem !important;
}

.mb-4 {
  margin-bottom: 1rem !important;
}

.ml-4 {
  margin-left: 1rem !important;
}

.mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-5 {
  margin: 1.5rem !important;
}

.mt-5 {
  margin-top: 1.5rem !important;
}

.mr-5 {
  margin-right: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 1.5rem !important;
}

.ml-5 {
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-5 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-3 {
  padding: 0.75rem !important;
}

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-4 {
  padding: 1rem !important;
}

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-5 {
  padding: 1.5rem !important;
}

.pt-5 {
  padding-top: 1.5rem !important;
}

.pr-5 {
  padding-right: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 1.5rem !important;
}

.pl-5 {
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-5 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-auto {
  padding: auto !important;
}

.pt-auto {
  padding-top: auto !important;
}

.pr-auto {
  padding-right: auto !important;
}

.pb-auto {
  padding-bottom: auto !important;
}

.pl-auto {
  padding-left: auto !important;
}

.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.is-size-1 {
  font-size: 3rem !important;
}

.is-size-2 {
  font-size: 2.5rem !important;
}

.is-size-3 {
  font-size: 2rem !important;
}

.is-size-4 {
  font-size: 1.5rem !important;
}

.is-size-5 {
  font-size: 1.25rem !important;
}

.is-size-6 {
  font-size: 1rem !important;
}

.is-size-7 {
  font-size: 0.85rem !important;
}

@media screen and (max-width: 768px) {
  .is-size-1-mobile {
    font-size: 3rem !important;
  }
  .is-size-2-mobile {
    font-size: 2.5rem !important;
  }
  .is-size-3-mobile {
    font-size: 2rem !important;
  }
  .is-size-4-mobile {
    font-size: 1.5rem !important;
  }
  .is-size-5-mobile {
    font-size: 1.25rem !important;
  }
  .is-size-6-mobile {
    font-size: 1rem !important;
  }
  .is-size-7-mobile {
    font-size: 0.85rem !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-size-1-tablet {
    font-size: 3rem !important;
  }
  .is-size-2-tablet {
    font-size: 2.5rem !important;
  }
  .is-size-3-tablet {
    font-size: 2rem !important;
  }
  .is-size-4-tablet {
    font-size: 1.5rem !important;
  }
  .is-size-5-tablet {
    font-size: 1.25rem !important;
  }
  .is-size-6-tablet {
    font-size: 1rem !important;
  }
  .is-size-7-tablet {
    font-size: 0.85rem !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-size-1-touch {
    font-size: 3rem !important;
  }
  .is-size-2-touch {
    font-size: 2.5rem !important;
  }
  .is-size-3-touch {
    font-size: 2rem !important;
  }
  .is-size-4-touch {
    font-size: 1.5rem !important;
  }
  .is-size-5-touch {
    font-size: 1.25rem !important;
  }
  .is-size-6-touch {
    font-size: 1rem !important;
  }
  .is-size-7-touch {
    font-size: 0.85rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-size-1-desktop {
    font-size: 3rem !important;
  }
  .is-size-2-desktop {
    font-size: 2.5rem !important;
  }
  .is-size-3-desktop {
    font-size: 2rem !important;
  }
  .is-size-4-desktop {
    font-size: 1.5rem !important;
  }
  .is-size-5-desktop {
    font-size: 1.25rem !important;
  }
  .is-size-6-desktop {
    font-size: 1rem !important;
  }
  .is-size-7-desktop {
    font-size: 0.85rem !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-size-1-widescreen {
    font-size: 3rem !important;
  }
  .is-size-2-widescreen {
    font-size: 2.5rem !important;
  }
  .is-size-3-widescreen {
    font-size: 2rem !important;
  }
  .is-size-4-widescreen {
    font-size: 1.5rem !important;
  }
  .is-size-5-widescreen {
    font-size: 1.25rem !important;
  }
  .is-size-6-widescreen {
    font-size: 1rem !important;
  }
  .is-size-7-widescreen {
    font-size: 0.85rem !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-size-1-fullhd {
    font-size: 3rem !important;
  }
  .is-size-2-fullhd {
    font-size: 2.5rem !important;
  }
  .is-size-3-fullhd {
    font-size: 2rem !important;
  }
  .is-size-4-fullhd {
    font-size: 1.5rem !important;
  }
  .is-size-5-fullhd {
    font-size: 1.25rem !important;
  }
  .is-size-6-fullhd {
    font-size: 1rem !important;
  }
  .is-size-7-fullhd {
    font-size: 0.85rem !important;
  }
}
.has-text-centered {
  text-align: center !important;
}

.has-text-justified {
  text-align: justify !important;
}

.has-text-left {
  text-align: left !important;
}

.has-text-right {
  text-align: right !important;
}

@media screen and (max-width: 768px) {
  .has-text-centered-mobile {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-centered-tablet {
    text-align: center !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-centered-tablet-only {
    text-align: center !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-centered-touch {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-centered-desktop {
    text-align: center !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-centered-desktop-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-centered-widescreen {
    text-align: center !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-centered-widescreen-only {
    text-align: center !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-centered-fullhd {
    text-align: center !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-justified-mobile {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-justified-tablet {
    text-align: justify !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-justified-tablet-only {
    text-align: justify !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-justified-touch {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-justified-desktop {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-justified-desktop-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-justified-widescreen {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-justified-widescreen-only {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-justified-fullhd {
    text-align: justify !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-left-mobile {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-left-tablet {
    text-align: left !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-left-tablet-only {
    text-align: left !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-left-touch {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-left-desktop {
    text-align: left !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-left-desktop-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-left-widescreen {
    text-align: left !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-left-widescreen-only {
    text-align: left !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-left-fullhd {
    text-align: left !important;
  }
}
@media screen and (max-width: 768px) {
  .has-text-right-mobile {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px), print {
  .has-text-right-tablet {
    text-align: right !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .has-text-right-tablet-only {
    text-align: right !important;
  }
}
@media screen and (max-width: 1023px) {
  .has-text-right-touch {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) {
  .has-text-right-desktop {
    text-align: right !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .has-text-right-desktop-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) {
  .has-text-right-widescreen {
    text-align: right !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .has-text-right-widescreen-only {
    text-align: right !important;
  }
}
@media screen and (min-width: 1408px) {
  .has-text-right-fullhd {
    text-align: right !important;
  }
}
.is-capitalized {
  text-transform: capitalize !important;
}

.is-lowercase {
  text-transform: lowercase !important;
}

.is-uppercase {
  text-transform: uppercase !important;
}

.is-italic {
  font-style: italic !important;
}

.is-underlined {
  text-decoration: underline !important;
}

.has-text-weight-light {
  font-weight: 300 !important;
}

.has-text-weight-normal {
  font-weight: 400 !important;
}

.has-text-weight-medium {
  font-weight: 500 !important;
}

.has-text-weight-semibold {
  font-weight: 600 !important;
}

.has-text-weight-bold {
  font-weight: 700 !important;
}

.is-family-primary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-secondary {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-sans-serif {
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
}

.is-family-monospace {
  font-family: monospace !important;
}

.is-family-code {
  font-family: monospace !important;
}

.is-block {
  display: block !important;
}

@media screen and (max-width: 768px) {
  .is-block-mobile {
    display: block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-block-tablet {
    display: block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-block-tablet-only {
    display: block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-block-touch {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-block-desktop {
    display: block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-block-desktop-only {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-block-widescreen {
    display: block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-block-widescreen-only {
    display: block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-block-fullhd {
    display: block !important;
  }
}
.is-flex {
  display: flex !important;
}

@media screen and (max-width: 768px) {
  .is-flex-mobile {
    display: flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-flex-tablet {
    display: flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-flex-tablet-only {
    display: flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-flex-touch {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-flex-desktop {
    display: flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-flex-desktop-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-flex-widescreen {
    display: flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-flex-widescreen-only {
    display: flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-flex-fullhd {
    display: flex !important;
  }
}
.is-inline {
  display: inline !important;
}

@media screen and (max-width: 768px) {
  .is-inline-mobile {
    display: inline !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-tablet {
    display: inline !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-tablet-only {
    display: inline !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-touch {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-desktop {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-desktop-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-widescreen {
    display: inline !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-widescreen-only {
    display: inline !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-fullhd {
    display: inline !important;
  }
}
.is-inline-block {
  display: inline-block !important;
}

@media screen and (max-width: 768px) {
  .is-inline-block-mobile {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-block-tablet {
    display: inline-block !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-block-tablet-only {
    display: inline-block !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-block-touch {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-block-desktop {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-block-desktop-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-block-widescreen {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-block-widescreen-only {
    display: inline-block !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-block-fullhd {
    display: inline-block !important;
  }
}
.is-inline-flex {
  display: inline-flex !important;
}

@media screen and (max-width: 768px) {
  .is-inline-flex-mobile {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-inline-flex-tablet {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-inline-flex-tablet-only {
    display: inline-flex !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-inline-flex-touch {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-inline-flex-desktop {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-inline-flex-desktop-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-inline-flex-widescreen {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-inline-flex-widescreen-only {
    display: inline-flex !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-inline-flex-fullhd {
    display: inline-flex !important;
  }
}
.is-hidden {
  display: none !important;
}

.is-sr-only {
  border: none !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 0.01em !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 0.01em !important;
}

@media screen and (max-width: 768px) {
  .is-hidden-mobile {
    display: none !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-hidden-tablet {
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-hidden-tablet-only {
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-hidden-touch {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-hidden-desktop {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-hidden-desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-hidden-widescreen {
    display: none !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-hidden-widescreen-only {
    display: none !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-hidden-fullhd {
    display: none !important;
  }
}
.is-invisible {
  visibility: hidden !important;
}

@media screen and (max-width: 768px) {
  .is-invisible-mobile {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px), print {
  .is-invisible-tablet {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  .is-invisible-tablet-only {
    visibility: hidden !important;
  }
}
@media screen and (max-width: 1023px) {
  .is-invisible-touch {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) {
  .is-invisible-desktop {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  .is-invisible-desktop-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) {
  .is-invisible-widescreen {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  .is-invisible-widescreen-only {
    visibility: hidden !important;
  }
}
@media screen and (min-width: 1408px) {
  .is-invisible-fullhd {
    visibility: hidden !important;
  }
}
/* Bulma Layout */
.hero {
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.hero .navbar {
  background: none;
}
.hero .tabs ul {
  border-bottom: none;
}
.hero.is-white {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.hero.is-white a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-white strong {
  color: inherit;
}
.hero.is-white .title {
  color: hsl(0, 0%, 4%);
}
.hero.is-white .subtitle {
  color: rgba(10.2, 10.2, 10.2, 0.9);
}
.hero.is-white .subtitle a:not(.button),
.hero.is-white .subtitle strong {
  color: hsl(0, 0%, 4%);
}
@media screen and (max-width: 1023px) {
  .hero.is-white .navbar-menu {
    background-color: hsl(0, 0%, 100%);
  }
}
.hero.is-white .navbar-item,
.hero.is-white .navbar-link {
  color: rgba(10.2, 10.2, 10.2, 0.7);
}
.hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active,
.hero.is-white .navbar-link:hover,
.hero.is-white .navbar-link.is-active {
  background-color: hsl(0, 0%, 95%);
  color: hsl(0, 0%, 4%);
}
.hero.is-white .tabs a {
  color: hsl(0, 0%, 4%);
  opacity: 0.9;
}
.hero.is-white .tabs a:hover {
  opacity: 1;
}
.hero.is-white .tabs li.is-active a {
  color: hsl(0, 0%, 100%) !important;
  opacity: 1;
}
.hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a {
  color: hsl(0, 0%, 4%);
}
.hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0, 0%, 4%);
  border-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.hero.is-white.is-bold {
  background-image: linear-gradient(141deg, hsl(350, 10%, 90%) 0%, hsl(0, 0%, 100%) 71%, hsl(10, 5%, 100%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-white.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(350, 10%, 90%) 0%, hsl(0, 0%, 100%) 71%, hsl(10, 5%, 100%) 100%);
  }
}
.hero.is-black {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
.hero.is-black a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-black strong {
  color: inherit;
}
.hero.is-black .title {
  color: hsl(0, 0%, 100%);
}
.hero.is-black .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-black .subtitle a:not(.button),
.hero.is-black .subtitle strong {
  color: hsl(0, 0%, 100%);
}
@media screen and (max-width: 1023px) {
  .hero.is-black .navbar-menu {
    background-color: hsl(0, 0%, 4%);
  }
}
.hero.is-black .navbar-item,
.hero.is-black .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active,
.hero.is-black .navbar-link:hover,
.hero.is-black .navbar-link.is-active {
  background-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
}
.hero.is-black .tabs a {
  color: hsl(0, 0%, 100%);
  opacity: 0.9;
}
.hero.is-black .tabs a:hover {
  opacity: 1;
}
.hero.is-black .tabs li.is-active a {
  color: hsl(0, 0%, 4%) !important;
  opacity: 1;
}
.hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a {
  color: hsl(0, 0%, 100%);
}
.hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover {
  background-color: hsl(0, 0%, 100%);
  border-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
.hero.is-black.is-bold {
  background-image: linear-gradient(141deg, hsl(350, 10%, 0%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-black.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(350, 10%, 0%) 0%, hsl(0, 0%, 4%) 71%, hsl(10, 5%, 9%) 100%);
  }
}
.hero.is-light {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-light strong {
  color: inherit;
}
.hero.is-light .title {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .subtitle {
  color: rgba(0, 0, 0, 0.9);
}
.hero.is-light .subtitle a:not(.button),
.hero.is-light .subtitle strong {
  color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 1023px) {
  .hero.is-light .navbar-menu {
    background-color: hsl(0, 0%, 96%);
  }
}
.hero.is-light .navbar-item,
.hero.is-light .navbar-link {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active,
.hero.is-light .navbar-link:hover,
.hero.is-light .navbar-link.is-active {
  background-color: hsl(0, 0%, 91%);
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs a {
  color: rgba(0, 0, 0, 0.7);
  opacity: 0.9;
}
.hero.is-light .tabs a:hover {
  opacity: 1;
}
.hero.is-light .tabs li.is-active a {
  color: hsl(0, 0%, 96%) !important;
  opacity: 1;
}
.hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a {
  color: rgba(0, 0, 0, 0.7);
}
.hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover {
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(0, 0, 0, 0.7);
  color: hsl(0, 0%, 96%);
}
.hero.is-light.is-bold {
  background-image: linear-gradient(141deg, hsl(350, 10%, 86%) 0%, hsl(0, 0%, 96%) 71%, hsl(10, 5%, 100%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-light.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(350, 10%, 86%) 0%, hsl(0, 0%, 96%) 71%, hsl(10, 5%, 100%) 100%);
  }
}
.hero.is-dark {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  color: #fff;
}
.hero.is-dark a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-dark strong {
  color: inherit;
}
.hero.is-dark .title {
  color: #fff;
}
.hero.is-dark .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-dark .subtitle a:not(.button),
.hero.is-dark .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-dark .navbar-menu {
    background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  }
}
.hero.is-dark .navbar-item,
.hero.is-dark .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active,
.hero.is-dark .navbar-link:hover,
.hero.is-dark .navbar-link.is-active {
  background-color: rgb(20.7103448276, 22.8344827586, 25.4896551724);
  color: #fff;
}
.hero.is-dark .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-dark .tabs a:hover {
  opacity: 1;
}
.hero.is-dark .tabs li.is-active a {
  color: rgb(32.1413793103, 35.4379310345, 39.5586206897) !important;
  opacity: 1;
}
.hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a {
  color: #fff;
}
.hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.hero.is-dark.is-bold {
  background-image: linear-gradient(141deg, rgb(8.2443103448, 10.8179310345, 12.4556896552) 0%, rgb(32.1413793103, 35.4379310345, 39.5586206897) 71%, rgb(41.1424137931, 45.2855172414, 56.0575862069) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-dark.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(8.2443103448, 10.8179310345, 12.4556896552) 0%, rgb(32.1413793103, 35.4379310345, 39.5586206897) 71%, rgb(41.1424137931, 45.2855172414, 56.0575862069) 100%);
  }
}
.hero.is-primary {
  background-color: #52575c;
  color: #fff;
}
.hero.is-primary a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-primary strong {
  color: inherit;
}
.hero.is-primary .title {
  color: #fff;
}
.hero.is-primary .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-primary .subtitle a:not(.button),
.hero.is-primary .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-primary .navbar-menu {
    background-color: #52575c;
  }
}
.hero.is-primary .navbar-item,
.hero.is-primary .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active,
.hero.is-primary .navbar-link:hover,
.hero.is-primary .navbar-link.is-active {
  background-color: rgb(69.9827586207, 74.25, 78.5172413793);
  color: #fff;
}
.hero.is-primary .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-primary .tabs a:hover {
  opacity: 1;
}
.hero.is-primary .tabs li.is-active a {
  color: #52575c !important;
  opacity: 1;
}
.hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a {
  color: #fff;
}
.hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #52575c;
}
.hero.is-primary.is-bold {
  background-image: linear-gradient(141deg, rgb(51.8155172414, 64.7281609195, 71.1844827586) 0%, #52575c 71%, rgb(89.0297413793, 96.1765804598, 110.4702586207) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-primary.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(51.8155172414, 64.7281609195, 71.1844827586) 0%, #52575c 71%, rgb(89.0297413793, 96.1765804598, 110.4702586207) 100%);
  }
}
.hero.is-link {
  background-color: #fafafa;
  color: #52575c;
}
.hero.is-link a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-link strong {
  color: inherit;
}
.hero.is-link .title {
  color: #52575c;
}
.hero.is-link .subtitle {
  color: rgba(82, 87, 92, 0.9);
}
.hero.is-link .subtitle a:not(.button),
.hero.is-link .subtitle strong {
  color: #52575c;
}
@media screen and (max-width: 1023px) {
  .hero.is-link .navbar-menu {
    background-color: #fafafa;
  }
}
.hero.is-link .navbar-item,
.hero.is-link .navbar-link {
  color: rgba(82, 87, 92, 0.7);
}
.hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active,
.hero.is-link .navbar-link:hover,
.hero.is-link .navbar-link.is-active {
  background-color: rgb(237.25, 237.25, 237.25);
  color: #52575c;
}
.hero.is-link .tabs a {
  color: #52575c;
  opacity: 0.9;
}
.hero.is-link .tabs a:hover {
  opacity: 1;
}
.hero.is-link .tabs li.is-active a {
  color: #fafafa !important;
  opacity: 1;
}
.hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a {
  color: #52575c;
}
.hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover {
  background-color: #52575c;
  border-color: #52575c;
  color: #fafafa;
}
.hero.is-link.is-bold {
  background-image: linear-gradient(141deg, rgb(227.55, 221.45, 221.45) 0%, #fafafa 71%, white 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-link.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(227.55, 221.45, 221.45) 0%, #fafafa 71%, white 100%);
  }
}
.hero.is-info {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
.hero.is-info a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-info strong {
  color: inherit;
}
.hero.is-info .title {
  color: #fff;
}
.hero.is-info .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-info .subtitle a:not(.button),
.hero.is-info .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-info .navbar-menu {
    background-color: hsl(207, 61%, 53%);
  }
}
.hero.is-info .navbar-item,
.hero.is-info .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active,
.hero.is-info .navbar-link:hover,
.hero.is-info .navbar-link.is-active {
  background-color: hsl(207, 61%, 48%);
  color: #fff;
}
.hero.is-info .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-info .tabs a:hover {
  opacity: 1;
}
.hero.is-info .tabs li.is-active a {
  color: hsl(207, 61%, 53%) !important;
  opacity: 1;
}
.hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a {
  color: #fff;
}
.hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: hsl(207, 61%, 53%);
}
.hero.is-info.is-bold {
  background-image: linear-gradient(141deg, hsl(197, 71%, 43%) 0%, hsl(207, 61%, 53%) 71%, hsl(217, 66%, 58%) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-info.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, hsl(197, 71%, 43%) 0%, hsl(207, 61%, 53%) 71%, hsl(217, 66%, 58%) 100%);
  }
}
.hero.is-success {
  background-color: #62c462;
  color: #fff;
}
.hero.is-success a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-success strong {
  color: inherit;
}
.hero.is-success .title {
  color: #fff;
}
.hero.is-success .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-success .subtitle a:not(.button),
.hero.is-success .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-success .navbar-menu {
    background-color: #62c462;
  }
}
.hero.is-success .navbar-item,
.hero.is-success .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active,
.hero.is-success .navbar-link:hover,
.hero.is-success .navbar-link.is-active {
  background-color: rgb(79.4652777778, 189.0347222222, 79.4652777778);
  color: #fff;
}
.hero.is-success .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-success .tabs a:hover {
  opacity: 1;
}
.hero.is-success .tabs li.is-active a {
  color: #62c462 !important;
  opacity: 1;
}
.hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a {
  color: #fff;
}
.hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #62c462;
}
.hero.is-success.is-bold {
  background-image: linear-gradient(141deg, rgb(76.65, 188.775, 54.225) 0%, #62c462 71%, rgb(111.7722222222, 207.7277777778, 127.7648148148) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-success.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(76.65, 188.775, 54.225) 0%, #62c462 71%, rgb(111.7722222222, 207.7277777778, 127.7648148148) 100%);
  }
}
.hero.is-warning {
  background-color: #f89406;
  color: #fff;
}
.hero.is-warning a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-warning strong {
  color: inherit;
}
.hero.is-warning .title {
  color: #fff;
}
.hero.is-warning .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-warning .subtitle a:not(.button),
.hero.is-warning .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-warning .navbar-menu {
    background-color: #f89406;
  }
}
.hero.is-warning .navbar-item,
.hero.is-warning .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active,
.hero.is-warning .navbar-link:hover,
.hero.is-warning .navbar-link.is-active {
  background-color: rgb(223.1023622047, 133.1417322835, 5.3976377953);
  color: #fff;
}
.hero.is-warning .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-warning .tabs a:hover {
  opacity: 1;
}
.hero.is-warning .tabs li.is-active a {
  color: #f89406 !important;
  opacity: 1;
}
.hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a {
  color: #fff;
}
.hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #f89406;
}
.hero.is-warning.is-bold {
  background-image: linear-gradient(141deg, rgb(203, 85.282369146, 0) 0%, #f89406 71%, rgb(255, 198.1687327824, 24.5) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-warning.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(203, 85.282369146, 0) 0%, #f89406 71%, rgb(255, 198.1687327824, 24.5) 100%);
  }
}
.hero.is-danger {
  background-color: #ee5f5b;
  color: #fff;
}
.hero.is-danger a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current),
.hero.is-danger strong {
  color: inherit;
}
.hero.is-danger .title {
  color: #fff;
}
.hero.is-danger .subtitle {
  color: rgba(255, 255, 255, 0.9);
}
.hero.is-danger .subtitle a:not(.button),
.hero.is-danger .subtitle strong {
  color: #fff;
}
@media screen and (max-width: 1023px) {
  .hero.is-danger .navbar-menu {
    background-color: #ee5f5b;
  }
}
.hero.is-danger .navbar-item,
.hero.is-danger .navbar-link {
  color: rgba(255, 255, 255, 0.7);
}
.hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active,
.hero.is-danger .navbar-link:hover,
.hero.is-danger .navbar-link.is-active {
  background-color: rgb(235.6049723757, 72.4585635359, 67.8950276243);
  color: #fff;
}
.hero.is-danger .tabs a {
  color: #fff;
  opacity: 0.9;
}
.hero.is-danger .tabs a:hover {
  opacity: 1;
}
.hero.is-danger .tabs li.is-active a {
  color: #ee5f5b !important;
  opacity: 1;
}
.hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a {
  color: #fff;
}
.hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover {
  background-color: rgba(10.2, 10.2, 10.2, 0.1);
}
.hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover {
  background-color: #fff;
  border-color: #fff;
  color: #ee5f5b;
}
.hero.is-danger.is-bold {
  background-image: linear-gradient(141deg, rgb(244.8099447514, 33.1900552486, 62.7016724922) 0%, #ee5f5b 71%, rgb(244.2825276243, 136.2096769647, 110.2174723757) 100%);
}
@media screen and (max-width: 768px) {
  .hero.is-danger.is-bold .navbar-menu {
    background-image: linear-gradient(141deg, rgb(244.8099447514, 33.1900552486, 62.7016724922) 0%, #ee5f5b 71%, rgb(244.2825276243, 136.2096769647, 110.2174723757) 100%);
  }
}
.hero.is-small .hero-body {
  padding: 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero.is-medium .hero-body {
    padding: 9rem 4.5rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero.is-large .hero-body {
    padding: 18rem 6rem;
  }
}
.hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body, .hero.is-fullheight-with-navbar .hero-body {
  align-items: center;
  display: flex;
}
.hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container, .hero.is-fullheight-with-navbar .hero-body > .container {
  flex-grow: 1;
  flex-shrink: 1;
}
.hero.is-halfheight {
  min-height: 50vh;
}
.hero.is-fullheight {
  min-height: 100vh;
}

.hero-video {
  overflow: hidden;
}
.hero-video video {
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.hero-video.is-transparent {
  opacity: 0.3;
}
@media screen and (max-width: 768px) {
  .hero-video {
    display: none;
  }
}

.hero-buttons {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .hero-buttons .button {
    display: flex;
  }
  .hero-buttons .button:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
@media screen and (min-width: 769px), print {
  .hero-buttons {
    display: flex;
    justify-content: center;
  }
  .hero-buttons .button:not(:last-child) {
    margin-right: 1.5rem;
  }
}

.hero-head,
.hero-foot {
  flex-grow: 0;
  flex-shrink: 0;
}

.hero-body {
  flex-grow: 1;
  flex-shrink: 0;
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 769px), print {
  .hero-body {
    padding: 3rem 3rem;
  }
}

.section {
  padding: 3rem 1.5rem;
}
@media screen and (min-width: 1024px) {
  .section {
    padding: 3rem 3rem;
  }
  .section.is-medium {
    padding: 9rem 4.5rem;
  }
  .section.is-large {
    padding: 18rem 6rem;
  }
}

.footer {
  background-color: #3a3f44;
  padding: 3rem 1.5rem 6rem;
}

.section {
  background-color: #272b30;
}

.hero {
  background-color: #3a3f44;
}

.button,
.input,
.pagination-ellipsis,
.pagination-link,
.pagination-next,
.pagination-previous,
.select,
.select select,
.textarea,
.control.has-icons-left .icon,
.control.has-icons-right .icon {
  height: 2.5em;
}

.button {
  transition: all 200ms ease;
}
.button.is-white:not(.is-outlined):not(.is-inverted) {
  background-image: linear-gradient(180deg, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 100%) 60%, hsl(0, 0%, 96%) 100%);
  filter: none;
}
.button.is-white:not(.is-outlined):not(.is-inverted).is-hovered, .button.is-white:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, hsl(0, 0%, 92%) 0%, hsl(0, 0%, 96%) 40%, hsl(0, 0%, 100%) 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10.2, 10.2, 10.2, 0.3);
}
.button.is-black:not(.is-outlined):not(.is-inverted) {
  background-image: linear-gradient(180deg, hsl(0, 0%, 10%) 0%, hsl(0, 0%, 4%) 60%, hsl(0, 0%, 0%) 100%);
  filter: none;
}
.button.is-black:not(.is-outlined):not(.is-inverted).is-hovered, .button.is-black:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, hsl(0, 0%, 0%) 0%, hsl(0, 0%, 0%) 40%, hsl(0, 0%, 4%) 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10.2, 10.2, 10.2, 0.3);
}
.button.is-light:not(.is-outlined):not(.is-inverted) {
  background-image: linear-gradient(180deg, hsl(0, 0%, 100%) 0%, hsl(0, 0%, 96%) 60%, hsl(0, 0%, 92%) 100%);
  filter: none;
}
.button.is-light:not(.is-outlined):not(.is-inverted).is-hovered, .button.is-light:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, hsl(0, 0%, 88%) 0%, hsl(0, 0%, 92%) 40%, hsl(0, 0%, 96%) 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10.2, 10.2, 10.2, 0.3);
}
.button.is-dark:not(.is-outlined):not(.is-inverted) {
  background-image: linear-gradient(180deg, rgb(45.8586206897, 50.5620689655, 56.4413793103) 0%, rgb(32.1413793103, 35.4379310345, 39.5586206897) 60%, rgb(22.9965517241, 25.3551724138, 28.3034482759) 100%);
  filter: none;
}
.button.is-dark:not(.is-outlined):not(.is-inverted).is-hovered, .button.is-dark:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, rgb(13.8517241379, 15.2724137931, 17.0482758621) 0%, rgb(22.9965517241, 25.3551724138, 28.3034482759) 40%, rgb(32.1413793103, 35.4379310345, 39.5586206897) 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10.2, 10.2, 10.2, 0.3);
}
.button.is-primary:not(.is-outlined):not(.is-inverted) {
  background-image: linear-gradient(180deg, rgb(96.4206896552, 102.3, 108.1793103448) 0%, #52575c 60%, rgb(72.3862068966, 76.8, 81.2137931034) 100%);
  filter: none;
}
.button.is-primary:not(.is-outlined):not(.is-inverted).is-hovered, .button.is-primary:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, rgb(62.7724137931, 66.6, 70.4275862069) 0%, rgb(72.3862068966, 76.8, 81.2137931034) 40%, #52575c 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10.2, 10.2, 10.2, 0.3);
}
.button.is-link:not(.is-outlined):not(.is-inverted) {
  background-image: linear-gradient(180deg, white 0%, #fafafa 60%, rgb(239.8, 239.8, 239.8) 100%);
  filter: none;
}
.button.is-link:not(.is-outlined):not(.is-inverted).is-hovered, .button.is-link:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, rgb(229.6, 229.6, 229.6) 0%, rgb(239.8, 239.8, 239.8) 40%, #fafafa 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10.2, 10.2, 10.2, 0.3);
}
.button.is-info:not(.is-outlined):not(.is-inverted) {
  background-image: linear-gradient(180deg, hsl(207, 61%, 59%) 0%, hsl(207, 61%, 53%) 60%, hsl(207, 61%, 49%) 100%);
  filter: none;
}
.button.is-info:not(.is-outlined):not(.is-inverted).is-hovered, .button.is-info:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, hsl(207, 61%, 45%) 0%, hsl(207, 61%, 49%) 40%, hsl(207, 61%, 53%) 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10.2, 10.2, 10.2, 0.3);
}
.button.is-success:not(.is-outlined):not(.is-inverted) {
  background-image: linear-gradient(180deg, rgb(120.2416666667, 204.3583333333, 120.2416666667) 0%, #62c462 60%, rgb(83.1722222222, 190.4277777778, 83.1722222222) 100%);
  filter: none;
}
.button.is-success:not(.is-outlined):not(.is-inverted).is-hovered, .button.is-success:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, rgb(69.1611111111, 184.0388888889, 69.1611111111) 0%, rgb(83.1722222222, 190.4277777778, 83.1722222222) 40%, #62c462 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10.2, 10.2, 10.2, 0.3);
}
.button.is-warning:not(.is-outlined):not(.is-inverted) {
  background-image: linear-gradient(180deg, rgb(249.6755905512, 160.9354330709, 34.9244094488) 0%, #f89406 60%, rgb(228.0818897638, 136.1133858268, 5.5181102362) 100%);
  filter: none;
}
.button.is-warning:not(.is-outlined):not(.is-inverted).is-hovered, .button.is-warning:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, rgb(208.1637795276, 124.2267716535, 5.0362204724) 0%, rgb(228.0818897638, 136.1133858268, 5.5181102362) 40%, #f89406 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10.2, 10.2, 10.2, 0.3);
}
.button.is-danger:not(.is-outlined):not(.is-inverted) {
  background-image: linear-gradient(180deg, rgb(240.8740331492, 122.0497237569, 118.7259668508) 0%, #ee5f5b 60%, rgb(236.0839779006, 76.9668508287, 72.5160220994) 100%);
  filter: none;
}
.button.is-danger:not(.is-outlined):not(.is-inverted).is-hovered, .button.is-danger:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, rgb(234.1679558011, 58.9337016575, 54.0320441989) 0%, rgb(236.0839779006, 76.9668508287, 72.5160220994) 40%, #ee5f5b 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10.2, 10.2, 10.2, 0.3);
}

.notification.is-white a:not(.button) {
  color: hsl(0, 0%, 4%);
  text-decoration: underline;
}
.notification.is-black a:not(.button) {
  color: hsl(0, 0%, 100%);
  text-decoration: underline;
}
.notification.is-light a:not(.button) {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: underline;
}
.notification.is-dark a:not(.button) {
  color: #fff;
  text-decoration: underline;
}
.notification.is-primary a:not(.button) {
  color: #fff;
  text-decoration: underline;
}
.notification.is-link a:not(.button) {
  color: #52575c;
  text-decoration: underline;
}
.notification.is-info a:not(.button) {
  color: #fff;
  text-decoration: underline;
}
.notification.is-success a:not(.button) {
  color: #fff;
  text-decoration: underline;
}
.notification.is-warning a:not(.button) {
  color: #fff;
  text-decoration: underline;
}
.notification.is-danger a:not(.button) {
  color: #fff;
  text-decoration: underline;
}

.card {
  border: 1px solid #52575c;
  border-radius: 4px;
}
.card .card-image img {
  border-radius: 4px 4px 0 0;
}
.card .card-header {
  border-radius: 4px 4px 0 0;
}
.card .card-footer,
.card .card-footer-item {
  border-width: 1px;
  border-color: #52575c;
}

.navbar {
  border: 1px solid rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
@media screen and (max-width: 1023px) {
  .navbar .navbar-menu {
    background-color: inherit;
  }
}
.navbar .navbar-item,
.navbar .navbar-link {
  color: rgba(255, 255, 255, 0.75);
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(10.2, 10.2, 10.2, 0.2);
}
.navbar .navbar-item.is-active,
.navbar .navbar-link.is-active {
  background-color: rgba(32.1413793103, 35.4379310345, 39.5586206897, 0.1);
}
.navbar .navbar-item:hover,
.navbar .navbar-link:hover {
  color: hsl(0, 0%, 100%);
  border-left: 1px solid rgba(10.2, 10.2, 10.2, 0.2);
  background-color: rgba(10.2, 10.2, 10.2, 0.2);
}
.navbar.is-white .navbar-item,
.navbar.is-white .navbar-link {
  color: rgba(10.2, 10.2, 10.2, 0.75);
}
.navbar.is-white .navbar-item.is-active,
.navbar.is-white .navbar-link.is-active {
  color: rgb(10.2, 10.2, 10.2);
}
.navbar.is-black .navbar-item,
.navbar.is-black .navbar-link {
  color: rgba(255, 255, 255, 0.75);
}
.navbar.is-black .navbar-item.is-active,
.navbar.is-black .navbar-link.is-active {
  color: white;
}
.navbar.is-light .navbar-item,
.navbar.is-light .navbar-link {
  color: rgba(0, 0, 0, 0.75);
}
.navbar.is-light .navbar-item.is-active,
.navbar.is-light .navbar-link.is-active {
  color: black;
}
.navbar.is-dark .navbar-item,
.navbar.is-dark .navbar-link {
  color: rgba(255, 255, 255, 0.75);
}
.navbar.is-dark .navbar-item.is-active,
.navbar.is-dark .navbar-link.is-active {
  color: white;
}
.navbar.is-primary .navbar-item,
.navbar.is-primary .navbar-link {
  color: rgba(255, 255, 255, 0.75);
}
.navbar.is-primary .navbar-item.is-active,
.navbar.is-primary .navbar-link.is-active {
  color: white;
}
.navbar.is-link .navbar-item,
.navbar.is-link .navbar-link {
  color: rgba(82, 87, 92, 0.75);
}
.navbar.is-link .navbar-item.is-active,
.navbar.is-link .navbar-link.is-active {
  color: #52575c;
}
.navbar.is-info .navbar-item,
.navbar.is-info .navbar-link {
  color: rgba(255, 255, 255, 0.75);
}
.navbar.is-info .navbar-item.is-active,
.navbar.is-info .navbar-link.is-active {
  color: white;
}
.navbar.is-success .navbar-item,
.navbar.is-success .navbar-link {
  color: rgba(255, 255, 255, 0.75);
}
.navbar.is-success .navbar-item.is-active,
.navbar.is-success .navbar-link.is-active {
  color: white;
}
.navbar.is-warning .navbar-item,
.navbar.is-warning .navbar-link {
  color: rgba(255, 255, 255, 0.75);
}
.navbar.is-warning .navbar-item.is-active,
.navbar.is-warning .navbar-link.is-active {
  color: white;
}
.navbar.is-danger .navbar-item,
.navbar.is-danger .navbar-link {
  color: rgba(255, 255, 255, 0.75);
}
.navbar.is-danger .navbar-item.is-active,
.navbar.is-danger .navbar-link.is-active {
  color: white;
}

.hero .navbar {
  background-color: #3a3f44;
}
.hero.is-white .navbar {
  background: none;
}
.hero.is-black .navbar {
  background: none;
}
.hero.is-light .navbar {
  background: none;
}
.hero.is-dark .navbar {
  background: none;
}
.hero.is-primary .navbar {
  background: none;
}
.hero.is-link .navbar {
  background: none;
}
.hero.is-info .navbar {
  background: none;
}
.hero.is-success .navbar {
  background: none;
}
.hero.is-warning .navbar {
  background: none;
}
.hero.is-danger .navbar {
  background: none;
}

.tabs a:hover {
  color: white;
  border-bottom-color: white;
}
.tabs li.is-active a {
  color: #fff;
  border-bottom-color: #fff;
}

.modal .modal-card-body {
  background-color: #272b30;
}

/** Additional changes for specific components/features within Replayer */
/*************************************************************
 * Section stylings
 * Replayer-specific (smaller) section margins
**************************************************************
*/
/* Default padding on section (for smaller screens) smaller, and equally small on all sides*/
@media screen and (max-width: 1024px) {
  .section {
    padding: 1.5rem 1.5rem;
  }
}
@media screen and (max-width: 769px) {
  .section {
    padding: 0.75rem 0.75rem;
  }
}
/*************************************************************
 * Cue playback / player styles
 * These styles are based on the slate bulmaswatch theme and borrow variables from there
**************************************************************
*/
.player-timeline {
  height: 100%;
  min-width: 2em;
  position: relative;
  /* A player progress as simple vertical handle */
}
.player-timeline .player-progress,
.player-timeline .player-seeker {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
}
.player-timeline .player-progress {
  background-color: rgba(0, 0, 0, 0.33);
  border-right-width: 0.3em;
  border-right-style: solid;
  border-right-color: #fafafa;
  z-index: 1;
}

/* Cue buttons should be a bit more present than other buttons
 */
button.cue.button {
  border-width: 2px;
}

/* Make the selected cue visually outstanding besides the color,
 * to better help people with Achromatopsia
 * This variant uses the existing button shadow, making it permanent. 
 * It is used to visually extend the button, making it to
 * appear a bit bigger and more brightly bordered.
 */
button.cue.button.is-selected {
  box-shadow: 0 0 0 0.2em #fafafa;
  border-color: #fafafa;
}

button.cue.button.is-selected.is-success {
  box-shadow: 0 0 0 0.2em #62c462;
}

/* In the cues bar, due to tighter spacing, remove the left and right box shadow*/
.cue-buttons-bar.buttons button.cue.button.is-selected.is-success {
  box-shadow: 0 -0.2em 0 0 #62c462, 0 0.2em 0 0 #62c462;
}

/* Make the scheduled cue visually outstanding
 */
button.cue.button.is-scheduled {
  animation-name: blinking;
  animation-duration: 600ms;
  animation-iteration-count: infinite;
  border-color: transparent;
}

@keyframes blinking {
  50% {
    border-color: #fafafa;
  }
}
/** Allows to show elements in front of the player-progress background span
   * @devdoc Otherwise, due to unknown reasons, these elements would be shown behind the progress shade, regardless of that they are defined after the progress shade.
   */
.player-timeline .foreground {
  position: relative;
  z-index: 1;
}

/*************************************************************
 * Track styles 
 * These styles are based on the slate bulmaswatch theme and borrow variables from there
**************************************************************

/** Specific styles for active tracks, to have them more visually outstanding
 * The active track should look like the bottom nav player widget
 * Because outlines can not have a radius, a hard shadow is used 
 */
.track {
  background-color: transparent;
  border: solid 5px;
  border-radius: 16px;
  border-color: transparent;
  margin: -0.75em;
  padding: calc(0.75em - 5px);
  /* controls the distance of the bottom border to the last element 
  (NOTE: Negative values are not allowed here) */
  padding-bottom: 0;
}

/* show a border around a track, but only in the edit mode, 
to visually separate the many controls for different tracks.
Not showing the border otherwise keeps the UI in non-edit modes calm */
.track.is-editable {
  border-color: #3a3f44;
}

/* Highlighting hovered media tracks track to indicate clickability */
.track.is-audio:hover,
.track.is-video:hover,
.track.is-youtube-video:hover {
  background-color: rgba(58, 63, 68, 0.5); /* similar to has-background-grey-dark */
}

.track.is-active-track {
  background-color: #3a3f44 !important; /* similar to has-background-grey-dark */
}

.track.block {
  /* controls the distance between tracks (value is similar to section)
  Use a large value to visually separate the many controls for different tracks. */
  margin-bottom: 0.5rem;
}

.track.block.is-editable {
  /* controls the distance between tracks (value is similar to section)
  Use a large value to visually separate the many controls for different tracks. */
  margin-bottom: 3rem;
}

/*************************************************************
 * Specific styles for nav buttons (with the is-nav class)
 * These nav buttons do not have an editing function, but rather serve
 * a navigational purpose
 * Note: These styles are based on a the "slate" bulmaswatch theme and borrow variables from there
 **************************************************************/
/* Navigational buttons generally should have no border (like is-ghost), 
* but have a subtle hover background
* Except, when focused by keyboard this should not apply (and the usual focus border should be applied)
* to allow visual cues for keyboard navigation
*/
.button.is-nav {
  background: none;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  text-decoration: none;
}

.button.is-nav:focus:not(:active) {
  box-shadow: none;
}

/* Specific handling for focus visibility.
* Nav-Buttons should in general not show a focus visual,
* except for keyboard navigation, with the specific modifier, focus-visible
*/
.button.is-nav:focus {
  border-color: transparent;
  box-shadow: none;
}

.button.is-nav:focus-visible {
  border-color: #ededed;
}

/* Indicate an actionable item */
.button.is-nav:hover {
  background: rgba(122, 130, 136, 0.2);
}

/*************************************************************
 * Specific styles for knob buttons (showing a knob input
 * within a button, with the is-knob class
 * These knob buttons do not have a clickable action, but serve as
 * a slider type input
 **************************************************************/
/** Knobs that are inside buttons should appear with minimal padding (using most space) inside the button */
.button.is-knob {
  padding-left: 0.25em;
  padding-top: 0.25em;
  padding-right: 0.25em;
  padding-bottom: 0.25em;
}

/*************************************************************
 * Specific styles for indicators / indicator buttons (similar to is-static)
 * These buttons are placeholders,
 * without action, to display a certain state
**************************************************************/
/* Indicator foreground color should be like normal text */
.is-indicator {
  color: #aaa;
}

/* Indicator buttons should have no border and no background */
/* Their foreground color should be like normal text */
.button.is-indicator,
.button.is-indicator:hover {
  background: none;
  border-color: transparent;
  pointer-events: none;
  color: #aaa;
}

/* The playback indicator specifically allows the hover pointer event to 
 * enable tooltip display */
.button.is-indicator.playback-indicator,
.button.is-indicator.playback-indicator:hover {
  pointer-events: all;
}

/*************************************************************
 * Specific styles for navbar items
 **************************************************************/
/* On the navbar, remove the hover effect, since the navbar items themselves
 * represent no action (currently only relevant on the bottom player navbar) */
.navbar .navbar-item:hover,
.navbar .navbar-link:hover {
  background-color: inherit;
}

/* The navbar does not have a minimum height, effectively hiding it, 
when no content is shown */
.navbar {
  min-height: 0;
}

/* Nav-Bars should be below a dropdown menu */
.navbar.is-fixed-bottom,
.navbar.is-fixed-top {
  z-index: 2;
}

/*************************************************************
 * Additional flexbox helpers
 * These styles are based on and extending the bulma flexbox helpers
**************************************************************
*/
.is-flex-basis-min-content {
  flex-basis: min-content;
}

/*************************************************************
 * Level helpers
 * These classes manipulate the default Bulma level control
**************************************************************
*/
/** Desktop variant for the level breakpoint */
@media screen and (max-width: 1023px) {
  .level.has-breakpoint-desktop {
    display: block;
  }
  .level-left.has-breakpoint-desktop,
  .level-right.has-breakpoint-desktop {
    display: block;
  }
}
/** Allows level items to wrap at the end of lines, instead of getting pushed out of the boundary
To keep the effect on small devices, add the "is-mobile" class.
This class can be used directly on level containers. or on level-left or level-right containers.
It affects the immediate children.
 */
.level .level-left.level-wrap,
.level .level-right.level-wrap,
.level.level-wrap {
  flex-wrap: wrap;
  flex-shrink: unset;
  row-gap: 0.75rem;
  /** Use up all available space in favor of more space between children */
  justify-content: flex-start;
  /* Make up the missing maring for the multi-line items */
  margin-right: 0.75rem;
}

/* Make up the missing maring for the multi-line items */
.level .level-left.level-wrap {
  margin-right: 0.75rem;
}

.level .level-right.level-wrap {
  margin-left: 0.75rem;
}

/* To make the justify-content from above work, the items can not unconditionally grow, apparently */
.level .level-left.level-wrap .level-item,
.level .level-right.level-wrap .level-item,
.level.level-wrap .level-item {
  flex-grow: unset;
}

/* Fields in level-items can be full-width, taking up any available space in growing level items */
.level-item .field.is-fullwidth {
  width: 100%;
}

/*************************************************************
 * Styles for specific buttons usage
 * These styles are based on the slate bulmaswatch theme and borrow variables from there
**************************************************************
*/
/*************************************************************
 * (Track) Button layout
**************************************************************
*/
/* Multiline buttons (use <br/> in a button text to force multiline) */
.button.is-multiline {
  min-height: 2.25em;
  white-space: unset;
  height: auto;
  flex-direction: column;
}

/*************************************************************
 * Support for button block layout (use by adding "has-gap")
 * Aligns all the buttons nicely when placed within a "block" 
 * layout with flex-grow (e.g. the cues button field)
 * Fixes the otherwise unequal gaps of right-edge buttons in a group.
 * 
 * Note: the gap CSS feature is not supported on all devices,
 * notably not on older iOS devices with Safari below 14.1
 * Thus, the gap feature is tested beforehand
**************************************************************
*/
@supports not ((-webkit-touch-callout: none) and (not (translate: none))) {
  /* First, for a gapped buttons group,  
   * remove the original bulma margin from the grouped buttons */
  .buttons.has-gap .button {
    margin-bottom: 0;
  }
  .buttons.has-gap .button:not(:last-child):not(.is-fullwidth) {
    margin-right: 0;
  }
  .buttons.has-gap:last-child {
    margin-bottom: 0;
  }
  /* Then, instead of the margin, add a consistent gap 
   * of the same size between the grouped buttons
   */
  .buttons.buttons.has-gap {
    gap: 0.5rem;
  }
}
/*************************************************************
 * Disabled buttons should have no background or border
 **************************************************************
*/
.button[disabled],
fieldset[disabled] .button,
.button[disabled]:hover,
fieldset[disabled] .button:hover {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  pointer-events: none;
}

/* Disabled links should be treated like buttons in this regard*/
a[disabled],
a[disabled]:hover {
  background-color: transparent;
  border-color: transparent;
  pointer-events: none;
  opacity: 0.5;
}

/*************************************************************
 * Support for button icon rotations
 **************************************************************
*/
.button .icon.rotate {
  -moz-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.button .icon.rotate.right {
  -ms-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.button .icon.rotate.up {
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.button .icon.rotate.left {
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.button .icon.rotate.down {
  -ms-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}

/*************************************************************
 * Unfortunately, the existing focus style is different for colored buttons
   However, for Replayer, colored buttons should have the same 
   focus styles as all the other buttons.
   Thus, this style is set here for them all the same   
**************************************************************/
/* focus */
.button:focus,
.button.is-primary:focus,
.button.is-link:focus,
.button.is-info:focus,
.button.is-success:focus,
.button.is-warning:focus,
.button.is-danger:focus,
.button.is-focused,
.button.is-primary.is-focused,
.button.is-link.is-focused,
.button.is-info.is-focused,
.button.is-success.is-focused,
.button.is-warning.is-focused,
.button.is-danger.is-focused {
  border-color: hsl(0, 0%, 93%);
  color: hsl(0, 0%, 93%);
}

/* focus */
.button:focus:not(:active),
.button.is-primary:focus:not(:active),
.button.is-link:focus:not(:active),
.button.is-info:focus:not(:active),
.button.is-success:focus:not(:active),
.button.is-warning:focus:not(:active),
.button.is-danger:focus:not(:active),
.button.is-focused:not(:active),
.button.is-primary.is-focused:not(:active),
.button.is-link.is-focused:not(:active),
.button.is-info.is-focused:not(:active),
.button.is-success.is-focused:not(:active),
.button.is-warning.is-focused:not(:active),
.button.is-danger.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(250, 250, 250, 0.25);
}

/*************************************************************
 * "Colorless" Buttons for special cues
**************************************************************/
/** A colorless button should also have the default appearance (including similar brightness) except the coloring */
.button.is-colorless {
  filter: grayscale(100%) !important;
}

/*************************************************************
 * "Yellow" Buttons for Soloing
**************************************************************/
.button.is-warning.is-yellow {
  filter: hue-rotate(20deg) !important;
}

/*************************************************************
 * "inactive" Buttons for actionable items
**************************************************************/
/** Buttons in inactive state should present themselves as actionable but deactivated
 * The button colors are those from the actual buttons, but with a=0.25
 * NOTE: only the actually used subset of colors is provided here
 */
.button.is-primary.is-inactive:not(.is-outlined):not(.is-inverted) {
  background-image: none;
  background-color: transparent;
  border-color: #52575c;
  color: hsl(0, 0%, 93%);
}

.button.is-primary.is-inactive:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, rgba(63, 67, 70, 0.25) 0%, rgba(72, 77, 81, 0.25) 40%, rgba(82, 87, 92, 0.25) 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.3);
}

.button.is-danger.is-inactive:not(.is-outlined):not(.is-inverted) {
  background-image: none;
  background-color: transparent;
  border-color: #ee5f5b;
  color: hsl(0, 0%, 93%);
}

.button.is-danger.is-inactive:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, rgba(234, 59, 54, 0.25) 0%, rgba(236, 77, 73, 0.25) 40%, rgba(238, 95, 91, 0.25) 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.3);
}

.button.is-warning.is-inactive:not(.is-outlined):not(.is-inverted) {
  background-image: none;
  background-color: transparent;
  border-color: #f89406;
  color: hsl(0, 0%, 93%);
}

.button.is-warning.is-inactive:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, rgba(250, 161, 35, 0.25) 0%, rgba(248, 148, 6, 0.25) 40%, rgba(228, 136, 6, 0.25) 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.3);
}

.button.is-info.is-inactive:not(.is-outlined):not(.is-inverted) {
  background-image: none;
  background-color: transparent;
  border-color: hsl(207, 61%, 53%);
  color: hsl(0, 0%, 93%);
}

.button.is-info.is-inactive:not(.is-outlined):not(.is-inverted):hover {
  background-image: linear-gradient(180deg, rgba(87, 157, 214, 0.25) 0%, rgba(62, 142, 208, 0.25) 40%, rgba(49, 133, 201, 0.25) 100%);
  filter: none;
  text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.3);
}

/*************************************************************
 * Circular progress
 * Taken from https://gist.github.com/nicbet/49a681d036ab8c2886e3419a6e8c6efb
**************************************************************
*/
.progress-circle {
  position: relative;
  float: left;
  width: 1rem;
  height: 1rem;
  border: none;
  border-radius: 50%;
}
.progress-circle.is-white {
  background-color: hsl(0, 0%, 100%);
}
.progress-circle.is-white.is-0, .progress-circle.is-white[value="0"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(90deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-1, .progress-circle.is-white[value="1"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(93.6deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-2, .progress-circle.is-white[value="2"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(97.2deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-3, .progress-circle.is-white[value="3"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(100.8deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-4, .progress-circle.is-white[value="4"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(104.4deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-5, .progress-circle.is-white[value="5"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(108deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-6, .progress-circle.is-white[value="6"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(111.6deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-7, .progress-circle.is-white[value="7"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(115.2deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-8, .progress-circle.is-white[value="8"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(118.8deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-9, .progress-circle.is-white[value="9"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(122.4deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-10, .progress-circle.is-white[value="10"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(126deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-11, .progress-circle.is-white[value="11"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(129.6deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-12, .progress-circle.is-white[value="12"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(133.2deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-13, .progress-circle.is-white[value="13"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(136.8deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-14, .progress-circle.is-white[value="14"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(140.4deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-15, .progress-circle.is-white[value="15"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(144deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-16, .progress-circle.is-white[value="16"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(147.6deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-17, .progress-circle.is-white[value="17"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(151.2deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-18, .progress-circle.is-white[value="18"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(154.8deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-19, .progress-circle.is-white[value="19"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(158.4deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-20, .progress-circle.is-white[value="20"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(162deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-21, .progress-circle.is-white[value="21"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(165.6deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-22, .progress-circle.is-white[value="22"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(169.2deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-23, .progress-circle.is-white[value="23"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(172.8deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-24, .progress-circle.is-white[value="24"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(176.4deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-25, .progress-circle.is-white[value="25"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(180deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-26, .progress-circle.is-white[value="26"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(183.6deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-27, .progress-circle.is-white[value="27"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(187.2deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-28, .progress-circle.is-white[value="28"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(190.8deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-29, .progress-circle.is-white[value="29"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(194.4deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-30, .progress-circle.is-white[value="30"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(198deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-31, .progress-circle.is-white[value="31"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(201.6deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-32, .progress-circle.is-white[value="32"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(205.2deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-33, .progress-circle.is-white[value="33"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(208.8deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-34, .progress-circle.is-white[value="34"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(212.4deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-35, .progress-circle.is-white[value="35"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(216deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-36, .progress-circle.is-white[value="36"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(219.6deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-37, .progress-circle.is-white[value="37"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(223.2deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-38, .progress-circle.is-white[value="38"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(226.8deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-39, .progress-circle.is-white[value="39"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(230.4deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-40, .progress-circle.is-white[value="40"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(234deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-41, .progress-circle.is-white[value="41"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(237.6deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-42, .progress-circle.is-white[value="42"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(241.2deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-43, .progress-circle.is-white[value="43"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(244.8deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-44, .progress-circle.is-white[value="44"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(248.4deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-45, .progress-circle.is-white[value="45"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(252deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-46, .progress-circle.is-white[value="46"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(255.6deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-47, .progress-circle.is-white[value="47"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(259.2deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-48, .progress-circle.is-white[value="48"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(262.8deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-49, .progress-circle.is-white[value="49"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(266.4deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-50, .progress-circle.is-white[value="50"] {
  background-image: linear-gradient(-90deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-51, .progress-circle.is-white[value="51"] {
  background-image: linear-gradient(-86.4deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-52, .progress-circle.is-white[value="52"] {
  background-image: linear-gradient(-82.8deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-53, .progress-circle.is-white[value="53"] {
  background-image: linear-gradient(-79.2deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-54, .progress-circle.is-white[value="54"] {
  background-image: linear-gradient(-75.6deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-55, .progress-circle.is-white[value="55"] {
  background-image: linear-gradient(-72deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-56, .progress-circle.is-white[value="56"] {
  background-image: linear-gradient(-68.4deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-57, .progress-circle.is-white[value="57"] {
  background-image: linear-gradient(-64.8deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-58, .progress-circle.is-white[value="58"] {
  background-image: linear-gradient(-61.2deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-59, .progress-circle.is-white[value="59"] {
  background-image: linear-gradient(-57.6deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-60, .progress-circle.is-white[value="60"] {
  background-image: linear-gradient(-54deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-61, .progress-circle.is-white[value="61"] {
  background-image: linear-gradient(-50.4deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-62, .progress-circle.is-white[value="62"] {
  background-image: linear-gradient(-46.8deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-63, .progress-circle.is-white[value="63"] {
  background-image: linear-gradient(-43.2deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-64, .progress-circle.is-white[value="64"] {
  background-image: linear-gradient(-39.6deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-65, .progress-circle.is-white[value="65"] {
  background-image: linear-gradient(-36deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-66, .progress-circle.is-white[value="66"] {
  background-image: linear-gradient(-32.4deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-67, .progress-circle.is-white[value="67"] {
  background-image: linear-gradient(-28.8deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-68, .progress-circle.is-white[value="68"] {
  background-image: linear-gradient(-25.2deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-69, .progress-circle.is-white[value="69"] {
  background-image: linear-gradient(-21.6deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-70, .progress-circle.is-white[value="70"] {
  background-image: linear-gradient(-18deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-71, .progress-circle.is-white[value="71"] {
  background-image: linear-gradient(-14.4deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-72, .progress-circle.is-white[value="72"] {
  background-image: linear-gradient(-10.8deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-73, .progress-circle.is-white[value="73"] {
  background-image: linear-gradient(-7.2deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-74, .progress-circle.is-white[value="74"] {
  background-image: linear-gradient(-3.6deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-75, .progress-circle.is-white[value="75"] {
  background-image: linear-gradient(0deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-76, .progress-circle.is-white[value="76"] {
  background-image: linear-gradient(3.6deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-77, .progress-circle.is-white[value="77"] {
  background-image: linear-gradient(7.2deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-78, .progress-circle.is-white[value="78"] {
  background-image: linear-gradient(10.8deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-79, .progress-circle.is-white[value="79"] {
  background-image: linear-gradient(14.4deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-80, .progress-circle.is-white[value="80"] {
  background-image: linear-gradient(18deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-81, .progress-circle.is-white[value="81"] {
  background-image: linear-gradient(21.6deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-82, .progress-circle.is-white[value="82"] {
  background-image: linear-gradient(25.2deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-83, .progress-circle.is-white[value="83"] {
  background-image: linear-gradient(28.8deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-84, .progress-circle.is-white[value="84"] {
  background-image: linear-gradient(32.4deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-85, .progress-circle.is-white[value="85"] {
  background-image: linear-gradient(36deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-86, .progress-circle.is-white[value="86"] {
  background-image: linear-gradient(39.6deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-87, .progress-circle.is-white[value="87"] {
  background-image: linear-gradient(43.2deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-88, .progress-circle.is-white[value="88"] {
  background-image: linear-gradient(46.8deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-89, .progress-circle.is-white[value="89"] {
  background-image: linear-gradient(50.4deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-90, .progress-circle.is-white[value="90"] {
  background-image: linear-gradient(54deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-91, .progress-circle.is-white[value="91"] {
  background-image: linear-gradient(57.6deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-92, .progress-circle.is-white[value="92"] {
  background-image: linear-gradient(61.2deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-93, .progress-circle.is-white[value="93"] {
  background-image: linear-gradient(64.8deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-94, .progress-circle.is-white[value="94"] {
  background-image: linear-gradient(68.4deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-95, .progress-circle.is-white[value="95"] {
  background-image: linear-gradient(72deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-96, .progress-circle.is-white[value="96"] {
  background-image: linear-gradient(75.6deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-97, .progress-circle.is-white[value="97"] {
  background-image: linear-gradient(79.2deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-98, .progress-circle.is-white[value="98"] {
  background-image: linear-gradient(82.8deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-99, .progress-circle.is-white[value="99"] {
  background-image: linear-gradient(86.4deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-white.is-100, .progress-circle.is-white[value="100"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 100%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 100%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black {
  background-color: hsl(0, 0%, 4%);
}
.progress-circle.is-black.is-0, .progress-circle.is-black[value="0"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(90deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-1, .progress-circle.is-black[value="1"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(93.6deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-2, .progress-circle.is-black[value="2"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(97.2deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-3, .progress-circle.is-black[value="3"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(100.8deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-4, .progress-circle.is-black[value="4"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(104.4deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-5, .progress-circle.is-black[value="5"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(108deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-6, .progress-circle.is-black[value="6"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(111.6deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-7, .progress-circle.is-black[value="7"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(115.2deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-8, .progress-circle.is-black[value="8"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(118.8deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-9, .progress-circle.is-black[value="9"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(122.4deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-10, .progress-circle.is-black[value="10"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(126deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-11, .progress-circle.is-black[value="11"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(129.6deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-12, .progress-circle.is-black[value="12"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(133.2deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-13, .progress-circle.is-black[value="13"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(136.8deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-14, .progress-circle.is-black[value="14"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(140.4deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-15, .progress-circle.is-black[value="15"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(144deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-16, .progress-circle.is-black[value="16"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(147.6deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-17, .progress-circle.is-black[value="17"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(151.2deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-18, .progress-circle.is-black[value="18"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(154.8deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-19, .progress-circle.is-black[value="19"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(158.4deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-20, .progress-circle.is-black[value="20"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(162deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-21, .progress-circle.is-black[value="21"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(165.6deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-22, .progress-circle.is-black[value="22"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(169.2deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-23, .progress-circle.is-black[value="23"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(172.8deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-24, .progress-circle.is-black[value="24"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(176.4deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-25, .progress-circle.is-black[value="25"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(180deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-26, .progress-circle.is-black[value="26"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(183.6deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-27, .progress-circle.is-black[value="27"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(187.2deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-28, .progress-circle.is-black[value="28"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(190.8deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-29, .progress-circle.is-black[value="29"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(194.4deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-30, .progress-circle.is-black[value="30"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(198deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-31, .progress-circle.is-black[value="31"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(201.6deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-32, .progress-circle.is-black[value="32"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(205.2deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-33, .progress-circle.is-black[value="33"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(208.8deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-34, .progress-circle.is-black[value="34"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(212.4deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-35, .progress-circle.is-black[value="35"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(216deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-36, .progress-circle.is-black[value="36"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(219.6deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-37, .progress-circle.is-black[value="37"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(223.2deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-38, .progress-circle.is-black[value="38"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(226.8deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-39, .progress-circle.is-black[value="39"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(230.4deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-40, .progress-circle.is-black[value="40"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(234deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-41, .progress-circle.is-black[value="41"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(237.6deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-42, .progress-circle.is-black[value="42"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(241.2deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-43, .progress-circle.is-black[value="43"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(244.8deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-44, .progress-circle.is-black[value="44"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(248.4deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-45, .progress-circle.is-black[value="45"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(252deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-46, .progress-circle.is-black[value="46"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(255.6deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-47, .progress-circle.is-black[value="47"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(259.2deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-48, .progress-circle.is-black[value="48"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(262.8deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-49, .progress-circle.is-black[value="49"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(266.4deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-50, .progress-circle.is-black[value="50"] {
  background-image: linear-gradient(-90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-51, .progress-circle.is-black[value="51"] {
  background-image: linear-gradient(-86.4deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-52, .progress-circle.is-black[value="52"] {
  background-image: linear-gradient(-82.8deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-53, .progress-circle.is-black[value="53"] {
  background-image: linear-gradient(-79.2deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-54, .progress-circle.is-black[value="54"] {
  background-image: linear-gradient(-75.6deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-55, .progress-circle.is-black[value="55"] {
  background-image: linear-gradient(-72deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-56, .progress-circle.is-black[value="56"] {
  background-image: linear-gradient(-68.4deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-57, .progress-circle.is-black[value="57"] {
  background-image: linear-gradient(-64.8deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-58, .progress-circle.is-black[value="58"] {
  background-image: linear-gradient(-61.2deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-59, .progress-circle.is-black[value="59"] {
  background-image: linear-gradient(-57.6deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-60, .progress-circle.is-black[value="60"] {
  background-image: linear-gradient(-54deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-61, .progress-circle.is-black[value="61"] {
  background-image: linear-gradient(-50.4deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-62, .progress-circle.is-black[value="62"] {
  background-image: linear-gradient(-46.8deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-63, .progress-circle.is-black[value="63"] {
  background-image: linear-gradient(-43.2deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-64, .progress-circle.is-black[value="64"] {
  background-image: linear-gradient(-39.6deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-65, .progress-circle.is-black[value="65"] {
  background-image: linear-gradient(-36deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-66, .progress-circle.is-black[value="66"] {
  background-image: linear-gradient(-32.4deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-67, .progress-circle.is-black[value="67"] {
  background-image: linear-gradient(-28.8deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-68, .progress-circle.is-black[value="68"] {
  background-image: linear-gradient(-25.2deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-69, .progress-circle.is-black[value="69"] {
  background-image: linear-gradient(-21.6deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-70, .progress-circle.is-black[value="70"] {
  background-image: linear-gradient(-18deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-71, .progress-circle.is-black[value="71"] {
  background-image: linear-gradient(-14.4deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-72, .progress-circle.is-black[value="72"] {
  background-image: linear-gradient(-10.8deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-73, .progress-circle.is-black[value="73"] {
  background-image: linear-gradient(-7.2deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-74, .progress-circle.is-black[value="74"] {
  background-image: linear-gradient(-3.6deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-75, .progress-circle.is-black[value="75"] {
  background-image: linear-gradient(0deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-76, .progress-circle.is-black[value="76"] {
  background-image: linear-gradient(3.6deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-77, .progress-circle.is-black[value="77"] {
  background-image: linear-gradient(7.2deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-78, .progress-circle.is-black[value="78"] {
  background-image: linear-gradient(10.8deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-79, .progress-circle.is-black[value="79"] {
  background-image: linear-gradient(14.4deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-80, .progress-circle.is-black[value="80"] {
  background-image: linear-gradient(18deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-81, .progress-circle.is-black[value="81"] {
  background-image: linear-gradient(21.6deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-82, .progress-circle.is-black[value="82"] {
  background-image: linear-gradient(25.2deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-83, .progress-circle.is-black[value="83"] {
  background-image: linear-gradient(28.8deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-84, .progress-circle.is-black[value="84"] {
  background-image: linear-gradient(32.4deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-85, .progress-circle.is-black[value="85"] {
  background-image: linear-gradient(36deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-86, .progress-circle.is-black[value="86"] {
  background-image: linear-gradient(39.6deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-87, .progress-circle.is-black[value="87"] {
  background-image: linear-gradient(43.2deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-88, .progress-circle.is-black[value="88"] {
  background-image: linear-gradient(46.8deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-89, .progress-circle.is-black[value="89"] {
  background-image: linear-gradient(50.4deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-90, .progress-circle.is-black[value="90"] {
  background-image: linear-gradient(54deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-91, .progress-circle.is-black[value="91"] {
  background-image: linear-gradient(57.6deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-92, .progress-circle.is-black[value="92"] {
  background-image: linear-gradient(61.2deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-93, .progress-circle.is-black[value="93"] {
  background-image: linear-gradient(64.8deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-94, .progress-circle.is-black[value="94"] {
  background-image: linear-gradient(68.4deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-95, .progress-circle.is-black[value="95"] {
  background-image: linear-gradient(72deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-96, .progress-circle.is-black[value="96"] {
  background-image: linear-gradient(75.6deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-97, .progress-circle.is-black[value="97"] {
  background-image: linear-gradient(79.2deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-98, .progress-circle.is-black[value="98"] {
  background-image: linear-gradient(82.8deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-99, .progress-circle.is-black[value="99"] {
  background-image: linear-gradient(86.4deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-black.is-100, .progress-circle.is-black[value="100"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light {
  background-color: hsl(0, 0%, 96%);
}
.progress-circle.is-light.is-0, .progress-circle.is-light[value="0"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(90deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-1, .progress-circle.is-light[value="1"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(93.6deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-2, .progress-circle.is-light[value="2"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(97.2deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-3, .progress-circle.is-light[value="3"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(100.8deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-4, .progress-circle.is-light[value="4"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(104.4deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-5, .progress-circle.is-light[value="5"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(108deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-6, .progress-circle.is-light[value="6"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(111.6deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-7, .progress-circle.is-light[value="7"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(115.2deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-8, .progress-circle.is-light[value="8"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(118.8deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-9, .progress-circle.is-light[value="9"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(122.4deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-10, .progress-circle.is-light[value="10"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(126deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-11, .progress-circle.is-light[value="11"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(129.6deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-12, .progress-circle.is-light[value="12"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(133.2deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-13, .progress-circle.is-light[value="13"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(136.8deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-14, .progress-circle.is-light[value="14"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(140.4deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-15, .progress-circle.is-light[value="15"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(144deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-16, .progress-circle.is-light[value="16"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(147.6deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-17, .progress-circle.is-light[value="17"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(151.2deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-18, .progress-circle.is-light[value="18"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(154.8deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-19, .progress-circle.is-light[value="19"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(158.4deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-20, .progress-circle.is-light[value="20"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(162deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-21, .progress-circle.is-light[value="21"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(165.6deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-22, .progress-circle.is-light[value="22"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(169.2deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-23, .progress-circle.is-light[value="23"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(172.8deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-24, .progress-circle.is-light[value="24"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(176.4deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-25, .progress-circle.is-light[value="25"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(180deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-26, .progress-circle.is-light[value="26"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(183.6deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-27, .progress-circle.is-light[value="27"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(187.2deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-28, .progress-circle.is-light[value="28"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(190.8deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-29, .progress-circle.is-light[value="29"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(194.4deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-30, .progress-circle.is-light[value="30"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(198deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-31, .progress-circle.is-light[value="31"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(201.6deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-32, .progress-circle.is-light[value="32"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(205.2deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-33, .progress-circle.is-light[value="33"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(208.8deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-34, .progress-circle.is-light[value="34"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(212.4deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-35, .progress-circle.is-light[value="35"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(216deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-36, .progress-circle.is-light[value="36"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(219.6deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-37, .progress-circle.is-light[value="37"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(223.2deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-38, .progress-circle.is-light[value="38"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(226.8deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-39, .progress-circle.is-light[value="39"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(230.4deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-40, .progress-circle.is-light[value="40"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(234deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-41, .progress-circle.is-light[value="41"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(237.6deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-42, .progress-circle.is-light[value="42"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(241.2deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-43, .progress-circle.is-light[value="43"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(244.8deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-44, .progress-circle.is-light[value="44"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(248.4deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-45, .progress-circle.is-light[value="45"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(252deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-46, .progress-circle.is-light[value="46"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(255.6deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-47, .progress-circle.is-light[value="47"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(259.2deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-48, .progress-circle.is-light[value="48"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(262.8deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-49, .progress-circle.is-light[value="49"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(266.4deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-50, .progress-circle.is-light[value="50"] {
  background-image: linear-gradient(-90deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-51, .progress-circle.is-light[value="51"] {
  background-image: linear-gradient(-86.4deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-52, .progress-circle.is-light[value="52"] {
  background-image: linear-gradient(-82.8deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-53, .progress-circle.is-light[value="53"] {
  background-image: linear-gradient(-79.2deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-54, .progress-circle.is-light[value="54"] {
  background-image: linear-gradient(-75.6deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-55, .progress-circle.is-light[value="55"] {
  background-image: linear-gradient(-72deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-56, .progress-circle.is-light[value="56"] {
  background-image: linear-gradient(-68.4deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-57, .progress-circle.is-light[value="57"] {
  background-image: linear-gradient(-64.8deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-58, .progress-circle.is-light[value="58"] {
  background-image: linear-gradient(-61.2deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-59, .progress-circle.is-light[value="59"] {
  background-image: linear-gradient(-57.6deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-60, .progress-circle.is-light[value="60"] {
  background-image: linear-gradient(-54deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-61, .progress-circle.is-light[value="61"] {
  background-image: linear-gradient(-50.4deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-62, .progress-circle.is-light[value="62"] {
  background-image: linear-gradient(-46.8deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-63, .progress-circle.is-light[value="63"] {
  background-image: linear-gradient(-43.2deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-64, .progress-circle.is-light[value="64"] {
  background-image: linear-gradient(-39.6deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-65, .progress-circle.is-light[value="65"] {
  background-image: linear-gradient(-36deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-66, .progress-circle.is-light[value="66"] {
  background-image: linear-gradient(-32.4deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-67, .progress-circle.is-light[value="67"] {
  background-image: linear-gradient(-28.8deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-68, .progress-circle.is-light[value="68"] {
  background-image: linear-gradient(-25.2deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-69, .progress-circle.is-light[value="69"] {
  background-image: linear-gradient(-21.6deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-70, .progress-circle.is-light[value="70"] {
  background-image: linear-gradient(-18deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-71, .progress-circle.is-light[value="71"] {
  background-image: linear-gradient(-14.4deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-72, .progress-circle.is-light[value="72"] {
  background-image: linear-gradient(-10.8deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-73, .progress-circle.is-light[value="73"] {
  background-image: linear-gradient(-7.2deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-74, .progress-circle.is-light[value="74"] {
  background-image: linear-gradient(-3.6deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-75, .progress-circle.is-light[value="75"] {
  background-image: linear-gradient(0deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-76, .progress-circle.is-light[value="76"] {
  background-image: linear-gradient(3.6deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-77, .progress-circle.is-light[value="77"] {
  background-image: linear-gradient(7.2deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-78, .progress-circle.is-light[value="78"] {
  background-image: linear-gradient(10.8deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-79, .progress-circle.is-light[value="79"] {
  background-image: linear-gradient(14.4deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-80, .progress-circle.is-light[value="80"] {
  background-image: linear-gradient(18deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-81, .progress-circle.is-light[value="81"] {
  background-image: linear-gradient(21.6deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-82, .progress-circle.is-light[value="82"] {
  background-image: linear-gradient(25.2deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-83, .progress-circle.is-light[value="83"] {
  background-image: linear-gradient(28.8deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-84, .progress-circle.is-light[value="84"] {
  background-image: linear-gradient(32.4deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-85, .progress-circle.is-light[value="85"] {
  background-image: linear-gradient(36deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-86, .progress-circle.is-light[value="86"] {
  background-image: linear-gradient(39.6deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-87, .progress-circle.is-light[value="87"] {
  background-image: linear-gradient(43.2deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-88, .progress-circle.is-light[value="88"] {
  background-image: linear-gradient(46.8deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-89, .progress-circle.is-light[value="89"] {
  background-image: linear-gradient(50.4deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-90, .progress-circle.is-light[value="90"] {
  background-image: linear-gradient(54deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-91, .progress-circle.is-light[value="91"] {
  background-image: linear-gradient(57.6deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-92, .progress-circle.is-light[value="92"] {
  background-image: linear-gradient(61.2deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-93, .progress-circle.is-light[value="93"] {
  background-image: linear-gradient(64.8deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-94, .progress-circle.is-light[value="94"] {
  background-image: linear-gradient(68.4deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-95, .progress-circle.is-light[value="95"] {
  background-image: linear-gradient(72deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-96, .progress-circle.is-light[value="96"] {
  background-image: linear-gradient(75.6deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-97, .progress-circle.is-light[value="97"] {
  background-image: linear-gradient(79.2deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-98, .progress-circle.is-light[value="98"] {
  background-image: linear-gradient(82.8deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-99, .progress-circle.is-light[value="99"] {
  background-image: linear-gradient(86.4deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-light.is-100, .progress-circle.is-light[value="100"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 96%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(0, 0%, 96%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
.progress-circle.is-dark.is-0, .progress-circle.is-dark[value="0"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(90deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-1, .progress-circle.is-dark[value="1"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(93.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-2, .progress-circle.is-dark[value="2"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(97.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-3, .progress-circle.is-dark[value="3"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(100.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-4, .progress-circle.is-dark[value="4"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(104.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-5, .progress-circle.is-dark[value="5"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(108deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-6, .progress-circle.is-dark[value="6"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(111.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-7, .progress-circle.is-dark[value="7"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(115.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-8, .progress-circle.is-dark[value="8"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(118.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-9, .progress-circle.is-dark[value="9"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(122.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-10, .progress-circle.is-dark[value="10"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(126deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-11, .progress-circle.is-dark[value="11"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(129.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-12, .progress-circle.is-dark[value="12"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(133.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-13, .progress-circle.is-dark[value="13"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(136.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-14, .progress-circle.is-dark[value="14"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(140.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-15, .progress-circle.is-dark[value="15"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(144deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-16, .progress-circle.is-dark[value="16"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(147.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-17, .progress-circle.is-dark[value="17"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(151.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-18, .progress-circle.is-dark[value="18"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(154.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-19, .progress-circle.is-dark[value="19"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(158.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-20, .progress-circle.is-dark[value="20"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(162deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-21, .progress-circle.is-dark[value="21"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(165.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-22, .progress-circle.is-dark[value="22"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(169.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-23, .progress-circle.is-dark[value="23"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(172.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-24, .progress-circle.is-dark[value="24"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(176.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-25, .progress-circle.is-dark[value="25"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(180deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-26, .progress-circle.is-dark[value="26"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(183.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-27, .progress-circle.is-dark[value="27"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(187.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-28, .progress-circle.is-dark[value="28"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(190.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-29, .progress-circle.is-dark[value="29"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(194.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-30, .progress-circle.is-dark[value="30"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(198deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-31, .progress-circle.is-dark[value="31"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(201.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-32, .progress-circle.is-dark[value="32"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(205.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-33, .progress-circle.is-dark[value="33"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(208.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-34, .progress-circle.is-dark[value="34"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(212.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-35, .progress-circle.is-dark[value="35"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(216deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-36, .progress-circle.is-dark[value="36"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(219.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-37, .progress-circle.is-dark[value="37"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(223.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-38, .progress-circle.is-dark[value="38"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(226.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-39, .progress-circle.is-dark[value="39"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(230.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-40, .progress-circle.is-dark[value="40"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(234deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-41, .progress-circle.is-dark[value="41"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(237.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-42, .progress-circle.is-dark[value="42"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(241.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-43, .progress-circle.is-dark[value="43"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(244.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-44, .progress-circle.is-dark[value="44"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(248.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-45, .progress-circle.is-dark[value="45"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(252deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-46, .progress-circle.is-dark[value="46"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(255.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-47, .progress-circle.is-dark[value="47"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(259.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-48, .progress-circle.is-dark[value="48"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(262.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-49, .progress-circle.is-dark[value="49"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(266.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-50, .progress-circle.is-dark[value="50"] {
  background-image: linear-gradient(-90deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-51, .progress-circle.is-dark[value="51"] {
  background-image: linear-gradient(-86.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-52, .progress-circle.is-dark[value="52"] {
  background-image: linear-gradient(-82.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-53, .progress-circle.is-dark[value="53"] {
  background-image: linear-gradient(-79.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-54, .progress-circle.is-dark[value="54"] {
  background-image: linear-gradient(-75.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-55, .progress-circle.is-dark[value="55"] {
  background-image: linear-gradient(-72deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-56, .progress-circle.is-dark[value="56"] {
  background-image: linear-gradient(-68.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-57, .progress-circle.is-dark[value="57"] {
  background-image: linear-gradient(-64.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-58, .progress-circle.is-dark[value="58"] {
  background-image: linear-gradient(-61.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-59, .progress-circle.is-dark[value="59"] {
  background-image: linear-gradient(-57.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-60, .progress-circle.is-dark[value="60"] {
  background-image: linear-gradient(-54deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-61, .progress-circle.is-dark[value="61"] {
  background-image: linear-gradient(-50.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-62, .progress-circle.is-dark[value="62"] {
  background-image: linear-gradient(-46.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-63, .progress-circle.is-dark[value="63"] {
  background-image: linear-gradient(-43.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-64, .progress-circle.is-dark[value="64"] {
  background-image: linear-gradient(-39.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-65, .progress-circle.is-dark[value="65"] {
  background-image: linear-gradient(-36deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-66, .progress-circle.is-dark[value="66"] {
  background-image: linear-gradient(-32.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-67, .progress-circle.is-dark[value="67"] {
  background-image: linear-gradient(-28.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-68, .progress-circle.is-dark[value="68"] {
  background-image: linear-gradient(-25.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-69, .progress-circle.is-dark[value="69"] {
  background-image: linear-gradient(-21.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-70, .progress-circle.is-dark[value="70"] {
  background-image: linear-gradient(-18deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-71, .progress-circle.is-dark[value="71"] {
  background-image: linear-gradient(-14.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-72, .progress-circle.is-dark[value="72"] {
  background-image: linear-gradient(-10.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-73, .progress-circle.is-dark[value="73"] {
  background-image: linear-gradient(-7.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-74, .progress-circle.is-dark[value="74"] {
  background-image: linear-gradient(-3.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-75, .progress-circle.is-dark[value="75"] {
  background-image: linear-gradient(0deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-76, .progress-circle.is-dark[value="76"] {
  background-image: linear-gradient(3.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-77, .progress-circle.is-dark[value="77"] {
  background-image: linear-gradient(7.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-78, .progress-circle.is-dark[value="78"] {
  background-image: linear-gradient(10.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-79, .progress-circle.is-dark[value="79"] {
  background-image: linear-gradient(14.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-80, .progress-circle.is-dark[value="80"] {
  background-image: linear-gradient(18deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-81, .progress-circle.is-dark[value="81"] {
  background-image: linear-gradient(21.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-82, .progress-circle.is-dark[value="82"] {
  background-image: linear-gradient(25.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-83, .progress-circle.is-dark[value="83"] {
  background-image: linear-gradient(28.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-84, .progress-circle.is-dark[value="84"] {
  background-image: linear-gradient(32.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-85, .progress-circle.is-dark[value="85"] {
  background-image: linear-gradient(36deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-86, .progress-circle.is-dark[value="86"] {
  background-image: linear-gradient(39.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-87, .progress-circle.is-dark[value="87"] {
  background-image: linear-gradient(43.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-88, .progress-circle.is-dark[value="88"] {
  background-image: linear-gradient(46.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-89, .progress-circle.is-dark[value="89"] {
  background-image: linear-gradient(50.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-90, .progress-circle.is-dark[value="90"] {
  background-image: linear-gradient(54deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-91, .progress-circle.is-dark[value="91"] {
  background-image: linear-gradient(57.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-92, .progress-circle.is-dark[value="92"] {
  background-image: linear-gradient(61.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-93, .progress-circle.is-dark[value="93"] {
  background-image: linear-gradient(64.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-94, .progress-circle.is-dark[value="94"] {
  background-image: linear-gradient(68.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-95, .progress-circle.is-dark[value="95"] {
  background-image: linear-gradient(72deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-96, .progress-circle.is-dark[value="96"] {
  background-image: linear-gradient(75.6deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-97, .progress-circle.is-dark[value="97"] {
  background-image: linear-gradient(79.2deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-98, .progress-circle.is-dark[value="98"] {
  background-image: linear-gradient(82.8deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-99, .progress-circle.is-dark[value="99"] {
  background-image: linear-gradient(86.4deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-dark.is-100, .progress-circle.is-dark[value="100"] {
  background-image: linear-gradient(90deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, transparent 50%, transparent), linear-gradient(270deg, rgb(32.1413793103, 35.4379310345, 39.5586206897) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary {
  background-color: #52575c;
}
.progress-circle.is-primary.is-0, .progress-circle.is-primary[value="0"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(90deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-1, .progress-circle.is-primary[value="1"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(93.6deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-2, .progress-circle.is-primary[value="2"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(97.2deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-3, .progress-circle.is-primary[value="3"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(100.8deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-4, .progress-circle.is-primary[value="4"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(104.4deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-5, .progress-circle.is-primary[value="5"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(108deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-6, .progress-circle.is-primary[value="6"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(111.6deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-7, .progress-circle.is-primary[value="7"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(115.2deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-8, .progress-circle.is-primary[value="8"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(118.8deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-9, .progress-circle.is-primary[value="9"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(122.4deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-10, .progress-circle.is-primary[value="10"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(126deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-11, .progress-circle.is-primary[value="11"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(129.6deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-12, .progress-circle.is-primary[value="12"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(133.2deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-13, .progress-circle.is-primary[value="13"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(136.8deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-14, .progress-circle.is-primary[value="14"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(140.4deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-15, .progress-circle.is-primary[value="15"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(144deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-16, .progress-circle.is-primary[value="16"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(147.6deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-17, .progress-circle.is-primary[value="17"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(151.2deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-18, .progress-circle.is-primary[value="18"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(154.8deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-19, .progress-circle.is-primary[value="19"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(158.4deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-20, .progress-circle.is-primary[value="20"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(162deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-21, .progress-circle.is-primary[value="21"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(165.6deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-22, .progress-circle.is-primary[value="22"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(169.2deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-23, .progress-circle.is-primary[value="23"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(172.8deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-24, .progress-circle.is-primary[value="24"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(176.4deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-25, .progress-circle.is-primary[value="25"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(180deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-26, .progress-circle.is-primary[value="26"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(183.6deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-27, .progress-circle.is-primary[value="27"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(187.2deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-28, .progress-circle.is-primary[value="28"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(190.8deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-29, .progress-circle.is-primary[value="29"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(194.4deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-30, .progress-circle.is-primary[value="30"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(198deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-31, .progress-circle.is-primary[value="31"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(201.6deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-32, .progress-circle.is-primary[value="32"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(205.2deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-33, .progress-circle.is-primary[value="33"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(208.8deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-34, .progress-circle.is-primary[value="34"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(212.4deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-35, .progress-circle.is-primary[value="35"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(216deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-36, .progress-circle.is-primary[value="36"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(219.6deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-37, .progress-circle.is-primary[value="37"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(223.2deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-38, .progress-circle.is-primary[value="38"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(226.8deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-39, .progress-circle.is-primary[value="39"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(230.4deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-40, .progress-circle.is-primary[value="40"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(234deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-41, .progress-circle.is-primary[value="41"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(237.6deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-42, .progress-circle.is-primary[value="42"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(241.2deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-43, .progress-circle.is-primary[value="43"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(244.8deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-44, .progress-circle.is-primary[value="44"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(248.4deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-45, .progress-circle.is-primary[value="45"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(252deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-46, .progress-circle.is-primary[value="46"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(255.6deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-47, .progress-circle.is-primary[value="47"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(259.2deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-48, .progress-circle.is-primary[value="48"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(262.8deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-49, .progress-circle.is-primary[value="49"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(266.4deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-50, .progress-circle.is-primary[value="50"] {
  background-image: linear-gradient(-90deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-51, .progress-circle.is-primary[value="51"] {
  background-image: linear-gradient(-86.4deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-52, .progress-circle.is-primary[value="52"] {
  background-image: linear-gradient(-82.8deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-53, .progress-circle.is-primary[value="53"] {
  background-image: linear-gradient(-79.2deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-54, .progress-circle.is-primary[value="54"] {
  background-image: linear-gradient(-75.6deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-55, .progress-circle.is-primary[value="55"] {
  background-image: linear-gradient(-72deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-56, .progress-circle.is-primary[value="56"] {
  background-image: linear-gradient(-68.4deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-57, .progress-circle.is-primary[value="57"] {
  background-image: linear-gradient(-64.8deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-58, .progress-circle.is-primary[value="58"] {
  background-image: linear-gradient(-61.2deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-59, .progress-circle.is-primary[value="59"] {
  background-image: linear-gradient(-57.6deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-60, .progress-circle.is-primary[value="60"] {
  background-image: linear-gradient(-54deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-61, .progress-circle.is-primary[value="61"] {
  background-image: linear-gradient(-50.4deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-62, .progress-circle.is-primary[value="62"] {
  background-image: linear-gradient(-46.8deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-63, .progress-circle.is-primary[value="63"] {
  background-image: linear-gradient(-43.2deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-64, .progress-circle.is-primary[value="64"] {
  background-image: linear-gradient(-39.6deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-65, .progress-circle.is-primary[value="65"] {
  background-image: linear-gradient(-36deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-66, .progress-circle.is-primary[value="66"] {
  background-image: linear-gradient(-32.4deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-67, .progress-circle.is-primary[value="67"] {
  background-image: linear-gradient(-28.8deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-68, .progress-circle.is-primary[value="68"] {
  background-image: linear-gradient(-25.2deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-69, .progress-circle.is-primary[value="69"] {
  background-image: linear-gradient(-21.6deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-70, .progress-circle.is-primary[value="70"] {
  background-image: linear-gradient(-18deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-71, .progress-circle.is-primary[value="71"] {
  background-image: linear-gradient(-14.4deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-72, .progress-circle.is-primary[value="72"] {
  background-image: linear-gradient(-10.8deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-73, .progress-circle.is-primary[value="73"] {
  background-image: linear-gradient(-7.2deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-74, .progress-circle.is-primary[value="74"] {
  background-image: linear-gradient(-3.6deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-75, .progress-circle.is-primary[value="75"] {
  background-image: linear-gradient(0deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-76, .progress-circle.is-primary[value="76"] {
  background-image: linear-gradient(3.6deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-77, .progress-circle.is-primary[value="77"] {
  background-image: linear-gradient(7.2deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-78, .progress-circle.is-primary[value="78"] {
  background-image: linear-gradient(10.8deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-79, .progress-circle.is-primary[value="79"] {
  background-image: linear-gradient(14.4deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-80, .progress-circle.is-primary[value="80"] {
  background-image: linear-gradient(18deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-81, .progress-circle.is-primary[value="81"] {
  background-image: linear-gradient(21.6deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-82, .progress-circle.is-primary[value="82"] {
  background-image: linear-gradient(25.2deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-83, .progress-circle.is-primary[value="83"] {
  background-image: linear-gradient(28.8deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-84, .progress-circle.is-primary[value="84"] {
  background-image: linear-gradient(32.4deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-85, .progress-circle.is-primary[value="85"] {
  background-image: linear-gradient(36deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-86, .progress-circle.is-primary[value="86"] {
  background-image: linear-gradient(39.6deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-87, .progress-circle.is-primary[value="87"] {
  background-image: linear-gradient(43.2deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-88, .progress-circle.is-primary[value="88"] {
  background-image: linear-gradient(46.8deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-89, .progress-circle.is-primary[value="89"] {
  background-image: linear-gradient(50.4deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-90, .progress-circle.is-primary[value="90"] {
  background-image: linear-gradient(54deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-91, .progress-circle.is-primary[value="91"] {
  background-image: linear-gradient(57.6deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-92, .progress-circle.is-primary[value="92"] {
  background-image: linear-gradient(61.2deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-93, .progress-circle.is-primary[value="93"] {
  background-image: linear-gradient(64.8deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-94, .progress-circle.is-primary[value="94"] {
  background-image: linear-gradient(68.4deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-95, .progress-circle.is-primary[value="95"] {
  background-image: linear-gradient(72deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-96, .progress-circle.is-primary[value="96"] {
  background-image: linear-gradient(75.6deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-97, .progress-circle.is-primary[value="97"] {
  background-image: linear-gradient(79.2deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-98, .progress-circle.is-primary[value="98"] {
  background-image: linear-gradient(82.8deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-99, .progress-circle.is-primary[value="99"] {
  background-image: linear-gradient(86.4deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-primary.is-100, .progress-circle.is-primary[value="100"] {
  background-image: linear-gradient(90deg, #52575c 50%, transparent 50%, transparent), linear-gradient(270deg, #52575c 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link {
  background-color: #fafafa;
}
.progress-circle.is-link.is-0, .progress-circle.is-link[value="0"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(90deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-1, .progress-circle.is-link[value="1"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(93.6deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-2, .progress-circle.is-link[value="2"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(97.2deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-3, .progress-circle.is-link[value="3"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(100.8deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-4, .progress-circle.is-link[value="4"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(104.4deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-5, .progress-circle.is-link[value="5"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(108deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-6, .progress-circle.is-link[value="6"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(111.6deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-7, .progress-circle.is-link[value="7"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(115.2deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-8, .progress-circle.is-link[value="8"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(118.8deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-9, .progress-circle.is-link[value="9"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(122.4deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-10, .progress-circle.is-link[value="10"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(126deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-11, .progress-circle.is-link[value="11"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(129.6deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-12, .progress-circle.is-link[value="12"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(133.2deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-13, .progress-circle.is-link[value="13"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(136.8deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-14, .progress-circle.is-link[value="14"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(140.4deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-15, .progress-circle.is-link[value="15"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(144deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-16, .progress-circle.is-link[value="16"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(147.6deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-17, .progress-circle.is-link[value="17"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(151.2deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-18, .progress-circle.is-link[value="18"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(154.8deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-19, .progress-circle.is-link[value="19"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(158.4deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-20, .progress-circle.is-link[value="20"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(162deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-21, .progress-circle.is-link[value="21"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(165.6deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-22, .progress-circle.is-link[value="22"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(169.2deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-23, .progress-circle.is-link[value="23"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(172.8deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-24, .progress-circle.is-link[value="24"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(176.4deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-25, .progress-circle.is-link[value="25"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(180deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-26, .progress-circle.is-link[value="26"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(183.6deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-27, .progress-circle.is-link[value="27"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(187.2deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-28, .progress-circle.is-link[value="28"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(190.8deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-29, .progress-circle.is-link[value="29"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(194.4deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-30, .progress-circle.is-link[value="30"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(198deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-31, .progress-circle.is-link[value="31"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(201.6deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-32, .progress-circle.is-link[value="32"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(205.2deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-33, .progress-circle.is-link[value="33"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(208.8deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-34, .progress-circle.is-link[value="34"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(212.4deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-35, .progress-circle.is-link[value="35"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(216deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-36, .progress-circle.is-link[value="36"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(219.6deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-37, .progress-circle.is-link[value="37"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(223.2deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-38, .progress-circle.is-link[value="38"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(226.8deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-39, .progress-circle.is-link[value="39"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(230.4deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-40, .progress-circle.is-link[value="40"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(234deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-41, .progress-circle.is-link[value="41"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(237.6deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-42, .progress-circle.is-link[value="42"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(241.2deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-43, .progress-circle.is-link[value="43"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(244.8deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-44, .progress-circle.is-link[value="44"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(248.4deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-45, .progress-circle.is-link[value="45"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(252deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-46, .progress-circle.is-link[value="46"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(255.6deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-47, .progress-circle.is-link[value="47"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(259.2deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-48, .progress-circle.is-link[value="48"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(262.8deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-49, .progress-circle.is-link[value="49"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(266.4deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-50, .progress-circle.is-link[value="50"] {
  background-image: linear-gradient(-90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-51, .progress-circle.is-link[value="51"] {
  background-image: linear-gradient(-86.4deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-52, .progress-circle.is-link[value="52"] {
  background-image: linear-gradient(-82.8deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-53, .progress-circle.is-link[value="53"] {
  background-image: linear-gradient(-79.2deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-54, .progress-circle.is-link[value="54"] {
  background-image: linear-gradient(-75.6deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-55, .progress-circle.is-link[value="55"] {
  background-image: linear-gradient(-72deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-56, .progress-circle.is-link[value="56"] {
  background-image: linear-gradient(-68.4deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-57, .progress-circle.is-link[value="57"] {
  background-image: linear-gradient(-64.8deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-58, .progress-circle.is-link[value="58"] {
  background-image: linear-gradient(-61.2deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-59, .progress-circle.is-link[value="59"] {
  background-image: linear-gradient(-57.6deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-60, .progress-circle.is-link[value="60"] {
  background-image: linear-gradient(-54deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-61, .progress-circle.is-link[value="61"] {
  background-image: linear-gradient(-50.4deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-62, .progress-circle.is-link[value="62"] {
  background-image: linear-gradient(-46.8deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-63, .progress-circle.is-link[value="63"] {
  background-image: linear-gradient(-43.2deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-64, .progress-circle.is-link[value="64"] {
  background-image: linear-gradient(-39.6deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-65, .progress-circle.is-link[value="65"] {
  background-image: linear-gradient(-36deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-66, .progress-circle.is-link[value="66"] {
  background-image: linear-gradient(-32.4deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-67, .progress-circle.is-link[value="67"] {
  background-image: linear-gradient(-28.8deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-68, .progress-circle.is-link[value="68"] {
  background-image: linear-gradient(-25.2deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-69, .progress-circle.is-link[value="69"] {
  background-image: linear-gradient(-21.6deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-70, .progress-circle.is-link[value="70"] {
  background-image: linear-gradient(-18deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-71, .progress-circle.is-link[value="71"] {
  background-image: linear-gradient(-14.4deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-72, .progress-circle.is-link[value="72"] {
  background-image: linear-gradient(-10.8deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-73, .progress-circle.is-link[value="73"] {
  background-image: linear-gradient(-7.2deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-74, .progress-circle.is-link[value="74"] {
  background-image: linear-gradient(-3.6deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-75, .progress-circle.is-link[value="75"] {
  background-image: linear-gradient(0deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-76, .progress-circle.is-link[value="76"] {
  background-image: linear-gradient(3.6deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-77, .progress-circle.is-link[value="77"] {
  background-image: linear-gradient(7.2deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-78, .progress-circle.is-link[value="78"] {
  background-image: linear-gradient(10.8deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-79, .progress-circle.is-link[value="79"] {
  background-image: linear-gradient(14.4deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-80, .progress-circle.is-link[value="80"] {
  background-image: linear-gradient(18deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-81, .progress-circle.is-link[value="81"] {
  background-image: linear-gradient(21.6deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-82, .progress-circle.is-link[value="82"] {
  background-image: linear-gradient(25.2deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-83, .progress-circle.is-link[value="83"] {
  background-image: linear-gradient(28.8deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-84, .progress-circle.is-link[value="84"] {
  background-image: linear-gradient(32.4deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-85, .progress-circle.is-link[value="85"] {
  background-image: linear-gradient(36deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-86, .progress-circle.is-link[value="86"] {
  background-image: linear-gradient(39.6deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-87, .progress-circle.is-link[value="87"] {
  background-image: linear-gradient(43.2deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-88, .progress-circle.is-link[value="88"] {
  background-image: linear-gradient(46.8deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-89, .progress-circle.is-link[value="89"] {
  background-image: linear-gradient(50.4deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-90, .progress-circle.is-link[value="90"] {
  background-image: linear-gradient(54deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-91, .progress-circle.is-link[value="91"] {
  background-image: linear-gradient(57.6deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-92, .progress-circle.is-link[value="92"] {
  background-image: linear-gradient(61.2deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-93, .progress-circle.is-link[value="93"] {
  background-image: linear-gradient(64.8deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-94, .progress-circle.is-link[value="94"] {
  background-image: linear-gradient(68.4deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-95, .progress-circle.is-link[value="95"] {
  background-image: linear-gradient(72deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-96, .progress-circle.is-link[value="96"] {
  background-image: linear-gradient(75.6deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-97, .progress-circle.is-link[value="97"] {
  background-image: linear-gradient(79.2deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-98, .progress-circle.is-link[value="98"] {
  background-image: linear-gradient(82.8deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-99, .progress-circle.is-link[value="99"] {
  background-image: linear-gradient(86.4deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-link.is-100, .progress-circle.is-link[value="100"] {
  background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(270deg, #fafafa 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info {
  background-color: hsl(207, 61%, 53%);
}
.progress-circle.is-info.is-0, .progress-circle.is-info[value="0"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(90deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-1, .progress-circle.is-info[value="1"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(93.6deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-2, .progress-circle.is-info[value="2"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(97.2deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-3, .progress-circle.is-info[value="3"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(100.8deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-4, .progress-circle.is-info[value="4"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(104.4deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-5, .progress-circle.is-info[value="5"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(108deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-6, .progress-circle.is-info[value="6"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(111.6deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-7, .progress-circle.is-info[value="7"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(115.2deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-8, .progress-circle.is-info[value="8"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(118.8deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-9, .progress-circle.is-info[value="9"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(122.4deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-10, .progress-circle.is-info[value="10"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(126deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-11, .progress-circle.is-info[value="11"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(129.6deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-12, .progress-circle.is-info[value="12"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(133.2deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-13, .progress-circle.is-info[value="13"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(136.8deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-14, .progress-circle.is-info[value="14"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(140.4deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-15, .progress-circle.is-info[value="15"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(144deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-16, .progress-circle.is-info[value="16"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(147.6deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-17, .progress-circle.is-info[value="17"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(151.2deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-18, .progress-circle.is-info[value="18"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(154.8deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-19, .progress-circle.is-info[value="19"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(158.4deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-20, .progress-circle.is-info[value="20"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(162deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-21, .progress-circle.is-info[value="21"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(165.6deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-22, .progress-circle.is-info[value="22"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(169.2deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-23, .progress-circle.is-info[value="23"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(172.8deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-24, .progress-circle.is-info[value="24"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(176.4deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-25, .progress-circle.is-info[value="25"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(180deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-26, .progress-circle.is-info[value="26"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(183.6deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-27, .progress-circle.is-info[value="27"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(187.2deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-28, .progress-circle.is-info[value="28"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(190.8deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-29, .progress-circle.is-info[value="29"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(194.4deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-30, .progress-circle.is-info[value="30"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(198deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-31, .progress-circle.is-info[value="31"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(201.6deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-32, .progress-circle.is-info[value="32"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(205.2deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-33, .progress-circle.is-info[value="33"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(208.8deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-34, .progress-circle.is-info[value="34"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(212.4deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-35, .progress-circle.is-info[value="35"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(216deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-36, .progress-circle.is-info[value="36"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(219.6deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-37, .progress-circle.is-info[value="37"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(223.2deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-38, .progress-circle.is-info[value="38"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(226.8deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-39, .progress-circle.is-info[value="39"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(230.4deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-40, .progress-circle.is-info[value="40"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(234deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-41, .progress-circle.is-info[value="41"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(237.6deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-42, .progress-circle.is-info[value="42"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(241.2deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-43, .progress-circle.is-info[value="43"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(244.8deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-44, .progress-circle.is-info[value="44"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(248.4deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-45, .progress-circle.is-info[value="45"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(252deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-46, .progress-circle.is-info[value="46"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(255.6deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-47, .progress-circle.is-info[value="47"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(259.2deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-48, .progress-circle.is-info[value="48"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(262.8deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-49, .progress-circle.is-info[value="49"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(266.4deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-50, .progress-circle.is-info[value="50"] {
  background-image: linear-gradient(-90deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-51, .progress-circle.is-info[value="51"] {
  background-image: linear-gradient(-86.4deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-52, .progress-circle.is-info[value="52"] {
  background-image: linear-gradient(-82.8deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-53, .progress-circle.is-info[value="53"] {
  background-image: linear-gradient(-79.2deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-54, .progress-circle.is-info[value="54"] {
  background-image: linear-gradient(-75.6deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-55, .progress-circle.is-info[value="55"] {
  background-image: linear-gradient(-72deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-56, .progress-circle.is-info[value="56"] {
  background-image: linear-gradient(-68.4deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-57, .progress-circle.is-info[value="57"] {
  background-image: linear-gradient(-64.8deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-58, .progress-circle.is-info[value="58"] {
  background-image: linear-gradient(-61.2deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-59, .progress-circle.is-info[value="59"] {
  background-image: linear-gradient(-57.6deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-60, .progress-circle.is-info[value="60"] {
  background-image: linear-gradient(-54deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-61, .progress-circle.is-info[value="61"] {
  background-image: linear-gradient(-50.4deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-62, .progress-circle.is-info[value="62"] {
  background-image: linear-gradient(-46.8deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-63, .progress-circle.is-info[value="63"] {
  background-image: linear-gradient(-43.2deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-64, .progress-circle.is-info[value="64"] {
  background-image: linear-gradient(-39.6deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-65, .progress-circle.is-info[value="65"] {
  background-image: linear-gradient(-36deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-66, .progress-circle.is-info[value="66"] {
  background-image: linear-gradient(-32.4deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-67, .progress-circle.is-info[value="67"] {
  background-image: linear-gradient(-28.8deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-68, .progress-circle.is-info[value="68"] {
  background-image: linear-gradient(-25.2deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-69, .progress-circle.is-info[value="69"] {
  background-image: linear-gradient(-21.6deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-70, .progress-circle.is-info[value="70"] {
  background-image: linear-gradient(-18deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-71, .progress-circle.is-info[value="71"] {
  background-image: linear-gradient(-14.4deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-72, .progress-circle.is-info[value="72"] {
  background-image: linear-gradient(-10.8deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-73, .progress-circle.is-info[value="73"] {
  background-image: linear-gradient(-7.2deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-74, .progress-circle.is-info[value="74"] {
  background-image: linear-gradient(-3.6deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-75, .progress-circle.is-info[value="75"] {
  background-image: linear-gradient(0deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-76, .progress-circle.is-info[value="76"] {
  background-image: linear-gradient(3.6deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-77, .progress-circle.is-info[value="77"] {
  background-image: linear-gradient(7.2deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-78, .progress-circle.is-info[value="78"] {
  background-image: linear-gradient(10.8deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-79, .progress-circle.is-info[value="79"] {
  background-image: linear-gradient(14.4deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-80, .progress-circle.is-info[value="80"] {
  background-image: linear-gradient(18deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-81, .progress-circle.is-info[value="81"] {
  background-image: linear-gradient(21.6deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-82, .progress-circle.is-info[value="82"] {
  background-image: linear-gradient(25.2deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-83, .progress-circle.is-info[value="83"] {
  background-image: linear-gradient(28.8deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-84, .progress-circle.is-info[value="84"] {
  background-image: linear-gradient(32.4deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-85, .progress-circle.is-info[value="85"] {
  background-image: linear-gradient(36deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-86, .progress-circle.is-info[value="86"] {
  background-image: linear-gradient(39.6deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-87, .progress-circle.is-info[value="87"] {
  background-image: linear-gradient(43.2deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-88, .progress-circle.is-info[value="88"] {
  background-image: linear-gradient(46.8deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-89, .progress-circle.is-info[value="89"] {
  background-image: linear-gradient(50.4deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-90, .progress-circle.is-info[value="90"] {
  background-image: linear-gradient(54deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-91, .progress-circle.is-info[value="91"] {
  background-image: linear-gradient(57.6deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-92, .progress-circle.is-info[value="92"] {
  background-image: linear-gradient(61.2deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-93, .progress-circle.is-info[value="93"] {
  background-image: linear-gradient(64.8deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-94, .progress-circle.is-info[value="94"] {
  background-image: linear-gradient(68.4deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-95, .progress-circle.is-info[value="95"] {
  background-image: linear-gradient(72deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-96, .progress-circle.is-info[value="96"] {
  background-image: linear-gradient(75.6deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-97, .progress-circle.is-info[value="97"] {
  background-image: linear-gradient(79.2deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-98, .progress-circle.is-info[value="98"] {
  background-image: linear-gradient(82.8deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-99, .progress-circle.is-info[value="99"] {
  background-image: linear-gradient(86.4deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-info.is-100, .progress-circle.is-info[value="100"] {
  background-image: linear-gradient(90deg, hsl(207, 61%, 53%) 50%, transparent 50%, transparent), linear-gradient(270deg, hsl(207, 61%, 53%) 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success {
  background-color: #62c462;
}
.progress-circle.is-success.is-0, .progress-circle.is-success[value="0"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(90deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-1, .progress-circle.is-success[value="1"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(93.6deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-2, .progress-circle.is-success[value="2"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(97.2deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-3, .progress-circle.is-success[value="3"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(100.8deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-4, .progress-circle.is-success[value="4"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(104.4deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-5, .progress-circle.is-success[value="5"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(108deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-6, .progress-circle.is-success[value="6"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(111.6deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-7, .progress-circle.is-success[value="7"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(115.2deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-8, .progress-circle.is-success[value="8"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(118.8deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-9, .progress-circle.is-success[value="9"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(122.4deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-10, .progress-circle.is-success[value="10"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(126deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-11, .progress-circle.is-success[value="11"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(129.6deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-12, .progress-circle.is-success[value="12"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(133.2deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-13, .progress-circle.is-success[value="13"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(136.8deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-14, .progress-circle.is-success[value="14"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(140.4deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-15, .progress-circle.is-success[value="15"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(144deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-16, .progress-circle.is-success[value="16"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(147.6deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-17, .progress-circle.is-success[value="17"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(151.2deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-18, .progress-circle.is-success[value="18"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(154.8deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-19, .progress-circle.is-success[value="19"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(158.4deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-20, .progress-circle.is-success[value="20"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(162deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-21, .progress-circle.is-success[value="21"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(165.6deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-22, .progress-circle.is-success[value="22"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(169.2deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-23, .progress-circle.is-success[value="23"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(172.8deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-24, .progress-circle.is-success[value="24"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(176.4deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-25, .progress-circle.is-success[value="25"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(180deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-26, .progress-circle.is-success[value="26"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(183.6deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-27, .progress-circle.is-success[value="27"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(187.2deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-28, .progress-circle.is-success[value="28"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(190.8deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-29, .progress-circle.is-success[value="29"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(194.4deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-30, .progress-circle.is-success[value="30"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(198deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-31, .progress-circle.is-success[value="31"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(201.6deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-32, .progress-circle.is-success[value="32"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(205.2deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-33, .progress-circle.is-success[value="33"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(208.8deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-34, .progress-circle.is-success[value="34"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(212.4deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-35, .progress-circle.is-success[value="35"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(216deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-36, .progress-circle.is-success[value="36"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(219.6deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-37, .progress-circle.is-success[value="37"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(223.2deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-38, .progress-circle.is-success[value="38"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(226.8deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-39, .progress-circle.is-success[value="39"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(230.4deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-40, .progress-circle.is-success[value="40"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(234deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-41, .progress-circle.is-success[value="41"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(237.6deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-42, .progress-circle.is-success[value="42"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(241.2deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-43, .progress-circle.is-success[value="43"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(244.8deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-44, .progress-circle.is-success[value="44"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(248.4deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-45, .progress-circle.is-success[value="45"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(252deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-46, .progress-circle.is-success[value="46"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(255.6deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-47, .progress-circle.is-success[value="47"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(259.2deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-48, .progress-circle.is-success[value="48"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(262.8deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-49, .progress-circle.is-success[value="49"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(266.4deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-50, .progress-circle.is-success[value="50"] {
  background-image: linear-gradient(-90deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-51, .progress-circle.is-success[value="51"] {
  background-image: linear-gradient(-86.4deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-52, .progress-circle.is-success[value="52"] {
  background-image: linear-gradient(-82.8deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-53, .progress-circle.is-success[value="53"] {
  background-image: linear-gradient(-79.2deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-54, .progress-circle.is-success[value="54"] {
  background-image: linear-gradient(-75.6deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-55, .progress-circle.is-success[value="55"] {
  background-image: linear-gradient(-72deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-56, .progress-circle.is-success[value="56"] {
  background-image: linear-gradient(-68.4deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-57, .progress-circle.is-success[value="57"] {
  background-image: linear-gradient(-64.8deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-58, .progress-circle.is-success[value="58"] {
  background-image: linear-gradient(-61.2deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-59, .progress-circle.is-success[value="59"] {
  background-image: linear-gradient(-57.6deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-60, .progress-circle.is-success[value="60"] {
  background-image: linear-gradient(-54deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-61, .progress-circle.is-success[value="61"] {
  background-image: linear-gradient(-50.4deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-62, .progress-circle.is-success[value="62"] {
  background-image: linear-gradient(-46.8deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-63, .progress-circle.is-success[value="63"] {
  background-image: linear-gradient(-43.2deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-64, .progress-circle.is-success[value="64"] {
  background-image: linear-gradient(-39.6deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-65, .progress-circle.is-success[value="65"] {
  background-image: linear-gradient(-36deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-66, .progress-circle.is-success[value="66"] {
  background-image: linear-gradient(-32.4deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-67, .progress-circle.is-success[value="67"] {
  background-image: linear-gradient(-28.8deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-68, .progress-circle.is-success[value="68"] {
  background-image: linear-gradient(-25.2deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-69, .progress-circle.is-success[value="69"] {
  background-image: linear-gradient(-21.6deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-70, .progress-circle.is-success[value="70"] {
  background-image: linear-gradient(-18deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-71, .progress-circle.is-success[value="71"] {
  background-image: linear-gradient(-14.4deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-72, .progress-circle.is-success[value="72"] {
  background-image: linear-gradient(-10.8deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-73, .progress-circle.is-success[value="73"] {
  background-image: linear-gradient(-7.2deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-74, .progress-circle.is-success[value="74"] {
  background-image: linear-gradient(-3.6deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-75, .progress-circle.is-success[value="75"] {
  background-image: linear-gradient(0deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-76, .progress-circle.is-success[value="76"] {
  background-image: linear-gradient(3.6deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-77, .progress-circle.is-success[value="77"] {
  background-image: linear-gradient(7.2deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-78, .progress-circle.is-success[value="78"] {
  background-image: linear-gradient(10.8deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-79, .progress-circle.is-success[value="79"] {
  background-image: linear-gradient(14.4deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-80, .progress-circle.is-success[value="80"] {
  background-image: linear-gradient(18deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-81, .progress-circle.is-success[value="81"] {
  background-image: linear-gradient(21.6deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-82, .progress-circle.is-success[value="82"] {
  background-image: linear-gradient(25.2deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-83, .progress-circle.is-success[value="83"] {
  background-image: linear-gradient(28.8deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-84, .progress-circle.is-success[value="84"] {
  background-image: linear-gradient(32.4deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-85, .progress-circle.is-success[value="85"] {
  background-image: linear-gradient(36deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-86, .progress-circle.is-success[value="86"] {
  background-image: linear-gradient(39.6deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-87, .progress-circle.is-success[value="87"] {
  background-image: linear-gradient(43.2deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-88, .progress-circle.is-success[value="88"] {
  background-image: linear-gradient(46.8deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-89, .progress-circle.is-success[value="89"] {
  background-image: linear-gradient(50.4deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-90, .progress-circle.is-success[value="90"] {
  background-image: linear-gradient(54deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-91, .progress-circle.is-success[value="91"] {
  background-image: linear-gradient(57.6deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-92, .progress-circle.is-success[value="92"] {
  background-image: linear-gradient(61.2deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-93, .progress-circle.is-success[value="93"] {
  background-image: linear-gradient(64.8deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-94, .progress-circle.is-success[value="94"] {
  background-image: linear-gradient(68.4deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-95, .progress-circle.is-success[value="95"] {
  background-image: linear-gradient(72deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-96, .progress-circle.is-success[value="96"] {
  background-image: linear-gradient(75.6deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-97, .progress-circle.is-success[value="97"] {
  background-image: linear-gradient(79.2deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-98, .progress-circle.is-success[value="98"] {
  background-image: linear-gradient(82.8deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-99, .progress-circle.is-success[value="99"] {
  background-image: linear-gradient(86.4deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-success.is-100, .progress-circle.is-success[value="100"] {
  background-image: linear-gradient(90deg, #62c462 50%, transparent 50%, transparent), linear-gradient(270deg, #62c462 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning {
  background-color: #f89406;
}
.progress-circle.is-warning.is-0, .progress-circle.is-warning[value="0"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(90deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-1, .progress-circle.is-warning[value="1"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(93.6deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-2, .progress-circle.is-warning[value="2"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(97.2deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-3, .progress-circle.is-warning[value="3"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(100.8deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-4, .progress-circle.is-warning[value="4"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(104.4deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-5, .progress-circle.is-warning[value="5"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(108deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-6, .progress-circle.is-warning[value="6"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(111.6deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-7, .progress-circle.is-warning[value="7"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(115.2deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-8, .progress-circle.is-warning[value="8"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(118.8deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-9, .progress-circle.is-warning[value="9"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(122.4deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-10, .progress-circle.is-warning[value="10"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(126deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-11, .progress-circle.is-warning[value="11"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(129.6deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-12, .progress-circle.is-warning[value="12"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(133.2deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-13, .progress-circle.is-warning[value="13"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(136.8deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-14, .progress-circle.is-warning[value="14"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(140.4deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-15, .progress-circle.is-warning[value="15"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(144deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-16, .progress-circle.is-warning[value="16"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(147.6deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-17, .progress-circle.is-warning[value="17"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(151.2deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-18, .progress-circle.is-warning[value="18"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(154.8deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-19, .progress-circle.is-warning[value="19"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(158.4deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-20, .progress-circle.is-warning[value="20"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(162deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-21, .progress-circle.is-warning[value="21"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(165.6deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-22, .progress-circle.is-warning[value="22"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(169.2deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-23, .progress-circle.is-warning[value="23"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(172.8deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-24, .progress-circle.is-warning[value="24"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(176.4deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-25, .progress-circle.is-warning[value="25"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(180deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-26, .progress-circle.is-warning[value="26"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(183.6deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-27, .progress-circle.is-warning[value="27"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(187.2deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-28, .progress-circle.is-warning[value="28"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(190.8deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-29, .progress-circle.is-warning[value="29"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(194.4deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-30, .progress-circle.is-warning[value="30"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(198deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-31, .progress-circle.is-warning[value="31"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(201.6deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-32, .progress-circle.is-warning[value="32"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(205.2deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-33, .progress-circle.is-warning[value="33"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(208.8deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-34, .progress-circle.is-warning[value="34"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(212.4deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-35, .progress-circle.is-warning[value="35"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(216deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-36, .progress-circle.is-warning[value="36"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(219.6deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-37, .progress-circle.is-warning[value="37"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(223.2deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-38, .progress-circle.is-warning[value="38"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(226.8deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-39, .progress-circle.is-warning[value="39"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(230.4deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-40, .progress-circle.is-warning[value="40"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(234deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-41, .progress-circle.is-warning[value="41"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(237.6deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-42, .progress-circle.is-warning[value="42"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(241.2deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-43, .progress-circle.is-warning[value="43"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(244.8deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-44, .progress-circle.is-warning[value="44"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(248.4deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-45, .progress-circle.is-warning[value="45"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(252deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-46, .progress-circle.is-warning[value="46"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(255.6deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-47, .progress-circle.is-warning[value="47"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(259.2deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-48, .progress-circle.is-warning[value="48"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(262.8deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-49, .progress-circle.is-warning[value="49"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(266.4deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-50, .progress-circle.is-warning[value="50"] {
  background-image: linear-gradient(-90deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-51, .progress-circle.is-warning[value="51"] {
  background-image: linear-gradient(-86.4deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-52, .progress-circle.is-warning[value="52"] {
  background-image: linear-gradient(-82.8deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-53, .progress-circle.is-warning[value="53"] {
  background-image: linear-gradient(-79.2deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-54, .progress-circle.is-warning[value="54"] {
  background-image: linear-gradient(-75.6deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-55, .progress-circle.is-warning[value="55"] {
  background-image: linear-gradient(-72deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-56, .progress-circle.is-warning[value="56"] {
  background-image: linear-gradient(-68.4deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-57, .progress-circle.is-warning[value="57"] {
  background-image: linear-gradient(-64.8deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-58, .progress-circle.is-warning[value="58"] {
  background-image: linear-gradient(-61.2deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-59, .progress-circle.is-warning[value="59"] {
  background-image: linear-gradient(-57.6deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-60, .progress-circle.is-warning[value="60"] {
  background-image: linear-gradient(-54deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-61, .progress-circle.is-warning[value="61"] {
  background-image: linear-gradient(-50.4deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-62, .progress-circle.is-warning[value="62"] {
  background-image: linear-gradient(-46.8deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-63, .progress-circle.is-warning[value="63"] {
  background-image: linear-gradient(-43.2deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-64, .progress-circle.is-warning[value="64"] {
  background-image: linear-gradient(-39.6deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-65, .progress-circle.is-warning[value="65"] {
  background-image: linear-gradient(-36deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-66, .progress-circle.is-warning[value="66"] {
  background-image: linear-gradient(-32.4deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-67, .progress-circle.is-warning[value="67"] {
  background-image: linear-gradient(-28.8deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-68, .progress-circle.is-warning[value="68"] {
  background-image: linear-gradient(-25.2deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-69, .progress-circle.is-warning[value="69"] {
  background-image: linear-gradient(-21.6deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-70, .progress-circle.is-warning[value="70"] {
  background-image: linear-gradient(-18deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-71, .progress-circle.is-warning[value="71"] {
  background-image: linear-gradient(-14.4deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-72, .progress-circle.is-warning[value="72"] {
  background-image: linear-gradient(-10.8deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-73, .progress-circle.is-warning[value="73"] {
  background-image: linear-gradient(-7.2deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-74, .progress-circle.is-warning[value="74"] {
  background-image: linear-gradient(-3.6deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-75, .progress-circle.is-warning[value="75"] {
  background-image: linear-gradient(0deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-76, .progress-circle.is-warning[value="76"] {
  background-image: linear-gradient(3.6deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-77, .progress-circle.is-warning[value="77"] {
  background-image: linear-gradient(7.2deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-78, .progress-circle.is-warning[value="78"] {
  background-image: linear-gradient(10.8deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-79, .progress-circle.is-warning[value="79"] {
  background-image: linear-gradient(14.4deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-80, .progress-circle.is-warning[value="80"] {
  background-image: linear-gradient(18deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-81, .progress-circle.is-warning[value="81"] {
  background-image: linear-gradient(21.6deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-82, .progress-circle.is-warning[value="82"] {
  background-image: linear-gradient(25.2deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-83, .progress-circle.is-warning[value="83"] {
  background-image: linear-gradient(28.8deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-84, .progress-circle.is-warning[value="84"] {
  background-image: linear-gradient(32.4deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-85, .progress-circle.is-warning[value="85"] {
  background-image: linear-gradient(36deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-86, .progress-circle.is-warning[value="86"] {
  background-image: linear-gradient(39.6deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-87, .progress-circle.is-warning[value="87"] {
  background-image: linear-gradient(43.2deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-88, .progress-circle.is-warning[value="88"] {
  background-image: linear-gradient(46.8deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-89, .progress-circle.is-warning[value="89"] {
  background-image: linear-gradient(50.4deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-90, .progress-circle.is-warning[value="90"] {
  background-image: linear-gradient(54deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-91, .progress-circle.is-warning[value="91"] {
  background-image: linear-gradient(57.6deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-92, .progress-circle.is-warning[value="92"] {
  background-image: linear-gradient(61.2deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-93, .progress-circle.is-warning[value="93"] {
  background-image: linear-gradient(64.8deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-94, .progress-circle.is-warning[value="94"] {
  background-image: linear-gradient(68.4deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-95, .progress-circle.is-warning[value="95"] {
  background-image: linear-gradient(72deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-96, .progress-circle.is-warning[value="96"] {
  background-image: linear-gradient(75.6deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-97, .progress-circle.is-warning[value="97"] {
  background-image: linear-gradient(79.2deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-98, .progress-circle.is-warning[value="98"] {
  background-image: linear-gradient(82.8deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-99, .progress-circle.is-warning[value="99"] {
  background-image: linear-gradient(86.4deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-warning.is-100, .progress-circle.is-warning[value="100"] {
  background-image: linear-gradient(90deg, #f89406 50%, transparent 50%, transparent), linear-gradient(270deg, #f89406 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger {
  background-color: #ee5f5b;
}
.progress-circle.is-danger.is-0, .progress-circle.is-danger[value="0"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(90deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-1, .progress-circle.is-danger[value="1"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(93.6deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-2, .progress-circle.is-danger[value="2"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(97.2deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-3, .progress-circle.is-danger[value="3"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(100.8deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-4, .progress-circle.is-danger[value="4"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(104.4deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-5, .progress-circle.is-danger[value="5"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(108deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-6, .progress-circle.is-danger[value="6"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(111.6deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-7, .progress-circle.is-danger[value="7"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(115.2deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-8, .progress-circle.is-danger[value="8"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(118.8deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-9, .progress-circle.is-danger[value="9"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(122.4deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-10, .progress-circle.is-danger[value="10"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(126deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-11, .progress-circle.is-danger[value="11"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(129.6deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-12, .progress-circle.is-danger[value="12"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(133.2deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-13, .progress-circle.is-danger[value="13"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(136.8deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-14, .progress-circle.is-danger[value="14"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(140.4deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-15, .progress-circle.is-danger[value="15"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(144deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-16, .progress-circle.is-danger[value="16"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(147.6deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-17, .progress-circle.is-danger[value="17"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(151.2deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-18, .progress-circle.is-danger[value="18"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(154.8deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-19, .progress-circle.is-danger[value="19"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(158.4deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-20, .progress-circle.is-danger[value="20"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(162deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-21, .progress-circle.is-danger[value="21"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(165.6deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-22, .progress-circle.is-danger[value="22"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(169.2deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-23, .progress-circle.is-danger[value="23"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(172.8deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-24, .progress-circle.is-danger[value="24"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(176.4deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-25, .progress-circle.is-danger[value="25"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(180deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-26, .progress-circle.is-danger[value="26"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(183.6deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-27, .progress-circle.is-danger[value="27"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(187.2deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-28, .progress-circle.is-danger[value="28"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(190.8deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-29, .progress-circle.is-danger[value="29"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(194.4deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-30, .progress-circle.is-danger[value="30"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(198deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-31, .progress-circle.is-danger[value="31"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(201.6deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-32, .progress-circle.is-danger[value="32"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(205.2deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-33, .progress-circle.is-danger[value="33"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(208.8deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-34, .progress-circle.is-danger[value="34"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(212.4deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-35, .progress-circle.is-danger[value="35"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(216deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-36, .progress-circle.is-danger[value="36"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(219.6deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-37, .progress-circle.is-danger[value="37"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(223.2deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-38, .progress-circle.is-danger[value="38"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(226.8deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-39, .progress-circle.is-danger[value="39"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(230.4deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-40, .progress-circle.is-danger[value="40"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(234deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-41, .progress-circle.is-danger[value="41"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(237.6deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-42, .progress-circle.is-danger[value="42"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(241.2deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-43, .progress-circle.is-danger[value="43"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(244.8deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-44, .progress-circle.is-danger[value="44"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(248.4deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-45, .progress-circle.is-danger[value="45"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(252deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-46, .progress-circle.is-danger[value="46"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(255.6deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-47, .progress-circle.is-danger[value="47"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(259.2deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-48, .progress-circle.is-danger[value="48"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(262.8deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-49, .progress-circle.is-danger[value="49"] {
  background-image: linear-gradient(90deg, hsl(0, 0%, 4%) 50%, transparent 50%, transparent), linear-gradient(266.4deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-50, .progress-circle.is-danger[value="50"] {
  background-image: linear-gradient(-90deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-51, .progress-circle.is-danger[value="51"] {
  background-image: linear-gradient(-86.4deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-52, .progress-circle.is-danger[value="52"] {
  background-image: linear-gradient(-82.8deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-53, .progress-circle.is-danger[value="53"] {
  background-image: linear-gradient(-79.2deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-54, .progress-circle.is-danger[value="54"] {
  background-image: linear-gradient(-75.6deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-55, .progress-circle.is-danger[value="55"] {
  background-image: linear-gradient(-72deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-56, .progress-circle.is-danger[value="56"] {
  background-image: linear-gradient(-68.4deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-57, .progress-circle.is-danger[value="57"] {
  background-image: linear-gradient(-64.8deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-58, .progress-circle.is-danger[value="58"] {
  background-image: linear-gradient(-61.2deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-59, .progress-circle.is-danger[value="59"] {
  background-image: linear-gradient(-57.6deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-60, .progress-circle.is-danger[value="60"] {
  background-image: linear-gradient(-54deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-61, .progress-circle.is-danger[value="61"] {
  background-image: linear-gradient(-50.4deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-62, .progress-circle.is-danger[value="62"] {
  background-image: linear-gradient(-46.8deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-63, .progress-circle.is-danger[value="63"] {
  background-image: linear-gradient(-43.2deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-64, .progress-circle.is-danger[value="64"] {
  background-image: linear-gradient(-39.6deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-65, .progress-circle.is-danger[value="65"] {
  background-image: linear-gradient(-36deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-66, .progress-circle.is-danger[value="66"] {
  background-image: linear-gradient(-32.4deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-67, .progress-circle.is-danger[value="67"] {
  background-image: linear-gradient(-28.8deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-68, .progress-circle.is-danger[value="68"] {
  background-image: linear-gradient(-25.2deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-69, .progress-circle.is-danger[value="69"] {
  background-image: linear-gradient(-21.6deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-70, .progress-circle.is-danger[value="70"] {
  background-image: linear-gradient(-18deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-71, .progress-circle.is-danger[value="71"] {
  background-image: linear-gradient(-14.4deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-72, .progress-circle.is-danger[value="72"] {
  background-image: linear-gradient(-10.8deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-73, .progress-circle.is-danger[value="73"] {
  background-image: linear-gradient(-7.2deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-74, .progress-circle.is-danger[value="74"] {
  background-image: linear-gradient(-3.6deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-75, .progress-circle.is-danger[value="75"] {
  background-image: linear-gradient(0deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-76, .progress-circle.is-danger[value="76"] {
  background-image: linear-gradient(3.6deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-77, .progress-circle.is-danger[value="77"] {
  background-image: linear-gradient(7.2deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-78, .progress-circle.is-danger[value="78"] {
  background-image: linear-gradient(10.8deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-79, .progress-circle.is-danger[value="79"] {
  background-image: linear-gradient(14.4deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-80, .progress-circle.is-danger[value="80"] {
  background-image: linear-gradient(18deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-81, .progress-circle.is-danger[value="81"] {
  background-image: linear-gradient(21.6deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-82, .progress-circle.is-danger[value="82"] {
  background-image: linear-gradient(25.2deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-83, .progress-circle.is-danger[value="83"] {
  background-image: linear-gradient(28.8deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-84, .progress-circle.is-danger[value="84"] {
  background-image: linear-gradient(32.4deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-85, .progress-circle.is-danger[value="85"] {
  background-image: linear-gradient(36deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-86, .progress-circle.is-danger[value="86"] {
  background-image: linear-gradient(39.6deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-87, .progress-circle.is-danger[value="87"] {
  background-image: linear-gradient(43.2deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-88, .progress-circle.is-danger[value="88"] {
  background-image: linear-gradient(46.8deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-89, .progress-circle.is-danger[value="89"] {
  background-image: linear-gradient(50.4deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-90, .progress-circle.is-danger[value="90"] {
  background-image: linear-gradient(54deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-91, .progress-circle.is-danger[value="91"] {
  background-image: linear-gradient(57.6deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-92, .progress-circle.is-danger[value="92"] {
  background-image: linear-gradient(61.2deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-93, .progress-circle.is-danger[value="93"] {
  background-image: linear-gradient(64.8deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-94, .progress-circle.is-danger[value="94"] {
  background-image: linear-gradient(68.4deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-95, .progress-circle.is-danger[value="95"] {
  background-image: linear-gradient(72deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-96, .progress-circle.is-danger[value="96"] {
  background-image: linear-gradient(75.6deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-97, .progress-circle.is-danger[value="97"] {
  background-image: linear-gradient(79.2deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-98, .progress-circle.is-danger[value="98"] {
  background-image: linear-gradient(82.8deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-99, .progress-circle.is-danger[value="99"] {
  background-image: linear-gradient(86.4deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
.progress-circle.is-danger.is-100, .progress-circle.is-danger[value="100"] {
  background-image: linear-gradient(90deg, #ee5f5b 50%, transparent 50%, transparent), linear-gradient(270deg, #ee5f5b 50%, hsl(0, 0%, 4%) 50%, hsl(0, 0%, 4%));
}
/*************************************************************
 * Dropdown layout stylings
**************************************************************
*/
/* A slim variant for a dropdown menu */
.dropdown.is-slim .dropdown-menu {
  width: auto;
  min-width: auto;
}

/* A slim variant for dropdown items */
.dropdown.is-slim .dropdown-menu button.dropdown-item {
  padding-left: 8px;
  padding-right: 8px;
}

/* No wide right padding, the area is used by an icon */
a.dropdown-item,
button.dropdown-item {
  padding-right: 1em;
}

/* Icons are spaced similarly to a button */
.dropdown-item-icon {
  padding-bottom: calc(0.5em - 1px);
  padding-left: 1em;
  padding-right: 1em;
  padding-top: calc(0.5em - 1px);
}

/* The alignment should be left always (No LTR support) */
.dropdown-content {
  text-align: left;
}

/* header menu items are shorter */
.dropdown-item.is-header {
  padding-top: 0;
  padding-bottom: 0;
}

/*************************************************************
 * Dropdown color stylings
 * These styles are based on a the "slate" bulmaswatch theme and borrow variables from there,
 * creating a matching visual experience for these dropdowns
**************************************************************
*/
/** Button styles for dropdown menu items. 
 *  This makes buttons usable as dropdown items, 
 *  supporting proper accessibility,
 *  without visual interference of typical button styling
 */
a.dropdown-item,
button.dropdown-item {
  border: none;
  background-color: #3a3f44;
  cursor: pointer;
}

/* Dropdown item with better suited contrast for a dark theme */
a.dropdown-item,
button.dropdown-item {
  color: hsl(0, 0%, 98%);
}

/* Disabled items should be dimmed. Hovering should not be visible */
a.dropdown-item:disabled,
button.dropdown-item:disabled {
  opacity: 50%;
  cursor: not-allowed;
}

a.dropdown-item:disabled:hover,
button.dropdown-item:disabled:hover {
  background-color: inherit;
}

/* Hovered dropdown item with better suited contrast for a dark theme */
a.dropdown-item:hover,
button.dropdown-item:hover {
  background-color: #52575c;
  color: hsl(0, 0%, 98%);
}

/* Active dropdown item with better suited contrast for a dark theme */
a.dropdown-item.is-active,
button.dropdown-item.is-active {
  background-color: hsl(0, 0%, 96%);
  color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}

/* Active disabled dropdown keep their background */
a.dropdown-item.is-active:disabled,
button.dropdown-item.is-active:disabled {
  background-color: hsl(0, 0%, 96%);
}

.dropdown-content {
  border-color: #52575c;
  border-width: 1px;
  border-style: solid;
}

/* divider similar to menu border */
.dropdown-divider {
  background-color: #52575c;
}

/* static menu items are not clickable */
.dropdown-item.is-static {
  pointer-events: none;
}

/* Indicate the active item
* @remarks Intended to work with the bulmaswatch slate theme */
.router-link-active .dropdown-item,
.router-link-hover .dropdown-item,
.router-link-active:focus .dropdown-item,
.router-link-active:focus-within .dropdown-item {
  background-color: #272b30;
}

/*************************************************************
 * Styles for user input
 * These styles are based on the slate bulmaswatch theme and borrow variables from there
**************************************************************
*/
.select select,
.textarea,
.input {
  background-color: rgb(20.7103448276, 22.8344827586, 25.4896551724);
  border-color: rgb(20.7103448276, 22.8344827586, 25.4896551724);
  border-radius: 4px;
  color: hsl(0, 0%, 98%);
  box-shadow: none;
}

.is-placeholder,
.textarea::placeholder,
.input::placeholder {
  color: #7a8288;
  font-style: italic;
}

/** Addon-buttons (for inputs on the right side) are
visually tied to their left button */
.field.has-addons button.button.as-after-addon:not(:hover) {
  border-left-color: transparent;
}

/*************************************************************
 * Styles for video container and content display
 * These styles are suitable both for HTML5 video and the 
 * YouTube IFrame player
**************************************************************
*/
/**
 * Fading to grey for the paused state indication.
 * @remarks A simple transition does not work for filter functions
 */
@keyframes fade-to-grey {
  from {
    filter: brightness(1);
  }
  to {
    filter: brightness(0.4);
  }
}
@keyframes unfade-from-grey {
  from {
    filter: brightness(0.4);
  }
  to {
    filter: brightness(1);
  }
}
.video {
  animation-name: unfade-from-grey;
  animation-duration: 200ms;
  filter: brightness(1);
}

/** During fading, slowly adapt the brightness */
.video.fade-out {
  animation-name: fade-to-grey;
  animation-duration: 200ms;
  filter: brightness(0.4);
}

/** When paused, immediately reduce the brightness */
.video.paused {
  animation-name: fade-to-grey;
  animation-duration: 0s;
  filter: brightness(0.4);
}

/**
 * Adding an overlay for plaback indication.
  * @remarks Requires a surrounding div to have the positioning working
  * (does not work directly on the the video element)
 */
.video-container {
  position: relative;
  background-color: black;
}

.video-container.use-overlay-icon:after {
  content: "";
  position: absolute;
  color: #fafafa;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fafafa' d='M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20,12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M10,16.5L16,12L10,7.5V16.5Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10vmax;
  opacity: 0;
  transition: opacity 200ms ease;
}

.video-container.is-loading:after {
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fafafa' d='M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z'/%3E%3C/svg%3E");
  animation: spinAround 0.5s infinite linear;
}

.video-container.paused:after {
  opacity: 0.8;
  transition: opacity 200ms ease;
}

/**
 * Video hover similar to button hover (except background, since there is already one with the svg)
 */
.video-container {
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
}

.video-container:hover {
  border-color: #7a8288;
  text-shadow: 1px 1px 1px rgba(10, 10, 10, 0.3);
}

/** Use available horizontal space, but limit height */
.video-container,
.video {
  width: 100%;
  max-height: 100%;
}

/** limit height for a small video view, by default */
.video-container.is-small,
.video.is-small {
  max-height: 33vh;
}

/*************************************************************
 * Modal stylings
 * These styles are based on a the "slate" bulmaswatch theme and borrow variables from there
**************************************************************
*/
.modal-card {
  box-shadow: 0 0.5em 1em -0.125em rgb(10, 10, 10), 0 0 0 1px rgba(10, 10, 10, 0.02);
}

.modal-content,
.modal-card {
  /* same margin on all sizes, including on small viewports */
  margin: 0 auto;
}

/* A wide variant for a modal, taking up more width than usual for wider viewports */
@media screen and (min-width: 769px) {
  .modal-content.is-wide,
  .modal-card.is-wide {
    min-width: 640px;
    width: 80vw;
  }
}
/** **********************************************************
 * Busy-indication with a modal, with a slightly delayed fade-in
**************************************************************
*/
.modal.busy-indicator {
  opacity: 0;
  animation-name: delay-fade-in;
  animation-duration: 600ms;
}

.modal.busy-indicator.is-active {
  opacity: 1;
}

@keyframes delay-fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/**
 * Optional styling classes for printing pages with the Bulma CSS framework.
 * See https://github.com/suterma/bulma-print for documentation
 * 
 * Note: These classes follow the naming pattern from the visibility helpers, 
 * as documented at https://bulma.io/documentation/helpers/visibility-helpers/
 *
 * Note: Ideas are taken from
 * https://www.matuzo.at/blog/i-totally-forgot-about-print-style-sheets/
 * and from
 * https://gitlab.com/find-it-program-locator/newtowne/-/blob/8.x-1.x/src/global/_print.sass
 * As stated there, such code may get into Bulma proper with
 * https://github.com/jgthms/bulma/pull/2329 and https://github.com/jgthms/bulma/issues/721
 */
@media print {
  /* Hide non-printable elements*/
  .is-hidden-print {
    display: none !important;
  }
  /* print out link URLs */
  a:not(.is-not-linked-print)[href]::after {
    content: "(" attr(href) ")";
    padding-left: 0.25rem;
  }
  /* Page breaks and break avoidance */
  .has-page-break-after {
    break-after: page;
  }
  .has-page-break-before {
    break-before: page;
  }
  .is-together-print {
    page-break-inside: avoid;
  }
}
/* Optional print-only elements*/
@media not print {
  .is-print-only {
    display: none !important;
  }
}
@media print {
  /* Make sure all is black/white, even opacity is removed */
  * {
    background-color: white !important;
    background-image: none !important;
    color: black !important;
    opacity: 100%;
    /* remove shadows */
    text-shadow: none;
  }
  /* hr elements should print black (they do not by default),
  * in contrast to the other elements defined.
  * Note: just setting the background to black does only work in the
  * print media emulation (in Google Chrome), not in the actual printout
  */
  hr {
    border-top: solid 1px #000 !important;
  }
}
@media print {
  /* Tags and buttons should have always an outline to distinguish them from simple text */
  .tag,
  .button {
    border: 1px solid black !important;
  }
  /* Optional non-printable elements*/
  .is-hidden-print {
    display: none !important;
  }
  /* print out link URLs */
  a:not(.is-not-linked-print)[href]::after,
  a[href].clearfix::after {
    content: "(" attr(href) ")";
    text-decoration: underline;
    font-size: 90%;
    padding-left: 0.25rem;
    /* make sure the content fits like standard text after the link text*/
    width: fit-content;
    top: unset;
  }
  /* Make sure all is black/white, even opacity is removed */
  * {
    background-color: white !important;
    background-image: none !important;
    color: black !important;
    opacity: 100%;
    /* remove shadows */
    text-shadow: none;
  }
  /* hr elements should print black (they do not by default),
  * in contrast to the other elements defined.
  * Note: just setting the background to black does only work in the
  * print media emulation (in Google Chrome), not in the actual printout
  */
  hr {
    border-top: solid 1px #000 !important;
  }
  /* Optional page breaks and break avoidance */
  .has-page-break-after {
    break-after: page;
  }
  .has-page-break-before {
    break-before: page;
  }
  .is-together-print {
    page-break-inside: avoid;
  }
  /* Better use of paper space, padding is done via page margins */
  .section {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  @page {
    margin-top: 2cm;
    margin-left: 2cm;
    margin-right: 2cm;
    margin-bottom: 2cm;
  }
}
/* Optional print-only elements*/
@media not print {
  .is-print-only {
    display: none !important;
  }
}
/*************************************************************
 * Specific styles for cropping text, with the ellipsis character
 * Applies styles to force the use of the ellipsis according to 
 * the requirements.
 **************************************************************/
/** Text cropping with ellipsis are difficult. Here is a solution from https://stackoverflow.com/a/66329909/79485
    You need to select a parent, then additionally annotate each child you want to actually crop (possibly nested)
    Some element above the parent must have a size constraint, e.g. flex-basis or max-width.
 */
/** This is the parent element, whose children should have their text cropped with the ellipsis,
 *   when the space is running out
 */
.has-cropped-text {
  display: grid;
  grid-template-columns: auto 1fr;
}

/** This selects the actual children that get their text cropped
* @remarks Currently, only the ellipsis variant is supported on all
* major browsers. */
.has-cropped-text * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/** Unset the line-height.
This has caused cropped "under the line-parts" in characters like "q,g"
when the cropped text was used e.g. with the "title" class */
.has-cropped-text * {
  line-height: unset;
}

/************************************************************** 
 * Specific spacing for all viewport widths
 * @remarks The naming scheme is taken from Bulma's visibility helpers
 * @devdoc To avoid taking another dependency like bulma-helper-spacing
 * or bulma-helpers, I decide to provide the few currently used 
 * additional spacing helpers on my own here. 
 **************************************************************/
/** Like with columns, 
* if you want to remove the space to a subsequent item, 
* add the is-gapless modifier on the level:
*/
.level:not(:last-child).is-gapless {
  margin-bottom: inherit;
}

/************************************************************** 
 * Specific spacing depending on breakpoints
 * @remarks The naming scheme is taken from Bulma's visibility helpers
 * @devdoc To avoid taking another dependency like bulma-helper-spacing
 * or bulma-helpers, I decide to provide the few currently used 
 * additional spacing helpers on my own here. 
 **************************************************************/
@media screen and (max-width: 768px) {
  .mt-4-mobile {
    margin-top: 1rem !important;
  }
  .ml-4-mobile {
    margin-left: 1rem !important;
  }
  .mr-4-mobile {
    margin-right: 1rem !important;
  }
  .mb-4-mobile {
    margin-bottom: 1rem !important;
  }
}
@media screen and (min-width: 769px) {
  .mt-4-tablet {
    margin-top: 1rem !important;
  }
  .ml-4-tablet {
    margin-left: 1rem !important;
  }
  .mr-4-tablet {
    margin-right: 1rem !important;
  }
  .mb-4-tablet {
    margin-bottom: 1rem !important;
  }
}
/************************************************************** 
 * Specific spacing for tracks and their content
 **************************************************************/
/** For all blocks for and in a track, use the same small amount of margin as everywhere, 
for all screen sizes. Keeps the display compact */
.track .block:not(:last-child) {
  margin-bottom: 0.5rem;
}

/************************************************************** 
 * Specific spacing for general layout
 **************************************************************/
/* equal vertical spacing on top and below the footer*/
.footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

/************************************************************** 
 * For the playback widget in the media player panel, keep the widget rows compact
 **************************************************************/
/* keep vertical spacing/stacking between the widget rows smaller, on smaller devices */
@media screen and (max-width: 1216px) {
  #media-player-panel .block:not(:last-child),
  #media-player-panel .level:not(:last-child) {
    margin-bottom: 1.5rem;
  }
}
/* keep vertical spacing/stacking between the widget rows smaller, on smaller devices */
@media screen and (max-width: 1024px) {
  #media-player-panel .block:not(:last-child),
  #media-player-panel .level:not(:last-child) {
    margin-bottom: 0.75rem;
  }
}
/** Reset the Bulma navbar container height for the player area*/
.navbar > #media-player-panel.container {
  min-height: 0;
}

/*************************************************************
 * Transitions for the Replayer
**************************************************************
*/
/* Leaving items should be behind entering items,
 * let them animate over the leaving items
  */
.slide-left-leave-active,
.slide-right-leave-active,
.slide-fade-left-leave-active,
.slide-fade-right-leave-active,
.fade-leave-active,
.item-expand-leave-active,
.item-expand-right-leave-active,
.item-expand-up-leave-active,
.list-leave-active {
  z-index: -1;
}

/* Leaving is done "out of layout" to not disturb the 
 * layout by having 2 items in the same place while 
 * the transition is active  */
.slide-left-leave-active.transition-in-place,
.slide-right-leave-active.transition-in-place,
.slide-fade-left-leave-active.transition-in-place,
.slide-fade-right-leave-active.transition-in-place,
.fade-leave-active.transition-in-place,
.item-expand-leave-active.transition-in-place,
.item-expand-right-leave-active.transition-in-place,
.item-expand-up-leave-active.transition-in-place,
.list-leave-active.transition-in-place {
  position: absolute;
}

/* Transitioning items leaving in the bottom navbar should be kept tied to the
 * bottom. Otherwise items later in the DOM might get pushed out
 * of the visible area
 */
.navbar.is-fixed-bottom .slide-left-leave-active.transition-in-place,
.navbar.is-fixed-bottom .slide-right-leave-active.transition-in-place,
.navbar.is-fixed-bottom .slide-fade-left-leave-active.transition-in-place,
.navbar.is-fixed-bottom .slide-fade-right-leave-active.transition-in-place,
.navbar.is-fixed-bottom .fade-leave-active.transition-in-place,
.navbar.is-fixed-bottom .item-expand-leave-active.transition-in-place,
.navbar.is-fixed-bottom .item-expand-right-leave-active.transition-in-place,
.navbar.is-fixed-bottom .item-expand-down-leave-active.transition-in-place,
.navbar.is-fixed-bottom .list-leave-active.transition-in-place {
  bottom: 0;
  left: 0;
  right: 0;
}

/* All transitions should have the same timing */
.item-expand-enter-active,
.item-expand-leave-active,
.item-expand-right-enter-active,
.item-expand-right-leave-active,
.item-expand-up-enter-active,
.item-expand-up-leave-active,
.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active,
.slide-right-leave-active,
.slide-fade-left-enter-active,
.slide-fade-left-leave-active,
.slide-fade-right-enter-active,
.slide-fade-right-leave-active,
.list-move,
.list-enter-active,
.list-leave-active {
  transition: all 300ms ease;
}

/** **********************************************************
 * Transition for expanding a single item (top-down)
**************************************************************
*/
.item-expand-enter-from,
.item-expand-leave-to {
  opacity: 0;
  transform-origin: top;
  transform: scaleY(0) translateY(-50%);
}

/** **********************************************************
 * Transition for expanding a single item (to the right)
**************************************************************
*/
.item-expand-right-enter-from,
.item-expand-right-leave-to {
  opacity: 0;
  transform-origin: left;
  transform: scaleX(0) translateX(-50%);
}

/** **********************************************************
 * Transition for expanding a single item (bottom up)
**************************************************************
*/
.item-expand-up-enter-from,
.item-expand-up-leave-to {
  opacity: 0;
  transform-origin: bottom;
  transform: scaleY(0) translateY(50%);
}

/** **********************************************************
 * Transition for sliding left a single item
**************************************************************
*/
.slide-left-leave-to {
  transform: translateX(-100vw);
}

.slide-left-enter-from {
  transform: translateX(100vw);
}

/** **********************************************************
 * Transition for sliding right a single item
**************************************************************
*/
.slide-right-leave-to {
  transform: translateX(100vw);
}

.slide-right-enter-from {
  transform: translateX(-100vw);
}

/** **********************************************************
 * Transition for (slide-left) fading a single item
**************************************************************
*/
/* fading is actually done on the direct children (nav's in this case),
 to keep the background non-fading */
.slide-fade-left-leave-to nav {
  opacity: 0;
  transition: all 300ms ease;
}

.slide-fade-left-enter-from {
  opacity: 1;
  transform: translateX(100vw);
}

/** **********************************************************
 * Transition for (slide-right) fading a single item
 * This is currently only used for player widget transitions
 * when the new item is not directly previous/next to the outgoing item.
**************************************************************
*/
/* fading is actually done on the direct children (nav's in this case),
 to keep the background non-fading */
.slide-fade-right-leave-to nav {
  opacity: 0;
  transition: all 300ms ease;
}

.slide-fade-right-enter-from {
  opacity: 1;
  transform: translateX(-100vw);
}

/** **********************************************************
 * Transition for handling list items
**************************************************************
*/
.list-enter-from {
  opacity: 0;
  transform: translateX(-32px);
}

.list-leave-to {
  opacity: 0;
  transform: translateX(32px);
}

/* NOTE: Use .transition-in-place to 
   ensure leaving items are taken out of layout flow so that moving
   animations can be calculated correctly. */
/*************************************************************
 * Stylings for draggable content
 * Dragged items should be similar in style as a drop down menu, 
 * visually appearing above the other content
 * These styles are based on a the "slate" bulmaswatch theme and borrow variables from there
**************************************************************
*/
/* use an invisible border around draggable items, 
to not displace them visually when the border around the single dragged item is shown*/
[data-draggable=true] {
  border-color: transparent;
  border-width: 1px;
  border-style: solid;
}

[data-draggable=true][draggable=true] {
  /* Like dropdown content*/
  border-color: #52575c;
  background-color: #3a3f44;
  border-radius: 4px;
  box-shadow: 0 0.5em 1em -0.125em rgb(10, 10, 10), 0 0 0 1px rgba(10, 10, 10, 0.02);
  /* keep it above the other items: z-index must be larger than the fixed footer*/
  z-index: 3;
}

/* dragging content / at the new place */
[data-draggable=true][draggable=true].drag-ghost {
  border-color: #52575c;
}

/* ghost image while dragging */
[data-draggable=true][draggable=true].drag {
  opacity: 0;
}

/*************************************************************
 * Custom Replayer tooltip
 * Basic implementation taken from 
 * Bulma Tooltip (from https://bulma-tooltip.netlify.app/)
**************************************************************
*/
/* Change some properties distinguish tooltips from other content*/
/* Default colors more to the Replayer theme*/
[data-tooltip]:not(.is-loading), [data-tooltip]:not(.is-disabled), [data-tooltip]:not([disabled]) {
  cursor: pointer;
  overflow: visible;
  position: relative;
}
[data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not([disabled])::before {
  box-sizing: border-box;
  color: hsl(0, 0%, 100%);
  display: inline-block;
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.85rem;
  hyphens: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  z-index: 1020;
  background: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  border-radius: 20px;
  content: attr(data-tooltip);
  padding: 0.5rem 1rem;
  text-overflow: ellipsis;
  white-space: pre;
}
[data-tooltip]:not(.is-loading)::before, [data-tooltip]:not(.is-disabled)::before, [data-tooltip]:not([disabled])::before {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  top: 0;
  margin-top: -9px;
  margin-bottom: auto;
  transform: translate(-50%, -100%);
}
[data-tooltip]:not(.is-loading).has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-arrow::after {
  box-sizing: border-box;
  color: hsl(0, 0%, 100%);
  display: inline-block;
  font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 0.85rem;
  hyphens: auto;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
  z-index: 1020;
  content: "";
  border-style: solid;
  border-width: 10px;
  border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
  margin-bottom: -9px;
}
[data-tooltip]:not(.is-loading).has-tooltip-arrow.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-arrow.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-arrow.has-tooltip-arrow::after {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  margin-top: -9px;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: -9px;
  border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-bottom.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom.has-tooltip-arrow::after {
  top: auto;
  right: auto;
  bottom: -1px;
  left: 50%;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: -9px;
  margin-left: -9px;
  border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-bottom::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom::before, [data-tooltip]:not([disabled]).has-tooltip-bottom::before {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  margin-top: auto;
  margin-bottom: -9px;
  transform: translate(-50%, 100%);
}
[data-tooltip]:not(.is-loading).has-tooltip-left.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left.has-tooltip-arrow::after {
  top: auto;
  right: auto;
  bottom: 50%;
  left: 0;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: -10px;
  margin-left: -9px;
  border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
[data-tooltip]:not(.is-loading).has-tooltip-left::before, [data-tooltip]:not(.is-disabled).has-tooltip-left::before, [data-tooltip]:not([disabled]).has-tooltip-left::before {
  top: auto;
  right: auto;
  bottom: 50%;
  left: -9px;
  transform: translate(-100%, 50%);
}
[data-tooltip]:not(.is-loading).has-tooltip-right.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right.has-tooltip-arrow::after {
  top: auto;
  right: 0;
  bottom: 50%;
  left: auto;
  margin-top: auto;
  margin-right: -10px;
  margin-bottom: -10px;
  margin-left: auto;
  border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent;
}
[data-tooltip]:not(.is-loading).has-tooltip-right::before, [data-tooltip]:not(.is-disabled).has-tooltip-right::before, [data-tooltip]:not([disabled]).has-tooltip-right::before {
  top: auto;
  right: -9px;
  bottom: 50%;
  left: auto;
  margin-top: auto;
  transform: translate(100%, 50%);
}
[data-tooltip]:not(.is-loading).has-tooltip-multiline::before, [data-tooltip]:not(.is-disabled).has-tooltip-multiline::before, [data-tooltip]:not([disabled]).has-tooltip-multiline::before {
  height: auto;
  width: 15rem;
  max-width: 15rem;
  text-overflow: clip;
  white-space: normal;
  word-break: keep-all;
}
[data-tooltip]:not(.is-loading).has-tooltip-text-left::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left::before, [data-tooltip]:not([disabled]).has-tooltip-text-left::before {
  text-align: left;
}
[data-tooltip]:not(.is-loading).has-tooltip-text-centered::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered::before {
  text-align: center;
}
[data-tooltip]:not(.is-loading).has-tooltip-text-right::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right::before, [data-tooltip]:not([disabled]).has-tooltip-text-right::before {
  text-align: right;
}
[data-tooltip]:not(.is-loading).has-tooltip-white::after, [data-tooltip]:not(.is-disabled).has-tooltip-white::after, [data-tooltip]:not([disabled]).has-tooltip-white::after {
  border-color: white transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-bottom::after {
  border-color: transparent transparent white transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-left::after {
  border-color: transparent transparent transparent white !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-white.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-white.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-white.has-tooltip-right::after {
  border-color: transparent white transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-white:before, [data-tooltip]:not(.is-disabled).has-tooltip-white:before, [data-tooltip]:not([disabled]).has-tooltip-white:before {
  background-color: white;
  color: hsl(0, 0%, 4%);
}
[data-tooltip]:not(.is-loading).has-tooltip-black::after, [data-tooltip]:not(.is-disabled).has-tooltip-black::after, [data-tooltip]:not([disabled]).has-tooltip-black::after {
  border-color: rgb(10.2, 10.2, 10.2) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-bottom::after {
  border-color: transparent transparent rgb(10.2, 10.2, 10.2) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-left::after {
  border-color: transparent transparent transparent rgb(10.2, 10.2, 10.2) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-black.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-black.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-black.has-tooltip-right::after {
  border-color: transparent rgb(10.2, 10.2, 10.2) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-black:before, [data-tooltip]:not(.is-disabled).has-tooltip-black:before, [data-tooltip]:not([disabled]).has-tooltip-black:before {
  background-color: rgb(10.2, 10.2, 10.2);
  color: hsl(0, 0%, 100%);
}
[data-tooltip]:not(.is-loading).has-tooltip-light::after, [data-tooltip]:not(.is-disabled).has-tooltip-light::after, [data-tooltip]:not([disabled]).has-tooltip-light::after {
  border-color: rgb(244.8, 244.8, 244.8) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-bottom::after {
  border-color: transparent transparent rgb(244.8, 244.8, 244.8) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-left::after {
  border-color: transparent transparent transparent rgb(244.8, 244.8, 244.8) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-light.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-light.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-light.has-tooltip-right::after {
  border-color: transparent rgb(244.8, 244.8, 244.8) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-light:before, [data-tooltip]:not(.is-disabled).has-tooltip-light:before, [data-tooltip]:not([disabled]).has-tooltip-light:before {
  background-color: rgb(244.8, 244.8, 244.8);
  color: rgba(0, 0, 0, 0.7);
}
[data-tooltip]:not(.is-loading).has-tooltip-dark::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark::after, [data-tooltip]:not([disabled]).has-tooltip-dark::after {
  border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-bottom::after {
  border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-left::after {
  border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-dark.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-dark.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-dark.has-tooltip-right::after {
  border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-dark:before, [data-tooltip]:not(.is-disabled).has-tooltip-dark:before, [data-tooltip]:not([disabled]).has-tooltip-dark:before {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  color: #fff;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary::after, [data-tooltip]:not([disabled]).has-tooltip-primary::after {
  border-color: #52575c transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-bottom::after {
  border-color: transparent transparent #52575c transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-left::after {
  border-color: transparent transparent transparent #52575c !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-primary.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-primary.has-tooltip-right::after {
  border-color: transparent #52575c transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-primary:before, [data-tooltip]:not(.is-disabled).has-tooltip-primary:before, [data-tooltip]:not([disabled]).has-tooltip-primary:before {
  background-color: #52575c;
  color: #fff;
}
[data-tooltip]:not(.is-loading).has-tooltip-link::after, [data-tooltip]:not(.is-disabled).has-tooltip-link::after, [data-tooltip]:not([disabled]).has-tooltip-link::after {
  border-color: #fafafa transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-bottom::after {
  border-color: transparent transparent #fafafa transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-left::after {
  border-color: transparent transparent transparent #fafafa !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-link.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-link.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-link.has-tooltip-right::after {
  border-color: transparent #fafafa transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-link:before, [data-tooltip]:not(.is-disabled).has-tooltip-link:before, [data-tooltip]:not([disabled]).has-tooltip-link:before {
  background-color: #fafafa;
  color: #52575c;
}
[data-tooltip]:not(.is-loading).has-tooltip-info::after, [data-tooltip]:not(.is-disabled).has-tooltip-info::after, [data-tooltip]:not([disabled]).has-tooltip-info::after {
  border-color: rgb(62.0415, 142.46085, 208.2585) transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-bottom::after {
  border-color: transparent transparent rgb(62.0415, 142.46085, 208.2585) transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-left::after {
  border-color: transparent transparent transparent rgb(62.0415, 142.46085, 208.2585) !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-info.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-info.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-info.has-tooltip-right::after {
  border-color: transparent rgb(62.0415, 142.46085, 208.2585) transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-info:before, [data-tooltip]:not(.is-disabled).has-tooltip-info:before, [data-tooltip]:not([disabled]).has-tooltip-info:before {
  background-color: rgb(62.0415, 142.46085, 208.2585);
  color: #fff;
}
[data-tooltip]:not(.is-loading).has-tooltip-success::after, [data-tooltip]:not(.is-disabled).has-tooltip-success::after, [data-tooltip]:not([disabled]).has-tooltip-success::after {
  border-color: #62c462 transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-bottom::after {
  border-color: transparent transparent #62c462 transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-left::after {
  border-color: transparent transparent transparent #62c462 !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-success.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-success.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-success.has-tooltip-right::after {
  border-color: transparent #62c462 transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-success:before, [data-tooltip]:not(.is-disabled).has-tooltip-success:before, [data-tooltip]:not([disabled]).has-tooltip-success:before {
  background-color: #62c462;
  color: #fff;
}
[data-tooltip]:not(.is-loading).has-tooltip-warning::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning::after, [data-tooltip]:not([disabled]).has-tooltip-warning::after {
  border-color: #f89406 transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-bottom::after {
  border-color: transparent transparent #f89406 transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-left::after {
  border-color: transparent transparent transparent #f89406 !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-warning.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-warning.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-warning.has-tooltip-right::after {
  border-color: transparent #f89406 transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-warning:before, [data-tooltip]:not(.is-disabled).has-tooltip-warning:before, [data-tooltip]:not([disabled]).has-tooltip-warning:before {
  background-color: #f89406;
  color: #fff;
}
[data-tooltip]:not(.is-loading).has-tooltip-danger::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger::after, [data-tooltip]:not([disabled]).has-tooltip-danger::after {
  border-color: #ee5f5b transparent transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-bottom::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-bottom::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-bottom::after {
  border-color: transparent transparent #ee5f5b transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-left::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-left::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-left::after {
  border-color: transparent transparent transparent #ee5f5b !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-danger.has-tooltip-right::after, [data-tooltip]:not(.is-disabled).has-tooltip-danger.has-tooltip-right::after, [data-tooltip]:not([disabled]).has-tooltip-danger.has-tooltip-right::after {
  border-color: transparent #ee5f5b transparent transparent !important;
}
[data-tooltip]:not(.is-loading).has-tooltip-danger:before, [data-tooltip]:not(.is-disabled).has-tooltip-danger:before, [data-tooltip]:not([disabled]).has-tooltip-danger:before {
  background-color: #ee5f5b;
  color: #fff;
}
[data-tooltip]:not(.is-loading):hover::before, [data-tooltip]:not(.is-loading):hover::after, [data-tooltip]:not(.is-loading).has-tooltip-active::before, [data-tooltip]:not(.is-loading).has-tooltip-active::after, [data-tooltip]:not(.is-disabled):hover::before, [data-tooltip]:not(.is-disabled):hover::after, [data-tooltip]:not(.is-disabled).has-tooltip-active::before, [data-tooltip]:not(.is-disabled).has-tooltip-active::after, [data-tooltip]:not([disabled]):hover::before, [data-tooltip]:not([disabled]):hover::after, [data-tooltip]:not([disabled]).has-tooltip-active::before, [data-tooltip]:not([disabled]).has-tooltip-active::after {
  opacity: 1;
  visibility: visible;
}
[data-tooltip]:not(.is-loading).has-tooltip-fade::before, [data-tooltip]:not(.is-loading).has-tooltip-fade::after, [data-tooltip]:not(.is-disabled).has-tooltip-fade::before, [data-tooltip]:not(.is-disabled).has-tooltip-fade::after, [data-tooltip]:not([disabled]).has-tooltip-fade::before, [data-tooltip]:not([disabled]).has-tooltip-fade::after {
  transition: opacity 200ms ease, visibility 200ms ease;
}
@media screen and (max-width: 768px) {
  [data-tooltip]:not(.is-loading).has-tooltip-top-mobile.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-mobile.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-mobile.has-tooltip-arrow::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -9px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -9px;
    border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-top-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-top-mobile::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-bottom: auto;
    transform: translate(-50%, -100%);
  }
}
@media screen and (min-width: 769px), print {
  [data-tooltip]:not(.is-loading).has-tooltip-top-tablet.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-tablet.has-tooltip-arrow::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -9px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -9px;
    border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-top-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-top-tablet::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-bottom: auto;
    transform: translate(-50%, -100%);
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-top-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-tablet-only.has-tooltip-arrow::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -9px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -9px;
    border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-top-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-top-tablet-only::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-bottom: auto;
    transform: translate(-50%, -100%);
  }
}
@media screen and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-top-touch.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-touch.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-touch.has-tooltip-arrow::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -9px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -9px;
    border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-top-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-touch::before, [data-tooltip]:not([disabled]).has-tooltip-top-touch::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-bottom: auto;
    transform: translate(-50%, -100%);
  }
}
@media screen and (min-width: 1024px) {
  [data-tooltip]:not(.is-loading).has-tooltip-top-desktop.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-desktop.has-tooltip-arrow::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -9px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -9px;
    border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-top-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-top-desktop::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-bottom: auto;
    transform: translate(-50%, -100%);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-top-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-desktop-only.has-tooltip-arrow::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -9px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -9px;
    border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-top-desktop-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-top-desktop-only::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-bottom: auto;
    transform: translate(-50%, -100%);
  }
}
@media screen and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-top-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-until-widescreen.has-tooltip-arrow::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -9px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -9px;
    border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-top-until-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-top-until-widescreen::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-bottom: auto;
    transform: translate(-50%, -100%);
  }
}
@media screen and (min-width: 1216px) {
  [data-tooltip]:not(.is-loading).has-tooltip-top-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-widescreen.has-tooltip-arrow::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -9px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -9px;
    border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-top-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-top-widescreen::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-bottom: auto;
    transform: translate(-50%, -100%);
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-top-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-widescreen-only.has-tooltip-arrow::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -9px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -9px;
    border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-top-widescreen-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-top-widescreen-only::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-bottom: auto;
    transform: translate(-50%, -100%);
  }
}
@media screen and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-top-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-until-fullhd.has-tooltip-arrow::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -9px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -9px;
    border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-top-until-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-top-until-fullhd::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-bottom: auto;
    transform: translate(-50%, -100%);
  }
}
@media screen and (min-width: 1408px) {
  [data-tooltip]:not(.is-loading).has-tooltip-top-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-top-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-top-fullhd.has-tooltip-arrow::after {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    margin-top: -9px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: -9px;
    border-color: rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-top-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-top-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-top-fullhd::before {
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    top: 0;
    margin-top: -9px;
    margin-bottom: auto;
    transform: translate(-50%, -100%);
  }
}
@media screen and (max-width: 768px) {
  [data-tooltip]:not(.is-loading).has-tooltip-right-mobile.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-mobile.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-mobile.has-tooltip-arrow::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: auto;
    border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-right-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-right-mobile::before {
    top: auto;
    right: -9px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%);
  }
}
@media screen and (min-width: 769px), print {
  [data-tooltip]:not(.is-loading).has-tooltip-right-tablet.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-tablet.has-tooltip-arrow::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: auto;
    border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-right-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-right-tablet::before {
    top: auto;
    right: -9px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%);
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-right-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-tablet-only.has-tooltip-arrow::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: auto;
    border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-right-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-right-tablet-only::before {
    top: auto;
    right: -9px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%);
  }
}
@media screen and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-right-touch.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-touch.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-touch.has-tooltip-arrow::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: auto;
    border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-right-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-touch::before, [data-tooltip]:not([disabled]).has-tooltip-right-touch::before {
    top: auto;
    right: -9px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%);
  }
}
@media screen and (min-width: 1024px) {
  [data-tooltip]:not(.is-loading).has-tooltip-right-desktop.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-desktop.has-tooltip-arrow::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: auto;
    border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-right-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-right-desktop::before {
    top: auto;
    right: -9px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-right-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-desktop-only.has-tooltip-arrow::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: auto;
    border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-right-desktop-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-right-desktop-only::before {
    top: auto;
    right: -9px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%);
  }
}
@media screen and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-right-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-until-widescreen.has-tooltip-arrow::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: auto;
    border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-right-until-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-right-until-widescreen::before {
    top: auto;
    right: -9px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%);
  }
}
@media screen and (min-width: 1216px) {
  [data-tooltip]:not(.is-loading).has-tooltip-right-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-widescreen.has-tooltip-arrow::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: auto;
    border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-right-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-right-widescreen::before {
    top: auto;
    right: -9px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%);
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-right-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-widescreen-only.has-tooltip-arrow::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: auto;
    border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-right-widescreen-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-right-widescreen-only::before {
    top: auto;
    right: -9px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%);
  }
}
@media screen and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-right-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-until-fullhd.has-tooltip-arrow::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: auto;
    border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-right-until-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-right-until-fullhd::before {
    top: auto;
    right: -9px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%);
  }
}
@media screen and (min-width: 1408px) {
  [data-tooltip]:not(.is-loading).has-tooltip-right-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-right-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-right-fullhd.has-tooltip-arrow::after {
    top: auto;
    right: 0;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    margin-right: -10px;
    margin-bottom: -10px;
    margin-left: auto;
    border-color: transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-right-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-right-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-right-fullhd::before {
    top: auto;
    right: -9px;
    bottom: 50%;
    left: auto;
    margin-top: auto;
    transform: translate(100%, 50%);
  }
}
@media screen and (max-width: 768px) {
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-mobile.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-mobile.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-mobile.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -9px;
    margin-left: -9px;
    border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-mobile::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -9px;
    transform: translate(-50%, 100%);
  }
}
@media screen and (min-width: 769px), print {
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -9px;
    margin-left: -9px;
    border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -9px;
    transform: translate(-50%, 100%);
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet-only.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -9px;
    margin-left: -9px;
    border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-tablet-only::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -9px;
    transform: translate(-50%, 100%);
  }
}
@media screen and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-touch.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-touch.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-touch.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -9px;
    margin-left: -9px;
    border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-touch::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-touch::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -9px;
    transform: translate(-50%, 100%);
  }
}
@media screen and (min-width: 1024px) {
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -9px;
    margin-left: -9px;
    border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -9px;
    transform: translate(-50%, 100%);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop-only.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -9px;
    margin-left: -9px;
    border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-desktop-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-desktop-only::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -9px;
    transform: translate(-50%, 100%);
  }
}
@media screen and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-until-widescreen.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -9px;
    margin-left: -9px;
    border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-until-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-until-widescreen::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -9px;
    transform: translate(-50%, 100%);
  }
}
@media screen and (min-width: 1216px) {
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -9px;
    margin-left: -9px;
    border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -9px;
    transform: translate(-50%, 100%);
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen-only.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -9px;
    margin-left: -9px;
    border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-widescreen-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-widescreen-only::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -9px;
    transform: translate(-50%, 100%);
  }
}
@media screen and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-until-fullhd.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -9px;
    margin-left: -9px;
    border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-until-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-until-fullhd::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -9px;
    transform: translate(-50%, 100%);
  }
}
@media screen and (min-width: 1408px) {
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-bottom-fullhd.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: -1px;
    left: 50%;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -9px;
    margin-left: -9px;
    border-color: transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897) transparent;
  }
  [data-tooltip]:not(.is-loading).has-tooltip-bottom-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-bottom-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-bottom-fullhd::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 50%;
    margin-top: auto;
    margin-bottom: -9px;
    transform: translate(-50%, 100%);
  }
}
@media screen and (max-width: 768px) {
  [data-tooltip]:not(.is-loading).has-tooltip-left-mobile.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-mobile.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-mobile.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: -9px;
    border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897);
  }
  [data-tooltip]:not(.is-loading).has-tooltip-left-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-left-mobile::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -9px;
    transform: translate(-100%, 50%);
  }
}
@media screen and (min-width: 769px), print {
  [data-tooltip]:not(.is-loading).has-tooltip-left-tablet.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-tablet.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: -9px;
    border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897);
  }
  [data-tooltip]:not(.is-loading).has-tooltip-left-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-left-tablet::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -9px;
    transform: translate(-100%, 50%);
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-left-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-tablet-only.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: -9px;
    border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897);
  }
  [data-tooltip]:not(.is-loading).has-tooltip-left-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-left-tablet-only::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -9px;
    transform: translate(-100%, 50%);
  }
}
@media screen and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-left-touch.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-touch.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-touch.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: -9px;
    border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897);
  }
  [data-tooltip]:not(.is-loading).has-tooltip-left-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-touch::before, [data-tooltip]:not([disabled]).has-tooltip-left-touch::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -9px;
    transform: translate(-100%, 50%);
  }
}
@media screen and (min-width: 1024px) {
  [data-tooltip]:not(.is-loading).has-tooltip-left-desktop.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-desktop.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: -9px;
    border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897);
  }
  [data-tooltip]:not(.is-loading).has-tooltip-left-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-left-desktop::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -9px;
    transform: translate(-100%, 50%);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-left-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-desktop-only.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: -9px;
    border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897);
  }
  [data-tooltip]:not(.is-loading).has-tooltip-left-desktop-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-left-desktop-only::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -9px;
    transform: translate(-100%, 50%);
  }
}
@media screen and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-left-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-until-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-until-widescreen.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: -9px;
    border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897);
  }
  [data-tooltip]:not(.is-loading).has-tooltip-left-until-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-left-until-widescreen::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -9px;
    transform: translate(-100%, 50%);
  }
}
@media screen and (min-width: 1216px) {
  [data-tooltip]:not(.is-loading).has-tooltip-left-widescreen.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-widescreen.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: -9px;
    border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897);
  }
  [data-tooltip]:not(.is-loading).has-tooltip-left-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-left-widescreen::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -9px;
    transform: translate(-100%, 50%);
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-left-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen-only.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-widescreen-only.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: -9px;
    border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897);
  }
  [data-tooltip]:not(.is-loading).has-tooltip-left-widescreen-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-left-widescreen-only::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -9px;
    transform: translate(-100%, 50%);
  }
}
@media screen and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-left-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-until-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-until-fullhd.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: -9px;
    border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897);
  }
  [data-tooltip]:not(.is-loading).has-tooltip-left-until-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-left-until-fullhd::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -9px;
    transform: translate(-100%, 50%);
  }
}
@media screen and (min-width: 1408px) {
  [data-tooltip]:not(.is-loading).has-tooltip-left-fullhd.has-tooltip-arrow::after, [data-tooltip]:not(.is-disabled).has-tooltip-left-fullhd.has-tooltip-arrow::after, [data-tooltip]:not([disabled]).has-tooltip-left-fullhd.has-tooltip-arrow::after {
    top: auto;
    right: auto;
    bottom: 50%;
    left: 0;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: -10px;
    margin-left: -9px;
    border-color: transparent transparent transparent rgb(32.1413793103, 35.4379310345, 39.5586206897);
  }
  [data-tooltip]:not(.is-loading).has-tooltip-left-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-left-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-left-fullhd::before {
    top: auto;
    right: auto;
    bottom: 50%;
    left: -9px;
    transform: translate(-100%, 50%);
  }
}
@media screen and (max-width: 768px) {
  [data-tooltip]:not(.is-loading).has-tooltip-hidden-mobile::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-mobile::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-mobile::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-mobile::before {
    opacity: 0 !important;
    display: none !important;
  }
}
@media screen and (min-width: 769px), print {
  [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet::before {
    opacity: 0 !important;
    display: none !important;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet-only::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet-only::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet-only::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-tablet-only::before {
    opacity: 0 !important;
    display: none !important;
  }
}
@media screen and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-hidden-touch::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-touch::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-touch::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-touch::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-touch::before {
    opacity: 0 !important;
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop::before {
    opacity: 0 !important;
    display: none !important;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop-only::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-desktop-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop-only::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop-only::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-desktop-only::before {
    opacity: 0 !important;
    display: none !important;
  }
}
@media screen and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-hidden-until-widescreen::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-until-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-widescreen::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-until-widescreen::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-until-widescreen::before {
    opacity: 0 !important;
    display: none !important;
  }
}
@media screen and (min-width: 1216px) {
  [data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen::before {
    opacity: 0 !important;
    display: none !important;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen-only::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-widescreen-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen-only::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen-only::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-widescreen-only::before {
    opacity: 0 !important;
    display: none !important;
  }
}
@media screen and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-hidden-until-fullhd::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-until-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-fullhd::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-until-fullhd::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-until-fullhd::before {
    opacity: 0 !important;
    display: none !important;
  }
}
@media screen and (min-width: 1408px) {
  [data-tooltip]:not(.is-loading).has-tooltip-hidden-fullhd::after, [data-tooltip]:not(.is-loading).has-tooltip-hidden-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-fullhd::after, [data-tooltip]:not(.is-disabled).has-tooltip-hidden-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-hidden-fullhd::after, [data-tooltip]:not([disabled]).has-tooltip-hidden-fullhd::before {
    opacity: 0 !important;
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-left-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-mobile::before {
    text-align: left;
  }
}
@media screen and (min-width: 769px), print {
  [data-tooltip]:not(.is-loading).has-tooltip-text-left-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-tablet::before {
    text-align: left;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-left-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-tablet-only::before {
    text-align: left;
  }
}
@media screen and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-left-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-touch::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-touch::before {
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-left-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-desktop::before {
    text-align: left;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-left-desktop-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-desktop-only::before {
    text-align: left;
  }
}
@media screen and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-left-until-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-until-widescreen::before {
    text-align: left;
  }
}
@media screen and (min-width: 1216px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-left-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-widescreen::before {
    text-align: left;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-left-widescreen-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-widescreen-only::before {
    text-align: left;
  }
}
@media screen and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-left-until-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-until-fullhd::before {
    text-align: left;
  }
}
@media screen and (min-width: 1408px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-left-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-left-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-text-left-fullhd::before {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-centered-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-mobile::before {
    text-align: center;
  }
}
@media screen and (min-width: 769px), print {
  [data-tooltip]:not(.is-loading).has-tooltip-text-centered-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-tablet::before {
    text-align: center;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-centered-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-tablet-only::before {
    text-align: center;
  }
}
@media screen and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-centered-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-touch::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-touch::before {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-centered-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-desktop::before {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-centered-desktop-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-desktop-only::before {
    text-align: center;
  }
}
@media screen and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-centered-until-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-until-widescreen::before {
    text-align: center;
  }
}
@media screen and (min-width: 1216px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-centered-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-widescreen::before {
    text-align: center;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-centered-widescreen-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-widescreen-only::before {
    text-align: center;
  }
}
@media screen and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-centered-until-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-until-fullhd::before {
    text-align: center;
  }
}
@media screen and (min-width: 1408px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-centered-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-centered-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-text-centered-fullhd::before {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-right-mobile::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-mobile::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-mobile::before {
    text-align: right;
  }
}
@media screen and (min-width: 769px), print {
  [data-tooltip]:not(.is-loading).has-tooltip-text-right-tablet::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-tablet::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-tablet::before {
    text-align: right;
  }
}
@media screen and (min-width: 769px) and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-right-tablet-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-tablet-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-tablet-only::before {
    text-align: right;
  }
}
@media screen and (max-width: 1023px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-right-touch::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-touch::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-touch::before {
    text-align: right;
  }
}
@media screen and (min-width: 1024px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-right-desktop::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-desktop::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-desktop::before {
    text-align: right;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-right-desktop-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-desktop-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-desktop-only::before {
    text-align: right;
  }
}
@media screen and (max-width: 1215px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-right-until-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-until-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-until-widescreen::before {
    text-align: right;
  }
}
@media screen and (min-width: 1216px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-right-widescreen::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-widescreen::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-widescreen::before {
    text-align: right;
  }
}
@media screen and (min-width: 1216px) and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-right-widescreen-only::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-widescreen-only::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-widescreen-only::before {
    text-align: right;
  }
}
@media screen and (max-width: 1407px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-right-until-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-until-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-until-fullhd::before {
    text-align: right;
  }
}
@media screen and (min-width: 1408px) {
  [data-tooltip]:not(.is-loading).has-tooltip-text-right-fullhd::before, [data-tooltip]:not(.is-disabled).has-tooltip-text-right-fullhd::before, [data-tooltip]:not([disabled]).has-tooltip-text-right-fullhd::before {
    text-align: right;
  }
}

span[data-tooltip] {
  border-bottom: 1px dashed #98a4ad;
}
span[data-tooltip].has-tooltip-white {
  border-bottom-color: hsl(0, 0%, 100%);
}
span[data-tooltip].has-tooltip-black {
  border-bottom-color: hsl(0, 0%, 9%);
}
span[data-tooltip].has-tooltip-light {
  border-bottom-color: hsl(0, 0%, 100%);
}
span[data-tooltip].has-tooltip-dark {
  border-bottom-color: rgb(43.5724137931, 48.0413793103, 53.6275862069);
}
span[data-tooltip].has-tooltip-primary {
  border-bottom-color: rgb(94.0172413793, 99.75, 105.4827586207);
}
span[data-tooltip].has-tooltip-link {
  border-bottom-color: white;
}
span[data-tooltip].has-tooltip-info {
  border-bottom-color: hsl(207, 61%, 58%);
}
span[data-tooltip].has-tooltip-success {
  border-bottom-color: rgb(116.5347222222, 202.9652777778, 116.5347222222);
}
span[data-tooltip].has-tooltip-warning {
  border-bottom-color: rgb(249.5551181102, 158.8070866142, 29.9448818898);
}
span[data-tooltip].has-tooltip-danger {
  border-bottom-color: rgb(240.3950276243, 117.5414364641, 114.1049723757);
}

.control span[data-tooltip] {
  border-bottom: none;
}

/* Make the tooltips as narrow as the text allows */
[data-tooltip]:not(.is-loading).has-tooltip-multiline::before,
[data-tooltip]:not(.is-disabled).has-tooltip-multiline::before,
[data-tooltip]:not([disabled]).has-tooltip-multiline::before {
  width: max-content;
}

/* Arrow should make full contact even on fully round corner
* (Currently only implemented on left position)
*/
[data-tooltip]:not(.is-loading).has-tooltip-left.has-tooltip-arrow::after,
[data-tooltip]:not(.is-disabled).has-tooltip-left.has-tooltip-arrow::after,
[data-tooltip]:not([disabled]).has-tooltip-left.has-tooltip-arrow::after {
  left: -4px;
}

/* Hide the tooltips when the (hovered) element is active (pressed)
*/
[data-tooltip]:hover:active.is-hover-only::before,
[data-tooltip]:hover:active.is-hover-only::after {
  visibility: hidden;
}

[data-tooltip]:hover:focus-within.is-hover-only::before,
[data-tooltip]:hover:focus-within.is-hover-only::after {
  visibility: hidden;
}

/* Hide the tooltips upon request (opposite of isActive)
*/
[data-tooltip]:active.has-tooltip-inactive::before,
[data-tooltip]:active.has-tooltip-inactive::after,
[data-tooltip]:hover.has-tooltip-inactive::before,
[data-tooltip]:hover.has-tooltip-inactive::after {
  visibility: hidden;
}

/*************************************************************
 * Styles for elements for a track 
 * These styles should optimize the layout for track headers
 * and other track-related elements
**************************************************************
*/
/*************************************************************
 * Tag-related styles
**************************************************************
*/
/* Keep small tags a little smaller */
.tags .tag {
  font-size: 0.75rem; /*instead of the default value*/
}

/* Keep large tags also a little smaller */
.tags.are-large .tag:not(.is-normal):not(.is-medium) {
  font-size: 1rem;
  /* Keep large delete buttons of large tags properly aligned */
}
.tags.are-large .tag:not(.is-normal):not(.is-medium) button.delete.is-large {
  margin-right: -0.75rem;
}

/** In tracks (but not when in the widget), 
keep track tags togheter as much as possible,
and do not flex them,
to keep them consistend with the level layout, as well
as for better legibility */
.track .tags {
  display: inline-block;
}

/*************************************************************
 * List-related styles
**************************************************************
*/
/** In the track item list the tags should be together on a new line.
There have been display issues with the ellipsis when overflowing.
 */
.track-list-item .tags {
  display: block;
}

/*************************************************************
 * Title-related styles
**************************************************************
*/
/** In tracks, title text should be vertically centered and 
have a very small line height, to keep it together */
.track .title {
  line-height: 1;
  vertical-align: middle;
}

/** PDF Links in track headers should break on words */
.track.is-pdf .track-header a {
  white-space: normal;
}

/* Slider (from bulma-slider) without border for the thumb*/
input[type=range].slider {
  appearance: none;
  margin: 1rem 0;
  background: transparent;
  touch-action: none;
}
input[type=range].slider.is-fullwidth {
  display: block;
  width: 100%;
}
input[type=range].slider.is-slim {
  margin: 0;
}
input[type=range].slider:focus {
  outline: none;
}
input[type=range].slider:not([orient=vertical])::-webkit-slider-runnable-track {
  width: 100%;
}
input[type=range].slider:not([orient=vertical])::-moz-range-track {
  width: 100%;
}
input[type=range].slider:not([orient=vertical])::-ms-track {
  width: 100%;
}
input[type=range].slider:not([orient=vertical]).has-output + output, input[type=range].slider:not([orient=vertical]).has-output-tooltip + output {
  width: 3rem;
  background: #3a3f44;
  border-radius: 4px;
  padding: 0.4rem 0.8rem;
  font-size: 0.85rem;
  line-height: 0.85rem;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: hsl(0, 0%, 100%);
  overflow: hidden;
  pointer-events: none;
  z-index: 200;
}
input[type=range].slider:not([orient=vertical]).has-output:disabled + output, input[type=range].slider:not([orient=vertical]).has-output-tooltip:disabled + output {
  opacity: 0.5;
}
input[type=range].slider:not([orient=vertical]).has-output {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - (4.2rem));
}
input[type=range].slider:not([orient=vertical]).has-output + output {
  display: inline-block;
  margin-left: 0.75rem;
  vertical-align: middle;
}
input[type=range].slider:not([orient=vertical]).has-output-tooltip {
  display: block;
}
input[type=range].slider:not([orient=vertical]).has-output-tooltip + output {
  position: absolute;
  left: 0;
  top: -0.1rem;
}
input[type=range].slider::-webkit-slider-runnable-track {
  cursor: pointer;
  animation-duration: 0.2s;
  box-shadow: 0px 0px 0px #52575c;
  background: #52575c;
  border-radius: 4px;
  border: 0px solid #52575c;
}
input[type=range].slider::-moz-range-track {
  cursor: pointer;
  animation-duration: 0.2s;
  box-shadow: 0px 0px 0px #52575c;
  background: #52575c;
  border-radius: 4px;
  border: 0px solid #52575c;
}
input[type=range].slider::-ms-track {
  cursor: pointer;
  animation-duration: 0.2s;
  box-shadow: 0px 0px 0px #52575c;
  background: #52575c;
  border-radius: 4px;
  border: 0px solid #52575c;
}
input[type=range].slider::-ms-fill-lower {
  background: #98a4ad;
  border-radius: 4px;
}
input[type=range].slider::-ms-fill-upper {
  background: #98a4ad;
  border-radius: 4px;
}
input[type=range].slider::-webkit-slider-thumb {
  box-shadow: none;
  border: none;
  border-radius: 4px;
  background: hsl(0, 0%, 100%);
  cursor: pointer;
}
input[type=range].slider::-moz-range-thumb {
  box-shadow: none;
  border: none;
  border-radius: 4px;
  background: hsl(0, 0%, 100%);
  cursor: pointer;
}
input[type=range].slider::-ms-thumb {
  box-shadow: none;
  border: none;
  border-radius: 4px;
  background: hsl(0, 0%, 100%);
  cursor: pointer;
}
input[type=range].slider::-webkit-slider-thumb {
  appearance: none;
}
input[type=range].slider.is-circle::-webkit-slider-thumb {
  border-radius: 9999px;
}
input[type=range].slider.is-circle::-moz-range-thumb {
  border-radius: 9999px;
}
input[type=range].slider.is-circle::-ms-thumb {
  border-radius: 9999px;
}
input[type=range].slider:active::-webkit-slider-thumb {
  transform: scale(1.25);
}
input[type=range].slider:active::-moz-range-thumb {
  transform: scale(1.25);
}
input[type=range].slider:active::-ms-thumb {
  transform: scale(1.25);
}
input[type=range].slider:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
input[type=range].slider:disabled::-webkit-slider-thumb {
  cursor: not-allowed;
  transform: scale(1);
}
input[type=range].slider:disabled::-moz-range-thumb {
  cursor: not-allowed;
  transform: scale(1);
}
input[type=range].slider:disabled::-ms-thumb {
  cursor: not-allowed;
  transform: scale(1);
}
input[type=range].slider:not([orient=vertical]) {
  min-height: calc((1rem + 2px) * 1.25);
}
input[type=range].slider:not([orient=vertical])::-webkit-slider-runnable-track {
  height: 0.5rem;
}
input[type=range].slider:not([orient=vertical])::-moz-range-track {
  height: 0.5rem;
}
input[type=range].slider:not([orient=vertical])::-ms-track {
  height: 0.5rem;
}
input[type=range].slider[orient=vertical]::-webkit-slider-runnable-track {
  width: 0.5rem;
}
input[type=range].slider[orient=vertical]::-moz-range-track {
  width: 0.5rem;
}
input[type=range].slider[orient=vertical]::-ms-track {
  width: 0.5rem;
}
input[type=range].slider::-webkit-slider-thumb {
  height: 1rem;
  width: 1rem;
}
input[type=range].slider::-moz-range-thumb {
  height: 1rem;
  width: 1rem;
}
input[type=range].slider::-ms-thumb {
  height: 1rem;
  width: 1rem;
}
input[type=range].slider::-ms-thumb {
  margin-top: 0;
}
input[type=range].slider::-webkit-slider-thumb {
  margin-top: -0.25rem;
}
input[type=range].slider[orient=vertical]::-webkit-slider-thumb {
  margin-top: auto;
  margin-left: -0.25rem;
}
input[type=range].slider.is-small:not([orient=vertical]) {
  min-height: calc((0.85rem + 2px) * 1.25);
}
input[type=range].slider.is-small:not([orient=vertical])::-webkit-slider-runnable-track {
  height: 0.425rem;
}
input[type=range].slider.is-small:not([orient=vertical])::-moz-range-track {
  height: 0.425rem;
}
input[type=range].slider.is-small:not([orient=vertical])::-ms-track {
  height: 0.425rem;
}
input[type=range].slider.is-small[orient=vertical]::-webkit-slider-runnable-track {
  width: 0.425rem;
}
input[type=range].slider.is-small[orient=vertical]::-moz-range-track {
  width: 0.425rem;
}
input[type=range].slider.is-small[orient=vertical]::-ms-track {
  width: 0.425rem;
}
input[type=range].slider.is-small::-webkit-slider-thumb {
  height: 0.85rem;
  width: 0.85rem;
}
input[type=range].slider.is-small::-moz-range-thumb {
  height: 0.85rem;
  width: 0.85rem;
}
input[type=range].slider.is-small::-ms-thumb {
  height: 0.85rem;
  width: 0.85rem;
}
input[type=range].slider.is-small::-ms-thumb {
  margin-top: 0;
}
input[type=range].slider.is-small::-webkit-slider-thumb {
  margin-top: -0.2125rem;
}
input[type=range].slider.is-small[orient=vertical]::-webkit-slider-thumb {
  margin-top: auto;
  margin-left: -0.2125rem;
}
input[type=range].slider.is-medium:not([orient=vertical]) {
  min-height: calc((1.25rem + 2px) * 1.25);
}
input[type=range].slider.is-medium:not([orient=vertical])::-webkit-slider-runnable-track {
  height: 0.625rem;
}
input[type=range].slider.is-medium:not([orient=vertical])::-moz-range-track {
  height: 0.625rem;
}
input[type=range].slider.is-medium:not([orient=vertical])::-ms-track {
  height: 0.625rem;
}
input[type=range].slider.is-medium[orient=vertical]::-webkit-slider-runnable-track {
  width: 0.625rem;
}
input[type=range].slider.is-medium[orient=vertical]::-moz-range-track {
  width: 0.625rem;
}
input[type=range].slider.is-medium[orient=vertical]::-ms-track {
  width: 0.625rem;
}
input[type=range].slider.is-medium::-webkit-slider-thumb {
  height: 1.25rem;
  width: 1.25rem;
}
input[type=range].slider.is-medium::-moz-range-thumb {
  height: 1.25rem;
  width: 1.25rem;
}
input[type=range].slider.is-medium::-ms-thumb {
  height: 1.25rem;
  width: 1.25rem;
}
input[type=range].slider.is-medium::-ms-thumb {
  margin-top: 0;
}
input[type=range].slider.is-medium::-webkit-slider-thumb {
  margin-top: -0.3125rem;
}
input[type=range].slider.is-medium[orient=vertical]::-webkit-slider-thumb {
  margin-top: auto;
  margin-left: -0.3125rem;
}
input[type=range].slider.is-large:not([orient=vertical]) {
  min-height: calc((1.5rem + 2px) * 1.25);
}
input[type=range].slider.is-large:not([orient=vertical])::-webkit-slider-runnable-track {
  height: 0.75rem;
}
input[type=range].slider.is-large:not([orient=vertical])::-moz-range-track {
  height: 0.75rem;
}
input[type=range].slider.is-large:not([orient=vertical])::-ms-track {
  height: 0.75rem;
}
input[type=range].slider.is-large[orient=vertical]::-webkit-slider-runnable-track {
  width: 0.75rem;
}
input[type=range].slider.is-large[orient=vertical]::-moz-range-track {
  width: 0.75rem;
}
input[type=range].slider.is-large[orient=vertical]::-ms-track {
  width: 0.75rem;
}
input[type=range].slider.is-large::-webkit-slider-thumb {
  height: 1.5rem;
  width: 1.5rem;
}
input[type=range].slider.is-large::-moz-range-thumb {
  height: 1.5rem;
  width: 1.5rem;
}
input[type=range].slider.is-large::-ms-thumb {
  height: 1.5rem;
  width: 1.5rem;
}
input[type=range].slider.is-large::-ms-thumb {
  margin-top: 0;
}
input[type=range].slider.is-large::-webkit-slider-thumb {
  margin-top: -0.375rem;
}
input[type=range].slider.is-large[orient=vertical]::-webkit-slider-thumb {
  margin-top: auto;
  margin-left: -0.375rem;
}
input[type=range].slider.is-white::-moz-range-track {
  background: hsl(0, 0%, 100%) !important;
}
input[type=range].slider.is-white::-webkit-slider-runnable-track {
  background: hsl(0, 0%, 100%) !important;
}
input[type=range].slider.is-white::-ms-track {
  background: hsl(0, 0%, 100%) !important;
}
input[type=range].slider.is-white::-ms-fill-lower {
  background: hsl(0, 0%, 100%);
}
input[type=range].slider.is-white::-ms-fill-upper {
  background: hsl(0, 0%, 100%);
}
input[type=range].slider.is-white.has-output + output,
input[type=range].slider.is-white .has-output-tooltip + output {
  background-color: hsl(0, 0%, 100%);
  color: hsl(0, 0%, 4%);
}
input[type=range].slider.is-black::-moz-range-track {
  background: hsl(0, 0%, 4%) !important;
}
input[type=range].slider.is-black::-webkit-slider-runnable-track {
  background: hsl(0, 0%, 4%) !important;
}
input[type=range].slider.is-black::-ms-track {
  background: hsl(0, 0%, 4%) !important;
}
input[type=range].slider.is-black::-ms-fill-lower {
  background: hsl(0, 0%, 4%);
}
input[type=range].slider.is-black::-ms-fill-upper {
  background: hsl(0, 0%, 4%);
}
input[type=range].slider.is-black.has-output + output,
input[type=range].slider.is-black .has-output-tooltip + output {
  background-color: hsl(0, 0%, 4%);
  color: hsl(0, 0%, 100%);
}
input[type=range].slider.is-light::-moz-range-track {
  background: hsl(0, 0%, 96%) !important;
}
input[type=range].slider.is-light::-webkit-slider-runnable-track {
  background: hsl(0, 0%, 96%) !important;
}
input[type=range].slider.is-light::-ms-track {
  background: hsl(0, 0%, 96%) !important;
}
input[type=range].slider.is-light::-ms-fill-lower {
  background: hsl(0, 0%, 96%);
}
input[type=range].slider.is-light::-ms-fill-upper {
  background: hsl(0, 0%, 96%);
}
input[type=range].slider.is-light.has-output + output,
input[type=range].slider.is-light .has-output-tooltip + output {
  background-color: hsl(0, 0%, 96%);
  color: rgba(0, 0, 0, 0.7);
}
input[type=range].slider.is-dark::-moz-range-track {
  background: rgb(32.1413793103, 35.4379310345, 39.5586206897) !important;
}
input[type=range].slider.is-dark::-webkit-slider-runnable-track {
  background: rgb(32.1413793103, 35.4379310345, 39.5586206897) !important;
}
input[type=range].slider.is-dark::-ms-track {
  background: rgb(32.1413793103, 35.4379310345, 39.5586206897) !important;
}
input[type=range].slider.is-dark::-ms-fill-lower {
  background: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
input[type=range].slider.is-dark::-ms-fill-upper {
  background: rgb(32.1413793103, 35.4379310345, 39.5586206897);
}
input[type=range].slider.is-dark.has-output + output,
input[type=range].slider.is-dark .has-output-tooltip + output {
  background-color: rgb(32.1413793103, 35.4379310345, 39.5586206897);
  color: #fff;
}
input[type=range].slider.is-primary::-moz-range-track {
  background: #52575c !important;
}
input[type=range].slider.is-primary::-webkit-slider-runnable-track {
  background: #52575c !important;
}
input[type=range].slider.is-primary::-ms-track {
  background: #52575c !important;
}
input[type=range].slider.is-primary::-ms-fill-lower {
  background: #52575c;
}
input[type=range].slider.is-primary::-ms-fill-upper {
  background: #52575c;
}
input[type=range].slider.is-primary.has-output + output,
input[type=range].slider.is-primary .has-output-tooltip + output {
  background-color: #52575c;
  color: #fff;
}
input[type=range].slider.is-link::-moz-range-track {
  background: #fafafa !important;
}
input[type=range].slider.is-link::-webkit-slider-runnable-track {
  background: #fafafa !important;
}
input[type=range].slider.is-link::-ms-track {
  background: #fafafa !important;
}
input[type=range].slider.is-link::-ms-fill-lower {
  background: #fafafa;
}
input[type=range].slider.is-link::-ms-fill-upper {
  background: #fafafa;
}
input[type=range].slider.is-link.has-output + output,
input[type=range].slider.is-link .has-output-tooltip + output {
  background-color: #fafafa;
  color: #52575c;
}
input[type=range].slider.is-info::-moz-range-track {
  background: hsl(207, 61%, 53%) !important;
}
input[type=range].slider.is-info::-webkit-slider-runnable-track {
  background: hsl(207, 61%, 53%) !important;
}
input[type=range].slider.is-info::-ms-track {
  background: hsl(207, 61%, 53%) !important;
}
input[type=range].slider.is-info::-ms-fill-lower {
  background: hsl(207, 61%, 53%);
}
input[type=range].slider.is-info::-ms-fill-upper {
  background: hsl(207, 61%, 53%);
}
input[type=range].slider.is-info.has-output + output,
input[type=range].slider.is-info .has-output-tooltip + output {
  background-color: hsl(207, 61%, 53%);
  color: #fff;
}
input[type=range].slider.is-success::-moz-range-track {
  background: #62c462 !important;
}
input[type=range].slider.is-success::-webkit-slider-runnable-track {
  background: #62c462 !important;
}
input[type=range].slider.is-success::-ms-track {
  background: #62c462 !important;
}
input[type=range].slider.is-success::-ms-fill-lower {
  background: #62c462;
}
input[type=range].slider.is-success::-ms-fill-upper {
  background: #62c462;
}
input[type=range].slider.is-success.has-output + output,
input[type=range].slider.is-success .has-output-tooltip + output {
  background-color: #62c462;
  color: #fff;
}
input[type=range].slider.is-warning::-moz-range-track {
  background: #f89406 !important;
}
input[type=range].slider.is-warning::-webkit-slider-runnable-track {
  background: #f89406 !important;
}
input[type=range].slider.is-warning::-ms-track {
  background: #f89406 !important;
}
input[type=range].slider.is-warning::-ms-fill-lower {
  background: #f89406;
}
input[type=range].slider.is-warning::-ms-fill-upper {
  background: #f89406;
}
input[type=range].slider.is-warning.has-output + output,
input[type=range].slider.is-warning .has-output-tooltip + output {
  background-color: #f89406;
  color: #fff;
}
input[type=range].slider.is-danger::-moz-range-track {
  background: #ee5f5b !important;
}
input[type=range].slider.is-danger::-webkit-slider-runnable-track {
  background: #ee5f5b !important;
}
input[type=range].slider.is-danger::-ms-track {
  background: #ee5f5b !important;
}
input[type=range].slider.is-danger::-ms-fill-lower {
  background: #ee5f5b;
}
input[type=range].slider.is-danger::-ms-fill-upper {
  background: #ee5f5b;
}
input[type=range].slider.is-danger.has-output + output,
input[type=range].slider.is-danger .has-output-tooltip + output {
  background-color: #ee5f5b;
  color: #fff;
}

/*************************************************************
 * These are specific styles for the playhead slider an it's adornments
**************************************************************
*/
.playhead-slider svg {
  height: 20px !important;
}

.playhead-slider .button {
  max-height: 40px;
}

.playhead-slider .button .icon:last-child:not(:first-child) {
  margin-left: 0;
  margin-right: 0;
}

/** Use a really small font for the time display */
.playhead-slider .is-size-7.is-family-monospace {
  padding-top: 0;
  font-size: 0.65rem !important;
}

/** left seeker icon in line with the time text */
.playhead-slider .level-right .icon svg {
  padding-right: 0;
  margin-right: -7px;
}

/** right seeker icon in line with the time text */
.playhead-slider .level-left .icon svg {
  padding-left: 0;
  margin-left: 7px;
}

/* styles for the playhead slider, similar to the peaksjs color */
.playhead-slider input[type=range].slider::-moz-range-track {
  background: #aaa !important;
}

.playhead-slider input[type=range].slider::-webkit-slider-runnable-track {
  background: #aaa !important;
}

.playhead-slider input[type=range].slider::-ms-track {
  background: #aaa !important;
}

.playhead-slider input[type=range].slider::-ms-fill-lower {
  background: #aaa;
}

.playhead-slider input[type=range].slider::-ms-fill-upper {
  background: #aaa;
}

/* Below: general application-specific add-ons/modifications to the Bulma CSS */
/*************************************************************
 * Bulma fixes
**************************************************************
*/
/** Fix the vertical alignment of the labels in a horizontal form 
(this is a general Bulma issue, see https://github.com/jgthms/bulma/issues/3354) */
@media screen and (min-width: 769px), print {
  .field.is-horizontal .field-label.is-normal {
    padding-top: 0.5em;
  }
}
/**
* Optimize rendering performance by not changing the z-index on hover/focus/selection
* This causes small visual faults with the borders of grouped elements, but 
* greatly reduces repaints on hover and with playback operations
* see https://stackoverflow.com/questions/79130607/why-does-the-bulma-css-framwork-change-the-z-index-on-hover
*/
/* Use same z-index, regardless of state
-none-
:hover,
.is-hovered 
:focus,
.is-focused,
:active,
.is-active,
.is-selected
 */
.buttons.has-addons .button,
.field.has-addons .control .button:not([disabled]),
.field.has-addons .control .input:not([disabled]),
.field.has-addons .control .select select:not([disabled]) {
  z-index: 2 !important;
}

/*************************************************************
 * Overscroll / scrollbar handling
**************************************************************
*/
/* Disable overscroll page refresh */
html,
body {
  overscroll-behavior-y: none;
}

/* Disable overscroll page navigation */
html,
body {
  overscroll-behavior-x: none;
}

/* Only show the vertical scrollbar if necessary */
html {
  overflow-y: auto;
}

/*************************************************************
 * Additional typography stylings
**************************************************************
*/
/* A variant for a dimmed item (e.g. supportive/informational text parts)*/
.has-opacity-half {
  opacity: 50%;
}

/* A variant for a slightly dimmed item (e.g. supportive/informational text parts)*/
.has-opacity-quarter {
  opacity: 25%;
}

/* A variant for a slightly dimmed item (e.g. supportive/informational text parts)*/
.has-opacity-third {
  opacity: 33%;
}

/* Improve text legibility */
#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/*************************************************************
 * Icons stylings
**************************************************************
*/
/* Specific styles for Bulma to work neatly with pure SVG icons, with appropriate sizing
* @devdoc See https://github.com/jgthms/bulma/issues/1867 */
[class*=" icon"],
[class^=icon] {
  display: inline-block;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
  line-height: 1;
  position: relative;
  top: -0.05em;
  vertical-align: middle;
}

/*************************************************************
 * Layout helpers
**************************************************************
*/
/** A complement to the is-relative class
*/
.is-absolute {
  position: absolute !important;
}

.is-single-line {
  white-space: nowrap;
}

/* Allows text to break at words */
.has-text-break-word {
  word-break: break-word;
}

/** Scales down the element to 50% of the size, maintaining the inner component's aspect ratio,
while also keeping the original with. 
@remarks This is useful to save (vertical) space while not altering the layout.*/
.is-scaled-50 {
  transform: scale(0.5) translate(-50%, -50%);
  width: 200%;
}

/* monospace fonts should also not compact whitespace*/
.is-family-monospace {
  white-space: pre;
}

/** **********************************************************
 * Fullscreen styles
**************************************************************
*/
/** A div that occupies full screen (not necessarily in native fullscreen mode) */
.is-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: auto;
}

/** A div that occupies full screen (not necessarily in native fullscreen mode) */
.is-fullscreen,
.is-fullscreen::backdrop {
  background-color: hsl(0, 0%, 14%);
}

/** **********************************************************
 * Explicit cursors
**************************************************************
*/
/* Disabled items should be dimmed. Hovering should not be visible */
.has-cursor-not-allowed {
  cursor: not-allowed;
}

/** **********************************************************
 * Cursors for dragging/sorting
**************************************************************
*/
.grabbable {
  cursor: move; /* fallback if grab cursor is unsupported */
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

/* (Optional) Apply a "closed-hand" cursor during drag operation. */
.grabbable:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}

/** **********************************************************
 * Additional adornments
**************************************************************
*/
/* A default border  */
.has-border-primary,
.has-border {
  border: 1px solid #52575c;
}

/* A success variant of a border  */
.has-border-success {
  border: 1px solid #62c462;
}

/* A info variant of a border  */
.has-border-info {
  border: 1px solid hsl(207, 61%, 53%);
}

.is-borderless {
  border: 0;
}

/* A transparent background, usable e.g. in a box */
.has-background-transparent {
  background-color: transparent !important;
}

.has-background-none {
  background: none !important;
}

/* Selection Colors */
::selection {
  background-color: #fafafa;
  color: #52575c;
}

/* Tables don't have a background */
.table {
  background-color: transparent;
}

/* Tables have always the first and last border line */
.table tbody tr:first-child td,
.table tbody tr:first-child th {
  border-top: 1px solid #52575c;
}

.table tbody tr:last-child td,
.table tbody tr:last-child th {
  border-bottom: 1px solid #52575c;
}

/* Headings should have a fixed color, not changing on hover */
.heading {
  color: #aaa;
}

/* Serves as a placeholder for a minimum set of characters
@remarks currently used in the TimeDisplay.vue component
 */
.is-minimum-7-characters {
  min-width: 7ch;
}

/* Serves as a placeholder for a minimum set of characters
@remarks currently used in the TimeDisplay.vue component
 */
.is-minimum-5-characters {
  min-width: 5ch;
}

/*************************************************************
 * Color enhancements
**************************************************************
*/
/* Text color is also applied to titles
* @remarks By default, titles only have a default color, not affected by the text color helper */
.has-text-success .title {
  color: #62c462;
}

/** A colorless item should also have the default appearance (including similar brightness) except the coloring */
.is-colorless {
  filter: grayscale(100%) !important;
}

/*************************************************************
 * Hyperlinks
**************************************************************
*/
/* An external link icon, for all links with a target in a new tab */
a[target=_blank]:after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16' %3E%3Cpath fill='%23fafafa' d='M14,3V5H17.59L7.76,14.83L9.17,16.24L19,6.41V10H21V3M19,19H5V5H12V3H5C3.89,3 3,3.9 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V12H19V19Z'%3E%3C/path%3E%3C/svg%3E");
  /* partially taken from the icon styles */
  position: relative;
  top: 0.14rem;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  width: 1.2rem;
}

/* Links should not break lines */
a {
  white-space: nowrap;
}

/* External links should use the typical underline on hover */
a[target=_blank]:hover {
  text-decoration: underline;
}

/*************************************************************
 * Notifications
**************************************************************
*/
.notification {
  padding-top: 2.25rem;
  padding-right: 3.5rem;
  padding-bottom: 2.25rem;
  padding-left: 2.5rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.notification > .delete {
  right: 1rem;
  top: 1rem;
}

/*************************************************************
 * Experimental content
**************************************************************
*/
/* elements on a slight danger-like area */
.is-experimental {
  outline: dashed #ee5f5b;
  outline-offset: 0;
  outline-width: thin;
}

/* elements on a slight danger-like background, but not the inputs */
.is-experimental:not(input) {
  background-color: rgba(238, 95, 91, 0.14);
}