@keyframes magic-shine{0%{background-position:0% 0%}50%{background-position:100% 100%}to{background-position:0% 0%}}@keyframes magic-glow{0%{filter:blur(1px) drop-shadow(0 0 0px color-mix(in srgb,var(--signal-blue) 0%,transparent))}26%{filter:blur(1px) drop-shadow(0 0 8px color-mix(in srgb,var(--signal-blue) 50%,transparent))}46%{filter:blur(1px) drop-shadow(0 0 4px color-mix(in srgb,var(--signal-purple) 30%,transparent))}to{filter:blur(1px) drop-shadow(0 0 0px color-mix(in srgb,var(--signal-blue) 0%,transparent))}}.magic-border-wrapper{position:relative;display:inline-flex}.magic-border-wrapper:before{content:"";position:absolute;inset:0;padding:var(--magic-border-width, 1px);filter:blur(1px);background:var( --magic-border-color, linear-gradient(135deg, var(--signal-blue), var(--signal-blue)) );background-size:300% 300%;border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:magic-shine 10s infinite linear;pointer-events:none}.magic-border-wrapper:hover:before{animation:magic-shine 10s infinite linear,magic-glow 3s infinite ease-in-out}