@charset "UTF-8";.tutorial-content:not(.ignore-md) li,.tutorial-content:not(.ignore-md) p,.tutorial-content:not(.ignore-md) ul{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}.tutorial-content:not(.ignore-md) h1{font-size:2.5rem;margin-bottom:1rem}.tutorial-content:not(.ignore-md) h2,.tutorial-content:not(.ignore-md) h3,.tutorial-content:not(.ignore-md) h4,.tutorial-content:not(.ignore-md) h5,.tutorial-content:not(.ignore-md) h6{font-size:1.75rem;margin-bottom:1rem}.tutorial-content:not(.ignore-md) h3{font-size:1.5rem}.tutorial-content:not(.ignore-md) hr{margin:3rem 0rem;opacity:.2;background-color:#fff}.tutorial-content:not(.ignore-md) p{margin:0 0rem 1rem;line-height:1.5}.tutorial-content:not(.ignore-md) p,.tutorial-content:not(.ignore-md) li{color:#ccc}.tutorial-content:not(.ignore-md) .view-only-editor{margin:0 0rem}.tutorial-content:not(.ignore-md) a{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity));text-decoration-line:underline;text-underline-offset:4px}.tutorial-content:not(.ignore-md) .wrap-loader a{text-decoration:none}.tutorial-content:not(.ignore-md) code{border-radius:.375rem;--tw-bg-opacity: 1;background-color:rgb(52 57 66 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity));padding:.2em .4em;font-size:85%}.tutorial-content:not(.ignore-md) pre>code{background-color:#0e0e0e;display:block;margin:2rem 0rem;padding:1.25rem}.tutorial-content:not(.ignore-md) .code-highlight{margin:0!important;margin-bottom:1rem;height:auto!important}.tutorial-content:not(.ignore-md) code code[class*=language-],.tutorial-content:not(.ignore-md) code pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}.tutorial-content:not(.ignore-md) code pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}.tutorial-content:not(.ignore-md) code :not(pre)>code[class*=language-],.tutorial-content:not(.ignore-md) code pre[class*=language-]{background:#2d2d2d}.tutorial-content:not(.ignore-md) code :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.tutorial-content:not(.ignore-md) code .token.block-comment,.tutorial-content:not(.ignore-md) code .token.cdata,.tutorial-content:not(.ignore-md) code .token.comment,.tutorial-content:not(.ignore-md) code .token.doctype,.tutorial-content:not(.ignore-md) code .token.prolog{color:#999}.tutorial-content:not(.ignore-md) code .token.punctuation{color:#ccc}.tutorial-content:not(.ignore-md) code .token.attr-name,.tutorial-content:not(.ignore-md) code .token.deleted,.tutorial-content:not(.ignore-md) code .token.namespace,.tutorial-content:not(.ignore-md) code .token.tag{color:#e2777a}.tutorial-content:not(.ignore-md) code .token.function-name{color:#6196cc}.tutorial-content:not(.ignore-md) code .token.boolean,.tutorial-content:not(.ignore-md) code .token.function,.tutorial-content:not(.ignore-md) code .token.number{color:#f08d49}.tutorial-content:not(.ignore-md) code .token.class-name,.tutorial-content:not(.ignore-md) code .token.constant,.tutorial-content:not(.ignore-md) code .token.property,.tutorial-content:not(.ignore-md) code .token.symbol{color:#f8c555}.tutorial-content:not(.ignore-md) code .token.atrule,.tutorial-content:not(.ignore-md) code .token.builtin,.tutorial-content:not(.ignore-md) code .token.important,.tutorial-content:not(.ignore-md) code .token.keyword,.tutorial-content:not(.ignore-md) code .token.selector{color:#cc99cd}.tutorial-content:not(.ignore-md) code .token.attr-value,.tutorial-content:not(.ignore-md) code .token.char,.tutorial-content:not(.ignore-md) code .token.regex,.tutorial-content:not(.ignore-md) code .token.string,.tutorial-content:not(.ignore-md) code .token.variable{color:#7ec699}.tutorial-content:not(.ignore-md) code .token.entity,.tutorial-content:not(.ignore-md) code .token.operator,.tutorial-content:not(.ignore-md) code .token.url{color:#67cdcc}.tutorial-content:not(.ignore-md) code .token.bold,.tutorial-content:not(.ignore-md) code .token.important{font-weight:700}.tutorial-content:not(.ignore-md) code .token.italic{font-style:italic}.tutorial-content:not(.ignore-md) code .token.entity{cursor:help}.tutorial-content:not(.ignore-md) code .token.inserted{color:green}.tutorial-content:not(.ignore-md) .code-highlight{margin:0 4rem 1rem}.tutorial-content:not(.ignore-md) *+h2,.tutorial-content:not(.ignore-md) *+h3,.tutorial-content:not(.ignore-md) *+h4,.tutorial-content:not(.ignore-md) *+h5,.tutorial-content:not(.ignore-md) *+h6{margin-top:3rem}.tutorial-content:not(.ignore-md) strong{font-weight:600;--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity))}.tutorial-content:not(.ignore-md) ul li{margin-left:2rem;margin-bottom:.5rem;position:relative}.tutorial-content:not(.ignore-md) ul li>p{margin:0}.tutorial-content:not(.ignore-md) ul li:before{position:absolute;left:-1rem;content:"•";margin-right:.5rem}.tutorial-content:not(.ignore-md) ol li{margin-left:2rem;margin-bottom:.5rem;position:relative;list-style:decimal}.tutorial-content:not(.ignore-md) ol li>p{margin:0}.tutorial-content:not(.ignore-md) ol li:before{position:absolute;left:-1rem;margin-right:.5rem}.tutorial-content:not(.ignore-md) .link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:1rem;grid-template-rows:auto}.tutorial-content:not(.ignore-md) .link-grid.right{justify-content:end}.tutorial-content:not(.ignore-md) .link-grid .link-block{grid:auto/auto;width:auto}.tutorial-content:not(.ignore-md) .link-block{position:relative;display:flex;height:10rem;width:16rem;align-items:flex-end;justify-content:flex-end;overflow:hidden;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity));padding:.5rem;text-align:right;font-size:1.125rem;line-height:1.75rem;text-decoration-line:none;--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-color:hsl(var(--hue),10%,20%)}.tutorial-content:not(.ignore-md) .link-block img{position:absolute;border-radius:.75rem;opacity:.75;top:0;left:0;z-index:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .2s;transform-origin:center}.tutorial-content:not(.ignore-md) .link-block span{z-index:2;color:hsl(var(--hue),20%,50%);text-shadow:0 0 1rem rgba(0,0,0,.384);transition:all .2s}.tutorial-content:not(.ignore-md) .link-block:after{position:absolute;content:"";display:block;left:0;bottom:0;width:100%;height:11rem;z-index:1;background:linear-gradient(160deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.493) 137%);transition:all .2s}.tutorial-content:not(.ignore-md) .link-block:hover{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity));--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-color:hsl(var(--hue),20%,50%)}.tutorial-content:not(.ignore-md) .link-block:hover img{opacity:1;transform:scale(1.1)}.tutorial-content:not(.ignore-md) .link-block:hover span{color:hsl(var(--hue),50%,50%)}.tutorial-content:not(.ignore-md) .link-block:hover:after{bottom:-5rem}.tutorial-content:not(.ignore-md) table{border-collapse:collapse;border-spacing:0;border:1px solid #202020;margin:0 0rem 1rem}.tutorial-content:not(.ignore-md) table th{padding:.5rem;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity));border:1px solid #202020}.tutorial-content:not(.ignore-md) table td{padding:.5rem;text-align:left;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity));border:1px solid #202020}footer{display:none}body>div>div.pb-24{padding-bottom:0!important}