.pre_CodeHighlightWrapper__PB7oC{position:relative}.pre_PreWrapper__yeQ9s{border-radius:8px;background-color:#edf2f7!important;position:relative;line-height:24px!important;font-family:JetBrains Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#2d3748;margin-top:32px!important;margin-bottom:32px!important;overflow-x:visible;font-size:12px!important;margin:.5em 0;overflow:auto;padding:1em}@media(min-width:768px){.pre_PreWrapper__yeQ9s{font-size:14px!important}}.pre_PreWrapper__yeQ9s::-webkit-scrollbar{width:10px;height:10px;background-color:transparent}.pre_PreWrapper__yeQ9s::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.2)}.pre_PreWrapper__yeQ9s::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}.pre_PreWrapper__yeQ9s::-webkit-scrollbar-corner{background-color:transparent;border-color:transparent}.pre_PreWrapper__yeQ9s.pre_not-scrollable__5prqT{overflow-x:hidden}.pre_PreWrapper__yeQ9s.pre_not-scrollable__5prqT code{display:inline}.pre_PreWrapper__yeQ9s:last-child{margin-bottom:0!important}.pre_PreWrapper__yeQ9s code{text-shadow:none!important;display:block;width:-moz-fit-content;width:fit-content;font-family:JetBrains Mono,Monaco,Consolas,Liberation Mono,Courier New,monospace!important;font-size:12px!important}@media(min-width:768px){.pre_PreWrapper__yeQ9s code{font-size:14px!important}}.pre_PreWrapper__yeQ9s code[class*=language-],.pre_PreWrapper__yeQ9s pre[class*=language-]{text-shadow:none!important}.pre_PreWrapper__yeQ9s.pre_line-numbers__XqI9k{counter-reset:lineNumbers;padding-left:30px!important}.pre_PreWrapper__yeQ9s .pre_line-counting__dbuWy{position:absolute;width:1.3em;text-align:right;left:.3em}.pre_PreWrapper__yeQ9s .pre_line-counting__dbuWy:before{counter-increment:lineNumbers;content:counter(lineNumbers);color:#718096}.pre_PreWrapper__yeQ9s .pre_hide-line-counting__xaA0P{-webkit-user-select:none;-moz-user-select:none;user-select:none;color:#000}.pre_PreWrapper__yeQ9s .pre_hide-line-counting__xaA0P:before{counter-increment:lineNumbers;content:""}.pre_PreWrapper__yeQ9s .pre_hide-line-counting__xaA0P:after{content:"";margin:0 .3em}.pre_PreWrapper__yeQ9s .pre_line-highlight__78Bzi{transform:translateY(6px);background:rgba(75,138,167,.07)}.pre_PlaygroundLink__GPtbj{position:absolute;top:16px;right:67px}.pre_ButtonSmall__9OERv{cursor:pointer;background:#4a5568;box-shadow:0 2px 4px rgba(8,35,51,.05);border-radius:4px;font-family:var(--inter);font-weight:600;font-size:12px;text-transform:uppercase;padding:5px 5px 6px;color:#fff;line-height:1;text-shadow:none!important}.pre_CopyBtnStyle__MTYzD{position:absolute;top:16px;height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content;right:16px;color:#a0aec0;cursor:pointer}.pre_CopyBtnStyle__MTYzD:hover{color:#718096}._1uootqf3{--_1uootqf0:#fff;--_1uootqf1:var(--_123a9qe5i);--_1uootqf2:0px 18px 42px 0px #172b4d14,0px 4px 26px 0px #172b4d0d,0px 0px 46px 0px #172b4d03}._1uootqf4{--_1uootqf0:var(--_123a9qe5j);--_1uootqf1:var(--_123a9qe5d);--_1uootqf2:unset}._1uootqf5{padding:8px 12px;background:var(--_1uootqf0);width:-moz-fit-content;width:fit-content;display:flex;align-items:center;gap:16px;border:1px solid;border-radius:8px;margin:40px auto 0;box-shadow:var(--_1uootqf2)}.indigo._1uootqf5{border-color:var(--_123a9qe35)}.teal._1uootqf5{border-color:var(--_123a9qe3e)}._1uootqf5._1uootqf6{border:unset;margin:0 0 0 -12px}._1uootqf7{position:relative;padding-right:10px;color:var(--_1uootqf1);font-size:16px}._1uootqf7:after{content:"";position:absolute;height:22px;top:50%;transform:translateY(-50%);right:0;width:.5px;background:var(--_1uootqf1)}._1uootqf6 ._1uootqf7{display:none}._1uootqf8{display:flex;justify-content:center;align-items:center;gap:8px}._1uootqf9{color:var(--_1uootqf1);cursor:pointer;transition:color .3s ease-in-out}.indigo ._1uootqf9:hover{color:var(--_123a9qe35)}.teal ._1uootqf9:hover{color:var(--_123a9qe3e)}._1uootqfa{padding-top:10px;margin-top:-10px}.kntu540{background:var(--_123a9qe2g);text-align:center;padding:1rem;border-radius:var(--_123a9qe2e);margin-top:var(--_123a9qe1u)}.kntu540 img{margin:1rem auto!important}.kntu541{margin-bottom:32px;margin-top:0;text-align:center;color:var(--_123a9qe5g)}.kntu542{background-color:var(--_123a9qe51)}.kntu543{color:var(--_123a9qe5i);flex-direction:column;display:flex;gap:32px}.kntu543>*{flex:1 1;max-width:800px;margin:0 auto;text-align:center}.kntu543 a{text-decoration:underline;text-underline-offset:2px;font-weight:700;transition:color .15s ease-in-out}.kntu543 a:hover{color:var(--_123a9qe5g)}.kntu544,.kntu545{padding-bottom:75px}.kntu545{background:url(/blog/hero-lines.svg) center -50px/cover no-repeat,linear-gradient(180deg,#edeef9,#fff)}.kntu545 ._1ri0qby3{background:linear-gradient(180deg,#fff 10%,hsla(0,0%,100%,.618) 29.5%,#fff)!important}.kntu544 ._1ri0qby3{background:linear-gradient(1turn,#fff,transparent 25%,transparent)!important}.kntu544 h1,.kntu545 h1{font-size:64px!important;margin:1rem 0 0;color:var(--_123a9qe5b);text-align:center}.kntu544 h1 strong,.kntu545 h1 strong{color:var(--_123a9qe3f)!important}.kntu544 ._1ri0qbye>:not(a),.kntu544 ._1ri0qbys,.kntu545 ._1ri0qbye>:not(a),.kntu545 ._1ri0qbys{text-shadow:none!important}.kntu544 .subtitle,.kntu545 .subtitle{max-width:567px;margin:.75rem auto 0}.kntu546{position:absolute;font-family:var(--_123a9qen);top:209px;left:162px;display:flex;flex-direction:column}.kntu547{background:var(--_123a9qe2m);display:flex;align-items:center}.kntu547 .key{margin-left:var(--_123a9qe1g)}.kntu548{background:var(--_123a9qe57)!important}.kntu547>i{width:16px;height:16px}.kntu547 .type{margin-left:auto;font-style:italic;font-size:80%}.kntu546>span{border-left:2px solid var(--_123a9qe4m);margin-bottom:var(--_123a9qe1j)}.kntu546>div{background-color:var(--_123a9qe2m);display:flex;flex-direction:column;overflow:hidden;width:245px;border:1px solid var(--_123a9qe2l)}.kntu549{border-radius:0!important;border:none!important;box-shadow:none!important;display:flex;flex-wrap:wrap;background:transparent!important;justify-content:center;gap:24px}@media (min-width:768px){.kntu543{gap:64px;flex-direction:row}}@media (min-width:940px){.kntu544,.kntu545{padding-top:216px}}@media (prefers-color-scheme:light){.kntu544 h1,.kntu545 h1{text-shadow:none!important;color:var(--_123a9qe5g)!important}.kntu544 ._1ri0qbye,.kntu544 ._1ri0qbys,.kntu544 .subtitle,.kntu545 ._1ri0qbys,.kntu545 .subtitle{color:var(--_123a9qe5h)!important}}@media (prefers-color-scheme:dark){.kntu541{color:var(--_123a9qe5b)}.kntu542{background-color:var(--_123a9qe5j)}.kntu543{color:var(--_123a9qe5d)}.kntu543 a:hover{color:var(--_123a9qe5b)}.kntu544{background:var(--_123a9qe5j)}.kntu545{background:url(/blog/hero-lines.svg) center -50px/cover no-repeat,linear-gradient(180deg,#171937,#090a15)}.kntu545 ._1ri0qby3{background:linear-gradient(180deg,#090a15 10%,rgba(9,10,21,.62) 29.5%,#090a15)!important}.kntu544 ._1ri0qby3{background:linear-gradient(1turn,#090a15,rgba(9,10,21,0) 25%)!important}.kntu544 ._1ri0qbye,.kntu544 ._1ri0qbys,.kntu544 .subtitle,.kntu545 ._1ri0qbys,.kntu545 .subtitle{color:var(--_123a9qe5c)!important}}@media (max-width:640px){.kntu546>div{width:auto}}._1xrz61a0{margin-bottom:32px;width:100%;position:relative;display:inline-block;max-width:420px}.kntu545 ._1xrz61a0{margin-right:0}._1xrz61a1{text-align:left}._1xrz61a0._1xrz61a1{padding-bottom:1px;margin-right:0;max-width:620px}.kntu545 ._1xrz61a0._1xrz61a1{max-width:420px}._1xrz61a2{box-sizing:border-box;width:100%;line-height:var(--_123a9qet);font-size:18px;height:48px;border-radius:10px;padding:16px 14px 16px 54px;color:var(--_123a9qe5h);outline:1px solid var(--_123a9qe5q);box-shadow:-4px -4px 32px 0 rgba(0,0,0,.08);transition:all .3s ease-in-out}._1xrz61a2::-moz-placeholder{color:var(--_123a9qe5i)}._1xrz61a2::placeholder{color:var(--_123a9qe5i)}._1xrz61a2:focus{outline:3px solid var(--_123a9qe5o)}._1xrz61a0 ._1xrz61a2{background-color:var(--_123a9qe51)}._1xrz61a0._1xrz61a1 ._1xrz61a2{background-color:var(--_123a9qe5j);outline-color:var(--_123a9qe5p);cursor:pointer;white-space:nowrap;overflow:hidden;direction:rtl;text-overflow:ellipsis}._1xrz61a0._1xrz61a1 ._1xrz61a2:focus,._1xrz61a0._1xrz61a1 ._1xrz61a2:hover{background-color:var(--_123a9qe5k);outline-color:var(--_123a9qe5m);outline-width:1px}.kntu545 ._1xrz61a0._1xrz61a1 ._1xrz61a2{direction:ltr}.kntu545 ._1xrz61a0._1xrz61a1 ._1xrz61a2:focus{color:var(--_123a9qe5g)}._1xrz61a3{left:14px;display:none;position:absolute;top:50%;transform:translateY(-50%);color:var(--_123a9qe5i);transition:color .3s ease-in-out}._1xrz61a0._1xrz61a1 ._1xrz61a3{color:var(--_123a9qe5m)}._1xrz61a3._1xrz61a4{color:var(--_123a9qe5o)}@media only screen and (min-width:600px){._1xrz61a0{margin-right:24px;margin-bottom:0}}@media (prefers-color-scheme:dark){.kntu545 ._1xrz61a0._1xrz61a1 ._1xrz61a2:focus{color:var(--_123a9qe5b)}}@media only screen and (min-width:360px){._1xrz61a3{display:flex}}