.hub{margin:0}.hub__ring{aspect-ratio:1.15;background:radial-gradient(circle at 50% 50%,var(--green-surface) 0 18%,var(--mint-cream) 18% 52%,transparent 70%);border-radius:50%;position:relative}.hub__spokes{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hub__line{stroke:var(--green-tint);stroke-width:1.25px;vector-effect:non-scaling-stroke;transition:stroke .4s}.hub__pulse{stroke:var(--green);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:8 100;stroke-dashoffset:0;opacity:.55}.hub__spoke.is-lit .hub__line{stroke:var(--green-light)}.hub__spoke.is-lit .hub__pulse{opacity:1}.hub__core{background:var(--white);border:1px solid var(--green-tint);border-radius:16px;justify-items:center;gap:.25rem;padding:1rem 1.25rem .75rem;font-size:.8125rem;font-weight:500;display:grid;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 12px 40px -16px #00382c59}.hub__mark{width:3rem;color:var(--green)}.hub__mark svg{width:100%;height:auto}.hub__chips{margin:0;padding:0;list-style:none}.hub__chip{left:var(--x);top:var(--y);border-radius:var(--radius-pill);background:var(--white);border:1px solid var(--line);white-space:nowrap;transition:opacity .4s ease,background .4s ease,border-color .4s ease,color .4s ease,scale .4s var(--ease-out);justify-items:center;padding:.4rem .7rem;font-size:.75rem;font-weight:500;display:grid;position:absolute;translate:-50% -50%}.hub__chip--bespoke{border:1.5px dashed var(--green);color:var(--green);border-radius:12px}.hub__chip small{color:var(--muted);font-size:.625rem;font-weight:400}.hub.is-focused .hub__chip:not(.is-lit){opacity:.45}.hub__chip.is-lit{background:var(--green);border-color:var(--green);color:var(--white);scale:1.06}.hub__chip.is-lit small{color:#fffc}.hub__chip.is-pending,.hub__spoke.is-pending{opacity:0!important}.hub__tabs{flex-wrap:wrap;justify-content:center;gap:.375rem;margin-top:1rem;display:flex}.hub__tab{border-radius:var(--radius-pill);color:var(--muted);padding:.35rem .75rem;font-size:.75rem;transition:background .3s,color .3s}.hub__tab.is-active{background:var(--ink);color:var(--white)}@media(prefers-reduced-motion:no-preference){.hub__pulse{animation:2.4s linear infinite dv-hub-pulse}@keyframes dv-hub-pulse{0%{stroke-dashoffset:0}to{stroke-dashoffset:-108px}}}@media(width<=40rem){.hub__ring{aspect-ratio:auto;background:var(--mint-cream);border-radius:20px;justify-items:center;gap:1rem;padding:1.25rem;display:grid}.hub__spokes{display:none}.hub__core{position:static;translate:none}.hub__chips{flex-wrap:wrap;justify-content:center;align-items:center;gap:.375rem;display:flex}.hub__chip{position:static;translate:none}}
