body,html{overflow-x:unset}@media only screen and (min-width:0rem){#the-blog{padding:var(--sectionPadding);padding-top:clamp(9.375rem,20vw,14.5rem)}#the-blog .cs-container{align-items:center;display:flex;flex-direction:column;margin:auto;max-width:34.375rem;width:100%}#the-blog .blog-container,#the-blog .main-content-wrapper{margin:auto}#the-blog .main-content-wrapper{align-items:center}#the-blog .main-content,#the-blog .main-content-wrapper{display:flex;flex-direction:column;justify-content:center;row-gap:3.125em}#the-blog .main-content{width:100%}#the-blog .cs-separator{border:1px solid var(--primary);margin-block:2rem;width:100%}}@media only screen and (min-width:48rem){#the-blog .cs-container{max-width:80rem}}@media only screen and (min-width:64rem){#the-blog .main-content-wrapper{align-items:flex-start;-moz-column-gap:4em;column-gap:4em;flex-direction:row}}@media only screen and (min-width:0rem){#the-blog .blog-sidebar{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;max-width:49.6875em;position:relative;row-gap:2em;width:100%}#the-blog .blog-sidebar .cs-image-group{display:none;visibility:hidden}#the-blog .blog-sidebar .cs-image-group .cs-flex{position:relative}#the-blog .blog-sidebar .cs-image-group .cs-background{border-radius:1rem;overflow:hidden}#the-blog .blog-sidebar .cs-image-group .cs-background,#the-blog .blog-sidebar .cs-image-group .cs-background img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}#the-blog .blog-sidebar .cs-image-group .cs-box{align-items:center;background-color:#fff;border-radius:.5rem;bottom:clamp(.75rem,1.9vw,1.5rem);box-sizing:border-box;display:flex;gap:1.5rem;justify-content:space-between;max-width:19rem;padding:1rem;position:absolute;right:clamp(.75rem,1.9vw,1.5rem);text-align:left;width:80%}#the-blog .blog-sidebar .cs-image-group .cs-box.small{width:40%}#the-blog .blog-sidebar .cs-image-group .cs-box.top{bottom:unset;top:clamp(.75rem,1.9vw,1.5rem)}#the-blog .blog-sidebar .cs-image-group .cs-flex{display:flex;flex-direction:column}#the-blog .blog-sidebar .cs-image-group .cs-name{color:var(--headerColor);display:block;font-family:var(--headerFont);font-size:clamp(1rem,1.8vw,1.25rem);font-weight:700;line-height:1.2em;text-transform:uppercase}#the-blog .blog-sidebar .cs-image-group .cs-job{color:var(--primary);display:block;font-size:clamp(.875rem,1.8vw,1rem);line-height:1.2em}#the-blog .blog-sidebar .cs-image-group .cs-box-icon{display:block;height:3rem;width:auto}#the-blog .blog-sidebar #toc-sidebar{box-sizing:border-box;width:100%}#the-blog .blog-sidebar #toc-sidebar .toc-group{align-items:stretch;align-self:stretch;border:1px solid #ebebeb;border-radius:.5em;box-sizing:border-box;display:flex;flex-direction:column;max-width:none;padding:2.25rem 1.75rem;width:100%}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc-header{align-items:center;background:none;border:none;color:var(--headerColor);cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;justify-content:center;margin-bottom:1rem;position:relative;text-align:center;width:100%}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc-header:after{background:var(--headerColor);bottom:-1rem;content:"";display:block;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:4rem}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc-header .toc-icon{margin-left:.5rem;transition:transform .2s ease}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc-header[aria-expanded=false] .toc-icon{transform:rotate(90deg)}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc{max-height:1000px;overflow:hidden;transition:max-height .3s ease;width:100%}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc.collapsed{max-height:0;padding:0}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc ol{display:flex;flex-direction:column;font-size:.875rem;gap:1rem;list-style:none;padding:0;width:100%}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc ol>li:first-child{margin-top:1rem}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc li{list-style:none;margin:0;padding:0}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc li>ol{margin-top:.5rem;padding-left:1rem}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc li>ol>li:first-child{margin-top:0}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc a{border-left:2px solid transparent;color:var(--bodyTextColor);display:inline-block;text-decoration:none;transition:color .2s ease-in-out,border-color .2s ease-in-out,padding .2s ease-in-out;width:100%}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc a:hover{color:var(--primary)}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc a.cs-toc-current{border-left-color:var(--primary);color:var(--primary);font-weight:700;padding-left:.5rem}#the-blog .blog-sidebar .blog-featured-group{align-items:center;border:1px solid #ebebeb;border-radius:.5em;display:flex;flex-direction:column;justify-content:flex-start;padding:2.1875em 1.875em;width:100%}#the-blog .blog-sidebar .featured-header{align-items:center;background:none;border:none;color:var(--headerColor);cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;justify-content:center;margin-bottom:1rem;position:relative;text-align:center;width:100%}#the-blog .blog-sidebar .featured-header:after{background:var(--headerColor);bottom:-1rem;content:"";display:block;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:4rem}#the-blog .blog-sidebar .featured-header .featured-icon{margin-left:.5rem;transition:transform .2s ease}#the-blog .blog-sidebar .featured-header[aria-expanded=false] .featured-icon{transform:rotate(90deg)}#the-blog .blog-sidebar .featured{max-height:1000px;overflow:hidden;transition:max-height .3s ease;width:100%}#the-blog .blog-sidebar .featured.collapsed{max-height:0;padding:0}#the-blog .blog-sidebar .featured ul{display:flex;flex-direction:column;font-size:.875rem;gap:1rem;list-style:none;padding:0;width:100%}#the-blog .blog-sidebar .featured ul>li:first-child{margin-top:1rem}#the-blog .blog-sidebar .featured li{list-style:none;margin:0;padding:0}#the-blog .blog-sidebar .featured li>ul{margin-top:.5rem;padding-left:1rem}#the-blog .blog-sidebar .featured li>ul>li:first-child{margin-top:0}#the-blog .blog-sidebar .blog-feature{align-items:center;border-bottom:1px solid #ebebeb;-moz-column-gap:1.5em;column-gap:1.5em;display:flex;justify-content:flex-start;padding:1.25rem 0;text-decoration:none;width:100%}#the-blog .blog-sidebar .blog-feature:first-of-type{padding-top:0}#the-blog .blog-sidebar .blog-feature:last-of-type{border:none;padding-bottom:0}#the-blog .blog-sidebar .blog-featureImage{border-radius:50%;display:block;flex:none;height:3.75em;overflow:hidden;position:relative;width:3.75em}#the-blog .blog-sidebar .blog-featureImage img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}#the-blog .blog-sidebar .feature-h3{color:var(--headerColor);display:block;font-size:.9375rem;font-weight:700;line-height:1.5em;margin:0 0 .25rem;text-decoration:none;transition:color .2s ease-in-out}#the-blog .blog-sidebar .feature-h3:hover{color:var(--primary)}#the-blog .blog-sidebar .feature-date{color:var(--bodyTextColor);display:block;font-size:.875rem;line-height:1.5em}}@media only screen and (min-width:64rem){#the-blog .blog-sidebar{max-width:25.5em;position:sticky;top:10rem}#the-blog .blog-sidebar .cs-image-group{display:inline-block;position:unset;visibility:visible}}@media only screen and (min-width:0rem){#the-blog .blog-article{display:block;width:100%}#the-blog .blog-article .blog-mainImage{border-radius:.5em;display:block;height:clamp(200px,30vw,400px);margin-bottom:3.125em;overflow:hidden;position:relative;width:100%}#the-blog .blog-article .blog-mainImage img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}#the-blog .blog-article .blog-authorGroup{justify-content:space-between;width:100%}#the-blog .blog-article .blog-authorGroup,#the-blog .blog-article .blog-authorGroup-left{align-items:center;display:flex;gap:.75rem}#the-blog .blog-article .blog-author-img{border-radius:50%;display:block;height:2em;overflow:hidden;position:relative;width:2em}#the-blog .blog-article .blog-author-img img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}#the-blog .blog-article .blog-h1{color:var(--headerColor);font-size:clamp(20px,5vw,39px);font-weight:700;line-height:1.4em;margin:1rem 0}#the-blog .blog-article .blog-author,#the-blog .blog-article .blog-date{color:var(--bodyTextColor);font-size:.875rem;line-height:1.5em}#the-blog .blog-article .blog-dot{background-color:#fe4f70;border-radius:50%;display:block;height:3px;width:3px}#the-blog .blog-article .blog-categories{align-items:center;color:var(--bodyTextColor);display:flex;font-size:.875rem;gap:.5rem}#the-blog .blog-article .blog-categories-label{color:var(--headerColor);font-weight:600}#the-blog .blog-article .blog-categories-list{display:flex;flex-wrap:wrap;gap:.5rem}#the-blog .blog-article .blog-category{background:#f5f5f5;border-radius:4px;color:var(--bodyTextColor);font-size:.8125rem;line-height:1.4;padding:.25rem .5rem}#the-blog .blog-article #blog-content h1{color:var(--headerColor);font-size:2.25rem;font-weight:900;line-height:1.75em;margin-bottom:1rem}#the-blog .blog-article #blog-content h2{border-left:4px solid var(--primary);color:var(--headerColor);font-size:1.75rem;font-weight:700;line-height:1.5em;margin-bottom:1rem;padding-left:1.25rem}#the-blog .blog-article #blog-content h3,#the-blog .blog-article #blog-content h4,#the-blog .blog-article #blog-content h5,#the-blog .blog-article #blog-content h6{color:var(--headerColor);font-size:1.25rem;font-weight:700;line-height:1.5em;margin-bottom:1rem}#the-blog .blog-article #blog-content p{color:var(--bodyTextColor);font-size:1rem;line-height:1.6em;margin:0 0 1rem}#the-blog .blog-article #blog-content a{color:var(--primary);font-weight:700;position:relative;text-decoration:none}#the-blog .blog-article #blog-content a:hover{color:var(--primary)}#the-blog .blog-article #blog-content a:after{background-color:var(--primary);border-radius:2px;bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:translateY(-4px);transition:opacity .3s ease,transform .3s ease;width:100%}#the-blog .blog-article #blog-content a:hover:after{opacity:1;transform:translateY(0)}#the-blog .blog-article #blog-content ol,#the-blog .blog-article #blog-content ul{margin:1rem 0;padding-left:2.5rem}#the-blog .blog-article #blog-content ol li,#the-blog .blog-article #blog-content ul li{color:var(--bodyTextColor);font-size:1rem;line-height:1.6em;list-style:circle;margin-bottom:1rem}#the-blog .blog-article #blog-content strong{color:var(--primary)}#the-blog .blog-article #blog-content img{border-radius:.5rem;display:block;height:auto;margin:1rem 0;width:100%}#the-blog .blog-article #blog-content pre{max-height:18.75rem}#the-blog .blog-article #blog-content code[class*=language-],#the-blog .blog-article #blog-content pre[class*=language-]{background:0 0;word-break:normal;word-wrap:normal;color:#f8f8f2;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:.9em;hyphens:none;line-height:1.25;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px rgba(0,0,0,.3);white-space:pre;word-spacing:normal}#the-blog .blog-article #blog-content pre[class*=language-]{border-radius:.3em;margin:.5em 0;overflow:auto;padding:1em}#the-blog .blog-article #blog-content pre[class*=language-],#the-blog .blog-article #blog-content:not(pre)>code[class*=language-]{background:#272822}#the-blog .blog-article #blog-content:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}#the-blog .blog-article #blog-content .token.cdata,#the-blog .blog-article #blog-content .token.comment,#the-blog .blog-article #blog-content .token.doctype,#the-blog .blog-article #blog-content .token.prolog{color:#8292a2}#the-blog .blog-article #blog-content .token.punctuation{color:#f8f8f2}#the-blog .blog-article #blog-content .token.namespace{opacity:.7}#the-blog .blog-article #blog-content .token.constant,#the-blog .blog-article #blog-content .token.deleted,#the-blog .blog-article #blog-content .token.property,#the-blog .blog-article #blog-content .token.symbol,#the-blog .blog-article #blog-content .token.tag{color:#f92672}#the-blog .blog-article #blog-content .token.boolean,#the-blog .blog-article #blog-content .token.number{color:#ae81ff}#the-blog .blog-article #blog-content .token.attr-name,#the-blog .blog-article #blog-content .token.builtin,#the-blog .blog-article #blog-content .token.char,#the-blog .blog-article #blog-content .token.inserted,#the-blog .blog-article #blog-content .token.selector,#the-blog .blog-article #blog-content .token.string{color:#a6e22e}#the-blog .blog-article #blog-content .language-css .token.string,#the-blog .blog-article #blog-content .style .token.string,#the-blog .blog-article #blog-content .token.entity,#the-blog .blog-article #blog-content .token.operator,#the-blog .blog-article #blog-content .token.url,#the-blog .blog-article #blog-content .token.variable{color:#f8f8f2}#the-blog .blog-article #blog-content .token.atrule,#the-blog .blog-article #blog-content .token.attr-value,#the-blog .blog-article #blog-content .token.class-name,#the-blog .blog-article #blog-content .token.function{color:#e6db74}#the-blog .blog-article #blog-content .token.keyword{color:#66d9ef}#the-blog .blog-article #blog-content .token.important,#the-blog .blog-article #blog-content .token.regex{color:#fd971f}#the-blog .blog-article #blog-content .token.bold,#the-blog .blog-article #blog-content .token.important{font-weight:700}#the-blog .blog-article #blog-content .token.italic{font-style:italic}#the-blog .blog-article #blog-content .token.entity{cursor:help}body.dark-mode #the-blog .blog-sidebar #toc-sidebar .toc-header{color:var(--bodyTextColorWhite)}body.dark-mode #the-blog .blog-sidebar #toc-sidebar .toc-header:after{background-color:var(--bodyTextColorWhite)}body.dark-mode #the-blog .blog-sidebar #toc-sidebar .toc-header .toc-icon{filter:invert(100%)}body.dark-mode #the-blog .blog-sidebar #toc-sidebar .toc-group{border-color:#fafbfc}body.dark-mode #the-blog .blog-sidebar #toc-sidebar .toc a{border-left-color:transparent;color:var(--bodyTextColorWhite)}body.dark-mode #the-blog .blog-sidebar #toc-sidebar .toc a:hover{color:var(--primaryLight)}body.dark-mode #the-blog .blog-sidebar #toc-sidebar .toc a.cs-toc-current{border-left-color:var(--primaryLight);color:var(--primaryLight)}body.dark-mode #the-blog .blog-sidebar .blog-featured-group{border-color:#fafbfc}body.dark-mode #the-blog .blog-sidebar .featured-header{color:var(--bodyTextColorWhite)}body.dark-mode #the-blog .blog-sidebar .featured-header:after{background-color:var(--bodyTextColorWhite)}body.dark-mode #the-blog .blog-sidebar .blog-feature{border-color:hsla(0,0%,100%,.2)}body.dark-mode #the-blog .blog-sidebar .feature-date,body.dark-mode #the-blog .blog-sidebar .feature-h3{color:#f7f7f7}body.dark-mode #the-blog .blog-sidebar .feature-date :after,body.dark-mode #the-blog .blog-sidebar .feature-h3 :after{background:var(--primary)}body.dark-mode #the-blog .blog-sidebar .feature-date:hover,body.dark-mode #the-blog .blog-sidebar .feature-h3:hover{color:var(--primaryLight)}body.dark-mode #the-blog .blog-categories,body.dark-mode #the-blog .blog-categories-label{color:var(--bodyTextColorWhite)}body.dark-mode #the-blog .blog-category{background:rgba(0,0,0,.8);color:var(--bodyTextColorWhite)}body.dark-mode #the-blog .cs-separator{border:1px solid var(--secondary)}body.dark-mode #the-blog .blog-article .blog-author,body.dark-mode #the-blog .blog-article .blog-date,body.dark-mode #the-blog .blog-article .blog-h1{color:#f7f7f7}body.dark-mode #the-blog .blog-article #blog-content h2{border-color:var(--primaryLight)}body.dark-mode #the-blog .blog-article #blog-content h1,body.dark-mode #the-blog .blog-article #blog-content h2,body.dark-mode #the-blog .blog-article #blog-content h3,body.dark-mode #the-blog .blog-article #blog-content h4,body.dark-mode #the-blog .blog-article #blog-content h5,body.dark-mode #the-blog .blog-article #blog-content h6{color:#f7f7f7}body.dark-mode #the-blog .blog-article #blog-content li,body.dark-mode #the-blog .blog-article #blog-content p{color:#f7f7f7;opacity:.8}body.dark-mode #the-blog .blog-article #blog-content a,body.dark-mode #the-blog .blog-article #blog-content a:hover{color:var(--primaryLight)}body.dark-mode #the-blog .blog-article #blog-content a:after{background-color:var(--primaryLight)}body.dark-mode #the-blog .blog-article #blog-content strong{color:var(--primaryLight)}}