@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes gradient-rotate{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}.chat-input-container{border:1px solid transparent;border-radius:16px;background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--gradient-angle,0deg),rgba(41,148,255,.3) 0,rgba(213,0,187,.2) 25%,rgba(41,148,255,.3) 50%,rgba(213,0,187,.2) 75%,rgba(41,148,255,.3) 100%) border-box;animation:gradient-rotate 4s linear infinite;transition:background .2s ease-in-out}.chat-input-container.focused{background:linear-gradient(#fff,#fff) padding-box,conic-gradient(from var(--gradient-angle,0deg),rgba(41,148,255,.7) 0,rgba(213,0,187,.6) 25%,rgba(41,148,255,.7) 50%,rgba(213,0,187,.6) 75%,rgba(41,148,255,.7) 100%) border-box}.chat-input-container.disabled{background:linear-gradient(#f5f5f5,#f5f5f5) padding-box,conic-gradient(from var(--gradient-angle,0deg),hsla(240,3%,55%,.2) 0,hsla(240,3%,55%,.15) 25%,hsla(240,3%,55%,.2) 50%,hsla(240,3%,55%,.15) 75%,hsla(240,3%,55%,.2) 100%) border-box;animation:none}.chat-input-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}