@property --nexa-tip-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.nexa-cep-box{position:relative;border-radius:16px}.nexa-cep-box[data-state=open]{animation:nexa-cep-in .32s cubic-bezier(.34,1.56,.64,1) both}.nexa-cep-box[data-state=closed]{animation:nexa-cep-out .18s ease-in both}.nexa-cep-ring{position:absolute;top:-1.3px;right:-1.3px;bottom:-1.3px;left:-1.3px;z-index:0;border-radius:17px;pointer-events:none;background:conic-gradient(from var(--nexa-tip-angle),transparent,hsl(var(--primary) / .2) 10%,hsl(var(--primary) / .5) 22%,hsl(var(--primary)) 30%,transparent 44%);animation:nexa-tip-spin 3.5s linear infinite}.nexa-cep-glow{top:-3px;right:-3px;bottom:-3px;left:-3px;filter:blur(7px);opacity:.38}.nexa-cep-surface{position:relative;z-index:1;border-radius:16px;background:hsl(var(--popover));padding:20px;box-shadow:0 18px 40px -20px hsl(var(--foreground) / .35)}@keyframes nexa-tip-spin{to{--nexa-tip-angle: 360deg}}@keyframes nexa-cep-in{0%{opacity:0;transform:translateY(8px) scale(.85);filter:blur(4px)}55%{opacity:1;transform:scale(1.03);filter:blur(0)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes nexa-cep-out{to{opacity:0;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){.nexa-cep-box[data-state],.nexa-cep-ring{animation:none}}