.navbar[data-v-63f3f6e8]{align-items:center;border:1px solid transparent;box-sizing:border-box;display:flex;height:62px;justify-content:space-between;left:0;padding:0 6%;position:fixed;top:0;width:100%;z-index:200}.navbar.bg[data-v-63f3f6e8]{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(0,0,0,.7);border:1px solid hsla(0,0%,100%,.08)}.navbar.showSection[data-v-63f3f6e8]{background:#000}.navbar .left[data-v-63f3f6e8],.navbar .logo-wrapper[data-v-63f3f6e8]{align-items:center;display:flex}.navbar .logo-wrapper[data-v-63f3f6e8]{flex-direction:row;justify-content:center}.navbar .logo-wrapper .logo-link[data-v-63f3f6e8]{cursor:pointer;font-size:0}.navbar .logo-wrapper .logo[data-v-63f3f6e8]{background-image:url(./wps-logo.6d72060f.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;cursor:pointer;display:inline-block;height:27px;width:99px}.navbar .menu-list[data-v-63f3f6e8]{color:#fffc;display:flex;font-size:16px;font-weight:500}.navbar .menu-list .nav-flat-link[data-v-63f3f6e8]{border-radius:8px;color:#fff;font-size:14px;font-weight:500;line-height:22px;margin-left:32px;padding:8px 12px;text-decoration:none;transition:background .15s;white-space:nowrap}.navbar .menu-list .nav-flat-link[data-v-63f3f6e8]:hover{background:hsla(0,0%,96%,.1)}.navbar .menu-list .nav-item-wrapper[data-v-63f3f6e8]{margin-left:32px;position:relative}.navbar .menu-list .nav-item-wrapper .nav-item[data-v-63f3f6e8]{align-items:center;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:4px;justify-content:center;min-width:115px;padding:8px}.navbar .menu-list .nav-item-wrapper .nav-item .title[data-v-63f3f6e8]{color:#fff;font-size:14px;font-style:normal;font-weight:500;line-height:22px}.navbar .menu-list .nav-item-wrapper .nav-item .icon[data-v-63f3f6e8]{height:16px;width:16px}.navbar .menu-list .nav-item-wrapper.active .nav-item[data-v-63f3f6e8]{background-color:#f5f5f51a}.navbar .menu-list .nav-item-wrapper.active .nav-item .icon[data-v-63f3f6e8]{transform:rotate(180deg)}.navbar .menu-list .nav-item-wrapper .section[data-v-63f3f6e8]{background-color:#000;box-shadow:0 24px 32px #0000001f;box-sizing:border-box;left:0;position:fixed;top:49px;width:100vw;z-index:200}.navbar .menu-list .nav-item-wrapper .section.bg[data-v-63f3f6e8]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.navbar .right[data-v-63f3f6e8]{align-items:center;display:flex}.navbar .try-btn[data-v-63f3f6e8]{border-radius:8px;font-family:Inter;font-size:14px;font-weight:600;height:38px;line-height:22px;margin-right:16px;padding:8px 16px}.navbar .sign-in[data-v-63f3f6e8]{cursor:pointer}.navbar .sign-in .sign-in-btn[data-v-63f3f6e8]{border:1px solid #c7c7c7;border-radius:8px;color:#fff;font-family:Inter;font-size:14px;font-weight:600;line-height:22px;padding:6px 16px;text-align:right}.navbar .sign-in .user-avatar[data-v-63f3f6e8]{border-radius:50%;height:34px;width:34px}@media screen and (max-width:992px){.pc[data-v-63f3f6e8]{display:none}.navbar[data-v-63f3f6e8]{justify-content:space-between}.navbar .center[data-v-63f3f6e8],.navbar .left[data-v-63f3f6e8],.navbar .right[data-v-63f3f6e8]{flex:1}.navbar .right[data-v-63f3f6e8]{justify-content:flex-end}.navbar .menu-list[data-v-63f3f6e8]{color:#fff;display:flex;font-size:12px;font-weight:400;margin-left:0}.navbar .sign-in .sign-in-btn[data-v-63f3f6e8]{font-size:14px}.navbar .sign-in .user-avatar[data-v-63f3f6e8]{height:24px;width:24px}}@media screen and (min-width:485px) and (max-width:992px){.navbar[data-v-63f3f6e8]{padding:0 3%}}@media screen and (max-width:485px){.navbar[data-v-63f3f6e8]{height:62px;padding:0 16px}.navbar .logo-wrapper .logo[data-v-63f3f6e8]{height:24px;width:96px}.navbar .nav-groups span[data-v-63f3f6e8]{margin-right:12px}}