/* A faint blue-led glow; all effects stay behind the composer controls. */
@property --muse-chat-glow-angle{
  syntax:'<angle>';
  inherits:true;
  initial-value:0deg;
}
body .chat-view .chat-composer{
  position:relative;
  isolation:isolate;
  overflow:visible;
  border-color:#4b535f;
  --muse-chat-glow-angle:0deg;
  animation:muse-chat-glow-turn 18s linear infinite;
}
body .chat-view .chat-composer::before{
  content:'';
  position:absolute;
  inset:-3px;
  z-index:-1;
  border-radius:inherit;
  pointer-events:none;
  opacity:.15;
  filter:blur(10px);
  background:conic-gradient(from var(--muse-chat-glow-angle),
    #5b9eff 0deg,#619fee 100deg,#9c82db 160deg,#dba477 205deg,#70a4ed 250deg,#5b9eff 360deg);
}
body .chat-view .chat-composer>textarea,
body .chat-view .chat-composer>.composer-toolbar{
  position:relative;
  z-index:1;
}
body .chat-view .chat-composer:focus-within{border-color:#586a83}
@supports ((mask-composite:exclude) or (-webkit-mask-composite:xor)){
  body .chat-view .chat-composer::after{
    content:'';
    position:absolute;
    inset:-1px;
    z-index:0;
    border-radius:inherit;
    padding:1px;
    pointer-events:none;
    opacity:.19;
    background:conic-gradient(from var(--muse-chat-glow-angle),
      #7fb4ff 0deg,#7aaaf0 110deg,#a68ee3 165deg,#d9aa87 205deg,#80aef1 255deg,#7fb4ff 360deg);
    -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    -webkit-mask-composite:xor;
    mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
    mask-composite:exclude;
  }
}
@keyframes muse-chat-glow-turn{to{--muse-chat-glow-angle:360deg}}
@media(max-width:600px){
  body .chat-view .chat-composer::before{opacity:.09;filter:blur(7px);inset:-2px}
  body .chat-view .chat-composer::after{opacity:.12}
}
@media(prefers-reduced-motion:reduce){
  body .chat-view .chat-composer{animation:none;--muse-chat-glow-angle:0deg}
  body .chat-view .chat-composer::before{
    opacity:.1;
    background:linear-gradient(120deg,#659be6,#79a9ec);
  }
  body .chat-view .chat-composer::after{
    opacity:.13;
    background:linear-gradient(120deg,#7fa9df,#8bb6ef);
  }
}