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