.keyword{color:#1d4ed8}.function{color:#0369a1}.punctuation{color:#4b5563}.comment{color:#6b7280;font-style:italic}.string,.constant,.annotation,.boolean,.number{color:#0d9488}.tag{color:#1d4ed8}.attr-name{color:#0284c7}.attr-value{color:#2563eb}.dark .keyword{color:#60a5fa}.dark .function{color:#38bdf8}.dark .string,.dark .constant,.dark .annotation,.dark .boolean,.dark .number{color:#2dd4bf}.dark .tag{color:#60a5fa}.dark .attr-name{color:#7dd3fc}.dark .attr-value{color:#3b82f6}.dark .comment,.dark .punctuation{color:#9ca3af}.code-block-container{border:1px solid hsl(var(--border));border-radius:.75rem;margin:1.5rem 0;font-size:.875rem;position:relative;overflow:hidden}.code-block-header{background-color:hsl(var(--muted));border-bottom:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:monospace;font-size:.8rem;display:flex}.code-block-actions{z-index:10;position:absolute;top:.5rem;right:.75rem}.code-block-actions button{color:hsl(var(--muted-foreground));transition:color .2s ease-in-out}.code-block-actions button:hover{color:hsl(var(--foreground))}.code-block-body pre[class*=language-]{background:0 0!important;margin:0!important;padding:0!important}.line-numbers-wrapper{text-align:right;width:3rem;color:var(--line-number-color);-webkit-user-select:none;user-select:none;padding-top:1rem;position:absolute;top:0;left:0}.line-highlight{background:hsl(var(--primary)/.1);border-left:2px solid hsl(var(--primary));pointer-events:none;position:absolute;left:0;right:0}.code-block-body pre[data-line-numbers=true] .line-highlight{padding-left:3.5rem}.code-block-body::-webkit-scrollbar{height:8px}.code-block-body::-webkit-scrollbar-track{background:0 0}.code-block-body::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:4px}.code-block-body::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted))}.youtube{background:#000;border-radius:8px;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 4px 20px #0003}.youtube iframe{border:none;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}:is(body:has(.docs-layout) #main-navbar,body:has(.docs-layout) #main-footer){display:none}body:has(.docs-layout) #main-content{width:100%;max-width:none;margin:0;padding:0}