@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes flow-gradient-colors{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}@keyframes pulse-glow{0%,to{opacity:.7}50%{opacity:1}}.guide-popover-glow{position:relative;padding:16px}.guide-popover-glow:before{content:"";position:absolute;inset:4px;border-radius:1.25rem;background:radial-gradient(circle,rgba(0,245,255,.25) 0,rgba(255,0,255,.15) 50%,transparent 70%);animation:pulse-glow 2s ease-in-out infinite;filter:blur(12px);pointer-events:none;z-index:0}.dark .guide-popover-glow:before{background:radial-gradient(circle,rgba(0,245,255,.35) 0,rgba(255,0,255,.25) 50%,transparent 70%)}.guide-popover-container{position:relative;background:white;border-radius:.75rem;z-index:1}.dark .guide-popover-container{background:rgb(23 23 23)}.guide-popover-container:before{content:"";position:absolute;inset:-3px;border-radius:.875rem;padding:3px;background:conic-gradient(from var(--gradient-angle),#00F5FF,#00D4FF,#FF00FF,#FF4DFF,#FFFF00,#FFD700,#00F5FF);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;animation:flow-gradient-colors 3s linear infinite}.guide-spotlight-highlight{position:absolute;pointer-events:none;border-radius:.75rem;transition:all .3s ease;box-shadow:0 0 0 2px rgba(59,130,246,.5),0 0 20px rgba(59,130,246,.3)}.dark .guide-spotlight-highlight{box-shadow:0 0 0 2px rgba(96,165,250,.6),0 0 30px rgba(96,165,250,.4)}.guide-popover-content{position:relative;z-index:1}@supports not (background:conic-gradient(from var(--gradient-angle ),red,blue)){.guide-popover-container:before{background:conic-gradient(from 0deg,#00F5FF,#00D4FF,#FF00FF,#FF4DFF,#FFFF00,#FFD700,#00F5FF);animation:none}}