.docs-ts{border:var(--layout-hairline) solid var(--border-subtle);border-radius:var(--radius-full);background-color:var(--bg-canvas);width:30px;height:30px;color:var(--text-primary);cursor:pointer;transition:border-color .16s var(--ease-standard), background-color .16s var(--ease-standard), transform .2s var(--ease-release);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.docs-ts:before{content:"";position:absolute;inset:-7px}.docs-ts svg{width:14px;height:14px;overflow:visible}@media (hover:hover) and (pointer:fine){.docs-ts:hover{border-color:var(--border-strong);background-color:var(--bg-tint)}}@media (prefers-reduced-motion:no-preference){.docs-ts:active{transition-duration:.16s,.16s,.11s;transform:scale(.96)}}.docs-ts-part{transform-box:view-box;transform-origin:50%;transition:opacity .2s var(--ease-standard), transform .38s var(--ease-out)}.docs-ts-rays{opacity:0;transform:rotate(90deg)scale(.5)}.docs-ts-core{opacity:0;transform:scale(.5)}.docs-ts-moon,[data-theme=dark] .docs-ts-rays,[data-theme=dark] .docs-ts-core{opacity:1;transform:none}[data-theme=dark] .docs-ts-moon{opacity:0;transform:rotate(-90deg)scale(.5)}@media (prefers-reduced-motion:reduce){.docs-ts-part{transition:none}}:root:not([data-nav=js]) .docs-ts{display:none}:root[data-theme-swap] *,:root[data-theme-swap] :before,:root[data-theme-swap] :after{transition:none!important}:root[data-theme-swap] .docs-ts .docs-ts-part{transition:opacity .2s var(--ease-standard), transform .38s var(--ease-out)!important}:root[data-theme-vt]::view-transition-old(root){animation-duration:.36s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}:root[data-theme-vt]::view-transition-new(root){animation-duration:.36s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}:root[data-theme-vt=circle]::view-transition-old(root){mix-blend-mode:normal;animation:none}:root[data-theme-vt=circle]::view-transition-new(root){mix-blend-mode:normal;animation:none}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] body>main:has(.blog-page){box-shadow:0 var(--layout-hairline) 0 var(--border-subtle)}
.docs-copy{border:var(--layout-hairline) solid var(--border-subtle);border-radius:var(--radius-md);background-color:var(--bg-canvas);height:30px;color:var(--text-secondary);flex:none;font-size:12px;font-weight:500;line-height:18px;display:inline-flex;position:relative}.docs-copy-main,.docs-copy-more{height:100%;transition:background-color .14s var(--ease-standard), color .14s var(--ease-standard);align-items:center;display:inline-flex}.docs-copy-main{border-radius:7px 0 0 7px;gap:6px;padding:0 10px 0 9px}.docs-copy-more{border-left:var(--layout-hairline) solid var(--border-subtle);width:28px;color:var(--text-tertiary);border-radius:0 7px 7px 0;justify-content:center}.docs-copy-more .icon{width:14px;height:14px;transition:transform .26s var(--ease-pop)}.docs-copy-more[aria-expanded=true] .icon{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.docs-copy-main:hover,.docs-copy-more:hover{background-color:var(--bg-tint);color:var(--text-primary)}}.docs-copy-more[aria-expanded=true]{background-color:var(--bg-tint);color:var(--text-primary)}.docs-copy-main:focus-visible,.docs-copy-more:focus-visible{outline-offset:-2px}@media (pointer:coarse){.docs-copy-main,.docs-copy-more{position:relative}.docs-copy-main:after,.docs-copy-more:after{content:"";position:absolute;inset:-6px 0}.docs-copy-more:after{inset:-6px -2px -6px -10px}}:root:not([data-nav=js]) .docs-copy-more{display:none}:root:not([data-nav=js]) .docs-copy-main{border-radius:7px}.docs-copy-icon{width:14px;height:14px;display:grid}.docs-copy-icon .icon{width:14px;height:14px;transition:opacity .14s var(--ease-standard), transform .26s var(--ease-pop);grid-area:1/1}.docs-copy-icon .icon:last-child,.docs-copy-icon[data-state=copied] .icon:first-child{opacity:0;transform:scale(.6)}.docs-copy-icon[data-state=copied] .icon:last-child{opacity:1;color:var(--action-primary);transform:none}.docs-copy-label{display:grid}.docs-copy-label>span{visibility:hidden;grid-area:1/1}.docs-copy-label>span[data-on]{visibility:visible}.docs-copy-menu{z-index:30;border:var(--layout-hairline) solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--bg-canvas);transform-origin:100% 0;width:264px;padding:4px;display:grid;position:absolute;top:calc(100% + 6px);right:-1px;box-shadow:0 12px 32px -12px #0e0e0f2e,0 2px 6px -2px #0e0e0f0f}.docs-copy-menu[hidden]{display:none}.docs-copy .docs-copy-menu[data-x=start]{left:-1px;right:auto}.docs-copy .docs-copy-menu[data-x=end]{left:auto;right:-1px}.docs-copy .docs-copy-menu[data-up]{--docs-copy-rise:4px;top:auto;bottom:calc(100% + 6px)}@keyframes docs-copy-menu-in{0%{opacity:0;transform:translateY(var(--docs-copy-rise,-4px)) scale(.98)}}@media (prefers-reduced-motion:no-preference){.docs-copy-menu:not([hidden]){animation:docs-copy-menu-in .18s var(--ease-out)}}.docs-copy-item{border-radius:var(--radius-md);text-align:left;width:100%;color:var(--text-primary);transition:background-color .12s var(--ease-standard);align-items:center;gap:10px;padding:8px;display:flex}@media (hover:hover) and (pointer:fine){.docs-copy-item:hover{background-color:var(--bg-tint)}}.docs-copy-item:focus-visible{outline:2px solid var(--action-primary);outline-offset:-2px;border-radius:var(--radius-md)}.docs-copy-tile{border:var(--layout-hairline) solid var(--border-subtle);border-radius:var(--radius-sm);background-color:var(--bg-canvas);width:28px;height:28px;color:var(--text-secondary);flex:none;justify-content:center;align-items:center;display:inline-flex}.docs-copy-tile .icon{width:14px;height:14px}.docs-copy-text{min-width:0;display:grid}.docs-copy-title{align-items:center;gap:4px;font-size:13px;font-weight:500;line-height:18px;display:inline-flex}.docs-copy-out{width:12px;height:12px;color:var(--text-tertiary)}.docs-copy-note{color:var(--text-secondary);font-size:12px;font-weight:400;line-height:16px}:root[data-theme=dark] .docs-copy-menu{background-color:color-mix(in srgb, var(--text-primary) 5%, var(--bg-canvas));box-shadow:inset 0 1px #ffffff0a,0 12px 32px -12px #000000b3}:root[data-theme=dark] .docs-copy-tile{background-color:#0000}@media (hover:hover) and (pointer:fine){:root[data-theme=dark] .docs-copy-item:hover{background-color:color-mix(in srgb, var(--text-primary) 8%, transparent)}}.share-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-btn{border:var(--layout-hairline) solid var(--border-subtle);border-radius:var(--radius-full);background-color:var(--bg-canvas);width:30px;height:30px;color:var(--text-primary);cursor:pointer;transition:border-color .16s var(--ease-standard), background-color .16s var(--ease-standard), transform .2s var(--ease-release);flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}@media (pointer:coarse){.share-btn:before{content:"";position:absolute;inset:-7px}}.share-btn .icon,.share-btn .share-mark{width:14px;height:14px}.share-btn .share-mark{width:13px;height:13px}@media (hover:hover) and (pointer:fine){.share-btn:hover{border-color:var(--border-strong);background-color:var(--bg-tint)}}@media (prefers-reduced-motion:no-preference){.share-btn:active{transition-duration:.16s,.16s,.11s;transform:scale(.96)}}.share-copy-i{width:14px;height:14px;display:grid}.share-copy-i .icon{transition:opacity .14s var(--ease-standard), transform .26s var(--ease-pop);grid-area:1/1}.share-copy-i .icon:last-child,.share-copy[data-state=copied] .share-copy-i .icon:first-child{opacity:0;transform:scale(.6)}.share-copy[data-state=copied] .share-copy-i .icon:last-child{opacity:1;color:var(--action-primary);transform:none}@media (prefers-reduced-motion:reduce){.share-btn,.share-copy-i .icon{transition:none}}:root:not([data-nav=js]) :is(.share-copy,.share-native){display:none}.blog-rail-actions .docs-copy-menu{transform-origin:0 0;left:-1px;right:auto}.blog-page-actions{align-items:center;gap:8px;display:flex}.blog-codeblock .docs-code-copy{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);transition:background-color .14s var(--ease-standard), color .14s var(--ease-standard), transform .2s var(--ease-release);flex:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}@media (hover:hover) and (pointer:fine){.blog-codeblock .docs-code-copy:hover{background-color:var(--bg-tint);color:var(--text-primary)}}@media (prefers-reduced-motion:no-preference){.blog-codeblock .docs-code-copy:active{transition-duration:.14s,.14s,.11s;transform:scale(.96)}}.blog-codeblock .docs-code-copy:focus-visible{outline-offset:-2px}.blog-codeblock .docs-code-copy-i{width:14px;height:14px;display:grid}.blog-codeblock .docs-code-copy-i .icon{width:14px;height:14px;transition:opacity .14s var(--ease-standard), transform .26s var(--ease-pop);grid-area:1/1}.blog-codeblock .docs-code-copy-i .icon:last-child,.blog-codeblock .docs-code-copy[data-state=copied] .icon:first-child{opacity:0;transform:scale(.6)}.blog-codeblock .docs-code-copy[data-state=copied] .icon:last-child{opacity:1;color:var(--action-primary);transform:none}@media (prefers-reduced-motion:reduce){.blog-codeblock .docs-code-copy-i .icon{transition:none}}:root:not([data-nav=js]) .blog-codeblock .docs-code-copy{display:none}