.ex-sidebar:where(.astro-7enylgn6){display:flex;flex-direction:column;height:100%}.ex-sidebar-head:where(.astro-7enylgn6){display:flex;align-items:baseline;justify-content:space-between;padding:0 1rem .5rem}.ex-sidebar-title:where(.astro-7enylgn6){font-size:var(--qk-menu-font-size);font-weight:500;line-height:var(--qk-menu-line-height);color:var(--sl-color-gray-3);user-select:none;margin:0}.ex-sidebar-count:where(.astro-7enylgn6){font-size:var(--qk-text-xs);color:var(--sl-color-gray-3)}.ex-search:where(.astro-7enylgn6){padding:0 .75rem .75rem}.ex-search-input:where(.astro-7enylgn6){width:100%;height:var(--qk-control-md);padding:0 var(--qk-gutter-md);border:1px solid var(--sl-color-gray-5);border-radius:var(--qk-radius-full);background:var(--sl-color-bg);color:var(--sl-color-gray-1);font-size:var(--qk-menu-font-size);line-height:var(--qk-menu-line-height);outline:none}.ex-search-input:where(.astro-7enylgn6):focus-visible{outline:var(--qk-focus-ring);outline-offset:var(--qk-focus-ring-offset)}.ex-sidebar-nav:where(.astro-7enylgn6){flex:1;overflow-y:auto}.ex-group:where(.astro-7enylgn6){border-top:1px solid var(--sl-color-hairline-shade)}.ex-group-head:where(.astro-7enylgn6){display:block;width:100%;padding:0;font-family:inherit;text-align:left;background:none;border:none;cursor:pointer;user-select:none}.ex-group-line:where(.astro-7enylgn6){display:flex;align-items:center;gap:.375rem;padding:var(--qk-menu-item-padding);font-size:var(--qk-menu-font-size);font-weight:500;line-height:var(--qk-menu-line-height);color:var(--sl-color-gray-3)}.ex-group-chevron:where(.astro-7enylgn6){font-size:var(--qk-text-2xs);transition:transform var(--qk-transition-fast)}.ex-group:where(.astro-7enylgn6)[data-collapsed=false] .ex-group-chevron:where(.astro-7enylgn6){transform:rotate(90deg)}.ex-group:where(.astro-7enylgn6)[data-collapsed=true] .ex-group-list:where(.astro-7enylgn6){display:none}.ex-group-list:where(.astro-7enylgn6){list-style:none;margin:0;padding:0 0 .25rem}.ex-link:where(.astro-7enylgn6){display:flex;align-items:center;justify-content:space-between;margin-inline:6px;border-radius:var(--qk-menu-item-radius);padding-block:6px;padding-inline:1.25rem 8px;font-size:var(--qk-menu-font-size);line-height:var(--qk-menu-line-height);color:var(--sl-color-gray-1);text-decoration:none;transition:background-color var(--qk-transition-fast),color var(--qk-transition-fast)}@media(hover:hover)and (pointer:fine){.ex-link:where(.astro-7enylgn6):hover{background:var(--qk-menu-item-bg);color:var(--sl-color-white)}}.ex-link:where(.astro-7enylgn6).active{background:var(--qk-menu-item-bg);color:var(--sl-color-white);font-weight:500}.ex-link--featured:where(.astro-7enylgn6) .ex-link-title:where(.astro-7enylgn6):before{content:"★ ";color:var(--sl-color-gray-3)}.ex-link-port:where(.astro-7enylgn6){font-size:var(--qk-text-2xs);line-height:var(--qk-text-2xs-lh);color:var(--sl-color-gray-3);font-family:var(--sl-font-mono)}.ex-link:where(.astro-7enylgn6).active .ex-link-port:where(.astro-7enylgn6){color:var(--sl-color-gray-2)}.ex-code:where(.astro-h25o5yaq){display:flex;flex-direction:column;height:100%;min-width:0}.ex-code-header:where(.astro-h25o5yaq){display:flex;align-items:center;justify-content:space-between;padding:0 1rem;min-height:var(--qk-control-lg);border-bottom:1px solid var(--sl-color-hairline-shade);background:var(--sl-color-bg-sidebar)}.ex-code-breadcrumb:where(.astro-h25o5yaq){font-size:var(--qk-text-xs);font-family:var(--sl-font-mono);color:var(--sl-color-gray-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-code-copy:where(.astro-h25o5yaq){display:flex;align-items:center;gap:.25rem;height:var(--qk-control-sm);padding:0 var(--qk-gutter-xs);font-size:var(--qk-text-xs);line-height:1;color:var(--sl-color-gray-3);background:none;border:1px solid var(--sl-color-gray-5);border-radius:var(--qk-radius-full);cursor:pointer;transition:background-color var(--qk-transition-fast),color var(--qk-transition-fast)}@media(hover:hover)and (pointer:fine){.ex-code-copy:where(.astro-h25o5yaq):hover{background:var(--sl-color-gray-6);color:var(--sl-color-gray-1)}}.ex-code-copy:where(.astro-h25o5yaq).copied{color:var(--sl-color-white);border-color:var(--sl-color-gray-4)}.ex-code-content:where(.astro-h25o5yaq){flex:1;min-height:0;overflow:auto;font-family:var(--sl-font-mono);font-size:var(--qk-text-sm);line-height:var(--qk-text-xs-lh);tab-size:4}.ex-code-content:where(.astro-h25o5yaq) pre.shiki{margin:0;min-height:100%;box-sizing:border-box;padding:1rem 1.25rem;font-family:inherit;font-size:inherit;line-height:inherit}.ex-code-content:where(.astro-h25o5yaq) pre.shiki code{font-family:inherit;font-size:inherit}:root[data-theme=dark] .ex-code-content:where(.astro-h25o5yaq) pre.shiki,:root[data-theme=dark] .ex-code-content:where(.astro-h25o5yaq) pre.shiki span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}.ex-code-loading:where(.astro-h25o5yaq){display:flex;align-items:center;justify-content:center;gap:.5rem;padding:2rem;color:var(--sl-color-gray-4);font-size:var(--qk-text-sm);font-family:var(--sl-font);height:100%}.ex-spinner:where(.astro-h25o5yaq){width:1rem;height:1rem;border:2px solid var(--sl-color-gray-5);border-top-color:var(--sl-color-white);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ex-md{box-sizing:border-box;min-height:100%;max-width:46rem;margin-inline:auto;padding:2rem 2.5rem 4rem;font-family:var(--sl-font);font-size:var(--qk-text-sm);line-height:var(--qk-text-sm-lh);color:var(--sl-color-gray-1);overflow-wrap:break-word}.ex-md>:first-child{margin-top:0}.ex-md>:last-child{margin-bottom:0}.ex-md h1,.ex-md h2,.ex-md h3,.ex-md h4{color:var(--sl-color-white);font-weight:600;letter-spacing:var(--qk-tracking-headline)}.ex-md h1{font-size:var(--qk-heading-lg);line-height:var(--qk-heading-lg-lh);margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--sl-color-hairline-shade)}.ex-md h2{font-size:var(--qk-heading-md);line-height:var(--qk-heading-md-lh);margin:2rem 0 1rem;padding-bottom:.375rem;border-bottom:1px solid var(--sl-color-hairline-shade)}.ex-md h3{font-size:var(--qk-heading-sm);line-height:var(--qk-heading-sm-lh);margin:1.5rem 0 .75rem}.ex-md h4{font-size:var(--qk-heading-xs);line-height:var(--qk-heading-xs-lh);margin:1.25rem 0 .5rem}.ex-md p{margin:0 0 1rem}.ex-md a{color:var(--sl-color-text-accent);text-decoration:none}@media(hover:hover)and (pointer:fine){.ex-md a:hover{text-decoration:underline}}.ex-md ul,.ex-md ol{margin:0 0 1rem;padding-left:1.5rem}.ex-md li{margin:.5em 0}.ex-md li>ul,.ex-md li>ol{margin-bottom:0}.ex-md code{font-family:var(--sl-font-mono);font-size:var(--qk-text-sm);padding:1px .3rem;border:0;border-radius:var(--qk-radius-xs);background:color-mix(in srgb,var(--sl-color-white) 4%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--sl-color-white) 8%,transparent);white-space:pre-wrap;overflow-wrap:break-word}.ex-md pre{margin:0 0 1.25rem;padding:1rem 1.25rem;border-radius:var(--qk-radius-md);background:var(--sl-color-gray-6);border:1px solid var(--sl-color-hairline-shade);overflow-x:auto;font-family:var(--sl-font-mono);font-size:var(--qk-text-sm);line-height:var(--qk-text-sm-lh);tab-size:4}.ex-md pre code{padding:0;border:none;border-radius:0;background:none;font-size:inherit;white-space:pre-wrap;overflow-wrap:break-word}.ex-md blockquote{margin:0 0 1.25rem;padding:.125rem 0 .125rem 1rem;border-left:3px solid var(--sl-color-gray-5);color:var(--sl-color-gray-3)}.ex-md blockquote>:last-child{margin-bottom:0}.ex-md table{display:block;width:max-content;max-width:100%;overflow-x:auto;margin:0 0 1.25rem;border-collapse:collapse;font-size:var(--qk-text-sm)}.ex-md th,.ex-md td{padding:.5rem .75rem;border:1px solid var(--sl-color-hairline-shade);text-align:left}.ex-md thead th{background:var(--sl-color-bg-sidebar);border-bottom-width:2px;white-space:nowrap}.ex-md img{max-width:100%;border-radius:var(--qk-radius-md)}.ex-md hr{border:none;border-top:1px solid var(--sl-color-hairline-shade);margin:2rem 0}@media(max-width:767px){.ex-md{padding:1.25rem 1.25rem 3rem}}#ex-tree{display:flex;flex-direction:column;height:100%;min-height:0;overflow:hidden;padding:.375rem 0 .5rem}.ex-tree-head{display:flex;align-items:center;justify-content:space-between;padding:.125rem .375rem .5rem .75rem}.ex-tree-title{font-size:var(--qk-menu-font-size);font-weight:500;line-height:var(--qk-menu-line-height);color:var(--sl-color-gray-3);user-select:none}.ex-tree-actions{display:flex;align-items:center;gap:.25rem}.ex-tree-meta{font-size:var(--qk-text-xs);color:var(--sl-color-gray-3);white-space:nowrap}.ex-tree-collapse{display:none;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;color:var(--sl-color-gray-3);background:none;border:none;border-radius:var(--qk-radius-full);cursor:pointer}.ex-tree-collapse:focus-visible{display:inline-flex}@media(hover:hover)and (pointer:fine){.ex-tree-head:hover .ex-tree-collapse{display:inline-flex}.ex-tree-collapse:hover{background:var(--sl-color-gray-6);color:var(--sl-color-gray-1)}}.ex-tree-files{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.tf-root{padding:.25rem .75rem;font-size:var(--qk-text-sm);line-height:var(--qk-text-sm-lh);font-weight:600;color:var(--sl-color-gray-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;user-select:none}.tf-empty{padding:1rem;color:var(--sl-color-gray-4);font-size:var(--qk-text-sm);text-align:center}.tf{margin:0;padding:0;border:none}.tf-children{margin:0;padding:0}.tf[data-collapsed=true]>.tf-children{display:none}.tf-row{--tf-indent: 12px;--tf-pad: 6px;display:block;width:100%;padding:0;font-family:inherit;font-size:var(--qk-text-sm);line-height:var(--qk-text-sm-lh);color:var(--sl-color-gray-2);text-align:left;white-space:nowrap;cursor:pointer;user-select:none;background-color:transparent;border:none;border-left:2px solid transparent}.tf-line{display:flex;align-items:center;min-height:var(--qk-control-sm);padding:0 .5rem 0 var(--tf-pad)}.tf-guides{display:flex;flex:0 0 auto;align-self:stretch}.tf-guides i{display:block;width:var(--tf-indent);height:100%;min-height:100%;background-image:linear-gradient(var(--sl-color-hairline-shade),var(--sl-color-hairline-shade));background-size:1px 100%;background-position:8px 0;background-repeat:no-repeat}.tf-guides i.off{background-image:none}button.tf-row{appearance:none;-webkit-appearance:none}@media(hover:hover)and (pointer:fine){.tf-row:hover{background-color:var(--qk-menu-item-bg);color:var(--sl-color-white)}}.tf-file.active{background-color:var(--qk-menu-item-bg);color:var(--sl-color-white);font-weight:500}.tf-row:focus-visible{outline:var(--qk-focus-ring);outline-offset:var(--qk-focus-ring-offset)}.tf-twist{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--qk-icon-sm);height:var(--qk-icon-sm);margin-right:.25rem;color:var(--sl-color-gray-4)}.tf-twist svg{display:block;width:var(--qk-icon-xs);height:var(--qk-icon-xs);transition:transform var(--qk-transition-fast)}.tf-twist svg{transform:rotate(-90deg)}.tf[data-collapsed=false]>.tf-folder-row .tf-twist svg{transform:rotate(0)}.tf-folder-open{display:none}.tf[data-collapsed=false]>.tf-folder-row .tf-folder-closed{display:none}.tf[data-collapsed=false]>.tf-folder-row .tf-folder-open{display:block}.tf-fileicon,.tf-folder{flex:0 0 auto;width:var(--qk-icon-sm);height:var(--qk-icon-sm);margin-right:.25rem;color:var(--sl-color-gray-3)}@media(hover:hover)and (pointer:fine){.tf-file:hover .tf-fileicon{color:var(--sl-color-gray-2)}}.tf-file.active .tf-fileicon{color:var(--sl-color-white)}.tf-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html:has(.examples-shell) main,html:has(.examples-shell) .content-panel{padding:0;border:0}html:has(.examples-shell) main>.content-panel:first-of-type{display:none}html:has(.examples-shell) .examples-shell{margin-top:0}html:has(.examples-shell) .content-panel>.sl-container{max-width:var(--qk-container-max, 75rem);margin:0 auto;padding:0}html:has(.examples-shell) footer{display:none}.examples-shell{height:calc(100vh - var(--sl-nav-height));height:calc(100dvh - var(--sl-nav-height));min-height:0;width:100%;display:grid;grid-template-columns:var(--ex-sidebar-w, 240px) minmax(0,1fr) var(--ex-tree-w, 220px);grid-template-rows:minmax(0,1fr);gap:0;overflow:hidden}.ex-sidebar{border-right:1px solid var(--sl-color-hairline-shade);background:var(--sl-color-bg-sidebar);overflow-y:auto;padding:1rem 0;min-width:0;min-height:0}.ex-tree{border-left:1px solid var(--sl-color-hairline-shade);background:var(--sl-color-bg-sidebar);overflow-y:auto;padding:1rem 0;min-width:0;min-height:0}.ex-code{overflow-y:auto;overflow-x:hidden;background:var(--sl-color-bg);display:flex;flex-direction:column;min-width:0;min-height:0}.examples-shell pre,.examples-shell code{white-space:pre-wrap;overflow-wrap:break-word}.examples-shell pre{overflow-x:hidden}.ex-mobile-tabs{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--sl-color-bg-nav);border-top:1px solid var(--sl-color-hairline-shade);padding:.5rem;gap:.5rem;justify-content:center}.ex-tab{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:none;border:1px solid transparent;border-radius:var(--qk-radius-md);color:var(--sl-color-gray-3);font-size:var(--qk-text-xs);cursor:pointer;transition:background-color var(--qk-transition-fast),color var(--qk-transition-fast);min-width:5rem}@media(hover:hover)and (pointer:fine){.ex-tab:hover{background:var(--qk-menu-item-bg);color:var(--sl-color-gray-1)}}.ex-tab[aria-pressed=true]{background:var(--qk-menu-item-bg);color:var(--sl-color-white);border-color:var(--sl-color-gray-4)}.ex-tab-icon{font-size:var(--qk-text-md);line-height:1}@media(max-width:1023px){.examples-shell{grid-template-columns:minmax(0,1fr);height:calc(100dvh - var(--sl-nav-height) - 4rem);margin-bottom:0}#ex-sidebar,#ex-tree{display:none;position:fixed;top:var(--sl-nav-height);bottom:4rem;left:0;right:0;z-index:100;width:100%;border:none}#ex-sidebar[data-visible=true],#ex-tree[data-visible=true],.ex-mobile-tabs{display:flex}}@media(max-width:767px){.ex-tab{min-width:4rem;padding:.375rem .5rem}.ex-tab-label{font-size:var(--qk-text-2xs)}}