@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotating-border-rotate{to{--angle:360deg}}.rotating-border{--angle:0deg;--rotating-stroke-width:1px;inset:calc(-1 * var(--rotating-stroke-width));pointer-events:none;border-radius:inherit;padding:var(--rotating-stroke-width);background:conic-gradient(from var(--angle), hsl(var(--kosmo-blue-500) / 0) 0deg, var(--rotating-stroke-blue,hsl(var(--kosmo-blue-500))) 360deg);-webkit-mask-composite:xor;animation:5s linear infinite rotating-border-rotate;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 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:disabled .rotating-border,[aria-disabled=true] .rotating-border{display:none}@media (prefers-reduced-motion:reduce){.rotating-border{animation:none}}