.conversation-banner{position:relative;isolation:isolate;overflow:hidden}
.conversation-banner>:not(.banner-motion){position:relative;z-index:1}
.banner-motion{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}
.banner-sphere{position:absolute;left:0;top:0;width:160px;height:160px;display:block;border-radius:50%;background:radial-gradient(circle at 28% 25%,#ffe5d8 0%,#ffc6aa 20%,#f98251 48%,#e94a20 73%,#94311c 100%);box-shadow:inset -12px -15px 25px #83301b35,inset 7px 7px 18px #ffffff70,0 28px 45px #e8572320;opacity:.33;animation:sphereAcrossBanner 20s cubic-bezier(.45,0,.55,1) infinite;will-change:left,top,transform}
@keyframes sphereAcrossBanner{0%,100%{left:3%;top:7%;transform:scale(.85) rotate(0deg)}25%{left:72%;top:5%;transform:scale(1.1) rotate(80deg)}50%{left:81%;top:57%;transform:scale(.8) rotate(160deg)}75%{left:8%;top:62%;transform:scale(1) rotate(260deg)}}
@media(max-width:650px){.banner-sphere{width:100px;height:100px;opacity:.26}}
@media(prefers-reduced-motion:reduce){.banner-sphere{animation:none;left:80%;top:60%;will-change:auto}}