@property --orbit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes recipe-orbit{to{--orbit-angle:360deg}}.recipe-orbit{isolation:isolate;position:relative}.recipe-orbit:before,.recipe-orbit:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;opacity:0;background:conic-gradient(from var(--orbit-angle), transparent 0deg, color-mix(in oklch, var(--primary), transparent 96%) 50deg, color-mix(in oklch, var(--primary), transparent 90%) 120deg, color-mix(in oklch, var(--primary), transparent 86%) 180deg, color-mix(in oklch, var(--primary), transparent 90%) 250deg, color-mix(in oklch, var(--primary), transparent 96%) 310deg, transparent 360deg);transition:opacity .45s;position:absolute}.recipe-orbit:before{filter:blur(16px);inset:-10px}.recipe-orbit:after{filter:blur(4px);inset:-2px}.recipe-orbit:is(:hover,:focus-visible):before{opacity:.5;animation:8s linear infinite recipe-orbit}.recipe-orbit:is(:hover,:focus-visible):after{opacity:.35;animation:8s linear infinite recipe-orbit}.recipe-orbit>*{z-index:1;position:relative}@media (prefers-reduced-motion:reduce){.recipe-orbit:is(:hover,:focus-visible):before,.recipe-orbit:is(:hover,:focus-visible):after{--orbit-angle:200deg;animation:none}.recipe-orbit:is(:hover,:focus-visible):before{opacity:.35}.recipe-orbit:is(:hover,:focus-visible):after{opacity:.22}}