.hljs{color:#24292e}html.dark .hljs{color:#c9d1d9}.hljs-comment,.hljs-punctuation{color:#6a737d}html.dark .hljs-comment,html.dark .hljs-punctuation{color:#8b949e}.hljs-string{color:#032f62}html.dark .hljs-string{color:#a5d6ff}.hljs-keyword,.hljs-selector-tag,.hljs-addition{color:#d73a49}html.dark .hljs-keyword,html.dark .hljs-selector-tag,html.dark .hljs-addition{color:#ff7b72}.hljs-number,.hljs-literal{color:#005cc5}html.dark .hljs-number,html.dark .hljs-literal{color:#79c0ff}.hljs-built_in,.hljs-name{color:#6f42c1}html.dark .hljs-built_in,html.dark .hljs-name{color:#d2a8ff}.hljs-attr,.hljs-variable{color:#e36209}html.dark .hljs-attr,html.dark .hljs-variable{color:#ffa657}.hljs-function{color:#6f42c1}html.dark .hljs-function{color:#d2a8ff}.tutorial-nav .sidebar-header{padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid #e4e4e7}html.dark .tutorial-nav .sidebar-header{border-bottom-color:#27272a}.tutorial-nav .sidebar-header h1{font-size:1rem;font-weight:600;color:#18181b;margin-bottom:.25rem;font-family:Inter,-apple-system,system-ui,Segoe UI,Helvetica,Arial,sans-serif}html.dark .tutorial-nav .sidebar-header h1{color:#f4f4f5}.tutorial-nav .sidebar-header p{font-size:.75rem;color:#71717a}.tutorial-nav .nav-group{margin-bottom:1rem}.tutorial-nav .nav-group-title{padding:.5rem 0;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#a1a1aa}.tutorial-nav .nav-item{display:block;padding:.5rem .75rem;color:#52525b;text-decoration:none;font-size:.8125rem;transition:all .15s;border-radius:.25rem}html.dark .tutorial-nav .nav-item{color:#a1a1aa}.tutorial-nav .nav-item:hover{color:#18181b;background:#e4e4e7}html.dark .tutorial-nav .nav-item:hover{color:#f4f4f5;background:#18181b}.tutorial-main{color:#3f3f46;font-size:.9375rem;line-height:1.75}html.dark .tutorial-main{color:#a1a1aa}.tutorial-main .hero{text-align:center;padding:2rem 0 2.5rem;border-bottom:1px solid #e4e4e7;margin-bottom:2rem}html.dark .tutorial-main .hero{border-bottom-color:#27272a}.tutorial-main .hero h1{font-size:2rem;font-weight:700;color:#18181b;margin-bottom:1rem}html.dark .tutorial-main .hero h1{color:#f4f4f5}.tutorial-main .hero p{font-size:1.0625rem;color:#71717a;max-width:40rem;margin:0 auto}.tutorial-main .content-section{margin-bottom:3rem}.tutorial-main .content-section h1{font-size:1.625rem;font-weight:700;color:#18181b;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid #e4e4e7;scroll-margin-top:6rem}html.dark .tutorial-main .content-section h1{color:#f4f4f5;border-bottom-color:#27272a}.tutorial-main .content-section h2{font-size:1.3125rem;font-weight:600;color:#18181b;margin-top:2rem;margin-bottom:1rem;scroll-margin-top:6rem}html.dark .tutorial-main .content-section h2{color:#f4f4f5}.tutorial-main .content-section h3{font-size:1.125rem;font-weight:600;color:#27272a;margin-top:1.5rem;margin-bottom:.75rem;scroll-margin-top:6rem}html.dark .tutorial-main .content-section h3{color:#e4e4e7}.tutorial-main .content-section h4{font-size:1rem;font-weight:600;color:#27272a;margin-top:1.25rem;margin-bottom:.5rem}html.dark .tutorial-main .content-section h4{color:#e4e4e7}.tutorial-main p{margin-bottom:1rem}.tutorial-main ul,.tutorial-main ol{padding-left:1.5rem;margin-bottom:1rem}.tutorial-main li{margin-bottom:.5rem}.tutorial-main a{color:#2563eb;text-decoration:none}html.dark .tutorial-main a{color:#60a5fa}.tutorial-main a:hover{text-decoration:underline}.tutorial-main table{width:100%;font-size:.8125rem;margin-bottom:1.5rem;border-collapse:collapse;border:1px solid #d4d4d8;border-radius:.5rem;overflow:hidden}html.dark .tutorial-main table{border-color:#27272a}.tutorial-main th{background-color:#f4f4f5;border-bottom:1px solid #d4d4d8;padding:.625rem 1rem;text-align:left;font-weight:500;color:#18181b}html.dark .tutorial-main th{background-color:#18181b;border-bottom-color:#27272a;color:#f4f4f5}.tutorial-main td{border-bottom:1px solid #e4e4e7;padding:.625rem 1rem}html.dark .tutorial-main td{border-bottom-color:#27272a}.tutorial-main tr:last-child td{border-bottom:none}.tutorial-main tr:nth-child(2n){background-color:#00000005}html.dark .tutorial-main tr:nth-child(2n){background-color:#18181b66}.tutorial-main code{background-color:#f4f4f5;color:#18181b;padding:.125rem .375rem;border-radius:.25rem;font-size:.8125rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}html.dark .tutorial-main code{background-color:#27272a;color:#e4e4e7}.code-block-wrapper{position:relative;margin-bottom:1.25rem}.code-block-wrapper pre{background-color:#f4f4f5;border:1px solid #e4e4e7;border-radius:.5rem;overflow-x:auto;margin:0;padding:1rem 1.25rem}html.dark .code-block-wrapper pre{background-color:#18181b;border-color:#27272a}.tutorial-main .code-block-wrapper pre code{display:block;padding:0;background-color:transparent!important;color:inherit;font-size:.8125rem;line-height:1.6;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;min-width:fit-content}.copy-code-btn{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border:1px solid #d4d4d8;border-radius:.375rem;color:#52525b;cursor:pointer;opacity:0;transition:all .2s;z-index:10}html.dark .copy-code-btn{background:#27272ae6;border-color:#3f3f46;color:#a1a1aa}.code-block-wrapper:hover .copy-code-btn{opacity:1}.copy-code-btn:hover{background:#fff;border-color:#a1a1aa;color:#18181b}html.dark .copy-code-btn:hover{background:#3f3f46;border-color:#52525b;color:#f4f4f5}.copy-code-btn.copied{color:#22c55e;border-color:#22c55e}html.dark .copy-code-btn.copied{color:#4ade80;border-color:#4ade80}.copy-code-btn .material-symbols-outlined{font-size:1rem}.tutorial-main hr{border:none;border-top:1px solid #e4e4e7;margin:2.5rem 0}html.dark .tutorial-main hr{border-top-color:#27272a}.tutorial-main .highlight-box{background:#2563eb0f;border:1px solid rgba(37,99,235,.15);border-radius:.5rem;padding:1rem 1.25rem;margin:1.5rem 0}html.dark .tutorial-main .highlight-box{background:#3b82f614;border-color:#3b82f633}.tutorial-main .highlight-box p{margin-bottom:0;color:#1d4ed8}html.dark .tutorial-main .highlight-box p{color:#93c5fd}.tutorial-main .highlight-box strong{color:#1e40af}html.dark .tutorial-main .highlight-box strong{color:#60a5fa}.tutorial-main img{max-width:100%;border-radius:.5rem;margin:1rem 0}