.ebonyMixerStatus {
  min-height: 15px;
  margin-top: 8px;
  color: #8f8f8f;
  text-align: center;
  font-size: 10px;
}
.ebonyMixerWaveWrap {
  margin: 7px 0 4px 0;
  padding: 9px;
  border: 1px solid rgba(202,163,108,0.24);
  border-radius: 5px;
  background: rgba(0,0,0,0.68);
  position: relative;
}
#ebonyMixerWaveform {
  display: block;
  width: 100%;
  height: 56px;
  cursor: ew-resize;
}
.ebonyMixerTime {
  position: absolute;
  right: 12px;
  bottom: 5px;
  margin-top: 0;
  color: #8d8d8d;
  text-align: right;
  font-size: 10px;
  text-shadow: 0 1px 3px rgba(0,0,0,0.9);
}
.ebonyMixerNote {
  margin: 5px 8px 0 8px;
  color: #9f9f9f;
  font-family: Arial, "Open Sans", Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  text-align: left;
}
.ebonyMixerNote strong {
  color: inherit;
  font-size: inherit;
}
.ebonyMixerCueWrap {
  margin: 0 0 11px 0;
  text-align: center;
}
.ebonyMixerCueTop .ebonyMixerButtonIcon {
  font-size: 9px;
  margin-right: 4px;
  vertical-align: 0;
  transform: translate(-2px, 1px);
}
.ebonyMixerSoloPanel {
  margin: 8px 0 8px 0;
  padding: 7px 8px 8px 8px;
  border: 1px solid rgba(202,163,108,0.20);
  border-radius: 6px;
  background: rgba(12,12,12,0.48);
}
.ebonyMixerSoloGrid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 6px;
}
.ebonyMixerSoloGroup {
  text-align: center;
}
.ebonyMixerSoloGroup span {
  display: block;
  margin: 0 0 4px 0;
  color: #9b938a;
  font-size: 10px;
}
.ebonyMixerSoloGroup button {
  display: block;
  margin: 0 auto 4px auto;
}
.ebonyMixerLinkWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  margin: 8px 0 4px 0;
}
.ebonyMixerLinkBracket {
  display: none;
}
.ebonyMixerLinkBracketLeft {
  display: none;
}
.ebonyMixerLinkBracketRight {
  display: none;
}
.ebonyMixerLinkButtons {
  white-space: nowrap;
}
#ebonyMixerLink .ebonyMixerButtonIcon {
  transform: translateY(2px);
}
#ebonyMixerLink {
  box-sizing: border-box;
  width: 124px;
  min-width: 124px;
  text-align: center;
  white-space: nowrap;
}
.ebonyMixerQuickButtons {
  width: 740px;
  margin: 4px auto 38px auto;
  text-align: center;
  position: relative;
  overflow: visible;
}
.ebonyMixerQuickButtons.ebonyMixerQuickBoxed {
  box-sizing: border-box;
  padding: 0 12px 18px 12px;
  border: 1px solid rgba(226,226,226,0.34);
  border-radius: 8px;
  background-color: rgba(4,4,4,0.72);
  background-image:
    linear-gradient(90deg, rgba(0,0,0,0.88), rgba(7,7,7,0.78)),
    url("../../images/fazioli/04FazioliConcert_GrandExtreme.jpg");
  background-position: center center;
  background-size: cover;
  box-shadow: inset 0 0 30px rgba(0,0,0,0.68), 0 0 18px rgba(230,230,230,0.05), 0 0 22px rgba(0,0,0,0.30);
}
.ebonyMixerQuickTitle {
  margin: 0 0 7px 0;
  color: #eeeeee;
  font-size: 17px;
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: 0;
}
.ebonyMixerQuickNote {
  width: 550px;
  margin: 0 auto 52px auto;
  color: #9f9f9f;
  font-size: 13px;
  line-height: 18px;
}
.ebonyMixerQuickButtons button {
  display: inline-block;
  width: auto;
  min-width: 0;
  margin: 4px 3px;
  padding: 8px 10px;
  border: 1px solid rgba(202,163,108,0.42);
  border-radius: 7px;
  background: rgba(18,18,18,0.92);
  color: #d6d6d6;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  white-space: nowrap;
  cursor: pointer;
}
.ebonyMixerQuickButtons button[id^="ebonyMixerQuick_p"] {
  border-color: rgba(226,226,226,0.34);
  background: rgba(30,30,30,0.94);
  color: #eeeeee;
  box-shadow: 0 0 8px rgba(255,255,255,0.045), inset 0 1px 0 rgba(255,255,255,0.06);
}
#ebonyMixerQuickBacking {
  min-width: 188px;
  font-weight: bold;
  border-color: rgba(134,168,220,0.62);
  color: #dbe8ff;
  background:
    linear-gradient(90deg, rgba(7,12,22,0.84), rgba(23,34,55,0.88)),
    repeating-linear-gradient(90deg, rgba(134,168,220,0.0) 0 6px, rgba(134,168,220,0.34) 6px 8px, rgba(134,168,220,0.0) 8px 14px);
  background-size: auto, 18px 100%;
}
#ebonyMixerQuickCue {
  min-width: 132px;
  font-weight: bold;
  border-color: rgba(104,176,104,0.68);
  color: #dff4dc;
  background: linear-gradient(90deg, rgba(10,24,12,0.90), rgba(24,49,24,0.92));
}
#ebonyMixerQuickPause {
  box-sizing: border-box;
  width: 44px;
  height: 34px;
  min-width: 44px;
  margin: 4px 3px;
  padding: 0;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  border: 2px solid rgba(187,153,105,0.72);
  border-radius: 8px;
  color: #efe0c6;
  background: linear-gradient(rgba(42,36,28,0.95), rgba(20,18,15,0.95));
  box-shadow: 0 0 14px rgba(196,156,103,0.20), inset 0 1px 0 rgba(255,255,255,0.08), inset 0 0 10px rgba(255,223,170,0.06);
}
#ebonyMixerQuickCue:hover,
#ebonyMixerQuickCue.isActive {
  border-color: rgba(151,230,151,0.88);
  color: #f1fff0;
  background: linear-gradient(90deg, rgba(13,35,16,0.94), rgba(35,70,35,0.96));
  box-shadow: 0 0 14px rgba(105,198,105,0.26), inset 0 0 12px rgba(167,231,167,0.10);
}
#ebonyMixerQuickPause.isActive {
  border-color: rgba(226,191,130,0.86);
  background: linear-gradient(rgba(75,61,42,0.98), rgba(43,36,27,0.98));
  color: #fff4d8;
  box-shadow: 0 0 18px rgba(216,178,114,0.32), inset 0 1px 0 rgba(255,255,255,0.10), inset 0 0 12px rgba(255,218,156,0.10);
}
#ebonyMixerQuickPause:hover,
#ebonyMixerQuickPause.isActive:hover {
  border-color: rgba(245,218,170,0.92);
  color: #fffbea;
  background: linear-gradient(rgba(87,70,47,0.99), rgba(52,43,30,0.99));
  box-shadow: 0 0 22px rgba(235,199,137,0.42), inset 0 1px 0 rgba(255,255,255,0.12), inset 0 0 14px rgba(255,231,177,0.14);
}
@keyframes ebonyMixerQuickWaveMove {
  from { background-position: 0 0, 0 0; }
  to { background-position: 0 0, 36px 0; }
}
#ebonyMixerQuickBacking.isBackingFull,
#ebonyMixerQuickBacking.isBackingQuiet,
#ebonyMixerQuickBacking.isBackingOn,
#ebonyMixerQuickBacking.isBackingOff,
#ebonyMixerQuickBacking.isActive {
  font-weight: bold;
}
#ebonyMixerQuickBacking.isBackingFull,
#ebonyMixerQuickBacking.isBackingOn {
  border-color: rgba(153,190,245,0.86);
  color: #eef5ff;
  background:
    linear-gradient(90deg, rgba(7,13,25,0.74), rgba(34,51,82,0.92)),
    repeating-linear-gradient(90deg, rgba(153,190,245,0.0) 0 6px, rgba(153,190,245,0.48) 6px 8px, rgba(153,190,245,0.0) 8px 14px);
  animation: none;
}
#ebonyMixerQuickBacking.isBackingQuiet,
#ebonyMixerQuickBacking.isBackingOff {
  border-color: rgba(147,158,184,0.66);
  color: #d6e0f2;
  background:
    linear-gradient(90deg, rgba(14,18,24,0.88), rgba(22,26,33,0.92)),
    repeating-linear-gradient(90deg, rgba(148,164,197,0.0) 0 7px, rgba(148,164,197,0.26) 7px 9px, rgba(148,164,197,0.0) 9px 15px);
  animation: none;
}
#ebonyMixerQuickBacking.isBackingFull:hover {
  border-color: rgba(190,215,255,0.98);
  color: #ffffff;
  background:
    linear-gradient(90deg, rgba(10,17,30,0.72), rgba(46,66,104,0.94)),
    repeating-linear-gradient(90deg, rgba(190,215,255,0.0) 0 6px, rgba(190,215,255,0.58) 6px 8px, rgba(190,215,255,0.0) 8px 14px);
}
#ebonyMixerQuickBacking.isBackingQuiet:hover {
  border-color: rgba(190,204,236,0.88);
  color: #eef4ff;
  background:
    linear-gradient(90deg, rgba(18,23,32,0.86), rgba(32,38,50,0.94)),
    repeating-linear-gradient(90deg, rgba(176,194,232,0.0) 0 7px, rgba(176,194,232,0.38) 7px 9px, rgba(176,194,232,0.0) 9px 15px);
}
.ebonyMixerQuickButtons button:hover {
  border-color: rgba(238,198,132,0.68);
  background: rgba(42,33,23,0.96);
  color: #f4dfbd;
}
.ebonyMixerQuickButtons button[id^="ebonyMixerQuick_p"]:hover {
  border-color: rgba(238,238,238,0.58);
  background: rgba(42,42,42,0.96);
  color: #ffffff;
  box-shadow: 0 0 14px rgba(255,255,255,0.11), inset 0 1px 0 rgba(255,255,255,0.10);
}
.ebonyMixerQuickButtons button.isActive {
  border-color: rgba(245,203,133,0.82);
  background: rgba(58,43,27,0.98);
  color: #fff0cf;
  box-shadow: 0 0 14px rgba(229,182,105,0.34), inset 0 0 12px rgba(255,217,157,0.12);
}
.ebonyMixerQuickButtons button[id^="ebonyMixerQuick_p"].isActive {
  border-color: rgba(245,203,133,0.84);
  background: rgba(58,43,27,0.98);
  color: #fff0cf;
  box-shadow: 0 0 16px rgba(229,182,105,0.34), inset 0 1px 0 rgba(255,235,190,0.10);
}
.ebonyMixerQuickButtons.ebonyMixerQuickStyle1 button[id^="ebonyMixerQuick_p"] {
  border-color: rgba(238,238,238,0.34);
  background:
    linear-gradient(180deg, rgba(92,92,92,0.92) 0%, rgba(41,41,41,0.96) 43%, rgba(9,9,9,0.98) 44%, rgba(24,24,24,0.98) 100%);
  color: #f0f0f0;
  text-shadow: 0 1px 2px rgba(0,0,0,0.85);
  box-shadow: 0 1px 0 rgba(255,255,255,0.08), 0 0 10px rgba(255,255,255,0.06), inset 0 1px 0 rgba(255,255,255,0.20), inset 0 -10px 16px rgba(0,0,0,0.34);
}
.ebonyMixerQuickButtons.ebonyMixerQuickStyle1 button[id^="ebonyMixerQuick_p"]:hover {
  border-color: rgba(255,255,255,0.62);
  background:
    linear-gradient(180deg, rgba(112,112,112,0.96) 0%, rgba(50,50,50,0.98) 43%, rgba(13,13,13,0.99) 44%, rgba(31,31,31,0.99) 100%);
  color: #ffffff;
  box-shadow: 0 0 15px rgba(255,255,255,0.16), inset 0 1px 0 rgba(255,255,255,0.26), inset 0 -10px 18px rgba(0,0,0,0.28);
}
.ebonyMixerQuickButtons.ebonyMixerQuickStyle1 button[id^="ebonyMixerQuick_p"].isActive {
  border-color: rgba(245,203,133,0.86);
  background:
    linear-gradient(180deg, rgba(118,88,44,0.98) 0%, rgba(62,45,24,0.99) 43%, rgba(24,16,8,0.99) 44%, rgba(46,33,18,0.99) 100%);
  color: #fff2d5;
  box-shadow: 0 0 17px rgba(229,182,105,0.38), inset 0 1px 0 rgba(255,235,190,0.22), inset 0 -10px 18px rgba(0,0,0,0.22);
}
.ebonyMixerQuickButtons.ebonyMixerQuickStyle2 button[id^="ebonyMixerQuick_p"] {
  border-color: rgba(210,224,238,0.34);
  background:
    linear-gradient(180deg, rgba(84,93,101,0.72), rgba(33,38,43,0.82)),
    linear-gradient(90deg, rgba(255,255,255,0.08), rgba(255,255,255,0.00) 62%);
  color: #edf1f3;
  box-shadow: 0 0 14px rgba(200,220,235,0.07), inset 0 1px 0 rgba(255,255,255,0.18), inset 0 0 18px rgba(255,255,255,0.035);
}
.ebonyMixerQuickButtons.ebonyMixerQuickStyle2 button[id^="ebonyMixerQuick_p"]:hover {
  border-color: rgba(232,241,248,0.60);
  background:
    linear-gradient(180deg, rgba(101,112,121,0.78), rgba(42,49,55,0.88)),
    linear-gradient(90deg, rgba(255,255,255,0.12), rgba(255,255,255,0.00) 62%);
  color: #ffffff;
  box-shadow: 0 0 18px rgba(210,228,240,0.14), inset 0 1px 0 rgba(255,255,255,0.23), inset 0 0 20px rgba(255,255,255,0.05);
}
.ebonyMixerQuickButtons.ebonyMixerQuickStyle2 button[id^="ebonyMixerQuick_p"].isActive {
  border-color: rgba(245,203,133,0.78);
  background:
    linear-gradient(180deg, rgba(105,83,48,0.84), rgba(46,38,27,0.92)),
    linear-gradient(90deg, rgba(255,230,188,0.11), rgba(255,230,188,0.00) 62%);
  color: #fff2d5;
  box-shadow: 0 0 17px rgba(229,182,105,0.34), inset 0 1px 0 rgba(255,235,190,0.18), inset 0 0 20px rgba(255,221,160,0.05);
}
.ebonyMixerQuickButtons.ebonyMixerQuickStyle3 button[id^="ebonyMixerQuick_p"] {
  border-color: rgba(226,226,226,0.28);
  background:
    linear-gradient(180deg, rgba(39,39,39,0.96), rgba(18,18,18,0.98));
  color: #dfdfdf;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.09), inset 0 -1px 0 rgba(0,0,0,0.90), 0 0 0 1px rgba(0,0,0,0.35);
}
.ebonyMixerQuickButtons.ebonyMixerQuickStyle3 button[id^="ebonyMixerQuick_p"]:hover {
  border-color: rgba(255,255,255,0.48);
  background:
    linear-gradient(180deg, rgba(49,49,49,0.98), rgba(22,22,22,0.99));
  color: #ffffff;
  box-shadow: 0 0 10px rgba(255,255,255,0.10), inset 0 1px 0 rgba(255,255,255,0.13), inset 0 -1px 0 rgba(0,0,0,0.86);
}
.ebonyMixerQuickButtons.ebonyMixerQuickStyle3 button[id^="ebonyMixerQuick_p"].isActive {
  border-color: rgba(245,203,133,0.72);
  background:
    linear-gradient(180deg, rgba(61,45,25,0.98), rgba(29,22,15,0.99));
  color: #fff0cf;
  box-shadow: 0 0 12px rgba(229,182,105,0.28), inset 0 1px 0 rgba(255,235,190,0.13), inset 0 -1px 0 rgba(0,0,0,0.82);
}
.ebonyMixerGuideHint {
  display: block;
  visibility: hidden;
  position: fixed;
  z-index: 5000;
  padding: 7px 10px;
  border: 1px solid rgba(255,255,255,0.72);
  border-radius: 14px;
  background: rgba(255,255,255,0.82);
  color: #161616;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
  text-transform: lowercase;
  opacity: 0;
  box-shadow: 0 0 14px rgba(255,255,255,0.20), 0 4px 15px rgba(0,0,0,0.38);
  pointer-events: auto;
  cursor: pointer;
  transition: opacity 420ms ease;
}
.ebonyMixerGuideHint:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -9px;
  width: 0;
  height: 0;
  margin-left: -7px;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 9px solid rgba(255,255,255,0.82);
}
.ebonyMixerGuideHint.isVisible {
  visibility: visible;
  opacity: 0.86;
}
.ebonyMixerGuideHint.isVisible:not(.ebonyMixerBackingHint) {
  animation: ebonyMixerGuidePulse 1.25s ease-in-out infinite;
}
.ebonyMixerGuideHint.isBelow:after {
  top: -9px;
  bottom: auto;
  border-top: 0;
  border-bottom: 9px solid rgba(255,255,255,0.82);
}
.ebonyMixerBackingHint {
  text-transform: none;
}
.ebonyMixerBackingHint.isVisible {
  opacity: 0.84;
  animation: none;
}
@keyframes ebonyMixerGuidePulse {
  0%, 100% {
    transform: translateY(0);
    opacity: 0.80;
  }
  50% {
    transform: translateY(-4px);
    opacity: 0.92;
  }
}
.ebonyMixerText1 .ebonyMixerBadge {
  font-size: 8px;
}
.ebonyMixerText2 .ebonyMixerBadge,
.ebonyMixerText2 .ebonyMixerStatus,
.ebonyMixerText2 .ebonyMixerTime {
  font-size: 10px;
}
.ebonyMixerText2 .ebonyMixerTrackNote,
.ebonyMixerText2 .ebonyMixerPercentLabel {
  font-size: 11px;
}
.ebonyMixerText2 .ebonyMixerIntro {
  font-size: 13px;
  line-height: 18px;
}
.ebonyMixerText2 button,
.ebonyMixerText2 .ebonyMixerPercent {
  font-size: 12px;
}
.ebonyMixerText2 .ebonyMixerTransport .ebonyMixerIconButton {
  font-size: 19px;
}
.ebonyMixerText3 .ebonyMixerBadge,
.ebonyMixerText3 .ebonyMixerStatus,
.ebonyMixerText3 .ebonyMixerTime {
  font-size: 11px;
}
.ebonyMixerText3 .ebonyMixerTitle {
  font-size: 18px;
}
.ebonyMixerText3 .ebonyMixerIntro,
.ebonyMixerText3 .ebonyMixerNote {
  font-size: 13px;
  line-height: 18px;
}
.ebonyMixerText3 .ebonyMixerTrackNote,
.ebonyMixerText3 .ebonyMixerPercentLabel {
  font-size: 12px;
}
.ebonyMixerText3 button,
.ebonyMixerText3 .ebonyMixerPercent {
  font-size: 13px;
}
.ebonyMixerText3 .ebonyMixerTransport .ebonyMixerIconButton {
  font-size: 20px;
}