/* One microphone for any box (CC-ASK-3826; A-467, T-995) — public/brand/voice.js.
   Portable: the only colour it needs is `--voice-on`, with a fallback. Red at rest AND while
   listening (Shawn, 10-23: "I like the red color better than the black"); listening fills it.
   The mic sits INSIDE the box it fills, on the right like every search engine's. */
.voice-wrap{position:relative;display:flex;flex:1 1 auto;min-width:0;align-items:stretch}
.voice-wrap>.voice-target{flex:1 1 auto;min-width:0;width:100%;box-sizing:border-box;padding-right:50px!important}
.voice-wrap.voice-area{display:block;width:100%}
.voice-mic{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;margin:0;
  border:0;border-radius:50%;background:transparent;color:var(--voice-on,#B5462F);cursor:pointer;
  display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}
.voice-area .voice-mic{top:auto;bottom:8px;transform:none}
.voice-mic::before{content:none!important;display:none!important}
.voice-mic:hover,.voice-mic:focus-visible{background:rgba(181,70,47,.12);color:var(--voice-on,#B5462F)}
.voice-mic:focus-visible{outline:2px solid currentColor;outline-offset:1px}
.voice-mic.on{background:var(--voice-on,#B5462F);color:#fff;animation:voice-pulse 1.2s ease-in-out infinite}
@keyframes voice-pulse{0%,100%{box-shadow:0 0 0 0 rgba(181,70,47,.45)}50%{box-shadow:0 0 0 8px rgba(181,70,47,0)}}
@media (prefers-reduced-motion:reduce){.voice-mic.on{animation:none}}
/* Inside a search bar the page's own "button" rules (fill, padding, the search icon) must not
   reach the mic: `html .voice-wrap button.voice-mic` outranks `html[data-host-side] .freesearch button`. */
html body .voice-wrap button.voice-mic{width:36px;height:36px;min-width:36px;max-width:36px;padding:0;margin:0;border:0;
  border-radius:50%;background:transparent;color:var(--voice-on,#B5462F);font-size:0;line-height:1;box-shadow:none;flex:none;display:flex;gap:0}
html body .voice-wrap button.voice-mic:hover,html body .voice-wrap button.voice-mic:focus-visible{background:rgba(181,70,47,.12);color:var(--voice-on,#B5462F)}
html body .voice-wrap button.voice-mic.on{background:var(--voice-on,#B5462F);color:#fff}
/* This platform's search bars: the box keeps its full width, the mic only borrows its padding. */
.freesearch .voice-wrap{min-width:220px}
.hood-hero .freesearch .voice-wrap{min-width:0}
@media (max-width:600px){.freesearch .voice-wrap{min-width:0;flex-basis:100%}}