.nav-bar[data-v-f31cd049]{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:60px;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background var(--dur-fast);background:#ffffff9e;border-color:#ffffffe6;box-shadow:0 1px 2px #0f11170a,0 10px 30px -14px #0f11172e}.nav-bar.is-scrolled[data-v-f31cd049]{background:#ffffffd1;transform:translateY(-6px);box-shadow:0 1px 2px #0f11170f,0 16px 36px -14px #0f11174d}.navlink[data-v-f31cd049]{color:#3b3f4c;border-radius:999px;padding:8px 14px;font-size:15px;font-weight:500;transition:background .15s}.navlink[data-v-f31cd049]:hover{background:#0f11170d}.demo-btn[data-v-f31cd049]{transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast);background:#ffffffd9;border-color:#e3e5ec}.nav-bar.is-dark[data-v-f31cd049]{color:#edeef2;background:#14121a8c;border-color:#ffffff1a;box-shadow:0 10px 30px -14px #0009}.is-dark .navlink[data-v-f31cd049]{color:#c9ccd6}.is-dark .demo-btn[data-v-f31cd049],.is-dark .navlink[data-v-f31cd049]:hover{background:#ffffff14}.is-dark .demo-btn[data-v-f31cd049]{color:#fff;border-color:#ffffff29}