.affine-logo svg{display:block;height:1em;width:1em}.scroll-link{cursor:pointer}.community-navbar .nav-sub-item{border-radius:4px;padding:6px 12px;transition:218ms}@media (min-width:0px) and (max-width:47.9375rem){.community-navbar .nav-sub-item:last-child{margin-bottom:8px}}.community-navbar .nav-sub-item .item-desc,.community-navbar .nav-sub-item .item-name{font-size:clamp(.875rem,.875rem + 0vw,.875rem);font-weight:500;line-height:1.5}.community-navbar .nav-sub-item .item-name{letter-spacing:-.014285714285714em}.community-navbar .nav-sub-item .item-desc{color:var(--Black-Tertiary,#8e8d91);font-weight:400;line-height:22px}.community-navbar .nav-sub-item .nuxt-icon{color:#76747b99;font-size:clamp(1.25rem,1.25rem + 0vw,1.25rem);transition:218ms}.community-navbar .nav-sub-item:hover{background:var(--black-04,rgba(0,0,0,.04))}.community-navbar .item-discord:hover .nuxt-icon{color:#5865f2}.community-navbar .item-twitter-x:hover .nuxt-icon{color:#000}.community-navbar .item-telegram:hover .nuxt-icon{color:#2aabee}.community-navbar .item-community .nuxt-icon{transform:scale(1.1) translateY(1px)}.community-navbar .item-community:hover .nuxt-icon{color:var(--brand)}.get-start-link{display:block}@media (min-width:0px) and (max-width:47.9375rem){.get-start-link{display:none}}.get-start-link .login-button{height:30px;padding:5px 16px}.explore-on-desktop{background:var(--Black-Tertiary,#8e8d91);border-radius:34px;color:var(--Black-Quinary,#f4f4f5);display:none;font-size:16px;font-weight:500;letter-spacing:-.32px;margin-top:36px;padding:12px 52px;text-align:center}@media (min-width:0px) and (max-width:47.9375rem){.explore-on-desktop{display:block}}.el-popover{--el-popover-bg-color:var(--el-bg-color-overlay);--el-popover-font-size:var(--el-font-size-base);--el-popover-border-color:var(--el-border-color-lighter);--el-popover-padding:12px;--el-popover-padding-large:18px 20px;--el-popover-title-font-size:16px;--el-popover-title-text-color:var(--el-text-color-primary);--el-popover-border-radius:4px}.el-popover.el-popper{background:var(--el-popover-bg-color);border:1px solid var(--el-popover-border-color);border-radius:var(--el-popover-border-radius);box-shadow:var(--el-box-shadow-light);box-sizing:border-box;color:var(--el-text-color-regular);font-size:var(--el-popover-font-size);line-height:1.4;min-width:150px;padding:var(--el-popover-padding);text-align:justify;word-break:break-all;z-index:var(--el-index-popper)}.el-popover.el-popper--plain{padding:var(--el-popover-padding-large)}.el-popover__title{color:var(--el-popover-title-text-color);font-size:var(--el-popover-title-font-size);line-height:1;margin-bottom:12px}.el-popover__reference:focus:hover,.el-popover__reference:focus:not(.focusing){outline-width:0}.el-popover.el-popper.is-dark{--el-popover-bg-color:var(--el-text-color-primary);--el-popover-border-color:var(--el-text-color-primary);--el-popover-title-text-color:var(--el-bg-color);color:var(--el-bg-color)}.el-popover.el-popper:focus,.el-popover.el-popper:focus:active{outline-width:0}.header-navbar{--navbar-height:72px;--navbar-border-color:var(--primary-gray);--navbar-bg-color:hsla(0,0%,100%,.7);--navbar-active-bg-color:#e7e7e7;--github-border-color:#a4a4a4;--affix-progress:0;margin:0 auto;position:relative}.header-navbar.has-scroll .navbar-fixed{border-bottom:.5px solid rgba(0,0,0,.1)}.header-navbar .logo-handler{height:32px;margin-right:20px;position:relative;width:32px}.header-navbar .navbar-logo{color:var(--logo-color);font-size:32px;left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0)}.header-navbar .navbar-logo.lottie-logo{transform:translate3d(-50%,-50%,0)}.header-navbar .github-button:hover{opacity:.8}.header-navbar .navbar-placeholder{height:var(--navbar-height);pointer-events:none}.header-navbar .navbar-fixed{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(60,7%,97%,.9);border-bottom:.5px solid transparent;left:0;position:fixed;top:0;transition:background 318ms;width:100%;z-index:235}.header-navbar .navbar-fixed .limit-container{padding:20px 32px}.header-navbar .navbar-fixed .el-dropdown,.header-navbar .navbar-fixed .nav-item>.nav-handler,.header-navbar .navbar-fixed .nav-item>a{border-radius:4px;color:#000;display:flex;letter-spacing:-.28px;padding:8px 12px;transition:318ms}.header-navbar .navbar-fixed .el-dropdown.handler-row,.header-navbar .navbar-fixed .nav-item>.nav-handler.handler-row,.header-navbar .navbar-fixed .nav-item>a.handler-row{cursor:pointer;display:flex}.header-navbar .navbar-fixed .el-dropdown.handler-row .arrow-icon,.header-navbar .navbar-fixed .nav-item>.nav-handler.handler-row .arrow-icon,.header-navbar .navbar-fixed .nav-item>a.handler-row .arrow-icon{transform:rotate(90deg);transition:.16s var(--ease-out-quad)}.header-navbar .navbar-fixed .el-dropdown.is-active,.header-navbar .navbar-fixed .el-dropdown:hover,.header-navbar .navbar-fixed .nav-item>.nav-handler.is-active,.header-navbar .navbar-fixed .nav-item>.nav-handler:hover,.header-navbar .navbar-fixed .nav-item>a.is-active,.header-navbar .navbar-fixed .nav-item>a:hover{background:rgba(0,0,0,.04);color:#000}.header-navbar .navbar-fixed .el-dropdown.is-open,.header-navbar .navbar-fixed .nav-item>.nav-handler.is-open,.header-navbar .navbar-fixed .nav-item>a.is-open{background:rgba(0,0,0,.04)}.header-navbar .navbar-fixed .el-dropdown.is-open .arrow-icon,.header-navbar .navbar-fixed .nav-item>.nav-handler.is-open .arrow-icon,.header-navbar .navbar-fixed .nav-item>a.is-open .arrow-icon{transform:rotate(-90deg)}.header-navbar .navbar-fixed .right-part{overflow:hidden;padding-right:8px;transition-duration:.4s}.header-navbar .navbar-fixed .right-part .flex{opacity:calc(var(--affix-progress));padding-left:8px;transition-duration:.4s}.header-navbar .navbar-fixed .right-part .flex>*{flex-shrink:0}.header-navbar .navbar-fixed .try-button{font-size:15px;font-weight:800;height:34px}.header-navbar .navbar-fixed .try-button:hover{border-width:0!important}.header-navbar .navbar-fixed .menu-list{position:relative}.header-navbar .navbar-fixed .menu-list>span{display:none}.header-navbar .navbar-fixed .menu-list .active-tab{background:hsla(0,0%,100%,.1);border-radius:12px;height:24px;pointer-events:none;position:absolute;top:0}.header-navbar .navbar-fixed .menu-list .nav-item{font-size:14px;font-weight:500;line-height:20px;white-space:nowrap}html.dark .header-navbar{--github-border-color:#a4a4a4;--navbar-border-color:#717171;--navbar-bg-color:rgba(0,0,0,.7);--navbar-active-bg-color:#383838}.lang-switcher-dropdown{font-weight:800;margin-top:12px;width:120px}.lang-switcher-dropdown .el-dropdown-menu__item{font-size:16px;height:40px}.lang-switcher-dropdown .el-dropdown-menu__item:hover{background-color:var(--el-color-primary-light-9)}.lang-switcher-dropdown .el-popper__arrow{display:none}.el-popover.el-popper.logo-phonetic-popper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border-radius:4px;min-width:140px;padding:4px 12px;text-align:center}.el-popover.el-popper.logo-phonetic-popper .phonetic-mark{color:#f4f4f5;font-size:12px;font-weight:600;letter-spacing:.1em;line-height:20px;text-transform:uppercase;white-space:pre}.el-popover.el-popper.community-popper{background:var(--White-Background,#f8f8f7);border:1px solid var(--black-08,rgba(0,0,0,.08));border-radius:8px;box-shadow:0 5px 25px #0000001a;padding:16px 12px}.el-popover.el-popper.community-popper .inner-page-navbar .nav-item{margin-bottom:2px;width:100%}.el-popover.el-popper.community-popper .scroll-link,.el-popover.el-popper.community-popper .static-link{border-radius:4px;color:#000;display:flex;font-weight:500;letter-spacing:-.28px;padding:8px 12px;transition:318ms}.el-popover.el-popper.community-popper .scroll-link.is-active,.el-popover.el-popper.community-popper .scroll-link:hover{background:rgba(0,0,0,.04);color:#000}.header-navbar-mobile .navbar-placeholder{height:var(--navbar-height)}.header-navbar-mobile .community-navbar{margin:0 -12px}.header-navbar-mobile .community-item .arrow-icon{transition:218ms}.header-navbar-mobile .community-item .nav-item{border:none!important}.header-navbar-mobile .community-item.is-open-community .arrow-icon{transform:rotate(90deg)}.header-navbar-mobile .handler-row{display:flex!important}.header-navbar-mobile .navbar-fixed{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:hsla(60,7%,97%,.9);border-bottom:.5px solid transparent;position:fixed;top:0;width:100%;z-index:234}.header-navbar-mobile .navbar-fixed .fixed-row{height:var(--navbar-height);padding:0 32px}@media (max-width:480px){.header-navbar-mobile .navbar-fixed .fixed-row{padding:0 20px}}.header-navbar-mobile .navbar-fixed .try-link{font-size:14px}.header-navbar-mobile .navbar-fixed .navbar-logo{color:var(--logo-color);font-size:32px}.header-navbar-mobile .navbar-fixed .icon-menu{color:var(--primary-deep);font-size:24px}.header-navbar-mobile .navbar-fixed.has-scrolled{border-bottom-color:#0000001a}.header-navbar-mobile .navbar-fixed .collapsed-menu{--h:calc(100dvh - var(--navbar-height));height:var(--h);overflow-y:scroll;transition:max-height .3s ease-in-out}.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list{height:100%;padding:0 32px}.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list .nav-item{border-bottom:.5px solid rgba(0,0,0,.1);color:var(--primary-deep);font-size:14px;font-weight:500;letter-spacing:-.28px;line-height:20px}.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list .nav-item .nav-handler,.header-navbar-mobile .navbar-fixed .collapsed-menu .menu-list .nav-item>a{display:flex;padding:12px 0}.header-navbar-mobile .navbar-fixed .collapsed-menu .lang-list{border-top:1px solid var(--divider-color);margin-top:-16px}.header-navbar-mobile .navbar-fixed .collapsed-menu .lang-list .nav-item{color:var(--primary)}.site-header{position:relative;z-index:234}.site-header .header-navbar-mobile{display:none}@media (max-width:800px){.site-header .header-navbar{display:none}.site-header .header-navbar-mobile{display:block}}.site-header .new-label{background:linear-gradient(180deg,#56b9ff,#23a4ff 37.88%,#1e96eb 75%);border-radius:2px;box-shadow:4px 6px 3px #45474905,2px 4px 3px #45474914,1px 2px 2px #45474921,0 0 1px #45474926;color:#fff;font-size:10px;font-weight:600;letter-spacing:-.01em;line-height:12px;padding:2px 3px;text-align:center}.site-footer{--divider-color:#d7d7d7;--copyright-link-color:var(--primary);--logo-color:var(--brand);--list-name-color:var(--primary-deep);--list-item-color:#8e8d91;background:var(--bg);padding:clamp(3.75rem,3.286rem + 1.91vw,5rem) 0 clamp(3.75rem,3.518rem + .96vw,4.375rem);position:relative}@media (min-width:0px) and (max-width:47.9375rem){.site-footer{padding:36px 0}}.site-footer .gray-text{color:#8e8d91}.site-footer a:hover{opacity:.8}@media (max-width:1023px){.site-footer .nav-row{flex-direction:column}}.site-footer .fluid-row{max-width:1440px!important;padding:0 clamp(2rem,-20.769rem + 35.58vw,11.25rem)}@media (min-width:0px) and (max-width:47.9375rem){.site-footer .fluid-row{padding:0 20px}}.site-footer .nav-list-wrapper{-moz-column-gap:clamp(2rem,.421rem + 6.48vw,6.25rem);column-gap:clamp(2rem,.421rem + 6.48vw,6.25rem);flex-wrap:wrap}@media (max-width:1023px){.site-footer .nav-list-wrapper{-moz-column-gap:0;column-gap:0;row-gap:30px}.site-footer .nav-list-wrapper>*{flex:1 0 calc(50% - 48px);min-width:150px}}.site-footer .nav-list{font-size:14px;font-weight:500;line-height:17px}.site-footer .nav-list.need-underline .nav-item{text-decoration:underline}.site-footer .nav-list .list-name{color:var(--list-name-color);font-weight:500;letter-spacing:-.28px;line-height:20px;margin-bottom:10px}.site-footer .nav-list .nav-item{color:var(--list-item-color);line-height:1.428571428571429;margin-bottom:12px}.site-footer .sns-icons-row{-moz-column-gap:16px;column-gap:16px;flex-wrap:wrap;margin-bottom:12px;margin-top:32px;row-gap:12px}@media (min-width:1024px){.site-footer .sns-icons-row{max-width:110px}}@media (min-width:0px) and (max-width:47.9375rem){.site-footer .sns-icons-row{-moz-column-gap:20px;column-gap:20px}}.site-footer .sns-icons-row .sns-icon{color:#76747b99;font-size:24px}.site-footer .sns-icons-row .link-twitter .sns-icon{transform:scale(.95)}.site-footer .sns-icons-row .link-twitter:hover .sns-icon,.site-footer .sns-icons-row .link-github:hover .sns-icon{color:#000}.site-footer .sns-icons-row .link-telegram:hover .sns-icon{color:#2aabee}.site-footer .sns-icons-row .link-discord:hover .sns-icon{color:#5865f2}.site-footer .sns-icons-row .link-youtube:hover .sns-icon{color:red}.site-footer .sns-icons-row .link-reddit:hover .sns-icon{color:#ff4500}.site-footer .icon-logo{color:var(--logo-color);font-size:48px}.site-footer .copyright-row{font-size:14px;font-weight:400;line-height:normal;margin-top:32px}@media (min-width:0px) and (max-width:47.9375rem){.site-footer .copyright-row{margin-top:26px}}.site-footer .copyright-row .copy-text{letter-spacing:-.28px}.site-footer .copyright-row .info-slogan{font-weight:500}.site-footer .copyright-row .link-divider{background-color:var(--copyright-link-color);height:19px;margin:0 33px;width:2px}@media (min-width:0px) and (max-width:47.9375rem){.site-footer .copyright-row .link-divider{height:19px;width:1px}}.site-footer .copyright-row .links{color:var(--copyright-link-color);font-size:16px;font-style:italic;font-weight:400;line-height:19px}@media (min-width:0px) and (max-width:47.9375rem){.site-footer .copyright-row .links{font-size:11px;line-height:13px;margin-top:17px}}.site-footer .copyright-row .links a:hover{color:var(--primary)}@media (max-width:29.9rem){.site-footer .theme-switcher-part .nav-list{margin-top:95px;display:flex;justify-content:center}}.site-footer .theme-switcher-part .theme-switcher-placeholder{font-size:16px;font-weight:800}@media (max-width:29.9rem){.site-footer .theme-switcher-part .theme-switcher-placeholder{margin-top:32px}}.site-footer .footer-divider{height:1px;margin:0 auto;max-width:1512px;width:100%}html.dark .site-footer{--divider-color:#3d3d3d;--copyright-link-color:#a9a9a9;--logo-color:#fff;--list-name-color:#555;--list-item-color:var(--primary-gray)}.mobile-intercept-modal{background:transparent;text-align:center}.mobile-intercept-modal .info-icon{font-size:63px}.mobile-intercept-modal .info-title{font-size:14px;font-weight:800;line-height:32px}.mobile-intercept-modal .info-desc{font-size:16px;font-weight:500;line-height:19px;white-space:pre}.mobile-intercept-modal .action-button{align-items:center;background:linear-gradient(180deg,#0e55ee,#002a86);border-radius:44px;color:var(--primary-gray);display:inline-flex;font-size:15px;font-weight:800;gap:10px;line-height:18px;margin-top:30vh;padding:10px 51px;text-align:center;text-transform:uppercase;transition:368ms;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-intercept-modal .action-button:active{transform:translateY(2px)}.default-layout{min-height:500px}@media (min-width:0px) and (max-width:47.9375rem){.default-layout{overflow:hidden}}.default-layout .fluid-container{height:100%;min-height:500px}
