.blog-toc::-webkit-scrollbar-track{background:transparent}.blog-toc::-webkit-scrollbar-thumb{background-color:transparent;border-radius:6px}.blog-toc:hover::-webkit-scrollbar-thumb{background-color:#ccc}.blog-toc:hover::-webkit-scrollbar-thumb:hover{background-color:#aaa}.blog-toc::-webkit-scrollbar-corner{background:transparent}.blog-toc:hover{scrollbar-color:#ccc transparent}.blog-rich-text h2[id],.blog-rich-text h3[id],.blog-rich-text h4[id],.blog-rich-text h5[id],.blog-rich-text h6[id]{scroll-margin-top:8.5rem}@media screen and (min-width:992px){.blog-rich-text h2[id],.blog-rich-text h3[id],.blog-rich-text h4[id],.blog-rich-text h5[id],.blog-rich-text h6[id]{scroll-margin-top:calc(8rem - 20px)}}.blog-post-page{--blog-nav-height: 4.5rem;--article-bg: #0c0c0c;--article-surface: #19191e;--article-raised: #37373c;--article-border: rgb(255 255 255 / 15%);--article-copy: #d1d1d6;--article-muted: #b0b0b4;--blog-bg: #0c0c0c;--blog-surface: #19191e;--blog-surface-hover: #232329;--blog-border: rgb(255 255 255 / 15%);--blog-border-hover: rgb(255 255 255 / 25%);--toc-link-hover-background: var(--color-neutral-700);--toc-link-hover-color: #fff;--blog-search-category-fade: linear-gradient( 90deg, var(--blog-bg) 0%, transparent 32%, var(--blog-bg) 100% );--blog-muted: #b0b0b4;--blog-thumbnail-ratio: 5 / 3;background:var(--article-bg);color:#fff}.blog-post-page main{background:var(--article-bg)}.article-nav{--article-search-category-shift: -16.125rem;position:sticky;z-index:30;top:0;min-height:var(--blog-nav-height);border-bottom:1px solid var(--article-border);background:#0c0c0cf5;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.article-nav__inner{position:relative;display:flex;align-items:center;gap:2rem;min-height:var(--blog-nav-height)}.article-nav__logo{display:flex;flex:0 0 auto;align-items:center;width:9.25rem;color:#fff}.article-nav__logo img{display:block;width:100%;height:auto}.article-nav__controls{display:flex;flex:1 1 auto;align-items:center;justify-content:flex-end;gap:1rem;min-width:0}.article-nav__categories{position:relative;min-width:0;transition:opacity .24s ease,filter .24s ease,transform .22s ease}.article-nav__categories:after{position:absolute;inset:0;content:"";background:var(--blog-search-category-fade);opacity:0;pointer-events:none;transition:opacity .24s ease}.article-nav__categories .blog-filter-list{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;overflow-x:auto;scrollbar-width:none}.article-nav__categories .blog-filter-list::-webkit-scrollbar{display:none}.article-nav .blog-filter-field{padding:0}.article-nav .blog-filter-link{display:flex;box-sizing:border-box;flex:0 0 auto;align-items:center;justify-content:center;height:3rem;min-height:3rem;max-height:3rem;margin:0;padding:.75rem 1rem;border:0;border-radius:var(--blog-control-radius);color:#d1d1d6;background:var(--blog-surface);font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:-.03em;text-decoration:none;white-space:nowrap;transition:color .18s ease,background-color .18s ease}.article-nav .blog-filter-link:hover{color:#fff;background:var(--blog-surface-hover)}.article-nav .blog-filter-link.is-current{color:#0c0c0c;background:#fff}.article-nav__category-mobile{display:none}.article-nav .article-nav__search-trigger{display:grid;flex:0 0 3rem;width:3rem;height:3rem;min-width:3rem;margin:0;padding:0;border:0;border-radius:var(--blog-control-radius);color:#fff;background:var(--blog-surface);cursor:pointer;place-items:center;transition:background-color .18s ease}.article-nav .article-nav__search-trigger:hover{color:#fff;background:var(--blog-surface-hover)}.article-nav .article-nav__search-trigger:focus-visible{outline-offset:-3px}.article-nav__search-trigger img{width:1.25rem;height:1.25rem}.article-nav .article-nav__search{position:absolute;z-index:50;inset:0 clamp(1.5rem,calc(9.23vw - 2.72rem),6rem) 0 auto;display:flex;align-items:center;width:min(19.125rem,calc(100% - 3rem));height:3rem;margin-block:auto;border:0;border-radius:var(--blog-control-radius);background:var(--blog-surface);box-shadow:inset 0 0 0 1px var(--article-border);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease}.blog-post-page .article-nav .article-nav__search.show{inset-block:0;display:flex;opacity:1;visibility:visible;pointer-events:auto}@media screen and (min-width:992px){.article-nav__inner:has(.article-nav__search.show) .article-nav__categories{opacity:.32;filter:grayscale(.4);pointer-events:none;transform:translate(var(--article-search-category-shift))}.article-nav__inner:has(.article-nav__search.show) .article-nav__categories:after{opacity:.72}}.article-nav__search .blog-search-input{box-sizing:border-box;flex:1 1 auto;width:auto;min-width:0;height:100%;margin:0;padding:.75rem 1rem;border:0;color:#fff;background:transparent;font-size:1rem;font-weight:400;line-height:1.5}.article-nav__search .blog-search-input::placeholder{color:#b0b0b4;opacity:1}.article-nav__search .blog-search-input:focus::placeholder{opacity:0}.article-nav__search:not(.show) .blog-search-input::placeholder{opacity:0}.article-nav__search-submit,.article-nav__search-close{position:static;inset:auto;display:grid;flex:0 0 3rem;width:3rem;height:3rem;border:0;background:transparent;cursor:pointer;place-items:center}.article-nav__search-submit{padding:.25rem;color:#fff;background-clip:content-box}.article-nav__search-submit:is(:hover,:focus-visible){background-color:var(--blog-surface-hover)}.article-nav__search-submit{border-radius:.375rem}.article-nav__search-submit img,.article-nav__search-close img{width:1.25rem;height:1.25rem;pointer-events:none}.article-nav__search-trigger img{pointer-events:none}.article-nav__search-close{padding:0;border-radius:0;color:var(--color-neutral-700);background-clip:border-box;opacity:0;visibility:hidden;pointer-events:none;transition:color .15s ease,opacity .15s ease}.article-nav__search:has(.blog-search-input:valid) .article-nav__search-close{opacity:1;visibility:visible;pointer-events:auto}.article-nav__search-close:is(:hover,:focus-visible){color:var(--color-neutral-400);background:transparent}.article-nav__search-close svg{width:1.25rem;height:1.25rem;pointer-events:none}.article-container{--article-inline-gutter: clamp(1.5rem, 3.18vw, 3rem);box-sizing:border-box;width:100%;max-width:74.375rem;margin-inline:auto;padding-inline:var(--article-inline-gutter)}.article-hero{padding-block:5rem 4rem;background:var(--article-bg)}.article-hero__inner{display:flex;flex-direction:column;align-items:center}.article-hero__meta{display:flex;align-items:center;justify-content:center;gap:.75rem;flex-wrap:wrap}.article-hero__dates{display:inline-flex;align-items:center;gap:.5rem;flex-wrap:wrap}.article-hero__date{display:inline-flex;align-items:center;gap:.25rem;color:#f6f6fb;font-size:.75rem;font-weight:500;line-height:1.1;letter-spacing:.15em;text-transform:uppercase}.article-hero__date+.article-hero__date:before{margin-right:.25rem;content:"\b7"}.article-hero__meta time{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit}.article-hero h1{width:min(100%,61.125rem);margin:1.5rem 0 0;color:#fff;font-family:var(--font-sans);font-size:4.5rem;font-weight:400;line-height:1;letter-spacing:-.02em;text-align:center;text-wrap:balance}.article-byline{display:flex;align-items:center;gap:1rem;margin-top:3rem}.article-byline>img{width:2rem;height:2rem;border-radius:999px;object-fit:cover}.article-byline__copy{display:flex;align-items:baseline;gap:.75rem;font-size:1rem;line-height:1.5;letter-spacing:-.03em}.article-byline__copy a,.article-byline__copy strong{color:#fff;font-weight:600;text-decoration:none}.article-byline__copy span{color:var(--article-muted);font-size:.875rem}.article-hero__image{width:100%;margin-top:3rem;border-radius:.5rem;overflow:hidden}.article-hero__image img{display:block;width:100%;height:auto}.article-content{padding-bottom:5rem;border-bottom:1px solid var(--article-raised);background:var(--article-bg)}.article-layout{display:grid;grid-template-columns:21.125rem minmax(0,43.25rem);align-items:start;gap:4rem}.article-sidebar{min-width:0;align-self:stretch}.article-sidebar__sticky{position:sticky;top:6rem}.blog-post-page .article-toc{max-height:calc(100vh - 7.5rem);padding:1.5rem 1rem;border-radius:.5rem;color:#fff;background:var(--article-raised);overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent;transition:border-color .24s ease}.blog-post-page .article-toc.is-scroll-boundary-feedback{border-color:#fff}.blog-post-page .article-toc:hover{scrollbar-color:rgb(255 255 255 / 28%) transparent}.blog-post-page .article-toc::-webkit-scrollbar-thumb{background-color:transparent}.blog-post-page .article-toc:hover::-webkit-scrollbar-thumb{background-color:#ffffff47}.article-label{color:#fff;font-size:.75rem;font-weight:500;line-height:1.1;letter-spacing:.1em;text-transform:uppercase}.blog-post-page .article-toc .toc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;height:auto;padding:0;border:0;color:#fff;background:transparent;text-align:left;cursor:default}.blog-post-page .article-toc .toc-dropdown-icon{display:none;width:1.25rem;height:1.25rem;transition:transform .18s ease}.blog-post-page .article-toc .toc-toggle[aria-expanded=true] .toc-dropdown-icon{transform:rotate(180deg)}.blog-post-page .article-toc .toc-list{display:block;position:static;inset:auto;width:100%;max-height:none;margin:1.25rem 0 0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.blog-post-page .blog-toc.article-toc .toc-dropdown>.toc-list{border:0;background-color:transparent;background-image:none;box-shadow:none}.blog-post-page .article-toc .toc-list .toc-link{display:block;border-radius:.5rem;color:#fff;font-weight:400;line-height:1.25rem;letter-spacing:0;text-decoration:none;transition:color .18s ease,background-color .18s ease}.blog-post-page .article-toc .toc-list .toc-link.is-active,.blog-post-page .article-toc .toc-list .toc-link.is-current{color:var(--article-surface);background:#fff}.blog-post-page .article-toc .toc-list .toc-link:focus-visible,.blog-post-page .article-toc .toc-toggle:focus-visible{outline:2px solid #fff;outline-offset:2px}.article-share{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.article-share--desktop{margin-top:2rem}.article-share--mobile{display:none}.article-share__links{display:flex;align-items:center;gap:.5rem}.article-share__link{position:relative;display:grid;width:2rem;height:2rem;border-radius:.25rem;background:#3f3edf;place-items:center;transition:background-color .18s ease}.article-share__link:hover{background:#5452ee}.article-share__link img{width:1.25rem;height:1.25rem;filter:brightness(0) invert(1)}.article-share__link.is-copied img:first-child,.article-share__link img.hidden{display:none}.article-share__link.is-copied img.hidden{display:block}.article-reading-column{min-width:0}.blog-post-page .blog-rich-text{margin:0;color:var(--article-copy);font-family:var(--font-sans);font-size:1rem;font-weight:400;line-height:1.5}.blog-post-page .blog-rich-text>:first-child{margin-top:0}.blog-post-page .blog-rich-text h2,.blog-post-page .blog-rich-text h3,.blog-post-page .blog-rich-text h4,.blog-post-page .blog-rich-text h5,.blog-post-page .blog-rich-text h6{color:#fff;font-family:var(--font-sans);text-decoration:none;text-wrap:pretty;overflow-wrap:anywhere}.blog-post-page .blog-rich-text h2{margin:3.75rem 0 1rem;font-size:3rem;font-weight:400;line-height:1.05;letter-spacing:-.02em}.blog-post-page .blog-rich-text h3{margin:3.75rem 0 1rem;font-size:2rem;font-weight:500;line-height:1.2;letter-spacing:-.02em}.blog-post-page .blog-rich-text h4,.blog-post-page .blog-rich-text [data-source-heading-level="4"]{margin:2rem 0 1rem;font-size:1.5rem;font-weight:500;line-height:1.3;letter-spacing:-.03em}.blog-post-page .blog-rich-text [data-source-heading-level="5"],.blog-post-page .blog-rich-text [data-source-heading-level="6"],.blog-post-page .blog-rich-text h5,.blog-post-page .blog-rich-text h6{margin:2rem 0 1rem;font-size:1rem;font-weight:600;line-height:1.5;letter-spacing:-.03em}.blog-post-page .blog-rich-text p,.blog-post-page .blog-rich-text ul,.blog-post-page .blog-rich-text ol,.blog-post-page .blog-rich-text figure,.blog-post-page .blog-rich-text table,.blog-post-page .blog-rich-text pre{margin-top:0;margin-bottom:1.5rem}.blog-post-page .blog-rich-text p,.blog-post-page .blog-rich-text li{color:#d1d1d6;font-size:1rem;font-weight:400;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.blog-post-page .blog-rich-text ul,.blog-post-page .blog-rich-text ol{padding-left:1.5rem}.blog-post-page .blog-rich-text li{margin-bottom:0}.blog-post-page .blog-rich-text strong,.blog-post-page .blog-rich-text b{color:#d1d1d6;font-weight:600;overflow-wrap:anywhere}.blog-post-page .blog-rich-text a{color:inherit;text-decoration-line:underline;text-decoration-thickness:1px;text-decoration-color:currentColor;text-underline-offset:.18em;text-decoration-skip-ink:auto;overflow-wrap:anywhere;word-break:break-word;transition:all .2s}.blog-post-page .blog-rich-text a:hover{text-decoration-line:none}.blog-post-page .blog-rich-text a u,.blog-post-page .blog-rich-text u:has(a){text-decoration:none}.blog-post-page .blog-rich-text img,.blog-post-page .blog-rich-text video,.blog-post-page .blog-rich-text iframe{max-width:100%;border-radius:.5rem}.blog-post-page .blog-rich-text figcaption{opacity:.8;color:var(--article-muted);font-size:15px;font-style:italic;line-height:1.5}.blog-post-page .blog-rich-text .tl-dr{margin-bottom:3.75rem;padding:1.5rem;border:0;border-radius:.5rem;color:#fff;background:var(--article-raised);font-size:.875rem;line-height:1.25rem}.blog-post-page .blog-rich-text .tl-dr p{margin-bottom:0}.blog-post-page .blog-rich-text .tl-dr strong,.blog-post-page .blog-rich-text .tl-dr b{font-weight:inherit}.blog-post-page .blog-rich-text .tl-dr span,.blog-post-page .blog-rich-text .post-fact span,.blog-post-page .blog-rich-text .related-article span{margin-bottom:1rem;display:block;color:#fff;font-size:1rem;font-weight:700;line-height:1.5;letter-spacing:-.03em;text-transform:none}.blog-post-page .blog-rich-text .post-fact{margin-bottom:1.5rem;padding:1.5rem;border-width:1px;border-radius:.5rem;color:#fff;background:linear-gradient(180deg,#efac000d,#efac007f)}.blog-post-page .blog-rich-text .post-quote{margin-bottom:1.5rem;padding:1.5rem;border:1px solid rgb(245 103 240 / 20%);border-radius:.5rem;color:#fff;background:linear-gradient(180deg,#f567f00d,#f567f059);font-size:1rem;font-weight:700;line-height:1.5}.blog-post-page .blog-rich-text .post-quote span{margin-top:.5rem;font-weight:400}.blog-post-page .blog-rich-text .related-article{position:relative;display:block;margin-bottom:1.5rem;padding:1.5rem;border:1px solid rgb(63 62 223 / 20%);border-radius:.5rem;color:#fff;background:linear-gradient(180deg,#3f3edf0d,#3f3edf7f);font-size:0;font-weight:700;line-height:0;text-decoration:none;transition:all .2s ease}.blog-post-page .blog-rich-text .related-article p{max-width:480px;margin-bottom:0;color:#fff;font-size:1rem;line-height:1.5rem;text-decoration-line:underline;text-decoration-thickness:1px}.blog-post-page .blog-rich-text .related-article .related-icon{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:50%;background-color:#e2dfdd;font-size:0;line-height:0}.blog-post-page .blog-rich-text .related-article .related-icon svg{flex-shrink:0;width:1rem;height:1rem}.blog-post-page .blog-rich-text pre,.blog-post-page .blog-rich-text p>code:only-child{margin:0 0 1.5rem;overflow-x:auto;border:1px solid rgb(255 255 255 / 15%);border-radius:1rem;color:#f6f6fb;background:var(--article-surface);font-family:var(--font-mono)}.blog-post-page .blog-rich-text pre{padding:1.5rem 2rem;font-size:1rem;font-weight:500;line-height:1.5rem}.blog-post-page .blog-rich-text pre code{display:block;padding:0;color:inherit;background:transparent;font-size:inherit;font-weight:inherit;line-height:inherit;white-space:pre-wrap;word-break:break-word}.blog-post-page .blog-rich-text p>code:only-child{display:block;padding:1.5rem 2rem;font-size:1rem;font-weight:500;line-height:1.5rem;white-space:pre-wrap;word-break:break-word}.blog-post-page .blog-rich-text :not(pre)>code:not(:only-child){padding:.15em .4em;border-radius:.25rem;color:#f6f6fb;background:var(--article-raised);font-family:var(--font-mono);font-size:.95em}.blog-post-page .blog-rich-text .screenshotcontainer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:30px;background-color:#f9e576}.blog-post-page .blog-rich-text .screenshotcontainer>div{text-align:center}.blog-post-page .blog-rich-text .screenshotcontainer img{width:100%;max-width:100%;height:auto}.blog-post-page .blog-rich-text .post-cta,.blog-post-page .blog-rich-text .docs-cta{display:flex;margin-bottom:1.5rem;padding:1.5rem;border-radius:.5rem;color:#fff;font-size:0}.blog-post-page .blog-rich-text .post-cta{background:#0e0d08}.blog-post-page .blog-rich-text .post-cta>*,.blog-post-page .blog-rich-text .docs-cta>*{font-size:1rem}.blog-post-page .blog-rich-text .post-cta-txt{min-width:0;margin-right:1.5rem}.blog-post-page .blog-rich-text .plugins-cta{background:url(https://static.median.co/img/blog/plugins-hero-pattern.94510f3cca.jpg) center / cover no-repeat}.blog-post-page .blog-rich-text :is(.post-cta,.docs-cta) :is(h4,.blog-cta-heading){margin-top:0;font-family:var(--font-sans);font-size:1.75rem;font-weight:400;line-height:2.25rem}.blog-post-page .blog-rich-text .post-cta :is(h4,.blog-cta-heading){margin-bottom:.25rem;color:#fff}.blog-post-page .blog-rich-text .post-cta .button{max-width:173px}.blog-post-page .blog-rich-text .plugins-cta .post-cta-img-mask{margin-bottom:-1.5rem}.blog-post-page .blog-rich-text .docs-cta{align-items:center;background:#0e0d08 url(https://static.median.co/img/blog/docs-icon-blue.48efeedda5.svg) center / cover no-repeat}.blog-post-page .blog-rich-text .docs-cta-img-mask{margin-right:1rem}.blog-post-page .blog-rich-text .docs-cta :is(h4,.blog-cta-heading){margin-bottom:0;color:#f2f0ee}.blog-post-page .blog-rich-text .docs-cta .button{max-width:235px}.blog-post-page .blog-rich-text .design-cta{margin-bottom:1.5rem;padding:0;overflow:hidden;border:6px solid #3f3edf;border-radius:.5rem;color:#f2f0ee;background:#0e0d08}.blog-post-page .blog-rich-text .design-cta-image-wrap{width:100%;margin-bottom:0}.blog-post-page .blog-rich-text .design-cta-image{display:block;width:100%}.blog-post-page .blog-rich-text .design-cta-content{padding:1rem}.blog-post-page .blog-rich-text .design-cta :is(h4,.blog-cta-heading){margin:0 0 1rem;color:#f2f0ee;font-size:1.5rem;font-weight:500;line-height:2.25rem;letter-spacing:normal}.blog-post-page .blog-rich-text .design-cta :is(h4,.blog-cta-heading) u{text-decoration-thickness:1px;text-underline-offset:.16em}.blog-post-page .blog-rich-text .design-cta p{margin-bottom:2rem;color:#f2f0ee;font-size:1rem;line-height:1.5rem}.blog-post-page .blog-rich-text .design-cta-highlight{display:inline;color:#f7c406;letter-spacing:normal;text-transform:none}.blog-post-page .blog-rich-text .design-cta-button-form{display:flex;justify-content:center;margin:0}.blog-post-page .blog-rich-text .design-cta-button{display:flex;align-items:center;justify-content:center;width:100%;max-width:22rem;min-height:3rem;margin:0 auto;padding:.75rem .75rem .75rem 1.25rem;gap:.875rem}.blog-post-page .blog-rich-text .design-cta-logo-wrap{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:2rem;height:2rem}.blog-post-page .blog-rich-text .design-cta-logo{display:block;width:2rem;height:2rem}.blog-post-page .blog-rich-text .design-cta-button .btn-text{margin-right:.75rem;font-size:1.125rem;font-weight:700;line-height:1.25rem;letter-spacing:.03em;white-space:nowrap}.blog-post-page .blog-rich-text .docs-cta .btn-icon{transition:transform .2s ease,filter .2s ease}.blog-post-page .blog-rich-text .cases-cta .post-cta-txt{margin-right:39px}.blog-post-page .blog-rich-text .cases-cta .post-cta-img-mask{max-width:227px}.blog-post-page .blog-rich-text .cases-cta .button{max-width:215px}.blog-post-page .blog-rich-text .button.u-inline-block{display:flex}.blog-post-page .blog-rich-text :is(.post-cta,.docs-cta,.design-cta) :is(.button,.design-cta-button){border-color:var(--median-indigo);border-radius:.25rem;color:#fff;background:var(--median-indigo);text-decoration:none}.blog-post-page .blog-rich-text :is(.post-cta,.docs-cta,.design-cta) :is(.button,.design-cta-button) .btn-text{text-decoration:none}.blog-post-page .blog-rich-text :is(.post-cta,.docs-cta,.design-cta) :is(.button,.design-cta-button) .btn-icon{filter:brightness(0) invert(1)}@media(hover:hover)and (pointer:fine){.blog-post-page .blog-rich-text .button.btn-gold:hover{color:#0e0d08}.blog-post-page .blog-rich-text .related-article:hover{background-color:#f2f0ee}.blog-post-page .blog-rich-text .docs-cta a:hover{border-color:#1174d3}.blog-post-page .blog-rich-text .docs-cta a:hover .btn-icon{filter:brightness(0) saturate(100%) invert(34%) sepia(91%) saturate(1796%) hue-rotate(198deg) brightness(95%) contrast(95%)}.blog-post-page .blog-rich-text :is(.post-cta,.docs-cta,.design-cta) :is(.button,.design-cta-button):hover{border-color:#5452ee;color:#fff;background:#5452ee;text-decoration:none}.blog-post-page .blog-rich-text :is(.post-cta,.docs-cta,.design-cta) :is(.button,.design-cta-button):hover .btn-icon{filter:brightness(0) invert(1)}}.blog-post-page .blog-rich-text :is(.post-cta,.docs-cta,.design-cta) :is(.button,.design-cta-button):focus-visible{outline:2px solid var(--median-indigo-light);outline-offset:2px}.blog-post-page .blog-rich-text .instant-preview-block{margin-block:3.75rem}.blog-post-page .disclaimer{margin:3.75rem 0 0;color:var(--article-muted);font-size:.75rem;font-style:italic;font-synthesis:style;line-height:1.5}.article-related{padding-block:8rem 5rem;background:var(--article-bg)}.article-related__heading{display:flex;flex-direction:column;align-items:center;gap:2rem;margin-bottom:4rem}.article-related__heading h2{margin:0;color:#fff;font-family:var(--font-sans);font-size:3rem;font-weight:400;line-height:1.05;letter-spacing:-.02em}.article-related-grid{display:flex;flex-direction:column;gap:1.5rem}.article-related-grid__primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.article-related-card{border:1px solid var(--blog-border);border-radius:.5rem;background:var(--blog-surface);overflow:hidden}.article-related-card .blog-lead-card__media{box-sizing:border-box;height:auto;aspect-ratio:var(--blog-thumbnail-ratio);border:0;border-radius:0;overflow:hidden}.article-related-card .blog-lead-card__content{box-sizing:border-box;height:13.5625rem;min-height:13.5625rem;gap:0;background:var(--blog-surface);overflow:hidden}.article-related-card .blog-card-title--lead{font-size:1.5rem;display:-webkit-box;margin-bottom:1rem;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-related-card .blog-card-meta{margin-bottom:1.5rem}.article-related-card .blog-card-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.article-related-grid__compact{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3rem}.article-related-grid__compact .blog-pill{max-width:100%;overflow:hidden;text-overflow:ellipsis}.article-related-grid__compact .blog-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.article-related-grid__compact .blog-compact-card__media{box-sizing:border-box;border-radius:.5rem;overflow:hidden}.article-related__mobile-nav{display:none}.article-related__view-more{width:fit-content}.article-related__view-more--mobile{display:none}.article-related__view-more--desktop{display:flex;margin:4rem auto 0}.blog-post-page .article-back-to-top{position:sticky;z-index:25;bottom:1.5rem;display:flex;align-items:center;width:fit-content;max-width:6.4375rem;margin:1.5rem 0 0 auto;padding:.5rem .75rem .5rem .5rem;gap:.5rem;border:1px solid rgb(255 255 255 / 15%);border-radius:99px;color:#000;background:#fff;box-shadow:0 .5rem 2rem #0000004d;font-size:.75rem;font-weight:500;line-height:1rem;text-decoration:none;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility 0s linear .2s,border-color .2s ease,color .2s ease,background-color .2s ease}.blog-post-page .article-back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.blog-post-page .article-back-to-top span{white-space:nowrap}@media(hover:hover)and (pointer:fine){.blog-post-page .article-back-to-top:hover{border-color:var(--color-neutral-400);color:#000;background:var(--median-grey-medium)}}.blog-post-page .article-back-to-top:focus-visible{border-color:var(--color-neutral-400);color:#000;background:var(--median-grey-medium);outline:2px solid var(--median-indigo-light);outline-offset:2px}.blog-post-page .article-back-to-top[hidden]{display:none!important}@media screen and (min-width:1320px){.blog-post-page .article-back-to-top{margin-top:-3.625rem;margin-right:-7.5rem}}@media screen and (min-width:1440px){.blog-post-page .article-back-to-top{margin-right:-7.9375rem}}@media screen and (min-width:992px)and (max-width:1319px){.blog-post-page .article-back-to-top{position:static}}@media screen and (max-width:1279px){.article-nav{--article-search-category-shift: -11rem}.article-nav__inner{gap:1rem}.article-nav__logo{width:7.75rem}.article-nav .blog-filter-link{padding-inline:.75rem}.article-nav .article-nav__search{width:min(14rem,calc(100% - 3rem))}.article-layout{grid-template-columns:minmax(17rem,21.125rem) minmax(0,43.25rem);gap:3rem}.article-hero h1{font-size:clamp(3.75rem,5vw,4.5rem)}.article-related-grid__compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}@media screen and (max-width:991px){.blog-post-page .article-back-to-top{display:none}.article-nav__inner{gap:1rem}.article-nav__controls{gap:.5rem}.article-nav__categories{display:none}.article-nav__category-mobile{position:relative;display:block;flex:1 1 auto;min-width:0}.article-nav__category-mobile [data-mobile-dropdown-toggle]{display:flex;align-items:center;justify-content:space-between;width:100%;height:3rem;min-height:3rem;padding:.75rem 1rem;border:0;border-radius:var(--blog-control-radius);color:#fff;background:var(--blog-surface);font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:-.03em}.article-nav__category-mobile .mobile-category-dropdown__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.blog-post-page .article-nav__category-mobile .mobile-category-dropdown__menu{--mobile-category-menu-max-height: min(70vh, 28rem);position:absolute;z-index:35;top:100%;right:0;left:0;margin-top:.5rem;padding:.5rem;border:1px solid var(--article-border);border-radius:var(--blog-control-radius);background:var(--blog-surface);font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:-.03em}.article-nav__category-mobile .blog-filter-list{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.25rem}.article-nav__category-mobile .blog-filter-field{width:100%;margin:0}.article-nav__category-mobile .blog-filter-link{justify-content:flex-start;box-sizing:border-box;width:100%;min-height:2.5rem;padding:.5rem .75rem;border-radius:.25rem}.article-hero h1{font-size:3.5rem}.article-layout{grid-template-columns:minmax(0,1fr);gap:3rem}.article-sidebar__sticky{position:static}.article-sidebar,.article-reading-column{width:100%;max-width:43.25rem;margin-inline:auto}.article-sidebar{align-self:auto}.blog-post-page .article-toc{max-height:none;padding:1rem;border:1px solid var(--article-border);background:var(--article-raised)}.blog-post-page .article-toc .toc-dropdown{display:block;width:100%;margin:0}.blog-post-page .article-toc .toc-dropdown-icon{display:block}.blog-post-page .article-toc .toc-toggle{cursor:pointer}.blog-post-page .article-toc .toc-list{display:none}.blog-post-page .article-toc .toc-list.is-open{display:block;width:100%;border:0;background:transparent;overflow-x:hidden;-webkit-overflow-scrolling:touch}html.blog-mobile-sticky-stack-active .blog-post-page .article-toc{border-radius:.5rem;background:var(--article-raised);box-shadow:0 .75rem 2rem #00000059}.article-share--desktop{display:none}.article-share--mobile{display:flex;margin-top:3.75rem}.article-related-grid__primary{grid-template-columns:1fr}.article-related-grid__compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:576px)and (max-width:991px){.blog-post-page .blog-rich-text .instant-preview-block .build-form.instant-preview-form{grid-template-columns:minmax(0,1fr) 10rem}}@media screen and (max-width:767px){.article-nav__inner{gap:.75rem}.article-nav .article-nav__search{inset-inline:1.5rem;width:auto}.article-hero{padding-block:3.125rem}.article-hero__inner{align-items:flex-start}.article-hero__meta{justify-content:flex-start}.article-hero h1{width:100%;margin-top:1.5rem;font-size:2.5rem;text-align:left;text-wrap:pretty}.article-byline{margin-top:1.5rem}.article-byline__copy{flex-wrap:wrap;gap:.25rem .75rem}.article-hero__image{margin-top:2rem}.article-content{padding-bottom:5rem}.article-layout{gap:3rem}.blog-post-page .article-toc{padding:.75rem 1rem}.blog-post-page .article-toc .toc-list{margin-top:.75rem}.blog-post-page .article-toc .toc-list .toc-link{box-sizing:border-box;width:100%}.blog-post-page .blog-rich-text h2{font-size:2rem;line-height:1.2}.blog-post-page .blog-rich-text h3{font-size:1.5rem;line-height:1.3}.blog-post-page .blog-rich-text .screenshotcontainer{grid-template-columns:1fr}.blog-post-page .blog-rich-text .tl-dr,.blog-post-page .blog-rich-text .post-fact,.blog-post-page .blog-rich-text .post-quote,.blog-post-page .blog-rich-text .related-article{padding:1.5rem}.blog-post-page .blog-rich-text .instant-preview-block{margin-inline:calc(var(--article-inline-gutter) * -1);padding-inline:var(--article-inline-gutter)}.article-related{padding-block:4rem}.article-related__heading{gap:1.5rem;margin-bottom:3.5rem}.article-related__heading h2{font-size:2rem}.article-related-grid__primary{gap:2rem}.article-related-grid__compact{display:none}.article-related-card .blog-lead-card__content{height:12.1875rem;min-height:12.1875rem}.article-related-card .blog-card-title--lead{font-size:1.125rem}.article-related-card .blog-card-summary{font-size:.875rem}.article-related__view-more--mobile{display:inline-flex}.article-related__view-more--desktop{display:none}.article-related__mobile-nav{display:flex;justify-content:center;gap:.9375rem;margin-top:3.5rem}.article-related__mobile-nav button{display:grid;width:3.25rem;height:2.5rem;padding:0;border:0;border-radius:999px;color:#fff;background:var(--article-raised);font:inherit;font-size:1.25rem;cursor:pointer;place-items:center;transition:background-color .18s ease,opacity .18s ease}.article-related__mobile-nav button:hover:not(:disabled){background:#4f4f54}.article-related__mobile-nav button:disabled{opacity:.45;cursor:default}.article-related__mobile-nav img{width:1.25rem;height:1.25rem}.article-related__mobile-nav [data-related-previous] img{transform:rotate(180deg)}.blog-post-page .article-back-to-top{bottom:1rem}}@media screen and (max-width:575px){.blog-post-page .blog-rich-text .instant-preview-block{gap:.75rem;margin-block:3rem;padding-block:1.25rem}.blog-post-page .blog-rich-text .instant-preview-block .preview-overline{font-size:.875rem}.blog-post-page .blog-rich-text .instant-preview-block .heading-3.u-mb-0{font-size:1.75rem;line-height:1.15}.article-nav__category-mobile [data-mobile-dropdown-toggle]{padding-inline:.75rem}}@media screen and (max-width:478px){.blog-post-page .blog-rich-text .post-cta,.blog-post-page .blog-rich-text .docs-cta{flex-direction:column}.blog-post-page .blog-rich-text .post-cta .button,.blog-post-page .blog-rich-text .docs-cta .button{max-width:100%}}@media screen and (max-width:420px){.article-hero__meta{width:100%}.article-hero__dates{flex-flow:column nowrap;align-items:flex-end;margin-left:auto;text-align:right}.article-hero__date{justify-content:flex-end;width:100%}.article-hero__date+.article-hero__date:before{content:none}.article-hero__meta.is-dates-wrapped .article-hero__dates{align-items:flex-start;width:100%;margin-left:0;text-align:left}.article-hero__meta.is-dates-wrapped .article-hero__date{justify-content:flex-start}}@media screen and (max-width:389px){.article-hero h1{font-size:clamp(2.25rem,11.11vw,2.5rem)}}