.rotate-gradient-border[data-astro-cid-b4xxopd5]{--border-width:2px;--gradient-color-1:var(--color-blue-600);--gradient-color-2:var(--color-purple-600);--gradient-color-3:var(--color-pink-600);isolation:isolate;position:relative}.rotate-gradient-border[data-astro-cid-b4xxopd5]:before{content:"";border-radius:inherit;padding:var(--border-width);background:conic-gradient(from var(--gradient-angle,0deg), var(--gradient-color-1), var(--gradient-color-2), var(--gradient-color-3), var(--gradient-color-2), var(--gradient-color-1));z-index:-1;animation:7s linear infinite rotate-gradient;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 rotate-gradient{0%{--gradient-angle:0deg}to{--gradient-angle:360deg}}@property --gradient-angle{syntax:"<angle>";inherits:false;initial-value:0deg}
