.auth-radar{--radar-cycle: 6s;--radar-contact-idle: .2;--radar-size: min(560px, calc(60vw - 96px) , max(400px, calc(100vh - 340px) ));position:relative;flex-shrink:0;width:var(--radar-size);height:var(--radar-size);pointer-events:none}@supports (height: 100dvh){.auth-radar{--radar-size: min(560px, calc(60vw - 96px) , max(400px, calc(100dvh - 340px) ))}}.auth-radar-field{position:absolute;inset:0;overflow:hidden;border-radius:50%;background:hsl(var(--primary) / .025);-webkit-mask-image:radial-gradient(circle closest-side,black 76%,transparent 100%);mask-image:radial-gradient(circle closest-side,black 76%,transparent 100%)}.auth-radar-range{position:absolute;border:1px solid hsl(var(--primary) / .2);border-radius:50%}.auth-radar-outer-range{inset:3%}.auth-radar-middle-range{inset:18%}.auth-radar-inner-range{inset:34%}.auth-radar-horizontal-axis,.auth-radar-vertical-axis{position:absolute;background:hsl(var(--primary) / .1)}.auth-radar-horizontal-axis{inset:50% 0 auto;height:1px}.auth-radar-vertical-axis{inset:0 auto 0 50%;width:1px}.auth-radar-wave{position:absolute;inset:30%;border:1px solid hsl(var(--primary) / .3);border-radius:50%;opacity:0}.auth-radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 0deg,transparent 270deg,hsl(var(--primary) / .015) 290deg,hsl(var(--primary) / .06) 320deg,hsl(var(--primary) / .18) 350deg,hsl(var(--primary) / .26) 360deg)}.auth-radar-sweep-line{position:absolute;top:0;left:50%;width:1px;height:50%;background:linear-gradient(to top,hsl(var(--primary) / .65),hsl(var(--primary) / .35) 70%,transparent)}.auth-radar-connections{position:absolute;inset:0;width:100%;height:100%}.auth-radar-track,.auth-radar-signal{stroke:currentColor;stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke}.auth-radar-track{opacity:.12}.auth-radar-signal{--signal-length: calc(var(--radar-size) * var(--signal-distance));opacity:0;stroke-width:1.25;stroke-dasharray:calc(var(--signal-length) * .12) var(--signal-length);stroke-dashoffset:calc(var(--signal-length) * .12)}.auth-radar-contact{position:absolute;width:36px;height:36px;transform:translate(-50%,-50%)}.auth-radar-glyph{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid currentColor;border-radius:2px;background:hsl(var(--background))}.auth-radar-detection-echo{position:absolute;inset:-3px;border:1px solid currentColor;border-radius:2px;opacity:0}.auth-radar-class-icon{display:block;overflow:hidden;width:28px;height:28px}.auth-radar-class-icon img{display:block;width:100%;height:100%}.auth-radar-match{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;padding:8px;overflow:hidden;border:1px solid hsl(var(--primary) / .6);border-radius:var(--radius);background:hsl(var(--background))}.auth-radar-match img{display:block;width:100%;height:100%;border-radius:inherit;-o-object-fit:cover;object-fit:cover}@media(prefers-reduced-motion:no-preference){.auth-radar-sweep{animation:auth-radar-scan var(--radar-cycle) linear infinite}.auth-radar-wave{animation:auth-radar-wave var(--radar-cycle) ease-out infinite}.auth-radar-contact{opacity:var(--radar-contact-idle);animation:auth-radar-detected var(--radar-cycle) linear infinite}.auth-radar-detection-echo{animation:auth-radar-detection-echo var(--radar-cycle) ease-out infinite}.auth-radar-track{opacity:0;animation:auth-radar-connection var(--radar-cycle) linear infinite}.auth-radar-signal{animation:auth-radar-signal var(--radar-cycle) linear infinite}.auth-radar-contact,.auth-radar-detection-echo,.auth-radar-track,.auth-radar-signal{animation-delay:calc(var(--detection-phase) * var(--radar-cycle))}}@keyframes auth-radar-scan{to{transform:rotate(360deg)}}@keyframes auth-radar-wave{0%{transform:scale(.4);opacity:.35}75%,to{transform:scale(2.4);opacity:0}}@keyframes auth-radar-detected{0%,28%,to{opacity:var(--radar-contact-idle)}2%,12%{opacity:1}}@keyframes auth-radar-detection-echo{0%{opacity:.65;transform:scale(1)}8%,to{opacity:0;transform:scale(1.35)}}@keyframes auth-radar-connection{0%,35%,to{opacity:0}3%,20%{opacity:.16}}@keyframes auth-radar-signal{0%{opacity:0;stroke-dashoffset:calc(var(--signal-length) * .12)}3%{opacity:.65;stroke-dashoffset:calc(var(--signal-length) * .12)}13%{opacity:.65}18%,to{opacity:0;stroke-dashoffset:calc(var(--signal-length) * -1)}}