@keyframes border-angle-rotate{0%{--border-angle:0deg}to{--border-angle:360deg}}@property --border-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@property --bg{syntax:"<color>";initial-value:#fff;inherits:false}.chat-mode-button{--border-angle:0deg;--bg:#fff;animation:border-angle-rotate 3s linear infinite;background:linear-gradient(var(--bg) 0 0) padding-box,conic-gradient(from var(--border-angle),oklch(100% 100% 0deg),oklch(100% 100% 45deg),oklch(100% 100% 90deg),oklch(100% 100% 135deg),oklch(100% 100% 180deg),oklch(100% 100% 225deg),oklch(100% 100% 270deg),oklch(100% 100% 315deg),oklch(100% 100% 1turn)) border-box;border-color:transparent;transition:--bg .3s ease}.chat-mode-button:hover{--bg:#283034}