.subject-orbit{--orbit-r1:30cqi;--orbit-r2:42cqi;--orbit-spin-1:56s;--orbit-spin-2:84s;position:relative;container-type:inline-size;width:min(420px,100%);aspect-ratio:1;margin-inline:auto;overflow:visible;color:hsl(var(--foreground));isolation:isolate}.subject-orbit-track{position:absolute;z-index:0;border-radius:50%;border:1px solid color-mix(in srgb,hsl(var(--primary)) 32%,hsl(var(--border)));opacity:.55;pointer-events:none}.subject-orbit-track.t1{inset:20%}.subject-orbit-track.t2{inset:8%;border-style:dashed;opacity:.4}.subject-orbit-ring{position:absolute;inset:0;z-index:1;animation:subject-orbit-spin var(--orbit-spin-1) linear infinite;pointer-events:none}.subject-orbit-ring.r1{animation-duration:var(--orbit-spin-1)}.subject-orbit-ring.r2{animation-direction:reverse;animation-duration:var(--orbit-spin-2)}.subject-orbit-node{position:absolute;top:50%;left:50%;width:0;height:0}.subject-orbit-ring.r1 .subject-orbit-node{transform:rotate(var(--a)) translateY(calc(var(--orbit-r1) * -1))}.subject-orbit-ring.r2 .subject-orbit-node{transform:rotate(var(--a)) translateY(calc(var(--orbit-r2) * -1))}.subject-orbit-counter{position:absolute;top:0;left:0;width:0;height:0;transform-origin:0 0;animation:subject-orbit-spin var(--orbit-spin-1) linear infinite reverse}.subject-orbit-ring.r2 .subject-orbit-counter{animation-duration:var(--orbit-spin-2);animation-direction:normal}.subject-orbit-face{position:absolute;top:0;left:0;display:grid;place-items:center;transform:translate(-50%,-50%) rotate(calc(-1 * var(--a)));transform-origin:center}.subject-orbit-tile{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid color-mix(in srgb,hsl(var(--border)) 70%,hsl(var(--primary)) 14%);background:hsl(var(--card));box-shadow:0 1px 0 color-mix(in srgb,#fff 40%,transparent),0 12px 28px -14px hsl(var(--foreground)/.4);overflow:hidden}.subject-orbit-tile.is-sm{width:46px;height:46px}.subject-orbit-tile.is-icon{background:color-mix(in srgb,hsl(var(--primary)) 14%,hsl(var(--card)));color:hsl(var(--primary))}.subject-orbit-logo{display:grid!important;place-items:center;width:78%!important;height:78%!important;border-radius:50%!important;background:hsl(var(--background))!important;overflow:hidden}.subject-orbit-logo img{width:100%!important;height:100%!important;object-fit:contain;object-position:center;display:block;padding:0!important}.subject-orbit-glyph{width:52%;height:52%;stroke-linecap:round;stroke-linejoin:round}.subject-orbit-core{position:absolute;z-index:3;top:50%;left:50%;width:92px;height:92px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;background:hsl(var(--card));border:1px solid color-mix(in srgb,hsl(var(--border)) 80%,hsl(var(--primary)) 20%);box-shadow:0 18px 40px -18px hsl(var(--foreground)/.42)}.subject-orbit-core-mark{width:28px;height:22px;position:relative;transform:rotate(-10deg)}.subject-orbit-core-mark:after,.subject-orbit-core-mark:before{content:"";position:absolute;inset-block-end:0;width:7px;border-radius:5px;background:hsl(var(--primary))}.subject-orbit-core-mark:before{inset-inline-start:1px;height:12px}.subject-orbit-core-mark:after{inset-inline-start:11px;height:20px;box-shadow:10px 0 0 hsl(var(--brand))}.subject-orbit-pulse{position:absolute;z-index:2;top:50%;left:50%;width:92px;height:92px;transform:translate(-50%,-50%);border-radius:50%;border:1.5px solid color-mix(in srgb,hsl(var(--primary)) 55%,transparent);animation:subject-orbit-pulse 3.6s ease-out infinite;pointer-events:none}.subject-orbit[data-variant=agents] .subject-orbit-core{background:color-mix(in srgb,hsl(var(--primary)) 10%,hsl(var(--card)))}.subject-orbit[data-variant=howit] .subject-orbit-tile.is-icon{background:color-mix(in srgb,hsl(var(--primary)) 16%,hsl(var(--card)))}.subject-orbit.is-static .subject-orbit-counter,.subject-orbit.is-static .subject-orbit-pulse,.subject-orbit.is-static .subject-orbit-ring{animation:none!important}@keyframes subject-orbit-spin{to{transform:rotate(1turn)}}@keyframes subject-orbit-pulse{0%{opacity:.5;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2.15)}}@media (prefers-reduced-motion:reduce){.subject-orbit-counter,.subject-orbit-pulse,.subject-orbit-ring{animation:none!important}}@supports not (width:1cqi){.subject-orbit-ring.r1 .subject-orbit-node{transform:rotate(var(--a)) translateY(-126px)}.subject-orbit-ring.r2 .subject-orbit-node{transform:rotate(var(--a)) translateY(-176px)}}@media (max-width:640px){.subject-orbit{width:min(320px,100%)}.subject-orbit-tile{width:48px;height:48px}.subject-orbit-tile.is-sm{width:40px;height:40px}.subject-orbit-core,.subject-orbit-pulse{width:76px;height:76px}}