.docs-copy{--docs-copy-h:30px;--docs-copy-fill:color-mix(in srgb, var(--text-primary) 5%, var(--bg-canvas));height:var(--docs-copy-h);border-radius:var(--radius-full);background-color:var(--docs-copy-fill);color:var(--text-secondary);flex:none;font-size:12px;font-weight:500;line-height:18px;display:inline-flex;position:relative}.docs-copy[data-open]{--docs-copy-fill:var(--bg-canvas);z-index:30;filter:drop-shadow(0 1px 2px #0e0e0f0f)drop-shadow(0 8px 16px #0e0e0f14)}:root[data-theme=dark] .docs-copy[data-open]{--docs-copy-fill:color-mix(in srgb, var(--text-primary) 5%, var(--bg-canvas));filter:drop-shadow(0 1px 2px #0006)drop-shadow(0 8px 16px #00000080)}.docs-copy[data-open] .docs-copy-menu{box-shadow:inset 0 0 0 var(--layout-hairline) color-mix(in srgb, var(--text-primary) 10%, transparent)}.docs-copy[data-open] .docs-copy-main,.docs-copy[data-open] .docs-copy-more,.docs-copy[data-open] .docs-copy-more[aria-expanded=true]{background-color:#0000}.docs-copy[data-open] .docs-copy-more:before{opacity:0}.docs-copy-main,.docs-copy-more{z-index:1;height:100%;transition:background-color var(--motion-state), color var(--motion-state);align-items:center;display:inline-flex;position:relative}.docs-copy-main{border-radius:var(--radius-full) 0 0 var(--radius-full);gap:6px;padding:0 10px 0 12px}.docs-copy-more{border-radius:0 var(--radius-full) var(--radius-full) 0;width:30px;color:var(--text-tertiary);justify-content:center;padding-right:2px}.docs-copy-more:before{content:"";width:var(--layout-hairline);background-color:color-mix(in srgb, var(--text-primary) 12%, transparent);height:14px;position:absolute;top:8px;left:0}.docs-copy-more .icon{width:14px;height:14px;transition:transform var(--motion-subtle)}.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:color-mix(in srgb, var(--text-primary) 5%, transparent);color:var(--text-primary)}}.docs-copy-more[aria-expanded=true]{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:var(--radius-full);padding-right:12px}.docs-copy-icon{width:14px;height:14px;display:grid}.docs-copy-icon .icon{width:14px;height:14px;transition:opacity var(--motion-state), transform var(--motion-subtle);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{--docs-copy-row:32px;--docs-copy-t:0px;--docs-copy-r:0px;--docs-copy-b:calc(100% - var(--docs-copy-h));--docs-copy-l:calc(100% - var(--docs-copy-w,100%));width:max-content;min-width:100%;padding:calc(var(--docs-copy-h) + 6px) 4px 4px;border-radius:var(--radius-xl);background-color:var(--docs-copy-fill);clip-path:inset(var(--docs-copy-t) var(--docs-copy-r) var(--docs-copy-b) var(--docs-copy-l) round calc(var(--docs-copy-h) / 2));visibility:hidden;transition:clip-path var(--motion-exit), visibility 0s linear var(--dur-fast);display:grid;position:absolute;top:0;right:0}.docs-copy-menu:before{content:"";top:calc(var(--docs-copy-h) + 2px);height:var(--layout-hairline);background-color:color-mix(in srgb, var(--text-primary) 10%, transparent);position:absolute;left:16px;right:16px}.docs-copy .docs-copy-menu[data-up]:before{top:auto;bottom:calc(var(--docs-copy-h) + 2px)}.docs-copy-menu[data-open]{clip-path:inset(0 round var(--radius-xl));visibility:visible;transition:clip-path var(--motion-default), visibility 0s}.docs-copy .docs-copy-menu[data-x=start]{--docs-copy-r:calc(100% - var(--docs-copy-w,100%));--docs-copy-l:0px;left:0;right:auto}.docs-copy .docs-copy-menu[data-x=end]{--docs-copy-r:0px;--docs-copy-l:calc(100% - var(--docs-copy-w,100%));left:auto;right:0}.docs-copy .docs-copy-menu[data-up]{--docs-copy-t:calc(100% - var(--docs-copy-h));--docs-copy-b:0px;padding:4px 4px calc(var(--docs-copy-h) + 6px);top:auto;bottom:0}.docs-copy-item{height:var(--docs-copy-row);border-radius:var(--radius-lg);white-space:nowrap;color:var(--text-primary);opacity:0;--docs-copy-shut:calc((var(--i,0) + 1) * var(--docs-copy-row) * -1);transform:translateY(var(--docs-copy-shut)) scale(.92);transition:transform var(--motion-exit), opacity var(--motion-exit), background-color var(--motion-state);align-items:center;gap:4px;padding:0 12px;font-size:13px;font-weight:400;line-height:18px;display:flex}.docs-copy .docs-copy-menu[data-up] .docs-copy-item{--docs-copy-shut:calc((var(--n,1) - var(--i,0)) * var(--docs-copy-row))}.docs-copy-menu[data-open] .docs-copy-item{opacity:1;transition:transform var(--motion-default), opacity var(--motion-enter), background-color var(--motion-state);transform:none}@media (prefers-reduced-motion:reduce){.docs-copy-menu,.docs-copy-menu[data-open],.docs-copy-item,.docs-copy-menu[data-open] .docs-copy-item{transition:none}}@media (hover:hover) and (pointer:fine){.docs-copy-item:hover{background-color:color-mix(in srgb, var(--text-primary) 6%, transparent)}}.docs-copy-item:focus-visible{outline:2px solid var(--action-primary);outline-offset:-2px;border-radius:var(--radius-lg)}.docs-copy-out{width:12px;height:12px;color:var(--text-tertiary);flex:none}.share-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.share-btn{border:var(--layout-hairline) solid transparent;border-radius:var(--radius-full);background-color:color-mix(in srgb, var(--text-primary) 5%, transparent);width:30px;height:30px;color:var(--text-primary);cursor:pointer;transition:border-color var(--motion-state), background-color var(--motion-state), transform var(--motion-subtle);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{background-color:color-mix(in srgb, var(--text-primary) 10%, transparent)}}.share-btn:active{background-color:color-mix(in srgb, var(--text-primary) 13%, transparent)}@media (prefers-reduced-motion:no-preference){.share-btn:active{transition-duration:var(--dur-fast), var(--dur-fast), var(--dur-fast);transform:scale(.96)}}.share-copy-i{width:14px;height:14px;display:grid}.share-copy-i .icon{transition:opacity var(--motion-state), transform var(--motion-subtle);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-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 var(--motion-state), color var(--motion-state), transform var(--motion-subtle);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:var(--dur-fast), var(--dur-fast), var(--dur-fast);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 var(--motion-state), transform var(--motion-subtle);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}