@media only screen and (min-width:0rem){.blog-container{margin:auto;max-width:70em;width:94%}.blog-link{background-color:var(--headerColor);border-radius:.25rem;box-sizing:border-box;color:#fff;display:inline-block;font-size:1rem;font-weight:700;line-height:clamp(2.875em,5.5vw,3.5em);margin:auto;min-width:9.375rem;padding:0 1.5rem;position:relative;text-align:center;text-decoration:none;transition:color .3s;z-index:1}.blog-link:before{background:#fff;border:1px solid var(--headerColor);border-radius:.25rem;box-sizing:border-box;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:-1}.blog-link:hover{color:var(--headerColor)}.blog-link:hover:before{opacity:1}#header{position:relative;z-index:1}#header .blog-container{padding:clamp(100px,14vw,200px) 0 clamp(50px,11vw,100px)}#header .blog-header{color:#fff;font-size:clamp(24px,4vw,48px);font-weight:700;line-height:1.2em;margin:0;text-align:left;width:100%}#header .blog-bg{display:block;z-index:-1}#header .blog-bg,#header .blog-bg img{height:100%;left:0;position:absolute;top:0;width:100%}#header .blog-bg img{-o-object-fit:cover;object-fit:cover}#header .blog-bg:before{background:#000;content:"";display:block;height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%;z-index:1}#int-hero{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:30vh;padding-top:3.125rem;position:relative;z-index:1}#int-hero picture{z-index:-2}#int-hero picture,#int-hero picture img{height:100%;left:0;position:absolute;top:0;width:100%}#int-hero picture img{-o-object-fit:cover;object-fit:cover}#int-hero h1{font-size:2.13333333rem;margin:4.375rem auto 1.875rem;max-width:31.25rem;position:relative}#int-hero h1,#int-hero p{color:#fff;text-align:center;width:96%}#int-hero p{display:block;margin:auto auto 1.875rem;max-width:25rem}#int-hero:before{background:#000;content:"";display:block;height:100%;left:0;opacity:.7;position:absolute;top:0;width:100%;z-index:-1}}@media only screen and (min-width:48rem){#int-hero{font-size:100%}#int-hero h1{font-size:4rem}}@media only screen and (min-width:64rem){#int-hero{background-attachment:fixed;font-size:inherit;height:auto;min-height:18.75rem;padding-block-end:6.25rem;padding-top:11.25rem}}@media only screen and (min-width:0rem){.blog-container{padding:clamp(60px,7vw,100px) 0;position:relative;z-index:1}.main-content,.main-content-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:3.125em}.main-content{width:100%}.cs-bubbles{bottom:.625em;font-size:min(2.5vw,.7em);height:26.6875em;position:absolute;right:-16.25em;width:26.1875em;z-index:-1}.cs-bubbles:before{animation-duration:5s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:floatAnimation;animation-timing-function:ease-in-out;background:transparent;border:1px solid #1a1a1a;bottom:0;height:20.625em;opacity:1;right:0;width:20.625em}.cs-bubbles:after,.cs-bubbles:before{border-radius:50%;content:"";display:block;position:absolute}.cs-bubbles:after{animation-duration:14s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:floatAnimation2;animation-timing-function:ease-in-out;background:var(--primary);height:16.25em;left:0;opacity:.15;top:0;transition:box-shadow .3s;width:16.25em;z-index:-1}.cs-bubbles2{bottom:auto;font-size:min(1.5vw,.5rem);left:-7.5rem;right:auto;top:15.625rem;transform:rotate(45deg);z-index:-1}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-2rem)}to{transform:translateY(0)}}@keyframes floatAnimation2{0%{transform:translateY(0)}50%{transform:translateY(-3rem)}to{transform:translateY(0)}}}@media only screen and (min-width:64rem){.main-content-wrapper{align-items:flex-start;-moz-column-gap:1.25em;column-gap:1.25em;flex-direction:row}.cs-bubbles{font-size:min(2.5vw,1em)}}@media only screen and (min-width:100rem){.cs-bubbles{bottom:8.125rem;left:50%;margin-left:28.125rem;right:auto}.cs-bubbles2{bottom:auto;left:auto;margin-left:0;margin-right:40.625rem;right:50%;top:8.125rem;transform:scaleY(-1)}}@media only screen and (min-width:0rem){body.dark-mode .blog-article #blog-content{border-color:hsla(0,0%,100%,.2)}body.dark-mode .cs-bubbles:before{border-color:#fff;box-shadow:0 0 44px rgba(67,183,255,.2),inset 0 0 30px rgba(67,183,255,.2),inset 0 0 55px rgba(67,183,255,.2),inset 0 0 75px rgba(67,183,255,.4),0 0 105px rgba(67,183,255,.4)}body.dark-mode .cs-bubbles:after{background-color:var(--secondary)}.recent-articles{flex:none;max-width:49.6875em;width:100%}.recent-articles .blog-mainImage{border-radius:.5em .5em 0 0;display:block;height:clamp(200px,30vw,400px);overflow:hidden;position:relative;width:100%}.recent-articles .blog-mainImage img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.recent-articles .article-group{border:1px solid #ebebeb;border-radius:0 0 .5em .5em;padding:clamp(30px,5vw,50px)}.recent-articles .blog-author-img{border-radius:50%;display:block;height:2em;overflow:hidden;position:relative;width:2em}.recent-articles .blog-author-img img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.recent-articles .blog-authorGroup{align-items:center;display:flex;gap:.75rem;justify-content:flex-start}.recent-articles .blog-author,.recent-articles .blog-date{color:var(--bodyTextColor);font-size:.875rem;line-height:1.5em}.recent-articles .blog-dot{background-color:var(--secondary);border-radius:50%;display:block;height:3px;width:3px}.recent-articles .blog-h1{color:var(--headerColor);font-size:clamp(20px,5vw,32px);font-weight:700;line-height:1.2em;margin:1rem 0}.recent-articles .blog-desc{color:var(--bodyTextColor);font-size:1rem;line-height:1.5em;margin:1rem 0 2rem}.recent-articles .blog-link{background-color:var(--headerColor);border-radius:.25rem;box-sizing:border-box;color:#fff;display:inline-block;font-size:1rem;font-weight:700;line-height:clamp(2.875em,5.5vw,3.5em);margin:auto;min-width:9.375rem;padding:0 1.5rem;position:relative;text-align:center;text-decoration:none;transition:color .3s;z-index:1}.recent-articles .blog-link:before{background:#fff;border:1px solid var(--headerColor);border-radius:.25rem;box-sizing:border-box;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s;width:100%;z-index:-1}.recent-articles .blog-link:hover{color:var(--headerColor)}.recent-articles .blog-link:hover:before{opacity:1}}@media only screen and (min-width:64rem){.recent-articles .blog-h1{max-width:31.25rem}}@media only screen and (min-width:0rem){body.dark-mode .recent-articles .blog-author,body.dark-mode .recent-articles .blog-date,body.dark-mode .recent-articles .blog-desc,body.dark-mode .recent-articles .blog-h1{color:#f7f7f7}body.dark-mode .recent-articles .article-group{border:1px solid #fff;box-shadow:0 0 14px rgba(67,183,255,.2),inset 0 0 10px rgba(67,183,255,.2),inset 0 0 25px rgba(67,183,255,.2),0 0 25px rgba(67,183,255,.2)}body.dark-mode .blog-sidebar .blog-header,body.dark-mode .blog-sidebar .feature-date,body.dark-mode .blog-sidebar .feature-h3{color:#f7f7f7}body.dark-mode .blog-sidebar .blog-header:after{background:var(--primary)}body.dark-mode .blog-article #blog-content h1,body.dark-mode .blog-article #blog-content h2,body.dark-mode .blog-article #blog-content h3,body.dark-mode .blog-article #blog-content h4,body.dark-mode .blog-article #blog-content h5,body.dark-mode .blog-article #blog-content h6,body.dark-mode .blog-article .blog-author,body.dark-mode .blog-article .blog-date,body.dark-mode .blog-article .blog-h1{color:#f7f7f7}body.dark-mode .blog-article #blog-content li,body.dark-mode .blog-article #blog-content p{color:#f7f7f7;opacity:.8}body.dark-mode .blog-article #blog-content a{color:#9dafe5}.blog-sidebar{box-sizing:border-box;justify-content:center;max-width:49.6875em;row-gap:1.25em}.blog-sidebar,.blog-sidebar .blog-featured-group{align-items:center;display:flex;flex-direction:column;width:100%}.blog-sidebar .blog-featured-group{border:1px solid #ebebeb;border-radius:.5em;justify-content:flex-start;padding:2.1875em 1.875em}.blog-sidebar .blog-header{color:var(--headerColor);display:block;font-family:var(--headerFont);font-size:1.25em;font-weight:700;margin-bottom:1.875rem;position:relative;text-align:center;text-transform:uppercase}.blog-sidebar .blog-header:after{background:var(--headerColor);border-radius:.25rem;content:"";display:block;height:3px;margin:1rem auto;position:relative;width:3.125rem}.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%}.blog-sidebar .blog-feature:first-of-type{padding-top:0}.blog-sidebar .blog-feature:last-of-type{border:none;padding-bottom:0}.blog-sidebar .blog-featureImage{border-radius:50%;display:block;flex:none;height:3.75em;overflow:hidden;position:relative;width:3.75em}.blog-sidebar .blog-featureImage img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.blog-sidebar .feature-h3{color:var(--headerColor);display:block;font-size:.8125rem;font-weight:700;line-height:1.2em;margin:0 0 .25rem;text-decoration:none}.blog-sidebar .feature-date{color:var(--bodyTextColor);display:block;font-size:.875rem;line-height:1.5em}}@media only screen and (min-width:64rem){.blog-sidebar{max-width:22.5em}}@media only screen and (min-width:0rem){body.dark-mode .blog-sidebar .blog-header:after{background-color:#fff}body.dark-mode .blog-sidebar .blog-featured-group,body.dark-mode .blog-sidebar .blog-header:after{box-shadow:0 0 14px rgba(67,183,255,.2),inset 0 0 10px rgba(67,183,255,.2),inset 0 0 25px rgba(67,183,255,.2),0 0 25px rgba(67,183,255,.2)}body.dark-mode .blog-sidebar .blog-featured-group{animation:ulGlow 7.2s infinite forwards;border:1px solid #fff}body.dark-mode .blog-sidebar .blog-feature{border-color:hsla(0,0%,100%,.2)}.blog-article{display:block;max-width:49.6875em;width:100%}.blog-article .blog-mainImage{border-radius:.5em;display:block;height:clamp(200px,30vw,400px);margin-bottom:3.125em;overflow:hidden;position:relative;width:100%}.blog-article .blog-mainImage img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.blog-article .blog-author-img{border-radius:50%;display:block;height:2em;overflow:hidden;position:relative;width:2em}.blog-article .blog-author-img img{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.blog-article .blog-authorGroup{align-items:center;display:flex;gap:.75rem;justify-content:flex-start}.blog-article .blog-author,.blog-article .blog-date{color:var(--bodyTextColor);font-size:.875rem;line-height:1.5em}.blog-article .blog-dot{background-color:var(--secondary);border-radius:50%;display:block;height:3px;width:3px}.blog-article .blog-h1{color:var(--headerColor);font-size:clamp(20px,5vw,39px);font-weight:700;line-height:1.2em;margin:1rem 0;max-width:34.375rem}.blog-article #blog-content{border-top:1px solid #ebebeb;margin-top:1em;padding-top:1.5625em}.blog-article #blog-content iframe{margin-bottom:2rem}.blog-article #blog-content h1{font-size:2.25rem}.blog-article #blog-content h1,.blog-article #blog-content h2{color:var(--headerColor);font-weight:700;line-height:1.2em;margin-bottom:1rem}.blog-article #blog-content h2{border-left:4px solid var(--primaryLight);font-size:1.75rem;padding-left:1.25rem}.blog-article #blog-content h3{color:var(--headerColor);font-size:1.5rem;font-weight:700;line-height:1.5em;margin-bottom:1rem}.blog-article #blog-content h4,.blog-article #blog-content h5,.blog-article #blog-content h6{color:var(--headerColor);font-size:1.25rem;font-weight:700;line-height:1.5em;margin-bottom:1rem}.blog-article #blog-content p{color:var(--bodyTextColor);font-size:1rem;line-height:1.6em;margin:0 0 1rem}.blog-article #blog-content a{color:var(--secondary);font-size:inherit;text-decoration:underline}.blog-article #blog-content strong{color:var(--primaryLight)}.blog-article #blog-content ol,.blog-article #blog-content ul{margin:1rem 0;padding-left:2.5rem}.blog-article #blog-content ol li,.blog-article #blog-content ul li{color:var(--bodyTextColor);font-size:1rem;line-height:1.6em;list-style:circle;margin-bottom:1rem}.blog-article #blog-content img{border-radius:.5rem;display:block;height:auto;margin:1rem 0;width:100%}.blog-article #blog-content img.half{display:inline;width:49%}.blog-article #blog-content pre{max-height:18.75rem}.blog-article #blog-content code[class*=language-],.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:1em;hyphens:none;line-height:1.5;-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}.blog-article #blog-content pre[class*=language-]{border-radius:.3em;margin:.5em 0;overflow:auto;padding:1em}.blog-article #blog-content :not(pre)>code[class*=language-],.blog-article #blog-content pre[class*=language-]{background:#272822}.blog-article #blog-content :not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.blog-article #blog-content .token.cdata,.blog-article #blog-content .token.comment,.blog-article #blog-content .token.doctype,.blog-article #blog-content .token.prolog{color:#8292a2}.blog-article #blog-content .token.punctuation{color:#f8f8f2}.blog-article #blog-content .token.namespace{opacity:.7}.blog-article #blog-content .token.constant,.blog-article #blog-content .token.deleted,.blog-article #blog-content .token.property,.blog-article #blog-content .token.symbol,.blog-article #blog-content .token.tag{color:#f92672}.blog-article #blog-content .token.boolean,.blog-article #blog-content .token.number{color:#ae81ff}.blog-article #blog-content .token.attr-name,.blog-article #blog-content .token.builtin,.blog-article #blog-content .token.char,.blog-article #blog-content .token.inserted,.blog-article #blog-content .token.selector,.blog-article #blog-content .token.string{color:#a6e22e}.blog-article #blog-content .language-css .token.string,.blog-article #blog-content .style .token.string,.blog-article #blog-content .token.entity,.blog-article #blog-content .token.operator,.blog-article #blog-content .token.url,.blog-article #blog-content .token.variable{color:#f8f8f2}.blog-article #blog-content .token.atrule,.blog-article #blog-content .token.attr-value,.blog-article #blog-content .token.class-name,.blog-article #blog-content .token.function{color:#e6db74}.blog-article #blog-content .token.keyword{color:#66d9ef}.blog-article #blog-content .token.important,.blog-article #blog-content .token.regex{color:#fd971f}.blog-article #blog-content .token.bold,.blog-article #blog-content .token.important{font-weight:700}.blog-article #blog-content .token.italic{font-style:italic}.blog-article #blog-content .token.entity{cursor:help}.cs-codestitch{width:100%}.cs-codestitch .cs-picture{overflow:hidden;position:relative;z-index:1}.cs-codestitch .cs-picture,.cs-codestitch .cs-picture img{border-radius:.5rem;display:block;height:auto;width:100%}.cs-codestitch .cs-info{box-sizing:border-box;padding:1rem}.cs-codestitch .cs-h3{line-height:1.2em;margin-bottom:1rem}}