.navbar{--nav-txt: #111;--nav-mut: #6b665e;--nav-metal: linear-gradient(115deg, #fbfaf7 0%, #d8d4cc 14%, #a19c93 26%, #f2efe9 38%, #c6c1b8 50%, #fff 60%, #ada89f 72%, #e7e3dc 84%, #cdc8c0 100%);position:fixed;top:0;left:0;right:0;z-index:6;padding:14px 16px 6px;background:linear-gradient(#f3f1eceb,#f3f1ec8c 70%,#f3f1ec00)}.navbar-bar{position:relative;display:flex;align-items:center;gap:16px;max-width:1240px;height:58px;margin:0 auto;padding:0 10px 0 12px;border:1px solid rgba(17,17,17,.32);border-radius:16px;background:#fffffdf0;-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);box-shadow:0 1px #1111110f,0 2px 4px #1111110f,0 14px 32px -10px #11111147;color:var(--nav-txt)}.navbar-bar:before{content:"";position:absolute;inset:0;padding:1px;border-radius:inherit;background:linear-gradient(135deg,#fff,#fff3 30%,#1111110a 60%,#11111129);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}.navbar .wordmark{flex-shrink:0;display:flex;align-items:center;height:58px;color:var(--nav-txt)}.navbar .wordmark-mark{width:32px;height:32px;opacity:1}.navbar-links{display:flex;align-items:center;gap:2px;margin-right:auto}.navbar-links a{display:block;padding:7px 12px;border-radius:8px;font:600 15px/20px Geist,sans-serif;letter-spacing:-.02em;color:var(--nav-mut);transition:.15s}.navbar-links a:hover{color:var(--nav-txt)}.navbar-links a[aria-current]{color:#f3f1ec;background:#111}.navbar-end{display:flex;align-items:center;gap:12px}.navbar .navbar-cta,.navbar .navbar-end .wallet-trigger{display:flex;align-items:center;justify-content:center;gap:8px;min-height:0;height:34.75px;margin:0;padding:7px 14px;border-radius:8px;font:600 14px/20px Geist,sans-serif;letter-spacing:-.015em;transition:.15s}.navbar .navbar-end .wallet-trigger{border:1px solid rgba(17,17,17,.4);background:transparent;color:var(--nav-txt)}.navbar .navbar-end .wallet-trigger:hover{border-color:#111;background:#1111110d;color:var(--nav-txt)}.navbar .navbar-cta{border:1px solid rgba(17,17,17,.18);background-color:#e3dfd8;background-image:var(--nav-metal);background-size:210% 210%;background-position:28% 22%;color:#111;text-shadow:0 1px 0 rgba(255,255,255,.5);box-shadow:inset 0 0 0 1px #ffffffd9,0 2px #1111111f,0 3px 8px #1111111f;animation:metal-flow 7s ease-in-out infinite alternate}.navbar .navbar-cta:hover{color:#111;filter:brightness(1.05)}.navbar .navbar-cta:active{transform:translateY(1px);box-shadow:inset 0 0 0 1px #ffffffd9,0 1px #1111111f}@keyframes metal-flow{0%{background-position:28% 22%}to{background-position:86% 64%}}@media(prefers-reduced-motion:reduce){.navbar .navbar-cta{animation:none}.navbar-links a,.navbar .navbar-cta,.navbar .navbar-end .wallet-trigger{transition:none}}.menu-toggle{display:none;height:44px;width:44px;flex-direction:column;justify-content:center;gap:7px;padding:9px;position:relative;z-index:7;color:var(--nav-txt)}.menu-toggle span{height:1.5px;width:24px;background:currentColor;transition:transform .3s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}@media(max-width:700px){.navbar{padding:10px 10px 6px}.navbar-bar{gap:8px;padding:0 6px 0 10px}.navbar-links{display:none}.navbar-end{margin-left:auto;gap:6px}.menu-toggle{display:flex}}html:not(.xerox-hero) .navbar:not(.navbar-solid){--nav-txt: #f1f5f9;--nav-mut: #94a3b8;--nav-metal: linear-gradient(115deg, #f7f9fb 0%, #c9d1da 14%, #8e98a6 26%, #eef2f6 38%, #b7c0cb 50%, #fff 60%, #a4aebb 72%, #e3e8ee 84%, #c3ccd6 100%);background:linear-gradient(#1c1916eb,#1c19168c 70%,#1c191600)}html:not(.xerox-hero) .navbar:not(.navbar-solid) .navbar-bar{border-color:#17202a;background:#111112d1;box-shadow:none}.wordmark-text{display:none}html.xerox-hero .navbar{padding:0;background:transparent;border-bottom:1px solid transparent;transition:background-color .2s,border-color .2s}html.xerox-hero .navbar[data-scrolled=true]{background:#3a1238db;border-color:#f6efff21;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}html.xerox-hero .navbar .navbar-bar{width:min(1180px,100% - 40px);max-width:none;height:76px;padding:0;gap:24px;justify-content:space-between;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;color:#f6efff;font-family:Geist,sans-serif}html.xerox-hero .navbar .navbar-bar:before{display:none}html.xerox-hero .navbar .wordmark-mark{display:block;width:30px;height:30px;margin-right:9px;image-rendering:auto}html.xerox-hero .navbar .wordmark-text{display:block;font:600 19px/1.5 Geist,sans-serif;letter-spacing:-.03em;color:#f6efff}html.xerox-hero .navbar .wordmark{height:auto}html.xerox-hero .navbar .navbar-bar{position:relative}@media(min-width:901px){html.xerox-hero .navbar .navbar-links{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}html.xerox-hero .navbar .navbar-links{margin:0;height:42px;padding:0 24px;gap:26px;border:1px solid rgba(246,239,255,.28);border-radius:999px;background:#3a123873}html.xerox-hero .navbar .navbar-links a,html.xerox-hero .navbar .navbar-links a[aria-current]{padding:0;border-radius:0;background:none;font:400 14px/21px Geist,sans-serif;letter-spacing:normal;color:#c8bcd8}html.xerox-hero .navbar .navbar-links a:hover{color:#f6efff}html.xerox-hero .navbar .navbar-end{gap:20px}html.xerox-hero .navbar .navbar-cta{height:auto;padding:0;border:0;background:none;box-shadow:none;text-shadow:none;animation:none;font:400 14px/21px Geist,sans-serif;letter-spacing:normal;color:#cf0}html.xerox-hero .navbar .navbar-cta:hover{color:#fff;filter:none}html.xerox-hero .navbar .menu-toggle{color:#f6efff}@media(max-width:1023px){html.xerox-hero .navbar .navbar-links{display:none}html.xerox-hero .navbar .menu-toggle{display:flex}}html.xerox-hero .navbar .navbar-end .wallet-trigger{height:auto;padding:0;border:0;background:none;font:400 14px/21px Geist,sans-serif;color:#c8bcd8}html.xerox-hero .navbar .navbar-end .wallet-trigger:hover{background:none;color:#f6efff}html.xerox-hero .navbar .navbar-links a[aria-current]{color:#f6efff}
