/* Lads English compact Voice A / Voice B switch. */
.vocabulary-voice-switch{
  position:relative;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;
  min-height:44px;max-width:100%;padding:4px 2px;color:var(--text-primary);cursor:pointer;user-select:none;
}
.vocabulary-voice-switch input{
  position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;
}
.vocabulary-voice-track{
  position:relative;flex:0 0 48px;width:48px;height:28px;border:1px solid var(--line);border-radius:999px;
  background:color-mix(in srgb,var(--panel-raised) 88%,var(--line));box-shadow:inset 0 1px 2px rgba(0,0,0,.08);
  transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.vocabulary-voice-thumb{
  position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--panel-solid,#fff);
  box-shadow:0 2px 7px rgba(34,16,24,.24);transition:transform .18s ease;
}
.vocabulary-voice-switch input:checked + .vocabulary-voice-track{
  background:color-mix(in srgb,var(--rose) 68%,var(--panel-raised));border-color:color-mix(in srgb,var(--rose) 78%,var(--line));
}
.vocabulary-voice-switch input:checked + .vocabulary-voice-track .vocabulary-voice-thumb{transform:translateX(20px)}
.vocabulary-voice-switch input:focus-visible + .vocabulary-voice-track{outline:3px solid var(--focus-ring)!important;outline-offset:3px}
.vocabulary-voice-option{font-size:.82rem;font-weight:850;line-height:1.1;white-space:nowrap;color:var(--text-support);transition:color .18s ease,opacity .18s ease}
html[data-vocabulary-voice="af_heart"] .vocabulary-voice-primary,
html[data-vocabulary-voice="am_echo"] .vocabulary-voice-echo,
html[data-vocabulary-voice="am_echo"] .vocabulary-voice-liam{color:var(--text-primary);opacity:1}
html[data-vocabulary-voice="af_heart"] .vocabulary-voice-echo,
html[data-vocabulary-voice="af_heart"] .vocabulary-voice-liam,
html[data-vocabulary-voice="am_echo"] .vocabulary-voice-primary{opacity:.62}
@media(max-width:700px){
  .vocabulary-voice-switch{align-self:flex-start;width:auto;min-width:0;min-height:44px;gap:7px;padding:2px 0}
  .vocabulary-voice-option{font-size:.8rem}
}
@media(prefers-reduced-motion:reduce){
  .vocabulary-voice-track,.vocabulary-voice-thumb,.vocabulary-voice-option{transition:none}
}