.bubble-nav-shell{bottom:var(--bubble-nav-bottom,2rem);z-index:400;flex-direction:column;align-items:center;gap:.6rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}.bubble-nav{-webkit-backdrop-filter:blur(18px);cursor:pointer;background:#0c1017b8;border:1px solid #ffffff24;border-radius:9999px;order:1;justify-content:center;align-items:center;gap:0;width:7rem;max-width:calc(100vw - 2rem);height:3rem;transition:width .4s cubic-bezier(.22,1,.36,1),box-shadow .25s;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0ea5e92e,0 8px 32px #00000073,inset 0 1px #ffffff12}@media (hover:hover){.bubble-nav-shell:hover .bubble-nav{width:34rem;box-shadow:0 0 0 1px #0ea5e966,0 8px 40px #0ea5e926,inset 0 1px #ffffff1a}}.bubble-nav-shell:focus-within .bubble-nav,.bubble-nav-shell.is-open .bubble-nav{width:34rem;box-shadow:0 0 0 1px #0ea5e966,0 8px 40px #0ea5e926,inset 0 1px #ffffff1a}.bubble-nav__label{white-space:nowrap;font-family:var(--font-display),sans-serif;letter-spacing:.28em;color:#fff;text-transform:uppercase;opacity:1;font-size:.72rem;font-weight:800;transition:opacity .18s;animation:3.2s step-end infinite bnGlitchRgb;position:absolute;left:50%;transform:translate(-50%)}@media (hover:hover){.bubble-nav-shell:hover .bubble-nav__label{opacity:0;pointer-events:none}}.bubble-nav-shell:focus-within .bubble-nav__label,.bubble-nav-shell.is-open .bubble-nav__label{opacity:0;pointer-events:none}.bubble-nav__links{opacity:0;pointer-events:none;white-space:nowrap;align-items:center;gap:0;transition:opacity .22s .15s;display:flex}@media (hover:hover){.bubble-nav-shell:hover .bubble-nav__links{opacity:1;pointer-events:auto}}.bubble-nav-shell:focus-within .bubble-nav__links,.bubble-nav-shell.is-open .bubble-nav__links{opacity:1;pointer-events:auto}.bubble-nav__top{-webkit-backdrop-filter:blur(18px);color:#ffffffbf;opacity:0;pointer-events:none;cursor:pointer;background:#0c1017b8;border:1px solid #ffffff24;border-radius:9999px;order:-1;place-items:center;width:1.9rem;height:1.9rem;padding:0;transition:opacity .22s,transform .22s,color .15s,border-color .15s;display:grid;transform:translateY(.35rem)}@media (hover:hover){.bubble-nav-shell:hover .bubble-nav__top{opacity:1;pointer-events:auto;transition-delay:.15s;transform:translateY(0)}}.bubble-nav-shell:focus-within .bubble-nav__top,.bubble-nav-shell.is-open .bubble-nav__top{opacity:1;pointer-events:auto;transition-delay:.15s;transform:translateY(0)}.bubble-nav__top:hover,.bubble-nav__top:focus-visible{color:#fff;border-color:#0ea5e980}.bubble-nav__top:focus-visible{outline-offset:2px;outline:2px solid #0ea5e9b3}.bubble-nav__link{font-family:var(--font-display),sans-serif;letter-spacing:.18em;color:#fffc;text-transform:uppercase;isolation:isolate;padding:0 .85rem;font-size:.7rem;font-weight:700;text-decoration:none;transition:color .15s;position:relative}.bubble-nav__link:before,.bubble-nav__link:after{content:attr(data-text);font:inherit;letter-spacing:inherit;text-transform:inherit;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:0 .85rem;display:flex;position:absolute;inset:0}.bubble-nav__link:hover{color:#fff}.bubble-nav__link:hover:before{opacity:.7;color:#ff3c64cc;animation:.55s step-end infinite bnLinkGlitchR}.bubble-nav__link:hover:after{opacity:.7;color:#00dcffcc;animation:.55s step-end infinite bnLinkGlitchB}.bubble-nav__divider{background:#ffffff26;flex-shrink:0;width:1px;height:1rem}@media (max-width:30rem){.bubble-nav__link{letter-spacing:.1em;padding:0 .5rem;font-size:.6rem}.bubble-nav__link:before,.bubble-nav__link:after{padding:0 .5rem}}@keyframes bnGlitchRgb{0%,85%,to{filter:none;text-shadow:none}86%{filter:drop-shadow(2px 0 #ff005099)drop-shadow(-2px 0 #00dcff80)}88%{filter:none}90%{filter:drop-shadow(-3px 0 #ff005080)drop-shadow(3px 0 #00dcff66);transform:translate(-50%)translate(-1px)}92%{filter:none;transform:translate(-50%)}}@keyframes bnLinkGlitchR{0%,60%,to{clip-path:none;transform:translate(0)}20%{clip-path:inset(10% 0 60%);transform:translate(3px,-1px)}40%{clip-path:inset(55% 0 15%);transform:translate(-2px,1px)}80%{clip-path:inset(30% 0);transform:translate(2px)}}@keyframes bnLinkGlitchB{0%,60%,to{clip-path:none;transform:translate(0)}20%{clip-path:inset(55% 0 10%);transform:translate(-3px,1px)}40%{clip-path:inset(15% 0 55%);transform:translate(2px,-1px)}80%{clip-path:inset(30% 0);transform:translate(-2px)}}body[data-dialog-open] .bubble-nav-shell{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,visibility 0s linear .18s}
