/* VividlyHER - listening + vanity bulbs. Additive only. */
.voice-answer .voice-answer-button.is-listening{
  transform:scale(1.07);
  transition:transform .28s cubic-bezier(.22,1,.36,1);
  animation:vh-breathe 2.6s ease-in-out infinite !important;
}
.voice-answer .voice-answer-button.is-listening::before{
  content:'';position:absolute;left:14px;top:50%;width:9px;height:9px;margin-top:-4.5px;
  border-radius:50%;background:#fff;box-shadow:0 0 8px 2px rgba(255,255,255,.9);
  animation:vh-dot 1.5s ease-in-out infinite;
}
.voice-answer .voice-answer-button.is-listening{position:relative;padding-left:32px;}
@keyframes vh-breathe{
  0%,100%{box-shadow:0 0 0 0 rgba(201,25,105,.45), 0 0 16px 4px rgba(201,25,105,.34);}
  50%    {box-shadow:0 0 0 14px rgba(201,25,105,0), 0 0 30px 9px rgba(201,25,105,.50);}
}
@keyframes vh-dot{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
.vanity-bulbs i{transition:opacity .09s linear, box-shadow .09s linear, transform .09s linear;}
.vanity-bulbs i.vh-lit{transform:scale(1.18);box-shadow:0 0 10px 3px rgba(255,226,170,.75), 0 0 22px 8px rgba(255,186,120,.35);}
.vanity-bulbs i.vh-blaze{transform:scale(1.42);box-shadow:0 0 16px 6px rgba(255,245,215,.95), 0 0 40px 16px rgba(255,190,125,.55);}
@media (prefers-reduced-motion:reduce){
  .voice-answer .voice-answer-button.is-listening{animation:none !important;transform:none}
  .voice-answer .voice-answer-button.is-listening::before{animation:none}
  .vanity-bulbs i.vh-lit,.vanity-bulbs i.vh-blaze{transform:none}
}
/* HER carries the logo treatment wherever the brand name appears in copy */
.vh-her{font-style:italic;color:#d50768;display:inline-block;transform:skewX(-4deg)}