.MdxZoomImage_imageWrapper__hLNrs{position:relative;display:block;width:-moz-fit-content;width:fit-content;margin-block:1em;cursor:pointer}.MdxZoomImage_image__Qe7aF{display:block}.MdxZoomImage_expandIcon__PH7XU{position:absolute;top:10px;right:10px;opacity:.4;filter:drop-shadow(0 0 2px #000a);fill:#fff;transition:opacity .2s,transform .2s}.MdxZoomImage_imageWrapper__hLNrs:hover .MdxZoomImage_expandIcon__PH7XU{opacity:.8;transform:scale(1.2)}.GoodBadBlocks_box__BvEen{padding:15px 25px;margin-bottom:30px;border-radius:15px}.GoodBadBlocks_good__WFa45{background-color:#dcedc8}.GoodBadBlocks_bad__l_kfk{background-color:#f8bbd0}@media (min-width:768px){.GoodBadBlocks_box__BvEen{padding:28px}}.TlDrBlock_tldr__kImAp{padding:15px;margin-top:20px;background-color:#fcfcfc;border:3px dashed #e5e5e5;border-radius:30px}.TlDrBlock_tldr__kImAp>:first-child{margin-top:0}@media (min-width:768px){.TlDrBlock_tldr__kImAp{padding:30px;border-width:4px}}.CopyLinkButton_button__6pxE9{padding:0;font-size:13px;font-weight:600;color:var(--gray-color-link);cursor:pointer;background:none;border:none;transition:color .3s}.CopyLinkButton_button__6pxE9:hover{color:var(--brand-color)}.CopyLinkButton_svg__SNlGp{display:inline-block;width:30px;height:30px;vertical-align:middle}pre.diff-highlight>code .token.deleted:not(.prefix),pre>code.diff-highlight .token.deleted:not(.prefix){background-color:#ff00001a;color:inherit;display:block}pre.diff-highlight>code .token.inserted:not(.prefix),pre>code.diff-highlight .token.inserted:not(.prefix){background-color:#00ff801a;color:inherit;display:block}pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;tab-size:4;hyphens:none}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:#ffffff80}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.BlogPostPage_post__WOqes h1:hover .BlogPostPage_anchor__KxapA,.BlogPostPage_post__WOqes h2:hover .BlogPostPage_anchor__KxapA,.BlogPostPage_post__WOqes h3:hover .BlogPostPage_anchor__KxapA{visibility:visible}.BlogPostPage_post__WOqes h1 a,.BlogPostPage_post__WOqes h2 a,.BlogPostPage_post__WOqes h3 a{padding-right:4px;margin-left:-20px;border:none}.BlogPostPage_post__WOqes h1[id]:before,.BlogPostPage_post__WOqes h2[id]:before,.BlogPostPage_post__WOqes h3[id]:before{position:relative;display:block;width:0;height:var(--header-height);margin-top:calc(-1 * var(--header-height));content:""}.BlogPostPage_post__WOqes a{color:var(--gray-color-link);border-bottom:1px solid var(--brand-color);transition:color .3s ease-out}.BlogPostPage_post__WOqes a:focus,.BlogPostPage_post__WOqes a:hover{color:var(--brand-color)}.BlogPostPage_post__WOqes h1{margin:10px 0}.BlogPostPage_post__WOqes h2{margin:50px 0 10px;font-size:28px;line-height:44px}.BlogPostPage_post__WOqes h2:first-child{margin-top:0}.BlogPostPage_post__WOqes figure,.BlogPostPage_post__WOqes p{margin:0 0 2em;font-size:16px}.BlogPostPage_post__WOqes code,.BlogPostPage_post__WOqes kbd,.BlogPostPage_post__WOqes tt{padding:.2em;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:#fbf2e9}.BlogPostPage_post__WOqes ol,.BlogPostPage_post__WOqes ul{padding-left:22px;margin-bottom:2em;font-size:16px;line-height:2em}.BlogPostPage_post__WOqes ol:first-child,.BlogPostPage_post__WOqes ul:first-child{margin-top:0}.BlogPostPage_post__WOqes ol:last-child,.BlogPostPage_post__WOqes ul:last-child{margin-bottom:0}.BlogPostPage_post__WOqes ul{position:relative;list-style:none}.BlogPostPage_post__WOqes ul li:before{box-sizing:border-box;display:inline-block;width:6px;height:6px;margin-right:14px;margin-bottom:2px;margin-left:-20px;vertical-align:middle;content:"";background-color:var(--text-color);border-radius:50%}.BlogPostPage_post__WOqes ol ul,.BlogPostPage_post__WOqes ul ul{margin-bottom:0}.BlogPostPage_post__WOqes ol ul li:before,.BlogPostPage_post__WOqes ul ul li:before{background-color:var(--gray-color-link)}.BlogPostPage_post__WOqes ol ol ul li:before,.BlogPostPage_post__WOqes ol ul ul li:before,.BlogPostPage_post__WOqes ul ol ul li:before,.BlogPostPage_post__WOqes ul ul ul li:before{background-color:initial;border:1px solid var(--text-color)}.BlogPostPage_post__WOqes ol li,.BlogPostPage_post__WOqes ul li{padding-bottom:.5em}.BlogPostPage_post__WOqes ol li:last-child,.BlogPostPage_post__WOqes ul li:last-child{padding-bottom:0}.BlogPostPage_post__WOqes ol li p,.BlogPostPage_post__WOqes ul li p{margin-bottom:0}.BlogPostPage_post__WOqes ol li p+ol,.BlogPostPage_post__WOqes ol li p+ul,.BlogPostPage_post__WOqes ul li p+ol,.BlogPostPage_post__WOqes ul li p+ul{margin-top:.5em}.BlogPostPage_post__WOqes p+ol,.BlogPostPage_post__WOqes p+ul{margin-top:-1.5em}.BlogPostPage_post__WOqes ol li>p,.BlogPostPage_post__WOqes ul li>p{display:inline}.BlogPostPage_post__WOqes img{display:block;max-width:100%}.BlogPostPage_post__WOqes video{display:block;max-width:100%;margin-bottom:1em}.BlogPostPage_post__WOqes figure video{margin-bottom:.5em}.BlogPostPage_post__WOqes{max-width:1000px}.BlogPostPage_post__WOqes table{width:100%;border-collapse:collapse}.BlogPostPage_post__WOqes table thead{background:var(--bg-color)}.BlogPostPage_post__WOqes table thead th{padding:8px 0;font-size:16px;font-weight:600;line-height:24px;color:#737373;text-align:left}.BlogPostPage_post__WOqes table thead th:first-child{padding-left:16px}.BlogPostPage_post__WOqes table tbody td{box-sizing:border-box;padding:10px 0;line-height:24px;vertical-align:top;border-bottom:1px solid #000}.BlogPostPage_post__WOqes table tbody td:first-child{padding-left:16px}.BlogPostPage_post__WOqes table tbody tr:last-child td{border:0}.BlogPostPage_anchor__KxapA{visibility:hidden;fill:currentcolor}.BlogPostPage_postPage__hDq31 hr{height:1px;margin:20px 0;background-color:#e1e1e1;border:0}.BlogPostPage_date__QMTUh{display:block;margin-bottom:10px;font-size:13px;line-height:26px;color:#636363}.BlogPostPage_tags__wjzxQ{display:flex;flex-wrap:wrap;margin-top:18px;margin-bottom:-9px}.BlogPostPage_tag__vBEgv{display:block;padding:7px 13px;margin-right:9px;margin-bottom:9px;font-size:13px;line-height:16px;color:#595959;background-color:#efefef;border-radius:4px}.Layout_layout__KKMNL{display:flex;flex-direction:column;min-height:100vh}.Layout_main__5FFfL{display:flex;flex-grow:1;flex-direction:column;padding:25px 0 50px}@media (min-width:1024px){.Layout_main__5FFfL{padding:40px 0 96px}}.Breadcrumbs_breadcrumbs__wz4Er{display:flex;flex-wrap:wrap;align-items:center;padding:0;margin:0;list-style:none}.Breadcrumbs_breadcrumbs__wz4Er li,.Breadcrumbs_breadcrumbs__wz4Er li>a{display:flex;font-size:11px;color:#616161}@media (min-width:768px){.Breadcrumbs_breadcrumbs__wz4Er li,.Breadcrumbs_breadcrumbs__wz4Er li>a{font-size:14px}}.Breadcrumbs_breadcrumbs__wz4Er li>a{font-weight:500}.Breadcrumbs_breadcrumbs__wz4Er li>a:focus,.Breadcrumbs_breadcrumbs__wz4Er li>a:hover{color:var(--brand-color);text-decoration:none}.Breadcrumbs_breadcrumbs__wz4Er li+li:before{margin:0 8px;color:var(--brand-color);content:"/"}.Breadcrumbs_breadcrumbs__wz4Er li{flex-shrink:1;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:768px){.Breadcrumbs_breadcrumbs__wz4Er li{margin-bottom:0}}.Breadcrumbs_breadcrumbs__wz4Er li:last-child{flex-grow:1;flex-shrink:1;overflow:visible;text-overflow:unset;white-space:normal}