.ebonyMixerRow label {
  display: block;
  color: #d7d7d7;
  min-height: 0;
  margin-bottom: 0;
}
.ebonyMixerTrackNote {
  color: #8f8f8f;
  font-size: 10px;
  line-height: 13px;
}
.ebonyMixerEditions {
  white-space: normal;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: center;
  min-height: 38px;
  padding-top: 1px;
}
.ebonyMixerBadge {
  display: inline-block;
  margin: 1px 2px 1px 0;
  padding: 2px 3px;
  border: 1px solid rgba(174,133,83,0.6);
  color: #caa36c;
  background: rgba(0,0,0,0.35);
  font-size: 8px;
}
.ebonyMixer input[type="range"] {
  width: 26px;
  height: 132px;
  margin: 0 auto;
  display: block;
  writing-mode: bt-lr;
  -webkit-appearance: slider-vertical;
  accent-color: #9a7548;
  align-self: center;
}
.ebonyMixer input[type="range"].isFaderFlash {
  animation: ebonyMixerFaderFlash 780ms ease-out;
}
.ebonyMixerPercent {
  width: 31px;
  height: 22px;
  margin: 0;
  padding: 2px 1px;
  border: 1px solid #3c3c3c;
  background: rgba(0,0,0,0.75);
  color: #c9c9c9;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}
.ebonyMixerPercent::-webkit-outer-spin-button,
.ebonyMixerPercent::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.ebonyMixerPercent {
  -moz-appearance: textfield;
  appearance: textfield;
}
.ebonyMixerPercentLabel {
  color: #8f8f8f;
  font-size: 10px;
  display: none;
}
.ebonyMixerValue {
  display: block;
  margin-bottom: 0;
  text-align: center;
  align-self: center;
}
.ebonyMixerRowButtons {
  display: grid;
  grid-template-rows: 26px 28px 28px 28px;
  gap: 6px;
  align-items: start;
  justify-items: center;
  text-align: center;
  white-space: normal;
  min-height: 128px;
}
.ebonyMixerRowButtons button {
  padding: 4px 7px;
  min-width: 29px;
  margin: 0;
}
.ebonyMixerMSButtons {
  display: inline-grid;
  grid-template-columns: 28px 28px;
  gap: 6px;
  justify-content: center;
}
.ebonyMixer .ebonyMixerMuteToggle,
.ebonyMixer .ebonyMixerSoloToggle {
  width: 28px;
  min-width: 28px;
  height: 24px;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 21px;
  border-radius: 4px;
}
.ebonyMixer .ebonyMixerMuteToggle {
  border-color: rgba(139,48,43,0.55);
  color: #d9958d;
  background: rgba(18,14,14,0.92);
}
.ebonyMixer .ebonyMixerMuteToggle:hover,
.ebonyMixer .ebonyMixerMuteToggle.isMuted {
  border-color: rgba(255,88,77,0.98);
  color: #ffe0dc;
  background: rgba(92,20,15,0.99);
  box-shadow: 0 0 18px rgba(232,65,54,0.50), inset 0 0 10px rgba(255,144,130,0.16);
}
.ebonyMixer .ebonyMixerMuteToggle:hover {
  border-color: rgba(255,132,122,0.98);
  color: #ffd6d1;
  background: rgba(18,14,14,0.92);
  box-shadow: 0 0 18px rgba(255,88,77,0.54), inset 0 0 0 1px rgba(255,154,144,0.12);
}
.ebonyMixer .ebonyMixerMuteToggle.isMuted:hover {
  border-color: rgba(255,172,162,1);
  color: #ffffff;
  background: rgba(92,20,15,0.99);
  box-shadow: 0 0 24px rgba(255,92,78,0.72), inset 0 0 10px rgba(255,144,130,0.16);
}
.ebonyMixer .ebonyMixerSoloToggle {
  border-color: rgba(71,133,83,0.55);
  color: #a9d7ad;
  background: rgba(14,18,14,0.92);
}
.ebonyMixer .ebonyMixerSoloToggle:hover,
.ebonyMixer .ebonyMixerSoloToggle.isSoloed {
  border-color: rgba(106,214,122,0.86);
  color: #d9ffde;
  background: rgba(18,67,28,0.98);
  box-shadow: 0 0 13px rgba(75,200,91,0.32);
}
.ebonyMixer .ebonyMixerSoloToggle:hover {
  border-color: rgba(142,243,157,0.96);
  color: #d9ffde;
  background: rgba(14,18,14,0.92);
  box-shadow: 0 0 18px rgba(96,230,116,0.48), inset 0 0 0 1px rgba(168,255,181,0.10);
}
.ebonyMixer .ebonyMixerSoloToggle.isSoloed:hover {
  border-color: rgba(159,255,172,1);
  color: #ffffff;
  background: rgba(18,67,28,0.98);
  box-shadow: 0 0 22px rgba(92,235,112,0.62), inset 0 0 10px rgba(178,255,190,0.14);
}
.ebonyMixerVolumeEdit {
  display: inline-grid;
  grid-template-columns: 16px 34px 16px;
  gap: 5px;
  align-items: center;
  justify-content: center;
  width: 76px;
  margin: 0 auto;
}
.ebonyMixer .ebonyMixerStepButton {
  width: 16px;
  min-width: 16px;
  height: 20px;
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 14px;
}
.ebonyMixerPercentBox {
  display: inline-grid;
  grid-template-columns: 31px;
  align-items: center;
  justify-content: center;
}
.ebonyMixer .ebonyMixerOptimal {
  min-width: 0;
  width: auto;
  min-height: 27px;
  padding: 3px 7px;
  border-color: rgba(142,176,224,0.46);
  background: rgba(18,24,34,0.94);
  color: #d8e5f4;
  box-shadow: inset 0 0 9px rgba(105,147,205,0.08);
  font-size: 9px;
  line-height: 11px;
  display: inline-flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
}
.ebonyMixer .ebonyMixerOptimal:hover {
  border-color: rgba(176,211,255,0.78);
  background: rgba(25,34,49,0.98);
  color: #eff6ff;
  box-shadow: 0 0 12px rgba(118,164,226,0.22), inset 0 0 12px rgba(132,176,232,0.12);
}
.ebonyMixer .ebonyMixerOptimal.isOptimalFlash {
  animation: ebonyMixerOptimalFlash 780ms ease-out;
}
@keyframes ebonyMixerOptimalFlash {
  0% {
    border-color: rgba(176,218,255,0.98);
    background: rgba(43,73,105,0.99);
    color: #ffffff;
    box-shadow: 0 0 0 rgba(141,200,255,0);
  }
  18% {
    border-color: rgba(211,235,255,1);
    background: rgba(69,112,153,1);
    color: #ffffff;
    box-shadow: 0 0 22px rgba(139,205,255,0.76), inset 0 0 14px rgba(218,240,255,0.24);
  }
  100% {
    border-color: rgba(142,176,224,0.46);
    background: rgba(18,24,34,0.94);
    color: #d8e5f4;
    box-shadow: inset 0 0 9px rgba(105,147,205,0.08);
  }
}
@keyframes ebonyMixerFaderFlash {
  0% {
    filter: drop-shadow(0 0 0 rgba(156,213,255,0));
    accent-color: #9a7548;
  }
  20% {
    filter: drop-shadow(0 0 12px rgba(156,213,255,0.92)) drop-shadow(0 0 22px rgba(156,213,255,0.42));
    accent-color: #9dd7ff;
  }
  100% {
    filter: drop-shadow(0 0 0 rgba(156,213,255,0));
    accent-color: #9a7548;
  }
}
.ebonyMixerOptimalIcon {
  display: inline-block;
  font-size: 13px;
  line-height: 13px;
  text-align: center;
}
.ebonyMixerOptimalText {
  display: inline-block;
  line-height: 11px;
  text-align: center;
  min-width: 0;
  white-space: nowrap;
}
.ebonyMixer .ebonyMixerSoloButton {
  width: 104px;
  min-width: 104px;
  min-height: 28px;
  padding: 3px 3px;
  border-color: rgba(237,214,139,0.34);
  background: rgba(43,38,20,0.68);
  color: #eee0af;
  font-size: 10px;
  line-height: 12px;
  white-space: nowrap;
  border-radius: 5px;
}
.ebonyMixer .ebonyMixerSoloButton:hover {
  opacity: 1;
  filter: none;
  border-color: rgba(255,228,157,0.88);
  background: rgba(68,52,28,0.98);
  color: #fff5cf;
  box-shadow: 0 0 16px rgba(240,194,112,0.34), inset 0 0 10px rgba(255,226,158,0.10);
}
.ebonyMixer .ebonyMixerSoloButton.isActive {
  border-color: rgba(255,222,145,0.98);
  background: rgba(88,64,31,0.99);
  color: #fff6d1;
  box-shadow: 0 0 22px rgba(244,195,106,0.52), inset 0 0 13px rgba(255,224,149,0.18);
}
.ebonyMixer .ebonyMixerSoloButton.isActive:hover {
  border-color: rgba(255,239,190,1);
  background: rgba(112,80,37,1);
  color: #ffffff;
  box-shadow: 0 0 28px rgba(255,214,130,0.68), inset 0 0 16px rgba(255,239,190,0.24);
}
.ebonyMixer #ebonyMixerLoop.isActive {
  border-color: rgba(255,219,113,0.96);
  background: rgba(70,53,14,0.99);
  color: #fff5c9;
  box-shadow: 0 0 16px rgba(234,189,73,0.34), inset 0 0 10px rgba(255,229,136,0.14);
}