.ebonyMixerRow {
  display: grid;
  grid-template-rows: 42px 40px 130px 30px 128px;
  align-items: start;
  min-height: 360px;
  padding: 8px 5px 9px 5px;
  background: rgba(14,14,14,0.55);
  border: 1px solid rgba(130,101,73,0.20);
  text-align: center;
  position: relative;
  overflow: visible;
  transition: border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}
.ebonyMixerRow.isAudible {
  z-index: 3;
  border-color: rgba(202,163,108,0.36);
  background: rgba(9,10,11,0.82);
  box-shadow: 0 0 16px rgba(202,163,108,0.10), inset 0 0 24px rgba(202,163,108,0.05);
}
.ebonyMixerRow.isMutedPerspective {
  background: rgba(6,6,6,0.46);
  border-color: rgba(130,101,73,0.12);
  box-shadow: inset 0 0 16px rgba(0,0,0,0.28);
}
.ebonyMixerRow.isMutedPerspective label,
.ebonyMixerRow.isMutedPerspective .ebonyMixerEditions,
.ebonyMixerRow.isMutedPerspective .ebonyMixerValue,
.ebonyMixerRow.isMutedPerspective input[type="range"],
.ebonyMixerRow.isMutedPerspective .ebonyMixerSoloToggle,
.ebonyMixerRow.isMutedPerspective .ebonyMixerOptimal,
.ebonyMixerRow.isMutedPerspective .ebonyMixerSoloButton {
  opacity: 0.60;
  filter: grayscale(1) saturate(0) brightness(0.84);
}
.ebonyMixerRow.isMutedPerspective input[type="range"] {
  opacity: 0.78;
  filter: grayscale(1) saturate(0) brightness(0.98);
}
.ebonyMixerRow.isMutedPerspective .ebonyMixerBadge {
  color: #8a8a8a;
  border-color: rgba(150,150,150,0.28);
  background: rgba(0,0,0,0.24);
}
.ebonyMixerRow.isMutedPerspective button.isMuted {
  opacity: 1;
  filter: none;
  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);
}
.ebonyMixerRow.isMutedPerspective .ebonyMixerMuteToggle:hover,
.ebonyMixerRow.isMutedPerspective .ebonyMixerSoloToggle:hover {
  opacity: 1;
  filter: none;
}
.ebonyMixerRow.isAudible:before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
}
.ebonyMixerRow.isAudible:after {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  opacity: 0;
}
.ebonyMixerRow label,
.ebonyMixerEditions,
.ebonyMixerRow input,
.ebonyMixerValue,
.ebonyMixerRowButtons,
.ebonyMixerSoloButton {
  position: relative;
  z-index: 3;
}
@keyframes ebonyMixerHaloSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}
@keyframes ebonyMixerSparkleDrift {
  0% { transform: rotate(0deg) scale(0.98); opacity: 0.38; }
  50% { transform: rotate(13deg) scale(1.02); opacity: 0.72; }
  100% { transform: rotate(0deg) scale(0.98); opacity: 0.38; }
}
.ebonyMixerGlow1 .ebonyMixerRow.isAudible:before {
  left: -50%;
  top: -34%;
  width: 200%;
  height: 168%;
  background: conic-gradient(from 0deg, rgba(255,255,255,0), rgba(255,255,255,0.18), rgba(255,255,255,0), rgba(255,255,255,0.10), rgba(255,255,255,0));
  animation: ebonyMixerHaloSpin 16s linear infinite;
  opacity: 0.50;
}
.ebonyMixerGlow1 .ebonyMixerRow.isAudible:after {
  left: 7%;
  top: 7%;
  width: 86%;
  height: 86%;
  border: 1px solid rgba(255,255,255,0.11);
  box-shadow: inset 0 0 18px rgba(255,255,255,0.04);
  opacity: 1;
}
.ebonyMixerGlow2 .ebonyMixerRow.isAudible {
  border-color: rgba(202,163,108,0.54);
  box-shadow: 0 0 20px rgba(202,163,108,0.16), inset 0 0 30px rgba(202,163,108,0.08);
  animation: ebonyMixerSoftBreathe 11s ease-in-out infinite;
}
.ebonyMixerGlow2 .ebonyMixerRow.isAudible:before {
  left: -10%;
  top: -10%;
  width: 120%;
  height: 120%;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.10) 0, rgba(255,255,255,0.04) 33%, rgba(255,255,255,0) 68%);
  animation: ebonyMixerSlowScale 13s ease-in-out infinite;
  opacity: 1;
}
.ebonyMixerGlow2 .ebonyMixerRow.isAudible:after {
  left: 50%;
  top: -13px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(238,238,238,0.96);
  box-shadow:
    -58px 2px 5px 1px rgba(238,238,238,0.28),
    -42px -6px 9px 2px rgba(238,238,238,0.42),
    -17px 5px 7px 2px rgba(238,238,238,0.36),
    18px -8px 10px 2px rgba(238,238,238,0.44),
    47px 4px 6px 1px rgba(238,238,238,0.30),
    -67px 82px 8px 2px rgba(238,238,238,0.28),
    68px 116px 10px 2px rgba(238,238,238,0.40),
    -62px 198px 7px 1px rgba(238,238,238,0.27),
    63px 236px 9px 2px rgba(238,238,238,0.39),
    -48px 294px 7px 2px rgba(238,238,238,0.32),
    53px 326px 11px 2px rgba(238,238,238,0.37),
    -22px 379px 9px 2px rgba(238,238,238,0.28),
    25px 391px 7px 1px rgba(238,238,238,0.34);
  filter: blur(0.12px) drop-shadow(0 0 5px rgba(238,238,238,0.45));
  animation: ebonyMixerFireflies 15.5s ease-in-out infinite alternate;
  opacity: 0.62;
}
.ebonyMixerGlow3 .ebonyMixerRow.isAudible:before {
  left: -140%;
  top: 0;
  width: 120%;
  height: 100%;
  background: linear-gradient(105deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.10) 48%, rgba(255,255,255,0) 100%);
  animation: ebonyMixerEdgeSweep 14s ease-in-out infinite;
  opacity: 1;
}
.ebonyMixerGlow3 .ebonyMixerRow.isAudible:after {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid rgba(255,255,255,0.16);
  border-bottom: 1px solid rgba(255,255,255,0.09);
  opacity: 1;
}
.ebonyMixerGlow4 .ebonyMixerRow.isAudible:before {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background:
    radial-gradient(circle at 13% 13%, rgba(255,255,255,0.18) 0, rgba(255,255,255,0.0) 18%),
    radial-gradient(circle at 87% 83%, rgba(255,255,255,0.12) 0, rgba(255,255,255,0.0) 18%);
  animation: ebonyMixerCornerGlint 12s ease-in-out infinite;
  opacity: 1;
}
.ebonyMixerGlow5 .ebonyMixerRow.isAudible {
  border-color: rgba(255,255,255,0.36);
  box-shadow: 0 0 13px rgba(255,255,255,0.09), inset 0 0 20px rgba(255,255,255,0.05);
}
.ebonyMixerGlow5 .ebonyMixerRow.isAudible:after {
  left: 6%;
  top: 5%;
  width: 88%;
  height: 90%;
  border: 1px solid rgba(255,255,255,0.10);
  opacity: 1;
}
.ebonyMixerGlow6 .ebonyMixerRow.isAudible {
  border-color: rgba(238,238,238,0.36);
  box-shadow: 0 0 12px rgba(238,238,238,0.12), inset 0 0 18px rgba(255,255,255,0.04);
}
.ebonyMixerGlow6 .ebonyMixerRow.isAudible:before {
  left: -18px;
  top: -18px;
  right: -18px;
  bottom: -18px;
  width: auto;
  height: auto;
  border-radius: 999px;
  border: 1px solid rgba(238,238,238,0.16);
  box-shadow:
    0 0 18px rgba(238,238,238,0.10),
    16px -10px 28px rgba(238,238,238,0.07),
    -18px 12px 26px rgba(238,238,238,0.06);
  animation: ebonyMixerConstellationOrbit 24s linear infinite;
  opacity: 0.78;
}
.ebonyMixerGlow6 .ebonyMixerRow.isAudible:after {
  left: 50%;
  top: 50%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(238,238,238,0.98);
  box-shadow:
    -66px -198px 7px 1px rgba(238,238,238,0.48),
    66px -174px 9px 2px rgba(238,238,238,0.62),
    -82px -18px 8px 2px rgba(238,238,238,0.42),
    82px 22px 10px 2px rgba(238,238,238,0.56),
    -64px 196px 7px 1px rgba(238,238,238,0.44),
    63px 178px 9px 2px rgba(238,238,238,0.58);
  filter: drop-shadow(0 0 8px rgba(238,238,238,0.72));
  animation: ebonyMixerConstellationDots 21s ease-in-out infinite alternate;
  opacity: 0.84;
}
.ebonyMixerGlow7 .ebonyMixerRow.isAudible {
  border-color: rgba(238,238,238,0.26);
  box-shadow: 0 0 11px rgba(238,238,238,0.08), inset 0 0 20px rgba(255,255,255,0.03);
}
.ebonyMixerGlow7 .ebonyMixerRow.isAudible:before {
  left: -130%;
  top: -26px;
  width: 115%;
  height: calc(100% + 52px);
  background: linear-gradient(108deg, rgba(238,238,238,0) 0%, rgba(238,238,238,0.04) 34%, rgba(238,238,238,0.20) 50%, rgba(238,238,238,0.04) 66%, rgba(238,238,238,0) 100%);
  filter: blur(1px);
  animation: ebonyMixerSpotlightPass 13.5s ease-in-out infinite;
  opacity: 0.82;
}
.ebonyMixerGlow7 .ebonyMixerRow.isAudible:after {
  left: -10px;
  top: -10px;
  right: -10px;
  bottom: -10px;
  width: auto;
  height: auto;
  border-top: 1px solid rgba(238,238,238,0.16);
  border-bottom: 1px solid rgba(238,238,238,0.09);
  box-shadow: 0 -10px 22px rgba(238,238,238,0.06), 0 10px 22px rgba(238,238,238,0.05);
  animation: ebonyMixerSpotlightEdges 13.5s ease-in-out infinite;
  opacity: 0.74;
}
.ebonyMixerGlow8 .ebonyMixerRow.isAudible {
  border-color: rgba(238,238,238,0.32);
  box-shadow: 0 0 13px rgba(238,238,238,0.10), inset 0 0 18px rgba(255,255,255,0.04);
}
.ebonyMixerGlow8 .ebonyMixerRow.isAudible:before {
  left: -11px;
  top: -11px;
  right: -11px;
  bottom: -11px;
  width: auto;
  height: auto;
  border-left: 1px solid rgba(238,238,238,0.14);
  border-right: 1px solid rgba(238,238,238,0.14);
  border-radius: 5px;
  box-shadow: -12px 0 20px rgba(238,238,238,0.06), 12px 0 20px rgba(238,238,238,0.06);
  animation: ebonyMixerFountainEdges 16s ease-in-out infinite;
  opacity: 0.82;
}
.ebonyMixerGlow8 .ebonyMixerRow.isAudible:after {
  left: 50%;
  top: 100%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(238,238,238,0.98);
  box-shadow:
    -58px 12px 8px 2px rgba(238,238,238,0.38),
    -28px -18px 10px 2px rgba(238,238,238,0.56),
    22px -11px 8px 2px rgba(238,238,238,0.48),
    54px 8px 9px 2px rgba(238,238,238,0.40),
    -72px -160px 8px 1px rgba(238,238,238,0.34),
    72px -205px 11px 2px rgba(238,238,238,0.54),
    -42px -308px 8px 1px rgba(238,238,238,0.38),
    38px -355px 10px 2px rgba(238,238,238,0.50);
  filter: drop-shadow(0 0 8px rgba(238,238,238,0.68));
  animation: ebonyMixerSparkFountain 9.5s ease-out infinite;
  opacity: 0.88;
}
.ebonyMixerGlow9 .ebonyMixerRow.isAudible {
  border-color: rgba(255,214,168,0.42);
  box-shadow: 0 0 16px rgba(255,190,112,0.16), inset 0 0 20px rgba(255,235,205,0.04);
}
.ebonyMixerGlow9 .ebonyMixerRow.isAudible:before {
  left: -12px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  width: auto;
  height: auto;
  border-radius: 5px;
  border-bottom: 1px solid rgba(255,220,170,0.18);
  box-shadow: 0 18px 28px rgba(255,128,43,0.10), 0 0 18px rgba(255,230,190,0.06);
  animation: ebonyMixerFireGlow 6.8s ease-in-out infinite alternate;
  opacity: 0.78;
}
.ebonyMixerGlow9 .ebonyMixerRow.isAudible:after {
  left: 50%;
  top: 104%;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: rgba(255,232,188,0.98);
  box-shadow:
    -54px -8px 8px 2px rgba(255,196,118,0.44),
    -20px -26px 10px 2px rgba(255,233,188,0.62),
    18px -16px 8px 2px rgba(255,206,134,0.52),
    54px -2px 9px 2px rgba(255,168,78,0.40),
    -70px -126px 7px 1px rgba(255,201,127,0.34),
    68px -176px 10px 2px rgba(255,232,184,0.54),
    -36px -270px 8px 1px rgba(255,171,82,0.38),
    34px -340px 10px 2px rgba(255,235,195,0.48);
  filter: drop-shadow(0 0 8px rgba(255,190,105,0.70));
  animation: ebonyMixerFireSparks 8.8s ease-out infinite;
  opacity: 0.90;
}
@keyframes ebonyMixerSoftBreathe {
  0% { box-shadow: 0 0 12px rgba(255,255,255,0.10), inset 0 0 20px rgba(255,255,255,0.06); }
  50% { box-shadow: 0 0 25px rgba(255,255,255,0.25), inset 0 0 34px rgba(255,255,255,0.12); }
  100% { box-shadow: 0 0 12px rgba(255,255,255,0.10), inset 0 0 20px rgba(255,255,255,0.06); }
}
@keyframes ebonyMixerSlowScale {
  0% { transform: scale(0.94); opacity: 0.62; }
  50% { transform: scale(1.02); opacity: 0.86; }
  100% { transform: scale(0.94); opacity: 0.62; }
}
@keyframes ebonyMixerFireflies {
  0% {
    transform: rotate(-2deg) translate3d(-8px, 4px, 0) scale(0.78);
    opacity: 0.22;
  }
  17% {
    transform: rotate(7deg) translate3d(6px, -8px, 0) scale(1.05);
    opacity: 0.62;
  }
  34% {
    transform: rotate(-11deg) translate3d(15px, 9px, 0) scale(0.86);
    opacity: 0.36;
  }
  56% {
    transform: rotate(15deg) translate3d(-3px, -13px, 0) scale(1.12);
    opacity: 0.58;
  }
  79% {
    transform: rotate(-6deg) translate3d(11px, 6px, 0) scale(0.92);
    opacity: 0.42;
  }
  100% {
    transform: rotate(10deg) translate3d(-10px, -2px, 0) scale(1.00);
    opacity: 0.50;
  }
}
@keyframes ebonyMixerConstellationOrbit {
  0% { transform: rotate(0deg) scale(0.96); opacity: 0.44; }
  38% { opacity: 0.84; }
  100% { transform: rotate(360deg) scale(1.02); opacity: 0.44; }
}
@keyframes ebonyMixerConstellationDots {
  0% { transform: rotate(0deg) translate3d(-5px, 6px, 0); opacity: 0.38; }
  32% { transform: rotate(7deg) translate3d(8px, -9px, 0); opacity: 0.88; }
  70% { transform: rotate(-5deg) translate3d(12px, 7px, 0); opacity: 0.54; }
  100% { transform: rotate(4deg) translate3d(-7px, -4px, 0); opacity: 0.72; }
}
@keyframes ebonyMixerSpotlightPass {
  0% { transform: translateX(0); opacity: 0; }
  18% { opacity: 0.12; }
  47% { opacity: 0.72; }
  76% { opacity: 0.18; }
  100% { transform: translateX(235%); opacity: 0; }
}
@keyframes ebonyMixerSpotlightEdges {
  0% { opacity: 0.18; }
  46% { opacity: 0.80; }
  100% { opacity: 0.18; }
}
@keyframes ebonyMixerFountainEdges {
  0% { opacity: 0.35; box-shadow: -8px 0 14px rgba(238,238,238,0.04), 8px 0 14px rgba(238,238,238,0.04); }
  48% { opacity: 0.84; box-shadow: -15px 0 25px rgba(238,238,238,0.10), 15px 0 25px rgba(238,238,238,0.10); }
  100% { opacity: 0.35; box-shadow: -8px 0 14px rgba(238,238,238,0.04), 8px 0 14px rgba(238,238,238,0.04); }
}
@keyframes ebonyMixerSparkFountain {
  0% { transform: translate3d(0, 5px, 0) scale(0.72); opacity: 0; }
  18% { opacity: 0.88; }
  55% { transform: translate3d(9px, -96px, 0) scale(1.08); opacity: 0.70; }
  100% { transform: translate3d(-7px, -192px, 0) scale(0.84); opacity: 0; }
}
@keyframes ebonyMixerFireGlow {
  0% { opacity: 0.42; box-shadow: 0 12px 20px rgba(255,113,37,0.05), 0 0 16px rgba(255,230,190,0.04); }
  47% { opacity: 0.84; box-shadow: 0 20px 32px rgba(255,139,48,0.14), 0 0 24px rgba(255,228,178,0.10); }
  100% { opacity: 0.50; box-shadow: 0 15px 24px rgba(255,88,20,0.08), 0 0 18px rgba(255,230,190,0.05); }
}
@keyframes ebonyMixerFireSparks {
  0% { transform: rotate(-7deg) translate3d(0, 7px, 0) scale(0.72); opacity: 0; }
  14% { opacity: 0.92; }
  36% { transform: rotate(8deg) translate3d(11px, -72px, 0) scale(1.12); opacity: 0.78; }
  68% { transform: rotate(-13deg) translate3d(-9px, -176px, 0) scale(0.94); opacity: 0.42; }
  100% { transform: rotate(10deg) translate3d(8px, -330px, 0) scale(0.70); opacity: 0; }
}
@keyframes ebonyMixerEdgeSweep {
  0% { transform: translateX(0); opacity: 0; }
  22% { opacity: 0.55; }
  52% { transform: translateX(250%); opacity: 0.28; }
  100% { transform: translateX(250%); opacity: 0; }
}
@keyframes ebonyMixerCornerGlint {
  0% { opacity: 0.24; transform: scale(0.98); }
  46% { opacity: 0.74; transform: scale(1.02); }
  100% { opacity: 0.24; transform: scale(0.98); }
}