@property --featured-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.plan-card.plan-featured{position:relative;border-color:transparent;box-shadow:none}.plan-card.plan-featured:hover{border-color:transparent;box-shadow:none}.plan-featured:before,.plan-featured:after{content:"";position:absolute;border-radius:inherit;background:conic-gradient(from var(--featured-angle),#ff4d6d,#ff9f1c,#ffd60a,#3ddc84,#2ec4ff,#7b61ff,#f15bb5,#ff4d6d);pointer-events:none;animation:featured-turn 6s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.plan-featured:before{inset:-1px;padding:2px}.plan-featured:after{inset:-12px;padding:12px;border-radius:calc(var(--radius, 12px) + 12px);filter:blur(10px);opacity:.35}@keyframes featured-turn{to{--featured-angle: 360deg}}@media(prefers-reduced-motion:reduce){.plan-featured:before,.plan-featured:after{animation:none}}
