.post-content-wrapper{grid-template-columns:3fr 1px 1fr;gap:40px 32px;display:grid}.post-content-wrapper .share{grid-column:1;margin-top:0}.post-content-wrapper .post-aside{grid-area:1/3/4}@media screen and (max-width:767px){.post-content-wrapper{grid-template-columns:1fr;gap:32px}.post-content-wrapper .post-body{order:1;grid-area:auto}.post-content-wrapper .post-aside{order:2;grid-area:auto;margin-top:0;position:static}.post-content-wrapper .post-author-card{order:3}.post-content-wrapper .share{order:4;margin-top:0;padding-top:32px}}.post-aside{flex-direction:column;justify-content:flex-start;align-self:start;align-items:flex-start;gap:20px;display:flex;position:sticky;top:112px;right:0}body:has(.header.with-banner) .post-aside{top:152px}.post-content-separator{background-color:var(--Light-Grey);grid-area:1/2/4;width:1px;height:100%}@media screen and (max-width:767px){.post-content-separator{display:none}}@supports selector(::-webkit-scrollbar-thumb){.post-navigation{scrollbar-gutter:stable}.post-navigation::-webkit-scrollbar{cursor:default;width:.3125rem;height:.3125rem}.post-navigation::-webkit-scrollbar-track{cursor:default;background-color:#0000;border-radius:8px}.post-navigation::-webkit-scrollbar-thumb{background-color:var(--Dark-80);cursor:default;border-radius:8px;outline:none}.post-navigation::-webkit-scrollbar-track-piece{cursor:default}.post-navigation::-webkit-scrollbar-button{cursor:default}}@supports not selector(::-webkit-scrollbar-thumb){.post-navigation{scrollbar-width:thin;scrollbar-color:var(--Dark-80) var(--Grey)}}.post-navigation{width:100%;overflow-y:scroll}.post-navigation-list{border-left:.5px solid var(--Grey);flex-direction:column;gap:8px;display:flex;position:relative}.post-navigation-list:after{content:"";width:.5px;height:var(--scroll-progress,0%);background-color:var(--Blue-purple);pointer-events:none;position:absolute;top:0;left:-.5px}.post-navigation-list-item{cursor:pointer;padding:8px 16px}.post-navigation-list-item h2{font-family:var(--space-grotesk-bold);letter-spacing:0;opacity:.6;font-size:16px;line-height:100%;transition:opacity .3s ease-in-out,color .3s ease-in-out}.post-navigation-list-item.active h2,.post-navigation-list-item:hover h2,.post-navigation-list-item:active h2{opacity:1;color:var(--Blue-purple)}@media screen and (max-width:767px){.post-navigation{display:none}}
.post-body{overflow:hidden}@media screen and (max-width:639px){.post-body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.post-body-main-image{object-fit:cover;border-radius:10px;width:100%;height:auto;display:block}.post-body-main-image.is-cropped{height:340px}@media screen and (max-width:1199px){.post-body-main-image.is-cropped{height:240px}}@media screen and (max-width:639px){.post-body-main-image.is-cropped{height:180px}}@media screen and (max-width:767px){.post-body-main-image{margin-bottom:0}}.post-body-iframe-wrapper{border:1px solid var(--Grey);background-color:1px solid var(--Light-Grey);border-radius:12px;padding:12px 12px 8px}.post-body-main-iframe{aspect-ratio:1.5;border-radius:12px;width:100%}.post-body :not(h1,h2,h3,h4,h5){font-family:var(--inter);font-weight:400}.post-body p,.post-body li,.post-body a{letter-spacing:-.1px;font-size:18px;font-weight:400;line-height:1.55}@media screen and (max-width:639px){.post-body p,.post-body li,.post-body a{font-size:15px;line-height:1.6}}.post-body p,.post-body li{color:#425466}.post-body p{margin-block:20px}.post-body section{border-bottom:1px solid var(--Grey);padding-bottom:40px}.post-body a{color:var(--Blue-purple)}@media screen and (max-width:639px){.post-body a{text-underline-offset:3px;-webkit-text-decoration:underline #5547eb59;text-decoration:underline #5547eb59;text-decoration-thickness:1px}}.post-body strong{font-family:var(--inter);font-weight:600}@media screen and (max-width:639px){.post-body :not(pre)>code{font-size:15px}}.post-body h2,.post-body h3,.post-body h4,.post-body h5{font-weight:500}.post-body h2{letter-spacing:-1px;font-size:40px;line-height:120%}@media screen and (max-width:639px){.post-body h2{letter-spacing:-1px;font-size:24px;line-height:120%}}.post-body h2{margin-top:40px;margin-bottom:24px}@media screen and (max-width:639px){.post-body h2{margin-top:28px;margin-bottom:16px;font-size:24px;line-height:1.25}}.post-body h3{letter-spacing:-1px;font-size:32px;line-height:110%}@media screen and (max-width:639px){.post-body h3{letter-spacing:-.5px;font-size:24px;line-height:130%}}.post-body h3{letter-spacing:normal;margin-top:32px;margin-bottom:16px}@media screen and (max-width:639px){.post-body h3{margin-top:24px;margin-bottom:14px;line-height:1.3}}.post-body h4{font-family:var(--space-grotesk-bold);font-size:24px;line-height:120%}@media screen and (max-width:639px){.post-body h4{font-size:20px}}.post-body h4{margin-top:32px;margin-bottom:12px}@media screen and (max-width:639px){.post-body h4{margin-top:24px;margin-bottom:12px;line-height:1.3}}.post-body h5{margin:16px 0 10px;font-size:22px;line-height:120%}@media screen and (max-width:639px){.post-body h5{font-size:20px}}.post-body ul,.post-body ol{margin-top:24px;margin-bottom:40px;line-height:1.5rem}@media screen and (max-width:639px){.post-body ul,.post-body ol{margin-top:16px;margin-bottom:24px}}.post-body ul{flex-direction:column;gap:16px;display:flex}@media screen and (max-width:639px){.post-body ul{gap:12px}}.post-body ul li{padding-left:34px;line-height:1.6;position:relative}.post-body ul li:before{content:"";background-color:var(--Lavender);border-radius:50%;width:8px;height:8px;display:inline-block;position:absolute;top:calc(.8em - 4px);left:16px}.post-body ul li>ul{margin:0}.post-body ul+ul,.post-body ol+ol{margin-top:16px}.post-body ul:has(+ul){margin-bottom:16px}.post-body ol:has(+ol){margin-bottom:16px}.post-body ol{padding-left:34px}.post-body ol li{margin-bottom:12px}.post-body ol li::marker{color:var(--Lavender)}.post-body ol li>ol{margin:0}.post-body img{object-fit:contain;cursor:pointer;border-radius:10px;width:auto;max-width:100%;height:auto;max-height:380px;margin:20px auto 20px 0;display:block}.post-body>div:has(iframe){margin:20px auto}.post-body iframe{aspect-ratio:1.5;border-radius:12px;width:100%;height:auto}.post-body blockquote{font-size:20px;line-height:130%}@media screen and (max-width:639px){.post-body blockquote{font-size:16px;line-height:140%}}.post-body blockquote{background:#f3f4f8;border:1px solid #a192ec24;border-radius:12px;margin-top:32px;padding:20px 24px 24px 80px;position:relative}.post-body blockquote:before{content:"";background:url(../media/quote.svg.31rh0ivykpwlw.js) 50%/cover no-repeat;border-radius:8px;width:40px;height:40px;position:absolute;top:20px;left:24px;overflow:hidden}.post-body blockquote p,.post-body blockquote a{line-height:1.55;font-size:inherit;margin:0}.post-body blockquote p{color:var(--Dark)}@media screen and (max-width:639px){.post-body blockquote{border-radius:10px;padding:18px 20px 18px 64px}.post-body blockquote:before{border-radius:6px;width:30px;height:30px;top:18px;left:20px}}@supports selector(::-webkit-scrollbar-thumb){.post-body-table-wrapper{scrollbar-gutter:stable}.post-body-table-wrapper::-webkit-scrollbar{cursor:default;width:.3125rem;height:.3125rem}.post-body-table-wrapper::-webkit-scrollbar-track{cursor:default;background-color:#0000;border-radius:8px}.post-body-table-wrapper::-webkit-scrollbar-thumb{background-color:var(--Dark-80);cursor:default;border-radius:8px;outline:none}.post-body-table-wrapper::-webkit-scrollbar-track-piece{cursor:default}.post-body-table-wrapper::-webkit-scrollbar-button{cursor:default}}@supports not selector(::-webkit-scrollbar-thumb){.post-body-table-wrapper{scrollbar-width:thin;scrollbar-color:var(--Dark-80) var(--Grey)}}.post-body-table-wrapper{margin:40px 0;overflow-x:auto}.post-body-table-wrapper+.post-body-table-wrapper{margin-top:32px}@media screen and (max-width:639px){.post-body-table-wrapper{margin:32px 0}.post-body-table-wrapper+.post-body-table-wrapper{margin-top:24px}}.post-body table{border-collapse:collapse;border-spacing:0;border-radius:8px;width:100%;font-size:15px;line-height:1.6;overflow:hidden}.post-body table caption{font-family:var(--inter);letter-spacing:.08em;text-transform:uppercase;color:var(--Dark-Grey);text-align:center;caption-side:top;margin-bottom:12px;font-size:12px;font-weight:600}.post-body th,.post-body td{text-align:left;vertical-align:top;border-right:1px solid #e5e7f140;padding:14px 20px}.post-body th:last-child,.post-body td:last-child{border-right:none}@media screen and (max-width:639px){.post-body th,.post-body td{padding:10px 14px}}.post-body th{background-color:var(--Lavender-10);color:var(--Dark);font-family:var(--inter);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-bottom:2px solid var(--Lavender);font-size:13px;font-weight:600}.post-body th:first-child{border-radius:8px 0 0}.post-body th:last-child{border-radius:0 8px 0 0}.post-body td{border-bottom:1px solid var(--Grey);color:var(--Dark)}.post-body tbody tr:last-child td{border-bottom:none}.post-body tbody tr:last-child td:first-child{border-radius:0 0 0 8px}.post-body tbody tr:last-child td:last-child{border-radius:0 0 8px}.post-body tbody tr:nth-child(2n){background-color:#f2f3f880}.post-body td:first-child{font-family:var(--inter);white-space:nowrap;font-weight:500}.post-body th p,.post-body td p{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;margin:0}.post-body .console-container{height:auto}.post-body .blog-code-block{--blog-code-bg:#171717;--blog-code-line-number:#9ca3af99;--blog-code-radius:10px;border-radius:var(--blog-code-radius);background:linear-gradient(#ffffff05 0%,#fff0 100%),#0f0f10;border:1px solid #ffffff0f;max-width:min(100%,960px);margin:8px 0 32px;box-shadow:inset 0 1px #ffffff0a,0 24px 60px -48px #000c}@media screen and (max-width:639px){.post-body .blog-code-block{margin:8px 0 24px}}.post-body .blog-code-block,.post-body .blog-code-block *{font-family:inherit!important}.post-body .blog-code-block__frame{border-radius:var(--blog-code-radius);background-color:var(--blog-code-bg);border:1px solid #ffffff0d;position:relative;overflow:hidden}.post-body .blog-code-block__copy-button{z-index:1;border-radius:var(--blog-code-radius);color:#ffffffe0;cursor:pointer;opacity:1;pointer-events:auto;filter:blur();background-color:#171717e6;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:0 12px;transition:background-color .25s ease-in-out,border-color .25s ease-in-out,transform .25s ease-in-out,opacity .25s ease-in-out,filter .25s ease-in-out;display:inline-flex;position:absolute;bottom:12px;right:12px}.post-body .blog-code-block__copy-button:hover,.post-body .blog-code-block__copy-button:focus-visible{background-color:#202020f5;border-color:#ffffff29;transform:translateY(-1px)}.post-body .blog-code-block__copy-button:active{transform:scale(.97)}.post-body .blog-code-block__copy-button:focus-visible{outline-offset:2px;outline:2px solid #fff3}@media screen and (max-width:639px){.post-body .blog-code-block__copy-button{min-height:32px;padding:0 10px;bottom:10px;right:10px}}.post-body .blog-code-block__copy-icons{place-items:center;display:grid;position:relative}.post-body .blog-code-block__copy-icon{grid-area:1/1;justify-content:center;align-items:center;transition:opacity .2s,filter .2s,transform .2s;display:inline-flex}.post-body .blog-code-block__copy-icon svg{opacity:.82;flex-shrink:0;width:15px;height:15px}.post-body .blog-code-block__copy-labels{align-items:center;display:grid;position:relative}.post-body .blog-code-block__copy-label{letter-spacing:.01em;color:#ffffffeb;-webkit-user-select:none;user-select:none;grid-area:1/1;font-size:12px;font-weight:600;line-height:1;transition:opacity .2s,filter .2s,transform .2s}.post-body .blog-code-block__copy-label.is-visible{opacity:1;filter:blur();transform:translateY(0)scale(1)}.post-body .blog-code-block__copy-label.is-hidden{opacity:0;filter:blur(2px);transform:translateY(2px)scale(.98)}.post-body .blog-code-block__copy-icon.is-visible{opacity:1;filter:blur();transform:scale(1)}.post-body .blog-code-block__copy-icon.is-hidden{opacity:0;filter:blur(2px);transform:scale(.9)}@media (prefers-reduced-motion:reduce){.post-body .blog-code-block__copy-button,.post-body .blog-code-block__copy-label,.post-body .blog-code-block__copy-icon{transition:none}}.post-body .blog-code-block__copy-text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.post-body .blog-code-block__content{background-color:var(--blog-code-bg);scrollbar-width:thin;scrollbar-color:#ffffff2e #0000;padding:18px 0;overflow:auto hidden}.post-body .blog-code-block__content::-webkit-scrollbar{width:.25rem;height:.25rem}.post-body .blog-code-block__content::-webkit-scrollbar-track{background:0 0}.post-body .blog-code-block__content::-webkit-scrollbar-thumb{background-color:#ffffff2e;border-radius:999px}.post-body .blog-code-block__content::-webkit-scrollbar-thumb:hover{background-color:#ffffff47}@media screen and (max-width:639px){.post-body .blog-code-block__content{padding:16px 0}}.post-body .blog-code-block__content pre.shiki{color:#cdd6f4;white-space:pre;counter-reset:step;font-size:14px;font-weight:400;line-height:1.5;overflow:visible;background-color:#171717!important;margin:0!important;padding:0!important;font-family:inherit!important;font-style:normal!important}@media screen and (max-width:639px){.post-body .blog-code-block__content pre.shiki{padding:0!important}}.post-body .blog-code-block__content pre.shiki code{white-space:normal;width:fit-content;min-width:100%;font-weight:inherit;font-variant-ligatures:none;display:block;font-family:inherit!important;font-style:normal!important}.post-body .blog-code-block__content pre.shiki code span{font-family:inherit!important;font-style:normal!important}.post-body .blog-code-block__content pre.shiki code .line{white-space:pre;border-left:3px solid #0000;padding-left:8px;padding-right:2.5rem;display:block}@media screen and (max-width:639px){.post-body .blog-code-block__content pre.shiki code .line{padding-left:6px;padding-right:2.2rem}}.post-body .blog-code-block__content pre.shiki code .line:before{content:counter(step);counter-increment:step;width:1.8rem;color:var(--blog-code-line-number);text-align:right;-webkit-user-select:none;user-select:none;margin-right:.9rem;display:inline-block}@media screen and (max-width:639px){.post-body .blog-code-block__content pre.shiki code .line:before{width:1.55rem;margin-right:.7rem}}.post-body .blog-code-block__content pre.shiki code .line.highlighted,.post-body .blog-code-block__content pre.shiki code .line.diff{background-color:#ffffff0a}.post-body .blog-code-block__content pre.shiki code .line.highlighted{border-left-color:#94a3b8e6}.post-body .blog-code-block__content pre.shiki code .line.diff.add{background-color:#4ade801f;border-left-color:#60a5fad9}.post-body .blog-code-block__content pre.shiki code .line.diff.add:before{color:#60a5fae6;content:"+"}.post-body .blog-code-block__content pre.shiki code .line.diff.remove{opacity:.72;background-color:#f871711f;border-left-color:#f97316d9}.post-body .blog-code-block__content pre.shiki code .line.diff.remove:before{color:#f97316e6;content:"-"}