.button-gradient-border:before{content:"";-webkit-mask-composite:xor;border-radius:var(--radius);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;background:linear-gradient(#716cff99 0%,#ea80ff99 100%),linear-gradient(35.22deg,#fff0 33.61%,#fff 89.19%);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}.button-gradient-border:after{content:"";-webkit-mask-composite:xor;border-radius:var(--radius);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;background:linear-gradient(#716cff 0%,#c9c7ff 50%,#ea80ff 100%),linear-gradient(35.22deg,#fff0 33.61%,#fff 89.19%);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}@media (hover:hover) and (pointer:fine){.button-gradient-border:hover:before,.button-gradient-border:focus-within:before{opacity:0}.button-gradient-border:hover:after,.button-gradient-border:focus-within:after{opacity:1}}@media (pointer:coarse){.button-gradient-border:before{opacity:0}.button-gradient-border:after{opacity:1}}.input-gradient-border:before{content:"";-webkit-mask-composite:xor;border-radius:var(--radius);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;background:#fff;padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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}.input-gradient-border:after{content:"";-webkit-mask-composite:xor;border-radius:var(--radius);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:1;background:linear-gradient(#716cff 0%,#c9c7ff 50%,#ea80ff 100%),linear-gradient(35.22deg,#fff0 33.61%,#fff 89.19%);padding:1px;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 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 gradient-shift{0%{background-position:10%}to{background-position:-100%}}.animated-gradient-placeholder:before{background-color:#0000;background-image:linear-gradient(#fff6,#fff6),linear-gradient(140.01deg,#eac4ff00 0%,#716cff0d 2%,#d588ff4d 3%,#ffffff80 5%,#eac4ff80 6%,#eac4ff00 7%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200% 100%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:500;animation:4s linear infinite gradient-shift;opacity:1!important}