
.stage-menu__footer .stage-menu-audio-wrap{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  margin-left:clamp(24px,2.2vw,38px);
}
.lfb-ambient-audio{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}
.lfb-audio-synth{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  aspect-ratio:1;
  padding:0;
  border:1px solid rgba(217,192,155,.42);
  border-radius:50%;
  color:rgba(246,239,227,.96);
  background:rgba(217,192,155,.06);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:border-color .28s ease,background-color .28s ease,box-shadow .28s ease,transform .28s ease;
}
.lfb-audio-synth::before{
  content:"";
  position:absolute;
  inset:-7px;
  border-radius:50%;
}
.lfb-audio-synth:hover,
.lfb-audio-synth:focus-visible{
  transform:scale(1.045);
  border-color:rgba(217,192,155,.9);
  background:rgba(217,192,155,.13);
  box-shadow:0 0 22px rgba(217,192,155,.09),inset 0 0 0 1px rgba(255,255,255,.04);
}
.lfb-audio-synth:focus-visible{
  outline:1px solid rgba(217,192,155,.72);
  outline-offset:4px;
}
.lfb-audio-synth__bars{
  position:relative;
  display:flex;
  width:20px;
  height:15px;
  align-items:center;
  justify-content:center;
  gap:1.5px;
}
.lfb-audio-synth__bars i{
  display:block;
  width:1px;
  height:14px;
  background:rgba(217,192,155,.98);
  transform-origin:center;
  opacity:.72;
  transition:transform .28s ease,opacity .28s ease,background-color .28s ease;
}
.lfb-audio-synth.is-off .lfb-audio-synth__bars i{animation:none}
.lfb-audio-synth.is-off .lfb-audio-synth__bars i:nth-child(1){transform:scaleY(.32)}
.lfb-audio-synth.is-off .lfb-audio-synth__bars i:nth-child(2){transform:scaleY(.56)}
.lfb-audio-synth.is-off .lfb-audio-synth__bars i:nth-child(3){transform:scaleY(.4)}
.lfb-audio-synth.is-off .lfb-audio-synth__bars i:nth-child(4){transform:scaleY(.7)}
.lfb-audio-synth.is-off .lfb-audio-synth__bars i:nth-child(5){transform:scaleY(.48)}
.lfb-audio-synth.is-off .lfb-audio-synth__bars i:nth-child(6){transform:scaleY(.62)}
.lfb-audio-synth.is-off .lfb-audio-synth__bars i:nth-child(7){transform:scaleY(.38)}
.lfb-audio-synth.is-off .lfb-audio-synth__bars i:nth-child(8){transform:scaleY(.52)}
.lfb-audio-synth.is-on{
  border-color:rgba(217,192,155,.8);
  background:rgba(217,192,155,.11);
}
.lfb-audio-synth.is-on .lfb-audio-synth__bars i{
  opacity:1;
  animation:lfb-sound-wave .82s ease-in-out infinite alternate;
}
.lfb-audio-synth.is-on .lfb-audio-synth__bars i:nth-child(2){animation-delay:-.48s}
.lfb-audio-synth.is-on .lfb-audio-synth__bars i:nth-child(3){animation-delay:-.19s}
.lfb-audio-synth.is-on .lfb-audio-synth__bars i:nth-child(4){animation-delay:-.61s}
.lfb-audio-synth.is-on .lfb-audio-synth__bars i:nth-child(5){animation-delay:-.31s}
.lfb-audio-synth.is-on .lfb-audio-synth__bars i:nth-child(6){animation-delay:-.72s}
.lfb-audio-synth.is-on .lfb-audio-synth__bars i:nth-child(7){animation-delay:-.37s}
.lfb-audio-synth.is-on .lfb-audio-synth__bars i:nth-child(8){animation-delay:-.56s}
.lfb-audio-synth.is-finished .lfb-audio-synth__bars i{
  animation:none;
  transform:scaleY(.2);
  opacity:.52;
}
.lfb-audio-synth.is-unavailable{
  opacity:.3;
  cursor:default;
}
@keyframes lfb-sound-wave{
  0%{transform:scaleY(.2)}
  28%{transform:scaleY(.9)}
  52%{transform:scaleY(.38)}
  78%{transform:scaleY(1)}
  100%{transform:scaleY(.28)}
}
@media screen and (max-width:620px){
  .stage-menu__footer .stage-menu-audio-wrap{margin-left:20px}
  .lfb-audio-synth{width:32px;height:32px}
  .lfb-audio-synth__bars{width:19px;height:14px}
  .lfb-audio-synth__bars i{height:13px}
}
@media (prefers-reduced-motion:reduce){
  .lfb-audio-synth.is-on .lfb-audio-synth__bars i{
    animation:none;
    transform:scaleY(.62);
  }
}
