@property --gx-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.gx-fx{transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .2s,background-color .2s,box-shadow .3s,color .2s,opacity .2s;position:relative}.gx-fx-spot{border-radius:inherit;background:radial-gradient(300px circle at var(--sx,50%) var(--sy,50%), #8b5cf624, transparent 65%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}@media (hover:hover){.gx-fx:where(:hover)>.gx-fx-spot{opacity:1}}.gx-fx-ring{border-radius:inherit;background:conic-gradient(from var(--gx-angle), transparent 0deg, #8b5cf6a6 50deg, transparent 110deg, transparent 180deg, #34d39980 220deg, transparent 265deg);-webkit-mask-composite:xor;opacity:1;pointer-events:none;padding:1.5px;animation:7s linear infinite gx-fx-orbit;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes gx-fx-orbit{to{--gx-angle:360deg}}@media (hover:hover){@layer utilities{.gx-fx:where(:hover){border-color:#8b5cf659}.gx-fx:where(:hover) :is(h2,h3,h4){color:#ddd6fe}}}@media (prefers-reduced-motion:reduce){.gx-fx-ring{animation:none}.gx-fx{transition:none}}