/* REDSKY public music control — compact, accessible navbar treatment. */
.music-toggle{
  position:relative;
  flex:0 0 42px;
  width:42px;
  height:42px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(19,21,27,.92),rgba(7,8,12,.88));
  box-shadow:inset 0 1px rgba(255,255,255,.055),0 8px 24px rgba(0,0,0,.22);
  color:#8e949e;
  cursor:pointer;
  transition:border-color .24s ease,background .24s ease,color .24s ease,box-shadow .24s ease,transform .24s ease;
}
.music-toggle::before{
  content:"";
  position:absolute;
  inset:4px;
  border-radius:9px;
  background:radial-gradient(circle at 50% 65%,rgba(238,40,58,.18),transparent 68%);
  opacity:0;
  transition:opacity .24s ease;
}
.music-toggle:hover{
  color:#eef1f8;
  border-color:rgba(255,75,75,.36);
  background:linear-gradient(145deg,rgba(27,20,24,.96),rgba(10,9,13,.92));
  transform:translateY(-1px);
}
.music-toggle:focus-visible{
  outline:2px solid #fff;
  outline-offset:3px;
}
.music-toggle[aria-pressed="true"]{
  color:#fff;
  border-color:rgba(255,67,79,.55);
  background:linear-gradient(145deg,rgba(73,16,25,.94),rgba(19,8,13,.94));
  box-shadow:inset 0 1px rgba(255,255,255,.09),0 0 0 1px rgba(238,38,57,.08),0 0 24px rgba(225,29,48,.2);
}
.music-toggle[aria-pressed="true"]::before{opacity:1}
.music-toggle-icon{
  position:relative;
  z-index:1;
  width:19px;
  height:19px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.75;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.music-speaker{fill:currentColor;stroke:none}
.music-muted{display:block}
.music-wave{display:none}
.music-toggle[aria-pressed="true"] .music-muted{display:none}
.music-toggle[aria-pressed="true"] .music-wave{display:block}
.music-equalizer{
  position:absolute;
  z-index:2;
  right:5px;
  bottom:6px;
  height:8px;
  display:flex;
  align-items:flex-end;
  gap:1.5px;
  opacity:0;
}
.music-equalizer i{
  width:1.5px;
  height:3px;
  border-radius:2px;
  background:#ff5968;
  box-shadow:0 0 6px rgba(255,55,73,.72);
}
.music-toggle[data-playing="true"] .music-equalizer{opacity:1}
.music-toggle[data-playing="true"] .music-equalizer i{animation:redskyMusicBar .9s ease-in-out infinite alternate}
.music-toggle[data-playing="true"] .music-equalizer i:nth-child(2){height:7px;animation-delay:-.35s}
.music-toggle[data-playing="true"] .music-equalizer i:nth-child(3){height:5px;animation-delay:-.6s}
@keyframes redskyMusicBar{from{transform:scaleY(.45)}to{transform:scaleY(1)}}

@media(min-width:961px){
  .music-toggle{flex-basis:40px;width:40px;height:40px}
}
@media(max-width:680px){
  .music-toggle{flex-basis:40px;width:40px;height:40px}
}
@media(prefers-reduced-motion:reduce){
  .music-toggle,.music-toggle::before{transition:none}
  .music-toggle[data-playing="true"] .music-equalizer i{animation:none}
}