.btn-twitch {
  --bs-btn-color: #fff;
  --bs-btn-bg: #9147ff;
  --bs-btn-border-color: var(--bs-btn-bg);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #772ce8;
  --bs-btn-hover-border-color: var(--bs-btn-hover-bg);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #5c16c5;
  --bs-btn-active-border-color: var(--bs-btn-active-bg);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #var(--bs-btn-bg);
  --bs-btn-disabled-border-color: var(--bs-btn-bg);
}

.alert,
.btn:not(.btn-rounded),
.card, .card-header, .card-footer,
.modal-content, .modal-header, .modal-footer,
.progress {
  border-radius: unset !important;
}

.fix-w-60px {
  width: 60px !important;
}

.h-2em {
  height: 2em;
}

.loading {
  clip-path: inset(0 3ch 0 0);
  animation: l 1s steps(4) infinite;
}
@keyframes l {
  to {
    clip-path: inset(0 -1ch 0 0)
  }
}

.tooltip {
  --bs-tooltip-bg: var(--bs-dark-bg-subtle);
  --bs-tooltip-color: var(--bs-emphasis-color);
}
.tooltip.small {
  font-size: small;
}

.c-help {
  cursor: help;
}