.container[data-astro-cid-thekqwrs]{position:relative}.container[data-astro-cid-thekqwrs] .logomark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(2)}.container[data-astro-cid-thekqwrs].hasExampleConsoleLog .logomark{transform:translate(-50%,calc(-100% - 50px))scale(2)}._exampleLinksContainer_yrgt3_1{background:var(--color-dev-50);border:1px solid var(--color-dev-500);border-radius:var(--radius-sm);flex-direction:row;align-items:center;gap:8px;margin:0 40px 0 0;padding:4px;display:flex}[data-dark-mode=true] ._exampleLinksContainer_yrgt3_1{background:var(--color-dev-950);border-color:var(--color-dev-900)}._exampleLinks_yrgt3_1{flex-direction:row;align-items:center;gap:12px;display:flex}._exampleLink_yrgt3_1{text-transform:capitalize}._frameworkLogo_yrgt3_28{border-radius:4px;width:16px;height:16px}._frameworkItem_yrgt3_34{align-items:center;gap:8px;display:flex}._loggerOuter_r6vdv_1{resize:vertical;border-radius:var(--radius-md);border:1px solid var(--color-border-primary);flex-direction:column;height:154px;min-height:154px;max-height:700px;margin-top:16px;display:flex;overflow:hidden}@media screen and (width<=720px){._loggerOuter_r6vdv_1{display:none}}._loggerHeader_r6vdv_19{font-family:var(--text-monospace-font-family);font-size:var(--text-fs-xs);font-weight:var(--text-semibold);border-bottom:1px solid var(--color-border-secondary);justify-content:space-between;align-items:center;padding:8px;display:flex}._loggerHeader_r6vdv_19 button{padding:.08em .5em 0}._loggerPre_r6vdv_33{font-size:var(--text-fs-xs);border:none;border-radius:0;margin:0 0 -1px;padding:0;overflow:hidden auto}[data-dark-mode=true] ._loggerPre_r6vdv_33{background-color:var(--color-gray-900);color:var(--color-text-secondary)}._logItem_r6vdv_47,._placeholder_r6vdv_48{border-bottom:1px solid var(--color-border-secondary);flex-direction:row;gap:8px;padding:8px;display:flex}._logItem_r6vdv_47:nth-child(odd),._placeholder_r6vdv_48:nth-child(odd){background-color:color-mix(in srgb, var(--color-bg-primary) 66.66%, transparent)}._count_r6vdv_60{min-width:16px;height:16px;font-size:var(--text-fs-2xs);background-color:var(--color-gray-200);color:var(--color-gray-800);opacity:1;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding-left:4px;padding-right:4px;font-weight:600;display:flex}[data-dark-mode=true] ._count_r6vdv_60{background-color:var(--color-gray-600);color:var(--color-gray-300)}._dataItem_r6vdv_81{white-space:pre-wrap;line-height:var(--text-lh-ratio-base);flex-flow:wrap;gap:8px;display:flex}._type-null_r6vdv_90,._type-undefined_r6vdv_91{color:var(--color-code-keyword)}._type-string_r6vdv_95{color:var(--color-code-string)}._type-symbol_r6vdv_99,._type-boolean_r6vdv_100,._type-number_r6vdv_101,._type-nan_r6vdv_102,._type-date_r6vdv_103{color:var(--color-code-symbol)}._type-regex_r6vdv_107{color:var(--color-code-property)}.react-json-view{font-size:12px!important}.react-json-view .variable-value,.react-json-view .variable-value span:not(.string-value){text-transform:lowercase}.react-json-view .variable-value .string-value{text-transform:none}.react-json-view .variable-value div,.react-json-view .node-ellipsis{font-size:12px!important;font-weight:500!important}.react-json-view span,.react-json-view .brace-row span{font-weight:500!important}.react-json-view .collapsed-icon svg{fill:#586e75}._clearButton_r6vdv_141{font-family:var(--text-monospace-font-family);color:var(--color-button-secondary-fg)}._outer_18dhc_1{border-top:1px solid var(--example-border-color);width:100%;padding:8px;position:absolute;bottom:0;left:0}._outer_18dhc_1 label{display:block}._outer_18dhc_1>div:where(:not(:last-child)){margin-bottom:8px}._simpleSelect_18dhc_16{border:none;margin-left:0;padding:0 24px 0 0}._importInfoIcon_18dhc_22 svg{--icon-size:1.25em;--icon-color:var(--color-fg-secondary);position:relative;bottom:.125em}._importInfoIcon_18dhc_22 svg:hover{--icon-color:var(--color-link)}._codeViewer_1tyw5_1{--files-min-width:10em;--mobile-header-height:32px;border-radius:var(--radius-md);height:100%;overflow:hidden;container-type:inline-size}._codeViewer_1tyw5_1._codeViewerBorder_1tyw5_9{border:1px solid var(--color-border-primary)}._inner_1tyw5_13{min-width:100%;height:100%;transition:transform .33s ease-in-out,min-width .33s ease-in-out;display:flex}@container (width<640px){._inner_1tyw5_13{height:calc(100% - var(--mobile-header-height))}._hideFiles_1tyw5_23 ._inner_1tyw5_13{transform:translateX(calc(var(--files-min-width) * -1));min-width:calc(100% + var(--files-min-width))}}._mobileHeader_1tyw5_29{height:var(--mobile-header-height);border-bottom:1px solid var(--color-border-secondary);justify-content:space-between;align-items:center;gap:0 16px;padding:0 16px;display:flex;overflow:auto hidden}@container (width>640px){._mobileHeader_1tyw5_29{display:none}}._mobileHeader_1tyw5_29 button:not([class^=ag-]),._mobileHeader_1tyw5_29 span{flex-shrink:0}._mobileHeader_1tyw5_29 svg{--icon-size:1.125em;margin-left:4px;position:relative;bottom:.125em}._hidden_1tyw5_56{display:none}._files_1tyw5_60{min-width:var(--files-min-width);color:var(--color-fg-secondary);box-shadow:inset -1px 0 0 0 var(--example-border-color);flex-shrink:0;padding:8px 0 8px 8px;position:relative;overflow:hidden auto}@container (width<640px){._files_1tyw5_60{width:var(--files-min-width)}}._files_1tyw5_60 ul{margin:0}._files_1tyw5_60 h4{font-size:var(--text-fs-sm);font-weight:var(--text-regular);margin-top:0;margin-bottom:0;padding-left:6px}._files_1tyw5_60 h4:not(:first-child){margin-top:40px}._file_1tyw5_60{--file-border-color:transparent;width:100%;font-size:var(--text-fs-sm);font-weight:var(--text-bold);text-overflow:ellipsis;color:var(--color-fg-primary);border-top:1px solid var(--file-border-color);border-left:1px solid var(--file-border-color);border-bottom:1px solid var(--file-border-color);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:var(--radius-sm);border-top-left-radius:var(--radius-sm);margin-bottom:2px;padding:0 16px 2px 4px;transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out;overflow:hidden}._file_1tyw5_60:hover{--file-border-color:var(--color-border-primary);color:var(--color-fg-primary);background-color:var(--color-bg-primary);border-top:1px solid var(--file-border-color);border-left:1px solid var(--file-border-color);border-bottom:1px solid var(--file-border-color)}._file_1tyw5_60:focus-visible{border-color:var(--color-util-brand-500)}[data-dark-mode=true] ._file_1tyw5_60:focus-visible{background-color:var(--color-bg-primary)}._file_1tyw5_60._isActive_1tyw5_122{--file-border-color:var(--color-border-primary);background-color:color-mix(in srgb, var(--color-bg-secondary), var(--color-bg-primary) 70%)}[data-dark-mode=true] ._file_1tyw5_60._isActive_1tyw5_122{background-color:color-mix(in srgb, var(--color-bg-secondary), var(--color-bg-primary) 70%)}._code_1tyw5_1{flex-grow:1;overflow:hidden}._code_1tyw5_1>div{height:100%}._code_1tyw5_1 pre.code{border:none;border-radius:0;height:100%;margin-top:0;margin-bottom:0}._container_1cvvi_1{width:100%;height:100%}._container_1cvvi_1._hidden_1cvvi_5{display:none}._iframe_1cvvi_9{border:0;width:100%;height:100%;display:none}@media screen and (width>=720px){._iframe_1cvvi_9{display:block}}._iframe_1cvvi_9._supportsSmallDevices_1cvvi_20{display:block}._exampleOuter_9z6f0_1{--example-border-color:color-mix(in srgb, var(--color-border-secondary), var(--color-border-primary))}[data-dark-mode=true] ._exampleOuter_9z6f0_1{--example-border-color:color-mix(in srgb, var(--color-bg-primary), white 10%)}iframe{color-scheme:none;background-color:#0000}._tabsContainer_9z6f0_13{container-type:inline-size}._footer_9z6f0_17{justify-content:flex-end;align-items:center;margin-top:16px;display:flex}._previewCodeToggle_9z6f0_24{border-radius:8px;padding:4px 12px 6px;font-weight:500}._previewCodeToggle_9z6f0_24 .icon{--icon-size:24px;--icon-color:var(--color-fg-primary)}._externalLinks_9z6f0_34{flex-shrink:0;align-items:center;margin-bottom:2px;margin-left:16px;margin-right:-10px;display:flex}._importInfoIcon_9z6f0_43{margin-right:-4px}._importInfoIcon_9z6f0_43:hover svg{opacity:1}._importInfoIcon_9z6f0_43 svg{--icon-color:var(--color-fg-secondary);opacity:.5;transition:opacity .25s ease-in-out}.tabs-content._content_9z6f0_55{padding:0;overflow:auto}._exampleOuterFullscreen_9z6f0_60{top:var(--layout-site-header-height);z-index:10002;background-color:var(--color-bg-primary);position:fixed;bottom:0;left:0;right:0}@media screen and (width<=1100px){._exampleOuterFullscreen_9z6f0_60{top:0}}._exampleOuterFullscreen_9z6f0_60 [class*=loggerOuter]{margin-left:12px;margin-right:12px}._tabsContainerFullscreen_9z6f0_79{flex-direction:column;height:100%;display:flex}._fullscreenHeader_9z6f0_85{padding:8px 12px}._fullscreenFooter_9z6f0_89{margin-top:0;padding:8px 16px 8px 8px}._backButton_9z6f0_94{border-radius:8px;align-items:center;gap:8px;padding:4px 12px 6px;font-weight:500;display:flex}._backButton_9z6f0_94 .icon{--icon-size:20px;--icon-color:var(--color-fg-primary)}@media screen and (width>=1100px){body.example-runner-fullscreen .site-header{z-index:10003;position:fixed;top:0}}::view-transition-old(*){animation:.25s ease-in-out forwards example-runner-fade-out}::view-transition-new(*){animation:.25s ease-in-out forwards example-runner-fade-in}::view-transition-old(root),::view-transition-new(root){animation:none}@keyframes example-runner-fade-in{0%{opacity:0}}@keyframes example-runner-fade-out{to{opacity:0}}