.breadcrumbs{display:grid;grid-auto-flow:column;justify-content:start;align-items:center}.breadcrumbs .breadcrumbs-separator{color:var(--color-grey6)}.article-comments{display:grid;gap:var(--size-3xl)}.comments-form{display:grid;grid-template-columns:auto auto 1fr;gap:var(--size-xl) var(--size-md);padding:var(--size-2xl);background-color:var(--color-grey1);border-radius:var(--size-sm)}.comments-form .input{grid-column:1/-1}.comments-form.is-loading{opacity:.7;pointer-events:none}.comments-form-checkbox{grid-column:1/-1;display:grid;grid-auto-flow:column;justify-content:start;align-items:center;gap:var(--size-xs)}.comments-form-checkbox .checkbox-label{font:var(--font-sm)}.comments-list{display:grid;gap:var(--size-5xl)}.comment-item{display:grid;gap:var(--size-xl)}.comment-item.active>.comment-main>.reply-toggle-btn,.comment-item:not(.active)>.comment-main>.comment-form{display:none}.comment-item.moderating{opacity:.4}.comment-main{display:grid;gap:var(--size-sm);padding-bottom:var(--size-xs);border-bottom:1px solid var(--color-grey4)}.comment-main .btn{justify-self:start}.comment-header{display:grid;grid-template-columns:auto auto 1fr auto;grid-template-areas:"image author . date";align-items:center;gap:var(--size-sm)}.comment-image{grid-area:image;border-radius:50%}.comment-author{grid-area:author;font:var(--font-md)}.comment-date{grid-area:date;font:var(--font-xs);color:var(--color-grey6)}.comment-content{display:grid;gap:var(--size-sm)}.comment-text{font:var(--font-md);white-space:pre-wrap}.comment-message{font:var(--font-sm);color:var(--color-blue4)}.comment-replies{display:grid;gap:var(--size-sm);padding-left:var(--size-lg)}body:has(.article-outline.open){overflow:hidden}.article-outline{scroll-target-group:auto;position:sticky;top:var(--size-xl);right:auto;bottom:auto;left:auto;display:grid;grid-template-rows:auto 1fr;gap:var(--size-xl);max-height:calc(100svh - var(--size-xl))}@media (max-width:991.98px){.article-outline{position:fixed;z-index:var(--layer-dialog);top:0;right:0;bottom:0;left:0;grid-template-rows:auto;align-content:end;padding:0;max-height:100dvh;background-color:var(--color-fade1);transition:opacity .3s,display .3s;transition-behavior:allow-discrete}@starting-style{.article-outline{opacity:0}}}@media (max-width:991.98px){.article-outline:not(.open){display:none;opacity:0}.article-outline:not(.open) .outline-content{translate:0 100%}}.outline-title{font:var(--font-lg-bold);font-family:var(--font-montserrat)}@media (max-width:991.98px){.outline-title{display:none}}.outline-content{display:grid;grid-template-rows:1fr auto;gap:var(--size-xl);padding-bottom:var(--size-xl);overflow:hidden}@media (max-width:991.98px){.outline-content{padding:var(--size-xl) var(--size-sm);max-height:380px;background-color:var(--color-white);border-top-left-radius:var(--size-sm);border-top-right-radius:var(--size-sm);transition:translate .3s}@starting-style{.outline-content{translate:0 100%}}}.outline-list{display:grid;gap:var(--size-2xs);padding:0;list-style:none;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--color-grey3) #0000}.outline-list .list-item{display:grid;padding-top:var(--size-xs);padding-bottom:var(--size-xs);padding-left:calc(1lh*var(--toc-item-level, 0))}.outline-list .list-item.level-1{--toc-item-level:0}.outline-list .list-item.level-2{--toc-item-level:1}.outline-link{display:grid;grid-template-columns:auto 1fr;align-items:start;justify-items:start}.outline-link:hover .link-text{color:var(--color-blue4)}.outline-link.active .link-text{font:var(--font-sm-bold);color:var(--color-blue4)}.outline-link:not(.active) .link-indicator{opacity:0;translate:-100%}.outline-link:not(.active) .link-text{translate:-1lh 0}.outline-link .link-indicator{display:grid;align-items:center;justify-items:center;width:1lh;height:1lh;transition:translate .2s,opacity .2s}.outline-link .link-indicator:before{display:block;width:6px;height:6px;content:"";background-color:var(--color-blue4);border-radius:50%;box-shadow:0 0 0 3px var(--color-grey1)}.outline-link .link-text{font:var(--font-sm-light);color:var(--color-black);transition:translate .2s,font-weight .2s}.outline-footer{anchor-scope:--outline-copy-tooltip;display:grid;grid-auto-flow:column;justify-content:start;gap:var(--size-2xs)}.outline-footer:has([data-copy-value][data-copy-active]) .tooltip{display:grid}.outline-footer [data-copy-value]{anchor-name:--outline-copy-tooltip}.outline-footer [data-copy-value][data-copy-active] .btn-icon{color:var(--color-green3)}.outline-footer .btn-icon{color:var(--color-black)}.outline-footer .tooltip{display:none;position-anchor:--outline-copy-tooltip;position:absolute;bottom:calc(anchor(start) + var(--size-xs));left:anchor(50%);translate:-50% 0;transition:opacity .2s,translate .2s}@supports not (position-anchor:auto){.outline-footer .tooltip{display:none}}@starting-style{.outline-footer .tooltip{opacity:0;translate:-50% var(--size-xs)}}.outline-btn{position:fixed;z-index:var(--layer-dialog);top:calc(100dvh - 54px - var(--content-padding));right:var(--content-padding);display:grid;grid-template-areas:"slot";justify-items:center;align-items:center;width:54px;height:54px;background-color:var(--color-white);border-radius:50%;box-shadow:var(--shadow-3);transition:top .4s}@supports (animation-range:contain){.outline-btn{pointer-events:none;animation:btn-show linear both;animation-timeline:--article-timeline-scope;animation-range:cover 0 contain 100%}}@media (min-width:992px){.outline-btn{display:none}}.outline-btn:hover{cursor:pointer;background-color:var(--color-grey1)}.outline-btn.active{top:var(--content-padding);right:var(--content-padding);animation:none;pointer-events:all}.outline-btn.active .btn-icon-list,.outline-btn:not(.active) .btn-icon-cross{opacity:0}.outline-btn>*{grid-area:slot}.outline-btn .btn-icon-cross,.outline-btn .btn-icon-list{transition:opacity .2s}@keyframes btn-show{0%{visibility:hidden;opacity:0;translate:calc(100% + var(--content-padding)) 0}1%,99%{visibility:visible;pointer-events:auto;opacity:1;translate:0 0}to{visibility:hidden;opacity:0;translate:calc(100% + var(--content-padding)) 0}}.article{view-timeline:--article-timeline-scope;font:var(--font-lg)}.article h1,.article h2,.article h3,.article h4,.article h5{font-family:var(--font-montserrat)}.article h2{margin:var(--size-5xl) 0 var(--size-5xl);font-size:32px;font-weight:700;font-style:normal;font-stretch:normal;line-height:normal;letter-spacing:normal;color:var(--color-black)}@media (max-width:767.98px){.article h2{font-size:var(--text-xl)}}.article h3{margin-bottom:var(--size-lg);font-size:var(--text-lg)}.article h3,.article h4{font-weight:var(--text-bold)}.article h4{margin:var(--size-5xl) 0 var(--size-5xl) 0;font-size:var(--text-sm);color:var(--color-grey7)}.article p{font:var(--font-lg-light);color:var(--color-black);margin:0;margin-bottom:var(--size-5xl)}.article p a{font-weight:var(--text-normal);color:var(--color-blue4)}.article p b{font-weight:var(--text-bold)}.article ol{margin:var(--size-xl) 0;padding-left:var(--size-xl)}.article ol li{margin:var(--size-sm) 0}.article ul{margin:var(--size-5xl) 0;padding-left:var(--size-xl);list-style:none;font-weight:300}.article ul li{margin:var(--size-xl) 0;position:relative}.article ul li:before{content:"";position:absolute;left:-1lh;display:block;width:var(--text-line-lg);height:var(--text-line-lg);border-radius:50%;background-color:var(--color-blue4);border:.4lh solid #fff}.article ul li p{font:var(--font-sm-light)}.article a{-webkit-text-decoration:underline;text-decoration:underline}.article picture{display:block;margin-bottom:var(--size-5xl)}.article picture.image-type-screenshot{max-width:600px}.article img{max-width:100%}.article img.image-type-screenshot{max-width:600px}.article video{max-width:100%}.article iframe[src*="youtube.com"]{width:100%;height:auto;aspect-ratio:16/9}.article table{width:100%;margin-bottom:var(--size-5xl);border:1px solid var(--color-black);border-collapse:collapse}.article table td,.article table th{padding:var(--size-xs) var(--size-sm);border:1px solid var(--color-black)}.article table p{margin:0}.article [id]{scroll-margin-top:20vh;scroll-margin-bottom:50vh}.article .article-info{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"date . author";justify-items:start;align-items:center;gap:var(--size-xs) var(--size-md);margin-bottom:var(--size-5xl)}@media (max-width:767.98px){.article .article-info{grid-template-columns:1fr auto;grid-template-areas:"date author"}}.article .article-info .article-date{grid-area:date}.article .article-info .article-author{grid-area:author}.article .article-title{font-size:48px;font-weight:700;font-style:normal;font-stretch:normal;line-height:1.13;letter-spacing:normal;text-align:left;color:var(--color-black);text-transform:none;margin-bottom:var(--size-5xl)}@media (max-width:767.98px){.article .article-title{font-size:var(--text-2xl)}}.article h1.article-title{margin-bottom:var(--size-5xl)}.article h2.article-title{font-size:var(--text-4xl)}@media (max-width:767.98px){.article h2.article-title{font-size:var(--text-lg)}}.article .article-date{display:grid;grid-auto-flow:column;justify-content:start;align-items:center;gap:var(--size-xs)}.article .article-date .article-date-icon{color:var(--color-grey6)}.article .article-date .article-date-value{font:var(--font-2xs);text-box:trim-both;color:var(--color-grey6)}.article .article-author{display:grid;grid-template-columns:auto var(--size-5xl);align-items:center;gap:var(--size-2xs) var(--size-xs)}.article .article-author .article-author-content{display:grid;justify-items:end;gap:var(--size-2xs)}.article .article-author .article-author-name{font:var(--font-sm-bold);-webkit-text-decoration:none;text-decoration:none}.article .article-author a.article-author-name{color:var(--color-blue4)}.article .article-author .article-author-image{border-radius:50%}.article .article-author .article-author-links{display:grid;grid-auto-flow:column;justify-content:start;gap:var(--size-xs)}.article .article-author .article-author-link{display:grid;color:var(--color-black)}.article .article-image{text-align:center;margin:45px 0}.article .article-image img{margin:0;max-width:100%}.article .article-image.full-size-image{position:relative;margin:0 0 var(--size-5xl)}@media (min-width:1459px){.article .article-image.full-size-image{left:calc(662px - 50vw);width:calc(100% - 662px + 50vw)}}@media (max-width:767.98px){.article .article-image.full-size-image{left:0;margin-right:calc(var(--content-padding)*-1);margin-left:calc(var(--content-padding)*-1)}}.article .article-image.full-size-image img{width:100%;border-radius:var(--size-lg)}.article .article-intro{margin-bottom:var(--size-5xl);font:var(--font-2xl-light);font-family:var(--font-montserrat);display:grid;grid-auto-flow:column;align-items:start;gap:var(--size-5xl)}@media (max-width:991.98px){.article .article-intro{grid-auto-flow:row;gap:var(--size-lg);font:var(--font-lg);font-family:var(--font-montserrat)}}.related-article{display:grid;align-content:start;gap:var(--size-sm);padding:var(--size-sm) var(--size-sm) var(--size-2xl) var(--size-sm);border-radius:var(--size-xs);transition:box-shadow .2s ease,background-color .2s ease}.related-article:hover{cursor:pointer;-webkit-text-decoration:none;text-decoration:none}@media (pointer:fine){.related-article:hover{background-color:var(--color-white);box-shadow:var(--shadow-1)}}@media (pointer:coarse){.related-article:active{background-color:var(--color-white);box-shadow:var(--shadow-1)}}.related-article .article-image{aspect-ratio:260/92;width:100%;height:auto;border-radius:var(--size-xs);object-fit:cover}.related-article .article-info{display:grid;grid-auto-flow:column;justify-content:start;align-items:center;gap:var(--size-sm)}.related-article .article-date{font:var(--font-2xs);color:var(--color-grey6)}.related-article .article-type{padding:var(--size-2xs) var(--size-sm);border-radius:var(--size-sm);box-shadow:0 0 0 1px inset var(--color-grey4);font:var(--font-3xs);color:var(--color-black)}.related-article .article-title{font:var(--font-xl);color:var(--color-black);margin:0}.related-article .article-text{font:var(--font-sm);color:var(--color-grey7);margin:0}.related-article .article-author{display:grid;grid-auto-flow:column;justify-content:start;align-items:center;gap:var(--size-xs)}.related-article .article-author-image{border-radius:50%}.related-article .article-author-name{font:var(--font-sm-bold);color:var(--color-grey7)}.related-articles{display:grid;gap:var(--size-lg)}.related-articles .title{font:var(--font-7xl-medium);text-align:center;text-wrap:pretty;color:var(--color-black)}@media (max-width:767.98px){.related-articles .title{font:var(--font-3xl-medium)}}.related-articles .related-articles-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(284px,auto));align-items:start;gap:var(--size-5xl) 0;border-bottom:1px solid var(--color-grey3);padding-bottom:var(--size-3xl)}@media (max-width:767.98px){.related-articles .related-articles-list{gap:var(--size-md) 0}}.related-articles .related-articles-list:last-child{border-bottom:0}.content-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-md)}@media (max-width:767.98px){.content-stats{grid-template-columns:repeat(2,1fr)}}.content-stats-item{display:grid;align-content:start;gap:var(--size-md)}@media (max-width:767.98px){.content-stats-item{gap:var(--size-sm)}}.content-stats-item .item-value{font-family:var(--font-montserrat);font-size:52px;font-style:italic;font-weight:var(--text-bold);line-height:var(--text-line-6xl);text-align:center}@media (max-width:767.98px){.content-stats-item .item-value{font:var(--font-4xl-extra-bold);font-family:var(--font-montserrat);font-style:normal}}.content-stats-item .item-text{font:var(--font-lg);text-align:center;white-space:pre-wrap}@media (max-width:767.98px){.content-stats-item .item-text{font:var(--font-xs)}}.content-section{display:grid;gap:var(--size-5xl)}@media (max-width:767.98px){.content-section{gap:var(--size-xl)}}.content-section .section-header{display:grid;justify-items:center;gap:var(--size-md)}.content-section .section-label{font:var(--font-sm-bold);text-align:center;text-transform:uppercase;color:var(--color-blue4)}@media (max-width:767.98px){.content-section .section-label{font:var(--font-2xs-bold)}}.content-section .section-title{font:var(--font-7xl-medium);text-align:center;text-wrap:pretty;color:var(--color-black)}@media (max-width:767.98px){.content-section .section-title{font:var(--font-3xl-medium)}}.content-section .section-text{max-width:800px;font:var(--font-lg);text-align:center;text-wrap:pretty;color:var(--color-grey7)}@media (max-width:767.98px){.content-section .section-text{font:var(--font-md)}}.content-section .section-content{display:grid;gap:var(--size-5xl)}@media (max-width:767.98px){.content-section .section-content{gap:var(--size-xl)}}.benefits-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--size-2xl)}@media (max-width:767.98px){.benefits-list{grid-template-columns:repeat(2,1fr);gap:var(--size-md)}}.benefits-list .benefits-item{display:grid;justify-items:center;align-content:start;gap:var(--size-sm)}@media (max-width:767.98px){.benefits-list .item-image{width:100px;height:100px}}.benefits-list .item-title{font:var(--font-xl)}.benefits-list .item-text{font:var(--font-md);text-align:center;color:var(--color-grey7)}@media (max-width:767.98px){.benefits-list .item-text{font:var(--font-2xs)}}.benefits-list+.btn{justify-self:center;width:100%;max-width:520px}.page{gap:var(--size-lg)}.page,.page-header{display:grid}.page-content{display:grid;gap:var(--size-7xl)}@media (max-width:991.98px){.page-content{gap:var(--size-2xl)}}.article-container{timeline-scope:--article-timeline-scope;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"article outline" "comments outline";align-items:start;gap:var(--size-7xl) var(--size-3xl)}@media (max-width:991.98px){.article-container{grid-template-columns:1fr;grid-template-areas:"article" "comments";justify-content:stretch;gap:var(--size-2xl)}}.article{grid-area:article}.article-outline{grid-area:outline}.article-comments{grid-area:comments}
/*# sourceMappingURL=blog-article.f0cab1903a.css.map*/