.CodeBlockHeader{letter-spacing:.15px;color:#e6e6e6;background-color:#21262d;border-bottom:1px solid #363b42;flex-direction:row;justify-content:space-between;align-items:center;font-family:monospace;font-weight:500;display:flex}.CodeBlockHeader-Item{border-left:1px solid #363b42;flex-flow:row;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:12px;display:flex;position:relative}.CodeBlockHeader-Item:disabled{pointer-events:none}.CodeBlockHeader-Item:hover{background-color:#2c323c;transition:all .1s ease-in}.CodeBlockHeader-Actions{flex-direction:row;align-items:center;display:flex}@media (width<=600px){.CodeBlockHeader-Actions .CodeBlockHeader-Item span,.CodeBlockHeader-Actions .CodeBlockHeader-Item:not(:first-child){display:none}}.CodeBlockHeader-Tabs{flex-direction:row;align-items:center;padding-left:16px;display:flex}@media (width<=600px){.CodeBlockHeader-Tabs{-ms-overflow-style:none;scrollbar-width:none;max-width:min-content;padding-left:0;overflow:auto hidden}.CodeBlockHeader-Tabs::-webkit-scrollbar{display:none}}.CodeBlockHeader-Tabs .CodeBlockHeader-Item{color:#7c8590;border-left:none;font-size:13px}.CodeBlockHeader-Tabs .CodeBlockHeader-Item--Active{color:#e6e6e6}.CodeBlockHeader-Tabs .CodeBlockHeader-Item--Active:hover{background-color:unset!important}.CodeBlockHeader-Tabs .CodeBlockHeader-Item--Active:after{content:"";border-bottom:2px solid var(--accent);width:100%;display:block;position:absolute;bottom:-1px;left:0;right:0}.CodeBlockHeader-Menu{z-index:10;background-color:#21262d;border-radius:8px;width:180px;margin-top:4px;position:absolute;right:0;overflow:hidden}.CodeBlockHeader-Menu-Item{flex-direction:row;align-items:center;gap:6px;width:100%;padding:8px;display:flex}.CodeBlockHeader-Menu-Item:hover{background-color:#2c323c}.codeblock-overflow[data-astro-cid-q3vzfgca] [data-astro-cid-q3vzfgca][data-tab=nodejs]{display:none}.codeblock-overflow[data-astro-cid-q3vzfgca].tab--react [data-astro-cid-q3vzfgca][data-tab=react]{display:block}.codeblock-overflow[data-astro-cid-q3vzfgca].tab--react [data-astro-cid-q3vzfgca][data-tab=nodejs]{display:none}.codeblock-overflow[data-astro-cid-q3vzfgca].tab--nodejs [data-astro-cid-q3vzfgca][data-tab=nodejs]{display:block}.codeblock-overflow[data-astro-cid-q3vzfgca].tab--nodejs [data-astro-cid-q3vzfgca][data-tab=react]{display:none}pre.line-collapse-0 code .line[data-line-collapse-trigger="0"] .collapse-trigger button svg{transform:rotate(-90deg)}pre.line-collapse-0 code .line[data-line-collapse-trigger="0"] .collapse-trigger:after{content:"];";color:#e6e6e6}pre.line-collapse-0 code .line[data-line-collapse="0"]{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}pre.line-collapse-1 code .line[data-line-collapse-trigger="1"] .collapse-trigger button svg{transform:rotate(-90deg)}pre.line-collapse-1 code .line[data-line-collapse-trigger="1"] .collapse-trigger:after{content:"];";color:#e6e6e6}pre.line-collapse-1 code .line[data-line-collapse="1"]{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}pre.line-collapse-2 code .line[data-line-collapse-trigger="2"] .collapse-trigger button svg{transform:rotate(-90deg)}pre.line-collapse-2 code .line[data-line-collapse-trigger="2"] .collapse-trigger:after{content:"];";color:#e6e6e6}pre.line-collapse-2 code .line[data-line-collapse="2"]{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}pre.line-collapse-3 code .line[data-line-collapse-trigger="3"] .collapse-trigger button svg{transform:rotate(-90deg)}pre.line-collapse-3 code .line[data-line-collapse-trigger="3"] .collapse-trigger:after{content:"];";color:#e6e6e6}pre.line-collapse-3 code .line[data-line-collapse="3"]{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}pre.line-collapse-4 code .line[data-line-collapse-trigger="4"] .collapse-trigger button svg{transform:rotate(-90deg)}pre.line-collapse-4 code .line[data-line-collapse-trigger="4"] .collapse-trigger:after{content:"];";color:#e6e6e6}pre.line-collapse-4 code .line[data-line-collapse="4"]{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.codeblock{border-radius:8px;max-height:600px;padding-bottom:37px;position:relative;overflow:hidden;background-color:#161b22!important}.codeblock-overflow{max-height:100%;overflow:auto}.code{font-family:monospace;font-size:12px;position:relative}@media (width<=600px){.code{font-size:11px}}.code pre{background-color:inherit;padding:12px;background-color:#161b22!important}.code pre code{flex-direction:column;display:flex}.code pre code .collapse-trigger button{color:#fff;background-color:#30363d;border:1px solid #363b42;border-radius:4px;margin:0 4px;display:inline-block;position:relative;top:3px}.code pre code .collapse-trigger button svg{color:#e6e6e6;width:16px;height:16px}.code-anchor{cursor:pointer;border-bottom:1px dashed #9cdcfee6;line-height:1.3;transition:all .1s}@media (width<=600px){.code-anchor{border-bottom-width:0}}.code--numbered code{counter-reset:step;counter-increment:step 0}.code--numbered code .line:before{content:counter(step);counter-increment:step;text-align:right;color:#464454;width:1rem;margin-right:1rem;display:inline-block}.code--numbered code .line-action{color:#fff;border-radius:2px;width:6px;height:4px}