.guide header.nav-bar{top:var(--ribbon-height);z-index:20;box-sizing:border-box;background:var(--surface-1);border-bottom:1px solid var(--edge);flex-flow:row;justify-content:space-between;align-items:center;width:100%;padding:9px;display:flex;position:fixed;left:0}.guide header.nav-bar .action,.guide header.nav-bar .button,.guide header.nav-bar .button-link{margin:0}.guide header.nav-bar .stub-logo{vertical-align:middle}.guide header.nav-bar .action+.button-link{margin:0 0 0 9px}.guide header.nav-bar h1{flex-grow:1;margin:0 0 0 9px;font-size:1.0625rem;line-height:1.5rem}.guide header.nav-bar h1 a{color:var(--text-1)}.guide nav.nav-menu{top:calc(58px + var(--ribbon-height));z-index:15;box-sizing:border-box;background:var(--surface-1);width:100%;transition:left .1s linear;position:fixed;bottom:0;left:-100%;overflow:hidden auto}.guide nav.nav-menu .nav-menu__group{margin:24px}.guide nav.nav-menu .nav-menu__group h4{color:var(--text-3);margin:12px 0;font-size:.9375rem;font-weight:400;line-height:1.3125rem}.guide nav.nav-menu .nav-menu__group ul{margin:0;padding:0}.guide nav.nav-menu .nav-menu__group ul li{margin:2px 0;padding:0;font-size:.9375rem;line-height:1.3125rem;list-style:none}.guide nav.nav-menu .nav-menu__group ul li a{color:var(--text-1);border-radius:11px;padding:6px 9px;display:block}.guide nav.nav-menu .nav-menu__group ul li a:hover{background:var(--action-3)}.guide nav.nav-menu .nav-menu__group ul li a.router-link-active{background-color:var(--action-2-hover);font-weight:600;position:relative}.guide .guide-header{padding:36px 36px 24px}.guide .guide-header h1,.guide .guide-header h2,.guide .guide-header h3,.guide .guide-header p{margin:6px 0}.guide .guide-header svg.icon{fill:var(--text-1)}.guide main{padding-top:calc(58px + var(--ribbon-height));z-index:10;position:relative}.guide main .guide-content{box-sizing:border-box;max-width:720px;margin:0 auto;padding:0 12px}.guide main .guide-content .guide-content__pro{background-color:var(--overlay-hover);border-radius:15px;margin:18px 0;padding:12px;font-size:.875rem;line-height:1.125rem}.guide main .guide-content .guide-content__content h1,.guide main .guide-content .guide-content__content h2,.guide main .guide-content .guide-content__content h3,.guide main .guide-content .guide-content__content h4,.guide main .guide-content .guide-content__content h5,.guide main .guide-content .guide-content__content h6{scroll-margin-top:74px}.guide main .guide-content .guide-content__content ol,.guide main .guide-content .guide-content__content p,.guide main .guide-content .guide-content__content ul{color:var(--text-1)}.guide main .guide-content .guide-content__content blockquote{color:var(--text-2);border-left:5px solid var(--edge);margin:18px 0;padding-left:1em;font-style:italic}.guide main .guide-content .guide-content__content img{border:1px solid var(--edge);width:100%;height:auto;box-shadow:var(--shadow-1);border-radius:11px;margin:24px auto;display:block}.guide main .guide-content .content--footer{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge)}.guide main .guide-content .guide-toc{display:none}.guide footer{padding:72px 0 18px}.guide footer .copyright{box-sizing:border-box;max-width:720px;margin:0 auto;padding:0 12px}.guide.show-nav nav.nav-menu{left:0}@media (width>=580px){.guide nav.nav-menu{border-right:1px solid var(--edge);width:280px}}@media (width>=960px){.guide header.nav-bar .nav-bar__toggle-menu{display:none}.guide nav.nav-menu{left:0}.guide .guide-header{padding:72px 72px 36px}.guide footer,.guide main{margin-left:280px}}@media (width>=1280px){.guide main{margin-right:280px}.guide main .guide-content .guide-toc{top:calc(58px + var(--ribbon-height));width:280px;height:calc(100vh - 58px - var(--ribbon-height));box-sizing:border-box;padding:24px;display:block;position:fixed;right:0;overflow-y:auto}.guide main .guide-content .guide-toc .guide-toc__title{color:var(--text-3);margin:0 0 12px;font-size:.9375rem;font-weight:400;line-height:1.3125rem}.guide main .guide-content .guide-toc ul{border-left:1px solid var(--edge);margin:0;padding:0 0 0 12px}.guide main .guide-content .guide-toc ul li{margin:9px 0;font-size:.875rem;line-height:1.125rem;list-style:none}.guide main .guide-content .guide-toc ul li a{color:var(--text-2);text-decoration:none}.guide main .guide-content .guide-toc ul li a:hover{color:var(--jade)}.guide main .guide-content .guide-toc ul li a.guide-toc__item__link--active{color:var(--text-1)}.guide main .guide-content .guide-toc ul .guide-toc__item--h3,.guide main .guide-content .guide-toc ul .guide-toc__item--h4,.guide main .guide-content .guide-toc ul .guide-toc__item--h5,.guide main .guide-content .guide-toc ul .guide-toc__item--h6{padding-left:12px}.guide footer{margin-right:280px}}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.guide header.nav-bar,.guide nav.nav-menu{background:var(--glass-0);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}}