.radar-frame{width:100%;container-type:inline-size}.radar-stage{height:20.625em;font-size:clamp(11px,3.6cqw,16px);position:relative;overflow:hidden}.radar{--radar-ease:.45s cubic-bezier(.32, .72, 0, 1);--radar-accent:var(--color-green-500,#22c55e);--radar-bubble-ring:var(--color-zinc-300);--radar-core:var(--color-zinc-800);--radar-surface:var(--color-white);--radar-placeholder:var(--color-zinc-200);--radar-text:var(--color-zinc-600);--radar-disc-1:#f4f5f6;--radar-disc-2:#eeeff1;--radar-disc-3:#e9eaec;--radar-shadow:0 0 0 1px #0122360a, 0 1px 1px -.5px #0122360a, 0 3px 3px -1.5px #0122360f, 0 6px 12px -6px #01223605, 0 24px 24px -12px #0122360a;position:absolute;inset:0}.dark .radar{--radar-bubble-ring:var(--color-zinc-600);--radar-core:var(--color-zinc-700);--radar-surface:var(--color-zinc-800);--radar-placeholder:var(--color-zinc-700);--radar-text:var(--color-zinc-300);--radar-disc-1:#ffffff0a;--radar-disc-2:#ffffff0f;--radar-disc-3:#ffffff14;--radar-shadow:0 0 0 1px #0006, 0 3px 3px -1.5px #0000004d, 0 24px 24px -12px #0000004d}.radar__scope{isolation:isolate;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 77.61%,#0000 100%);mask-image:linear-gradient(#000 77.61%,#0000 100%)}.radar__holder{aspect-ratio:1;justify-content:center;align-items:center;width:calc(100% - 5em);min-width:min(27.5em,100% - 3.5em);max-width:30em;display:flex;position:absolute;top:1.75em}@container (width<=420px){.radar__holder{top:1.25em}}.radar__ring{--radar-disc:var(--radar-disc-1);--radar-reach:62.7%;aspect-ratio:1;width:100%;position:absolute}.radar__ring--md{--radar-disc:var(--radar-disc-2);--radar-reach:60.1%;width:72%}.radar__ring--sm{--radar-disc:var(--radar-disc-3);--radar-reach:57%;width:44%}.radar__bg,.radar__pulse{transition:opacity var(--radar-ease), transform var(--radar-ease);transition-delay:calc(var(--index) * 95ms);border-radius:999em;position:absolute;inset:0}.radar__bg{background:radial-gradient(var(--radar-reach) var(--radar-reach) at 50% 0%, var(--radar-disc) 0%, transparent 100%)}.radar__bg[data-state=inactive]{opacity:0;transform:translateY(-10%)scale(.92)}.radar__pulse{opacity:0;background:radial-gradient(57% 57% at 50% 0%, color-mix(in srgb, var(--radar-accent) 10%, transparent) 0%, transparent 100%);transform:translateY(10%)scale(.92)}.radar__pulse[data-state=active]{opacity:1;transform:none}.radar__pulse[data-state=leaving]{opacity:0;transform:translateY(-10%)scale(.92)}.radar__ring,.radar__orbit,.radar__bg,.radar__pulse,.radar__core{pointer-events:none}.radar__link{pointer-events:auto}.radar__orbit{aspect-ratio:1;width:100%;transform:rotate(var(--angle));justify-content:center;align-items:flex-start;animation:22.5s linear infinite radar-orbit;display:flex;position:absolute}.radar__bubble{background-color:var(--radar-surface);width:2.5em;height:2.5em;box-shadow:var(--radar-shadow);transform:rotate(calc(var(--angle) * -1));border-radius:999em;justify-content:center;align-items:center;padding:.125em;animation:22.5s linear infinite radar-orbit-counter;display:flex;position:absolute;top:-1.25em}.radar__bubble:before{content:"";border:1px solid var(--radar-accent);opacity:0;transition:opacity var(--radar-ease), transform var(--radar-ease);border-radius:999em;position:absolute;inset:-.325em;transform:scale(.5)}.radar__bubble[data-state=active]:before{opacity:1;transform:scale(1)}.radar__placeholder{background-color:var(--radar-placeholder);border-radius:999em;width:100%;height:100%}.radar__link{border-radius:999em;width:100%;height:100%;display:block}.radar__link:focus-visible{outline:none}.radar__bubble{outline:0 solid #0000;transition:scale .18s cubic-bezier(.32,.72,0,1),outline-color .18s;scale:1}:is(.radar__bubble:has(.radar__link:hover),.radar__bubble:has(.radar__link:focus-visible)){outline:1.5px solid var(--radar-bubble-ring);scale:1.35}.radar__bubble:has(.radar__link:focus-visible){outline-color:var(--radar-accent)}.radar__bubble:has(.radar__link:active){transition-duration:80ms;scale:1.18}.radar-frame:focus-within .radar__orbit,.radar-frame:focus-within .radar__bubble,.radar-frame:not([data-in-view]) .radar__orbit,.radar-frame:not([data-in-view]) .radar__bubble,.radar-frame:not([data-in-view]) .radar__core-glare{animation-play-state:paused}.radar-frame:has(.radar__link:hover) .radar__orbit{animation-play-state:paused}.radar-frame:has(.radar__link:hover) .radar__bubble{animation-play-state:paused}.radar__photo{object-fit:cover;object-position:center top;border-radius:999em;width:100%;height:100%}.radar__core{background-color:var(--radar-core);width:3.75em;height:3.75em;box-shadow:0 1px 0 0 #ffffff29 inset, 0 0 8px 0 #ffffff24 inset, 0 16px 32px 0 color-mix(in srgb, var(--radar-core) 14%, transparent), 0 8px 16px 0 color-mix(in srgb, var(--radar-core) 12%, transparent), 0 0 50px 0 color-mix(in srgb, var(--radar-accent) 14%, transparent);border-radius:999em;place-items:center;display:grid;position:absolute}.radar__core-glare{background:conic-gradient(from 0deg, transparent 0 58%, color-mix(in srgb, var(--radar-accent) 35%, transparent) 72%, var(--radar-accent) 80%, color-mix(in srgb, var(--radar-accent) 35%, transparent) 86%, transparent 92% 100%);border-radius:999em;animation:3.6s linear infinite radar-core-glare;position:absolute;inset:-.55em;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 2px))}@keyframes radar-core-glare{to{rotate:1turn}}@media (prefers-reduced-motion:reduce){.radar__core-glare{animation:none}}.radar__core-mark{width:1.5em;height:auto;color:var(--color-white);transform:translate(-.24em,.13em)}.radar__toast{background-color:var(--radar-surface);box-shadow:var(--radar-shadow);color:var(--radar-text);white-space:nowrap;opacity:0;transition:opacity var(--radar-ease), transform var(--radar-ease);border-radius:.625em;align-items:center;gap:.375em;padding:.375em .75em;font-size:.8125em;line-height:1.25;display:flex;position:absolute;bottom:.75em;left:50%;transform:translateY(100%)scale(.9)}.radar__toast[data-state=active]{opacity:1;transform:none}.radar__toast[data-state=leaving]{opacity:0;transform:translateY(-100%)scale(.9)}.radar__toast-dot{background-color:var(--radar-accent);border-radius:999em;width:.5em;height:.5em}@keyframes radar-orbit{to{rotate:360deg}}@keyframes radar-orbit-counter{to{rotate:-360deg}}@media (prefers-reduced-motion:reduce){.radar__orbit,.radar__bubble{animation:none}}