@property --edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}
.card-link{position:relative;isolation:isolate;text-decoration:none;color:inherit;cursor:pointer;overflow:hidden}
.card-link:before{content:'';position:absolute;inset:0;z-index:2;border-radius:inherit;padding:2px;background:conic-gradient(from var(--edge-angle),#77caff12 0deg,#77caff20 90deg,#74c6ff 150deg,#d7f4ff 185deg,#74c6ff 220deg,#77caff12 285deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:opacity .2s ease;animation:edge-orbit 2.4s linear infinite;animation-play-state:paused}
.card-link:hover:before,.card-link:focus-visible:before{opacity:1;animation-play-state:running}
.card-link:focus-visible{outline:2px solid #9cdfff;outline-offset:5px}
.card-link .mode-link span{transition:transform .2s ease}
.card-link:hover .mode-link span,.card-link:focus-visible .mode-link span{transform:translateX(4px)}
@keyframes edge-orbit{to{--edge-angle:360deg}}
@media(prefers-reduced-motion:reduce){.card-link:before{animation:none;transition:none}.card-link:hover .mode-link span,.card-link:focus-visible .mode-link span{transform:none}}