/* BREATHE RIGHT // SIGNATURE SONIC CONTROLS
   Discrete sound switch integrated into the Prime pill, not a floating overlay. */
html.br-pages #prime-pill .br-sfx-toggle{
  min-width:48px;
  width:48px;
  height:50px;
  flex:0 0 48px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:1px;
  color:#d6e4ff;
  border:1px solid rgba(186,213,255,.54);
  border-radius:13px;
  background:linear-gradient(145deg,rgba(167,195,247,.20),rgba(10,37,97,.67));
  box-shadow:inset 0 1px rgba(255,255,255,.19),0 4px 9px rgba(0,13,61,.23);
  padding:5px 4px;
  cursor:pointer;
  touch-action:manipulation;
  -webkit-tap-highlight-color:transparent;
  transition:background .22s,box-shadow .22s,color .22s;
}
html.br-pages #prime-pill .br-sfx-toggle.is-on {
  color:#f5faff;
  background:linear-gradient(145deg,#8caeff6b,#1a458b9c);
  border-color:rgba(215,232,255,.85);
  box-shadow:inset 0 1px #ffffff7d,0 0 14px rgba(115,168,255,.20);
}
html.br-pages #prime-pill .br-sfx-toggle .br-sfx-icon{
  width:20px;
  height:20px;
  display:block;
  flex:0 0 20px;
  filter:drop-shadow(0 0 3px rgba(147,192,255,.22));
}
html.br-pages #prime-pill .br-sfx-toggle .br-sfx-copy {
  font:750 8px/1 Arial,Helvetica,sans-serif;
  letter-spacing:.12em;
}
html.br-pages #prime-pill .br-sfx-toggle:focus-visible {
  outline:2px solid white;
  outline-offset:-3px;
}
html.br-pages #prime-pill .br-sfx-toggle:hover{
  background:linear-gradient(135deg,rgba(174,209,255,.5),rgba(47,83,159,.72));
}
html.br-pages #prime-pill .br-sfx-toggle:active{box-shadow:inset 0 1px #fff7,inset 0 0 12px #fff4}
html.br-pages #prime-pill .pill-rail{min-width:0;flex:1 1 auto;}
html.br-pages #prime-pill .pill-sep {flex:0 0 1px}
@media(max-width:760px){
  html.br-pages #prime-pill .br-sfx-toggle{
    width:37px;min-width:37px;height:47px;flex:0 0 37px;
    border-radius:10px;
    gap:0;
  }
  html.br-pages #prime-pill .br-sfx-toggle .br-sfx-icon{width:19px;height:19px}
  html.br-pages #prime-pill .br-sfx-toggle .br-sfx-copy{font-size:7px}
}
@media(max-width:390px){
  html.br-pages #prime-pill .br-sfx-toggle {min-width:33px;width:33px;flex-basis:33px}
  html.br-pages #prime-pill .br-sfx-toggle .br-sfx-icon{width:17px;height:17px}
}
@media(prefers-reduced-motion:reduce){
  html.br-pages #prime-pill .br-sfx-toggle{transition:none!important}
}