.guide-content{padding:10px 0 60px}@media(min-width:500px){.guide-content{padding:10px 0 100px}}.guide-content .container>.content .admonitionblock>table{border-radius:6px;overflow:hidden}.guide-content .container>.content .admonitionblock>table td.content{border-width:4px;background:#f7f9fd;padding:1em 1.25em;word-wrap:anywhere;overflow:hidden}.guide-content .container>.content .admonitionblock>table td.icon{padding:1em}@media(max-width:780px){.guide-content .container>.content .admonitionblock>table td.icon{width:50px}.guide-content .container>.content .admonitionblock>table td.icon img{width:20px;height:20px}}.guide-content .container>.content .admonitionblock.note .icon{background:#e0f4ff}.guide-content .container>.content .admonitionblock.note .content{border-color:#1da4f0}.guide-content .container>.content .admonitionblock.tip .icon{background:#fff9d7}.guide-content .container>.content .admonitionblock.tip .content{border-color:#f9d208}.guide-content .container>.content .admonitionblock.important .icon,.guide-content .container>.content .admonitionblock.warning .icon,.guide-content .container>.content .admonitionblock.caution .icon{background:#ffe3e3}.guide-content .container>.content .admonitionblock.important .content,.guide-content .container>.content .admonitionblock.warning .content,.guide-content .container>.content .admonitionblock.caution .content{border-color:#e80606}.guide-header{padding:0 0 40px}@media(min-width:500px){.guide-header{padding:0 0 40px}}.guide-header .container{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:space-between}.guide-header aside{width:100%}.guide-header .back-link{display:flex;gap:8px;align-items:center;text-decoration:none;font-weight:600}.guide-header .back-link svg{transform:rotate(90deg)}.guide-header .content{display:flex;flex-direction:column;gap:20px}.guide-header h1{max-width:880px;margin:0}.guide-header .github-link{display:flex;width:max-content;align-items:center;gap:10px;border:1px solid #e7eafb;border-radius:6px;padding:10px;text-decoration:none;color:#291a3f;font-weight:500;transition:color .2s ease,background .2s ease}@media(min-width:650px){.guide-header .github-link{padding:20px 30px}}.guide-header .github-link .icon-external{height:.625rem;flex-shrink:0;color:#c3c7e6;margin-left:auto}@media(min-width:600px){.guide-header .github-link .icon-external{height:.9375rem}}.guide-header .github-link:hover{color:#00bac2;background:rgba(242,244,254,.45)}.guide-header .github-link:hover .icon-external{color:#00bac2}.guides-banner{padding:0 0 40px}@media(min-width:500px){.guides-banner{padding:0}}.guides-banner h1,.guides-banner .description{max-width:1024px}.guides-banner .description{font-size:1rem}@media(min-width:500px){.guides-banner .description{font-size:1.5rem}}.guides-banner .featured{border:1px solid #e7eafb;border-radius:6px;margin-top:40px;display:grid}@media(min-width:880px){.guides-banner .featured{grid-template-columns:repeat(3,1fr)}}.guides-banner .featured-item{padding:20px;display:flex;flex-direction:column;gap:20px;text-decoration:none;color:inherit;transition:background-color .2s ease}.guides-banner .featured-item+.featured-item{border-color:#e7eafb;border-style:solid;border-width:1px 0 0}@media(min-width:880px){.guides-banner .featured-item+.featured-item{border-width:0 0 0 1px}}.guides-banner .featured-item:hover{background:rgba(242,244,254,.45)}.guides-banner .featured-item:hover .link-label{color:#00bac2}.guides-banner .featured-item .header{display:flex;gap:10px}.guides-banner .featured-item .index{font-weight:500;font-size:1.25rem;line-height:1.3;color:#16d6c7}.guides-banner .featured-item h2{font-size:1.25rem;line-height:1.3;overflow-wrap:anywhere}.guides-banner .featured-item .description{font-size:1rem}.guides-banner .featured-item .link{margin-top:auto;display:grid;grid-template-columns:auto 20px;overflow:hidden;align-items:center}.guides-banner .featured-item .link .icon-caret{transform:rotate(-90deg);justify-self:flex-end}.guides-banner .featured-item .link-label{font-weight:500;color:#291a3f;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.guides-banner .search{margin-top:60px}.guides-banner .search input{padding:15px 20px;border:1px solid #c3c7e6;border-radius:3px;width:100%;max-width:610px}.guides-list{padding:30px 0 60px}@media(min-width:500px){.guides-list{padding:40px 0 60px}}.guides-list .guides-list-items{display:grid;gap:20px}@media(min-width:700px){.guides-list .guides-list-items{gap:20px;grid-template-columns:repeat(2,1fr)}}.guides-list .guides-list-item{border:1px solid #e7eafb;border-radius:6px;padding:20px;display:flex;flex-direction:column;gap:20px;text-decoration:none;color:inherit;transition:background-color .2s ease}.guides-list .guides-list-item:hover{background:rgba(242,244,254,.45)}.guides-list .guides-list-item:hover h2{color:#00bac2}.guides-list .guides-list-item h2{line-height:1.3;transition:color .2s ease}.guides-list .guides-list-item .tag-list{margin-top:auto}.guides-list .guides-search-empty{text-align:center;display:none}.guides-list .guides-search-empty.show{display:block}pre.highlight,.highlight>pre{position:relative;overflow:hidden}pre.highlight code,.highlight>pre code{display:block;overflow-x:auto;font-family:roboto mono,courier new,Courier,monospace;background:#361e5b;color:#f2f4fe;padding:20px;border-radius:6px}@media(min-width:500px){pre.highlight code,.highlight>pre code{padding:40px}}.hljs-subst,.hljs-tag{color:#f8f8f2}.hljs-emphasis,.hljs-strong{color:#a8a8a2}.hljs-bullet,.hljs-link,.hljs-literal,.hljs-number,.hljs-quote,.hljs-regexp{color:#ae81ff}.hljs-code,.hljs-section,.hljs-selector-class,.hljs-title{color:#16d6c7}.hljs-strong{font-weight:700}.hljs-emphasis{font-style:italic}.hljs-attr,.hljs-keyword,.hljs-name,.hljs-selector-tag{color:#f56079}.hljs-attribute,.hljs-symbol{color:#66d9ef}.hljs-class .hljs-title,.hljs-params,.hljs-title.class_{color:#f8f8f2}.hljs-addition,.hljs-built_in,.hljs-selector-attr,.hljs-selector-id,.hljs-selector-pseudo,.hljs-string,.hljs-template-variable,.hljs-type,.hljs-variable{color:#ff8736}.hljs-comment,.hljs-deletion,.hljs-meta{color:#c3bede}.copy-btn{font-family:rubik,Arial,Helvetica,sans-serif;position:absolute;right:10px;top:10px;color:#f2f4fe;background:#635083;border:none;border-radius:3px;padding:5px 10px;font-weight:500;cursor:pointer;transform:translateX(calc(100% + 10px))}.copy-btn:hover{background:#f2f4fe;color:#361e5b}pre:hover .copy-btn{transform:translateX(0);transition:transform .3s ease}pre:focus-within .copy-btn{transform:translateX(0)}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-list .tag{padding:5px 10px;font-size:.625rem;border-radius:1000px;transition:background-color .2s ease;color:#291a3f;background:#f2f4fe}@media(min-width:1600px){.tag-list .tag{font-size:.75rem}}.guides-list-item:hover .tag{background:#e7eafb}