.animated-border-spin{position:absolute;inset:0;z-index:0;border-radius:.75rem;pointer-events:none;background:conic-gradient(from 0deg,#22d3ee 0,#6366f1 25%,#22c55e 50%,#facc15 75%,#22d3ee 100%);animation:spin 2.5s linear infinite;opacity:1;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;box-sizing:border-box;padding:2px;background-clip:border-box}@media (prefers-color-scheme:dark){.animated-border-spin{background:conic-gradient(from 0deg,#0ea5e9 0,#818cf8 25%,#4ade80 50%,#fde047 75%,#0ea5e9 100%);opacity:.8}}@keyframes spin{to{transform:rotate(1turn)}}.animated-gradient-border{position:relative;border-radius:.75rem;z-index:0}.animated-gradient-border:before{content:"";position:absolute;inset:0;border-radius:.75rem;z-index:1;pointer-events:none;padding:0;background:linear-gradient(270deg,#22d3ee,#6366f1,#22c55e,#facc15,#22d3ee);background-size:200% 200%;border:2px solid transparent;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderGradientMove 8s linear infinite;opacity:.4;transition:opacity .3s}@keyframes borderGradientMove{0%{background-position:0 50%}to{background-position:200% 50%}}.animated-gradient-border:hover:before{opacity:.7}