@property --border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes border-spin{to{--border-angle:360deg}}.register-card-ring{position:relative}.register-card-ring:before{content:"";z-index:1;border-radius:inherit;background:conic-gradient(from var(--border-angle), transparent 0%, var(--accentColor) 12%, var(--accentHoverColor) 22%, transparent 38%, transparent 100%);-webkit-mask-composite:xor;pointer-events:none;padding:2px;animation:3.5s linear infinite border-spin;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 (prefers-reduced-motion:reduce){.register-card-ring:before{animation:none}}