nexos-menu{position:absolute;inset:0;z-index:50;display:flex;flex-direction:column;background:#030014cc;backdrop-filter:blur(40px);overflow:hidden;opacity:0;transition:opacity .5s ease}nexos-menu[state=visible]{opacity:1}nexos-menu div[kind=blob]{position:absolute;border-radius:50%;filter:blur(120px);mix-blend-mode:screen;pointer-events:none;width:var(--w);height:var(--h);background:var(--color);animation:blobPulse var(--dur) ease-in-out infinite}nexos-menu div[kind=particles]{position:absolute;inset:0;overflow:hidden;pointer-events:none}nexos-menu div[kind=particles] div{position:absolute;background:var(--blue-light);border-radius:50%;width:var(--size);height:var(--size)}nexos-menu div[kind=tab-bar]{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:3rem 3rem 0;overflow-x:auto}nexos-menu div[kind=indicator]{position:absolute;bottom:-8px;height:1px;background:var(--violet);box-shadow:0 0 8px #8b5cf6cc;transition:left .3s ease,width .3s ease}nexos-menu div[kind=content]{position:relative;flex:1;width:100%;overflow:hidden}nexos-menu div[kind=content-wrap]{position:absolute;inset:0;padding:2rem 3rem 3rem;opacity:0;transform:scale(.95);transition:opacity .3s,transform .3s}nexos-menu div[kind=content-wrap][state=visible]{opacity:1;transform:scale(1)}nexos-menu div[kind=status]{position:absolute;top:3rem;right:3rem;text-align:right;pointer-events:none;z-index:10}nexos-menu div[kind=status] p[kind=label]{font-size:.65rem;color:#ffffff4d;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.25rem}nexos-menu div[kind=status] p[kind=value]{font-size:.875rem;color:var(--violet);letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}nexos-menu div[kind=status] span[kind=pulse]{width:6px;height:6px;background:var(--violet);border-radius:50%;animation:pulse 2s ease-in-out infinite}nexos-menu p[kind=version]{position:absolute;bottom:3rem;left:3rem;pointer-events:none;z-index:10;font-size:.65rem;color:#fff3;letter-spacing:.3em;text-transform:uppercase}nexos-menu div[kind=placeholder]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 3rem 3rem;opacity:0;transition:opacity .3s}nexos-menu div[kind=placeholder][state=visible]{opacity:1}nexos-menu div[kind=placeholder] h2{font-size:2rem;font-weight:300;color:#fff;letter-spacing:.2em;text-transform:uppercase;margin-bottom:1rem}nexos-menu div[kind=placeholder] p{color:#8b5cf699;letter-spacing:.2em;text-transform:uppercase;font-size:.875rem}
