.guide header.nav-bar{position:fixed;top:var(--ribbon-height);left:0;width:100%;z-index:20;box-sizing:border-box;padding:9px;background:var(--background);border-bottom:1px solid var(--edge);display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}.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;font-size:17px;line-height:24px;margin:0 0 0 9px}.guide header.nav-bar h1 a{color:var(--text-primary)}.guide nav.nav-menu{position:fixed;top:calc(58px + var(--ribbon-height));bottom:0;left:-100%;width:100%;z-index:15;overflow:hidden auto;box-sizing:border-box;background:var(--background);transition:left .1s linear}.guide nav.nav-menu .nav-menu__group{margin:24px}.guide nav.nav-menu .nav-menu__group h4{margin:12px 0;font-size:15px;line-height:21px;font-weight:400;color:var(--text-tertiary)}.guide nav.nav-menu .nav-menu__group ul{margin:0;padding:0}.guide nav.nav-menu .nav-menu__group ul li{padding:0;margin:2px 0;list-style:none;font-size:15px;line-height:21px}.guide nav.nav-menu .nav-menu__group ul li a{color:var(--text-primary);padding:6px 9px;border-radius:11px;display:block}.guide nav.nav-menu .nav-menu__group ul li a:hover{background:var(--action-feedback)}.guide nav.nav-menu .nav-menu__group ul li a.router-link-active{position:relative;font-weight:600;background-color:var(--action-hover)}.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-primary)}.guide main{position:relative;padding-top:calc(58px + var(--ribbon-height));z-index:10}.guide main .guide-content{padding:0 12px;max-width:720px;box-sizing:border-box;margin:0 auto}.guide main .guide-content .guide-content__pro{background-color:var(--surface-overlay);padding:12px;border-radius:15px;margin:18px 0;font-size:14px;line-height:18px}.guide main .guide-content .guide-content__content{font-size:17px}.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{color:var(--text-primary);line-height:1.5;margin-top:1.5em;margin-bottom:.5em;font-weight:700;scroll-margin-top:74px}.guide main .guide-content .guide-content__content h1{font-size:1.75em}.guide main .guide-content .guide-content__content h2{font-size:1.4em}.guide main .guide-content .guide-content__content h3{font-size:1.2em}.guide main .guide-content .guide-content__content h4{font-size:1.05em}.guide main .guide-content .guide-content__content h5{font-size:1em}.guide main .guide-content .guide-content__content h6{font-size:.9em}.guide main .guide-content .guide-content__content p{font-size:1em;line-height:1.5;color:var(--text-primary);opacity:.9;margin-top:0;margin-bottom:1em;word-break:normal}.guide main .guide-content .guide-content__content ol,.guide main .guide-content .guide-content__content ul{font-size:1em;line-height:1.5;color:var(--text-primary);opacity:.9;margin:0 0 1em 1.5em;padding:0}.guide main .guide-content .guide-content__content li+li{margin-top:.25em}.guide main .guide-content .guide-content__content blockquote{font-size:1em;line-height:1.5;color:var(--text-secondary);margin:1.2em 0;padding-left:1em;border-left:5px solid var(--edge);font-style:italic}.guide main .guide-content .guide-content__content img{width:100%;height:auto;border-radius:11px;display:block;margin:1.5em auto;border:1px solid var(--edge);box-shadow:var(--shadow-subtle)}.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;padding:0 12px;max-width:720px;margin:0 auto}.guide.show-nav nav.nav-menu{left:0}@media(min-width:580px){.guide nav.nav-menu{width:280px;border-right:1px solid var(--edge)}}@media(min-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 main{margin-left:280px}.guide main .guide-content .guide-content__content h1{font-size:2em;font-weight:900}.guide main .guide-content .guide-content__content h2{font-size:1.75em}.guide main .guide-content .guide-content__content h3{font-size:1.4em}.guide main .guide-content .guide-content__content li,.guide main .guide-content .guide-content__content p{font-size:1.05rem}.guide footer{margin-left:280px}}@media(min-width:1280px){.guide main{margin-right:280px}.guide main .guide-content .guide-toc{display:block;position:fixed;top:calc(58px + var(--ribbon-height));right:0;width:280px;height:calc(100vh - 58px - var(--ribbon-height));overflow-y:auto;box-sizing:border-box;padding:24px}.guide main .guide-content .guide-toc .guide-toc__title{margin:0 0 12px;font-size:15px;line-height:21px;font-weight:400;color:var(--text-tertiary)}.guide main .guide-content .guide-toc ul{margin:0;padding:0 0 0 12px;border-left:1px solid var(--edge)}.guide main .guide-content .guide-toc ul li{list-style:none;margin:9px 0;font-size:14px;line-height:18px}.guide main .guide-content .guide-toc ul li a{color:var(--text-secondary);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-primary)}.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 (backdrop-filter:none){.guide header.nav-bar,.guide nav.nav-menu{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}