@layer base{.hpv5-omni-stage{flex-direction:column;display:flex;container-type:inline-size}.hpv5-omni-chips{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.hpv5-omni-chip{border:1px solid var(--color-border-soft);background:var(--fog-50);opacity:0;border-radius:4px;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:9px 4px 8px;display:flex;overflow:hidden;transform:translateY(-4px)}.is-active .hpv5-omni-chip{animation:.48s ease-out forwards hpv5-omni-reveal;animation-delay:calc(var(--i) * 90ms)}.hpv5-omni-icon{color:var(--color-dark);flex:none}.hpv5-omni-label{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;color:var(--color-dark);font-size:11px}.hpv5-omni-fan{width:100%;height:56px;display:block}.hpv5-omni-path{fill:none;stroke:var(--fog-200);stroke-width:1.5px;opacity:0}.is-active .hpv5-omni-path{animation:.48s ease-out .42s forwards hpv5-omni-fade}.hpv5-omni-mote{fill:var(--color-jade);fill-opacity:0;display:none}.is-active .hpv5-omni-mote{display:inline}.hpv5-omni-core{opacity:0;width:100%;max-width:240px;margin:0 auto;position:relative;transform:translateY(6px)}.is-active .hpv5-omni-core{animation:.48s ease-out .56s forwards hpv5-omni-reveal}.hpv5-omni-junction{background:var(--color-white);border:1.5px solid var(--color-jade);box-sizing:border-box;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;left:50%;transform:translate(-50%)}.hpv5-omni-core-card{border:1px solid var(--color-border);background:var(--color-white);border-radius:4px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.hpv5-omni-core-label{font-family:var(--font-display);letter-spacing:-.01em;color:var(--color-dark);font-size:13px}.hpv5-omni-core-sub{font-family:var(--font-body);letter-spacing:-.005em;color:var(--color-text-secondary);flex:100%;font-size:11px;line-height:1.3}@keyframes hpv5-omni-reveal{to{opacity:1;transform:none}}@keyframes hpv5-omni-fade{to{opacity:1}}@container (max-width:270px){.hpv5-omni-chip{padding:9px 2px 8px}}@container (max-width:247px){.hpv5-omni-label{display:none}.hpv5-omni-chip{padding:10px 2px}}@media (prefers-reduced-motion:reduce){.hpv5-omni-chip,.hpv5-omni-core{opacity:1;animation:none;transform:none}.hpv5-omni-path{opacity:1;animation:none}.is-active .hpv5-omni-mote{display:none}}}