/*! bulma-social v3.2.0 | MIT License | github.com/aldi/bulma-social */

.button.is-animated {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-property: background-color;
  transition-duration: 0.3s;
}

@media (prefers-reduced-motion: reduce) {
  .button.is-animated {
    transition-duration: 0.01ms;
  }
}
.button.is-twitch {
  background-color: hsl(264.3, 100%, 63.7%);
  border-color: transparent;
  color: #fff;
}
.button.is-twitch:hover, .button.is-twitch.is-hovered {
  background-color: hsl(264.3, 100%, 61.2%);
  border-color: transparent;
  color: #fff;
}
.button.is-twitch:focus, .button.is-twitch.is-focused {
  border-color: transparent;
  color: #fff;
}
.button.is-twitch:focus:not(:active), .button.is-twitch.is-focused:not(:active) {
  box-shadow: 0 0 0 0.125em hsla(264.3, 100%, 63.7%, 0.25);
}
.button.is-twitch:active, .button.is-twitch.is-active {
  background-color: hsl(264.3, 100%, 58.7%);
  border-color: transparent;
  color: #fff;
}
.button.is-twitch[disabled], fieldset[disabled] .button.is-twitch {
  background-color: hsl(264.3, 100%, 63.7%);
  border-color: transparent;
  box-shadow: none;
}
.button.is-twitch.is-inverted {
  background-color: #fff;
  color: hsl(264.3, 100%, 63.7%);
}
.button.is-twitch.is-inverted:hover, .button.is-twitch.is-inverted.is-hovered {
  background-color: rgb(242.25, 242.25, 242.25);
}
.button.is-twitch.is-inverted[disabled], fieldset[disabled] .button.is-twitch.is-inverted {
  background-color: #fff;
  border-color: transparent;
  box-shadow: none;
  color: hsl(264.3, 100%, 63.7%);
}
.button.is-twitch.is-loading::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-twitch.is-outlined {
  background-color: transparent;
  border-color: hsl(264.3, 100%, 63.7%);
  color: hsl(264.3, 100%, 63.7%);
}
.button.is-twitch.is-outlined:hover, .button.is-twitch.is-outlined.is-hovered, .button.is-twitch.is-outlined:focus, .button.is-twitch.is-outlined.is-focused {
  background-color: hsl(264.3, 100%, 63.7%);
  border-color: hsl(264.3, 100%, 63.7%);
  color: #fff;
}
.button.is-twitch.is-outlined.is-loading::after {
  border-color: transparent transparent hsl(264.3, 100%, 63.7%) hsl(264.3, 100%, 63.7%) !important;
}
.button.is-twitch.is-outlined.is-loading:hover::after, .button.is-twitch.is-outlined.is-loading.is-hovered::after, .button.is-twitch.is-outlined.is-loading:focus::after, .button.is-twitch.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent #fff #fff !important;
}
.button.is-twitch.is-outlined[disabled], fieldset[disabled] .button.is-twitch.is-outlined {
  background-color: transparent;
  border-color: hsl(264.3, 100%, 63.7%);
  box-shadow: none;
  color: hsl(264.3, 100%, 63.7%);
}
.button.is-twitch.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}
.button.is-twitch.is-inverted.is-outlined:hover, .button.is-twitch.is-inverted.is-outlined.is-hovered, .button.is-twitch.is-inverted.is-outlined:focus, .button.is-twitch.is-inverted.is-outlined.is-focused {
  background-color: #fff;
  color: hsl(264.3, 100%, 63.7%);
}
.button.is-twitch.is-inverted.is-outlined.is-loading:hover::after, .button.is-twitch.is-inverted.is-outlined.is-loading.is-hovered::after, .button.is-twitch.is-inverted.is-outlined.is-loading:focus::after, .button.is-twitch.is-inverted.is-outlined.is-loading.is-focused::after {
  border-color: transparent transparent hsl(264.3, 100%, 63.7%) hsl(264.3, 100%, 63.7%) !important;
}
.button.is-twitch.is-inverted.is-outlined[disabled], fieldset[disabled] .button.is-twitch.is-inverted.is-outlined {
  background-color: transparent;
  border-color: #fff;
  box-shadow: none;
  color: #fff;
}
.button.is-twitch.is-light {
  background-color: hsl(264.3, 100%, 96%);
  color: hsl(264.3, 100%, 46%);
}
.button.is-twitch.is-light:hover, .button.is-twitch.is-light.is-hovered {
  background-color: hsl(264.3, 100%, 93.5%);
  border-color: transparent;
  color: hsl(264.3, 100%, 46%);
}
.button.is-twitch.is-light:active, .button.is-twitch.is-light.is-active {
  background-color: hsl(264.3, 100%, 91%);
  border-color: transparent;
  color: hsl(264.3, 100%, 46%);
}
.button.is-twitch.is-dark {
  background-color: hsl(264.3, 100%, 46%);
  color: #fff;
}
.button.is-twitch.is-dark:hover, .button.is-twitch.is-dark.is-hovered {
  background-color: hsl(264.3, 100%, 43.5%);
  border-color: transparent;
  color: #fff;
}
.button.is-twitch.is-dark:active, .button.is-twitch.is-dark.is-active {
  background-color: hsl(264.3, 100%, 41%);
  border-color: transparent;
  color: #fff;
}

.has-text-twitch {
  color: hsl(264.3, 100%, 63.7%) !important;
}

a.has-text-twitch:hover, a.has-text-twitch:focus {
  color: hsl(264.3, 100%, 53.7%) !important;
}

.has-background-twitch {
  background-color: hsl(264.3, 100%, 63.7%) !important;
}

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

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

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

.has-text-twitch-dark {
  color: hsl(264.3, 100%, 46%) !important;
}

a.has-text-twitch-dark:hover, a.has-text-twitch-dark:focus {
  color: hsl(264.3, 100%, 56%) !important;
}

.has-background-twitch-dark {
  background-color: hsl(264.3, 100%, 46%) !important;
}

.no-animation {
  transition-property: none !important;
}