.vd-navigation{z-index:90;height:0;position:sticky;top:0}.vd-navigation .nb{width:min(1280px,100%);height:84px;transition:width 1s var(--ease), height 1s var(--ease), top 1s var(--ease), padding 1s var(--ease), border-radius 1s var(--ease), background-color 1s var(--ease), border-color 1s var(--ease), box-shadow 1s var(--ease);background:#0a0a0a00;border:1px solid #0000;border-radius:0;align-items:center;gap:18px;padding:0 clamp(20px,4vw,48px);display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.vd-navigation .nb-logo{flex-shrink:0;align-items:center;gap:10px;display:flex}.vd-navigation .nb-logo img{width:auto;height:25px;transition:height 1s var(--ease)}.vd-navigation .nb-logo .wm{transition:font-size 1s var(--ease);font-size:24px}.vd-navigation .nb-links{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background-color 1s var(--ease), border-color 1s var(--ease);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;gap:2px;margin:0 auto;padding:5px;display:flex;position:relative}.vd-navigation .nb-links a{z-index:1;color:#a6a6a6;height:38px;transition:color .7s var(--ease);border-radius:999px;align-items:center;padding:0 18px;font-size:14.5px;font-weight:500;display:flex;position:relative}.vd-navigation .nb-links a:hover,.vd-navigation .nb-links a.hov{color:#fff}.vd-navigation .nb-ind{z-index:0;height:38px;width:var(--w,80px);transform:translateX(var(--x,5px));opacity:0;transition:transform .7s var(--spring), width .7s var(--spring), opacity .6s var(--ease);background:#ffffff1a;border-radius:999px;position:absolute;top:5px;left:0;box-shadow:inset 0 1px #ffffff1f}.vd-navigation .nb-links:hover .nb-ind{opacity:1}.vd-navigation .nb-r{flex-shrink:0;align-items:center;gap:6px;display:flex}.vd-navigation .nb-sign{color:#d6d6d6;white-space:nowrap;height:42px;transition:background-color .8s var(--ease), color .8s var(--ease), max-width 1s var(--ease), padding 1s var(--ease), opacity .8s var(--ease);border-radius:999px;align-items:center;max-width:120px;padding:0 16px;font-size:14.5px;font-weight:600;display:flex;overflow:hidden}.vd-navigation .nb-sign:hover{color:#fff;background:#ffffff14}.vd-navigation .nb-cta{height:44px}.vd-navigation .nb-menu{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;flex-shrink:0;width:44px;height:44px;display:none;position:relative}.vd-navigation .nb-menu i{height:1.6px;transition:transform .7s var(--spring), top .7s var(--spring);background:#fff;border-radius:2px;position:absolute;left:14px;right:14px}.vd-navigation .nb-menu i:first-child{top:17px}.vd-navigation .nb-menu i:last-child{top:25px}.vd-navigation.open .nb-menu i:first-child{top:21px;transform:rotate(45deg)}.vd-navigation.open .nb-menu i:last-child{top:21px;transform:rotate(-45deg)}.vd-navigation.pill .nb{-webkit-backdrop-filter:blur(24px)saturate(170%);backdrop-filter:blur(24px)saturate(170%);background-color:#0e0e0e94;border-color:#ffffff1a;border-radius:999px;width:min(820px,100% - 24px);height:62px;padding:0 8px 0 20px;top:14px;box-shadow:inset 0 1px #ffffff14,0 24px 60px #00000080}.vd-navigation.pill .nb-logo img{height:21px}.vd-navigation.pill .nb-logo .wm{font-size:20px}.vd-navigation.pill .nb-links{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#fff0;border-color:#fff0}.vd-navigation.pill .nb-links a{padding:0 14px}.vd-navigation.pill .nb-sign{opacity:0;max-width:0;padding:0}.vd-navigation.pill .nb-cta{height:46px}.vd-navigation .mnav{z-index:-1;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);clip-path:circle(0 at calc(100% - 44px) 42px);visibility:hidden;transition:clip-path .9s var(--ease), visibility 0s .9s;background:#060606e6;flex-direction:column;justify-content:space-between;padding:110px 24px 32px;display:flex;position:fixed;inset:0}.vd-navigation.open .mnav{clip-path:circle(150% at calc(100% - 44px) 42px);visibility:visible;transition:clip-path .9s var(--ease), visibility 0s 0s}.vd-navigation .mnav nav{flex-direction:column;display:flex}.vd-navigation .mn-a{letter-spacing:-.03em;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 0;font-size:34px;font-weight:600;display:flex}.vd-navigation .mn-a svg{color:#777}.vd-navigation .mn-f{flex-wrap:wrap;gap:10px;display:flex}@media (max-width:900px){.vd-navigation .nb-links{display:none}.vd-navigation .nb-r{margin-left:auto}}@media (max-width:760px){.vd-navigation .nb{height:70px}.vd-navigation .nb-sign{display:none}.vd-navigation .nb-menu{display:block}.vd-navigation .nb-cta{height:40px;padding:0 14px;font-size:14px}.vd-navigation .nb-cta svg{display:none}.vd-navigation.pill .nb{width:calc(100% - 20px);height:58px;padding:0 7px 0 16px;top:10px}.vd-navigation.pill .nb-cta{height:42px}.vd-navigation .nb-logo .wm{font-size:21px}.vd-navigation .nb-logo img{height:22px}}.vd-navigation{--ease:cubic-bezier(.22,1,.36,1);--spring:cubic-bezier(.22,1,.36,1);color:#fff;font-family:Instrument Sans,sans-serif}.vd-navigation:not(.is-home){z-index:150;background:#0d0d0d;height:84px}.vd-navigation .nb-logo .wm{letter-spacing:-.035em;font-family:Outfit,sans-serif;font-weight:800;line-height:1;transform:translateY(-2px)}.vd-navigation .nb-cta,.vd-navigation .mn-f .b{color:#111;white-space:nowrap;background:linear-gradient(#fff,#e8e8e8);border:1px solid #ffffff30;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:14px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #fff,0 2px 8px #0002}.vd-navigation .nb-r .nb-cta:is(:hover,:focus-visible,:active),.vd-navigation .mn-f .b-p:is(:hover,:focus-visible,:active){color:#111;filter:none;transform:none;box-shadow:inset 0 1px #fff,0 4px 24px #ffffff16}.vd-navigation .nb-cta{transition:box-shadow .22s!important}.vd-navigation .nb-cta-compact{display:none}.vd-navigation .nb-r .nb-cta,.vd-navigation .nb-r .nb-cta:is(:hover,:focus-visible,:active){color:#111;-webkit-text-fill-color:#111;isolation:isolate;background-color:#fff;background-image:linear-gradient(#fff,#e8e8e8)}@media (max-width:760px){.vd-navigation .nb{gap:12px}.vd-navigation .nb-logo{min-width:0}.vd-navigation .nb-r{gap:8px}}@media (min-width:361px) and (max-width:420px){.vd-navigation.nav6 .nb-logo .wm,.vd-navigation.nav6.pill .nb-logo .wm{font-size:18px}.vd-navigation .nb-r .nb-cta{padding-inline:12px;font-size:12px}}@media (max-width:360px){.vd-navigation .nb-cta-full{display:none}.vd-navigation .nb-cta-compact{display:inline}}.vd-navigation .mn-f .b-g:hover{color:#fff;filter:none}.vd-navigation .mn-f .b{min-height:46px}.vd-navigation .mn-f .b-g{color:#fff;background:#ffffff09}.vd-navigation .nb-menu{color:#fff}.vd-navigation .nb-links:focus-within .nb-ind{opacity:1}.vd-navigation .nb-r{gap:10px}.vd-navigation .member-avatar{border-radius:50%;width:36px;height:36px;font-size:13px}.vd-navigation.open .mn-a,.vd-navigation.open .mn-f{animation:vd-nav-enter .65s var(--ease) both}.vd-navigation.open .mn-a:nth-child(2){animation-delay:60ms}.vd-navigation.open .mn-a:nth-child(3){animation-delay:.12s}.vd-navigation.open .mn-a:nth-child(4){animation-delay:.18s}@keyframes vd-nav-enter{0%{opacity:0;filter:blur(6px);transform:translateY(24px)}to{opacity:1;filter:blur();transform:none}}.explore-live>.vd-navigation{margin-inline:calc(-1*max(24px,50vw - 720px))}@media (max-width:900px){.vd-navigation .nb-menu{display:block}}@media (max-width:760px){.vd-navigation:not(.is-home){height:70px}.vd-navigation .nb-cta{height:40px;padding:0 14px}.vd-navigation .nb-r:has(.mobile-identity) .nb-cta{display:none}.explore-live>.vd-navigation{margin-inline:-16px}}@media (prefers-reduced-motion:reduce){.vd-navigation *{transition:none!important;animation:none!important}}.app-root.has-public-nav{padding-top:0}
