body, html {overflow-x: unset;}@media only screen and (min-width: 0rem) {#the-blog {padding: var(--sectionPadding);}#the-blog .cs-container {width: 100%;max-width: 34.375rem;margin: auto;display: flex;flex-direction: column;align-items: center;}#the-blog .blog-container, #the-blog .main-content-wrapper {margin: auto;}#the-blog .main-content-wrapper {display: flex;flex-direction: column;justify-content: center;align-items: center;row-gap: 3.125em;}#the-blog .main-content {display: flex;flex-direction: column;justify-content: center;width: 100%;row-gap: 3.125em;}#the-blog .cs-separator {width: 100%;margin-block: 2rem;border: 1px solid var(--primary);}}@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 {flex-direction: row;align-items: flex-start;column-gap: 4em;}}@media only screen and (min-width: 0rem) {#the-blog .blog-sidebar {position: relative;display: flex;flex-direction: column;justify-content: center;align-items: center;max-width: 49.6875em;width: 100%;box-sizing: border-box;row-gap: 2em;}#the-blog .blog-sidebar .cs-image-group {visibility: hidden;display: none;}#the-blog .blog-sidebar .cs-image-group .cs-flex {position: relative;}#the-blog .blog-sidebar .cs-image-group .cs-background {width: 100%;height: 100%;border-radius: 1rem;overflow: hidden;object-fit: cover;display: block;}#the-blog .blog-sidebar .cs-image-group .cs-background img {width: 100%;height: 100%;object-fit: cover;display: block;}#the-blog .blog-sidebar .cs-image-group .cs-box {position: absolute;bottom: clamp(0.75rem, 1.9vw, 1.5rem);right: clamp(0.75rem, 1.9vw, 1.5rem);display: flex;justify-content: space-between;align-items: center;border-radius: 0.5rem;background-color: #fff;width: 80%;max-width: 19rem;box-sizing: border-box;padding: 1rem;text-align: left;gap: 1.5rem;}#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(0.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 {display: block;text-transform: uppercase;font-family: var(--headerFont);font-size: clamp(1rem, 1.8vw, 1.25rem);line-height: 1.2em;font-weight: 700;color: var(--headerColor);}#the-blog .blog-sidebar .cs-image-group .cs-job {display: block;font-size: clamp(0.875rem, 1.8vw, 1rem);line-height: 1.2em;color: var(--primary);}#the-blog .blog-sidebar .cs-image-group .cs-box-icon {display: block;height: 3rem;width: auto;}#the-blog .blog-sidebar #toc-sidebar {width: 100%;box-sizing: border-box;}#the-blog .blog-sidebar #toc-sidebar .toc-group {display: flex;flex-direction: column;align-items: stretch;align-self: stretch;width: 100%;max-width: none;box-sizing: border-box;padding: 2.25rem 1.75rem;border: 1px solid #ebebeb;border-radius: 0.5em;}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc-header {color: var(--headerColor);font-size: 1.25rem;font-weight: 700;margin-bottom: 1rem;position: relative;text-align: center;background: none;border: none;width: 100%;display: flex;justify-content: center;align-items: center;cursor: pointer;}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc-header:after {background: var(--headerColor);content: "";display: block;height: 3px;position: absolute;bottom: -1rem;left: 50%;transform: translateX(-50%);width: 4rem;}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc-header .toc-icon {margin-left: 0.5rem;transition: transform 0.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 {width: 100%;overflow: hidden;max-height: 1000px;transition: max-height 0.3s ease;}#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: 0.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: 0.5rem;padding-left: 1rem;}#the-blog .blog-sidebar #toc-sidebar .toc-group .toc li > ol > li:first-child {margin-top: 0rem;}#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 0.2s ease-in-out, border-color 0.2s ease-in-out, padding 0.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: 0.5rem;}#the-blog .blog-sidebar .blog-featured-group {display: flex;flex-direction: column;justify-content: flex-start;align-items: center;border: 1px solid #ebebeb;border-radius: 0.5em;width: 100%;padding: 2.1875em 1.875em;}#the-blog .blog-sidebar .featured-header {color: var(--headerColor);font-size: 1.25rem;font-weight: 700;margin-bottom: 1rem;position: relative;text-align: center;background: none;border: none;width: 100%;display: flex;justify-content: center;align-items: center;cursor: pointer;}#the-blog .blog-sidebar .featured-header:after {background: var(--headerColor);content: "";display: block;height: 3px;position: absolute;bottom: -1rem;left: 50%;transform: translateX(-50%);width: 4rem;}#the-blog .blog-sidebar .featured-header .featured-icon {margin-left: 0.5rem;transition: transform 0.2s ease;}#the-blog .blog-sidebar .featured-header[aria-expanded=false] .featured-icon {transform: rotate(90deg);}#the-blog .blog-sidebar .featured {width: 100%;overflow: hidden;max-height: 1000px;transition: max-height 0.3s ease;}#the-blog .blog-sidebar .featured.collapsed {max-height: 0;padding: 0;}#the-blog .blog-sidebar .featured ul {display: flex;flex-direction: column;font-size: 0.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: 0.5rem;padding-left: 1rem;}#the-blog .blog-sidebar .featured li > ul > li:first-child {margin-top: 0rem;}#the-blog .blog-sidebar .blog-feature {display: flex;justify-content: flex-start;align-items: center;border-bottom: 1px solid #ebebeb;width: 100%;padding: 1.25rem 0;text-decoration: none;column-gap: 1.5em;}#the-blog .blog-sidebar .blog-feature:nth-of-type(1) {padding-top: 0;}#the-blog .blog-sidebar .blog-feature:last-of-type {border: none;padding-bottom: 0;}#the-blog .blog-sidebar .blog-featureImage {position: relative;display: block;border-radius: 50%;height: 3.75em;width: 3.75em;overflow: hidden;flex: none;}#the-blog .blog-sidebar .blog-featureImage img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#the-blog .blog-sidebar .feature-h3 {display: block;margin: 0;margin-bottom: 0.25rem;text-decoration: none;font-size: 0.9375rem;line-height: 1.5em;font-weight: 700;color: var(--headerColor);transition: color 0.2s ease-in-out;}#the-blog .blog-sidebar .feature-h3:hover {color: var(--primary);}#the-blog .blog-sidebar .feature-date {display: block;font-size: 0.875rem;line-height: 1.5em;color: var(--bodyTextColor);}}@media only screen and (min-width: 64rem) {#the-blog .blog-sidebar {max-width: 25.5em;position: sticky;top: 7rem;}#the-blog .blog-sidebar .cs-image-group {visibility: visible;display: inline-block;position: unset;}}@media only screen and (min-width: 0rem) {#the-blog .blog-article {display: block;width: 100%;}#the-blog .blog-article .blog-mainImage {position: relative;display: block;border-radius: 0.5em;margin-bottom: 3.125em;height: clamp(200px, 30vw, 400px);width: 100%;overflow: hidden;}#the-blog .blog-article .blog-mainImage img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#the-blog .blog-article .blog-authorGroup {display: flex;justify-content: space-between;align-items: center;gap: 0.75rem;width: 100%;}#the-blog .blog-article .blog-authorGroup-left {display: flex;align-items: center;gap: 0.75rem;}#the-blog .blog-article .blog-author-img {position: relative;display: block;border-radius: 50%;height: 2em;width: 2em;overflow: hidden;}#the-blog .blog-article .blog-author-img img {position: absolute;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;}#the-blog .blog-article .blog-h1 {margin: 1rem 0;font-size: clamp(20px, 5vw, 39px);line-height: 1.4em;font-weight: 700;color: var(--headerColor);}#the-blog .blog-article .blog-author, #the-blog .blog-article .blog-date {font-size: 0.875rem;line-height: 1.5em;color: var(--bodyTextColor);}#the-blog .blog-article .blog-dot {display: block;border-radius: 50%;background-color: #fe4f70;height: 3px;width: 3px;}#the-blog .blog-article .blog-categories {display: flex;align-items: center;gap: 0.5rem;font-size: 0.875rem;color: var(--bodyTextColor);}#the-blog .blog-article .blog-categories-label {font-weight: 600;color: var(--headerColor);}#the-blog .blog-article .blog-categories-list {display: flex;gap: 0.5rem;flex-wrap: wrap;}#the-blog .blog-article .blog-category {background: #f5f5f5;padding: 0.25rem 0.5rem;border-radius: 4px;font-size: 0.8125rem;line-height: 1.4;color: var(--bodyTextColor);}#the-blog .blog-article #blog-content h1 {margin-bottom: 1rem;font-size: 2.25rem;line-height: 1.75em;font-weight: 900;color: var(--headerColor);}#the-blog .blog-article #blog-content h2 {border-left: 4px solid var(--primaryLight);margin-bottom: 1rem;padding-left: 1.25rem;font-size: 1.75rem;line-height: 1.5em;font-weight: 700;color: var(--headerColor);}#the-blog .blog-article #blog-content h3 {margin-bottom: 1rem;font-size: 1.25rem;line-height: 1.5em;font-weight: 700;color: var(--headerColor);}#the-blog .blog-article #blog-content h4, #the-blog .blog-article #blog-content h5, #the-blog .blog-article #blog-content h6 {margin-bottom: 1rem;font-size: 1.25rem;line-height: 1.5em;font-weight: 700;color: var(--headerColor);}#the-blog .blog-article #blog-content p {margin: 0;margin-bottom: 1rem;font-size: 1rem;line-height: 1.6em;color: var(--bodyTextColor);}#the-blog .blog-article #blog-content a {color: var(--primaryLight);text-decoration: none;font-weight: 700;position: relative;}#the-blog .blog-article #blog-content a:hover {color: var(--primaryLight);}#the-blog .blog-article #blog-content a::after {content: "";position: absolute;left: 0;bottom: -5px;width: 100%;height: 2px;background-color: var(--primaryLight);border-radius: 2px;transform: translateY(-4px);transition: opacity 0.3s ease, transform 0.3s ease;}#the-blog .blog-article #blog-content a:hover::after {opacity: 1;transform: translateY(0);}#the-blog .blog-article #blog-content ul, #the-blog .blog-article #blog-content ol {margin: 1rem 0;padding-left: 2.5rem;}#the-blog .blog-article #blog-content ul li, #the-blog .blog-article #blog-content ol li {margin-bottom: 1rem;list-style: circle;font-size: 1rem;line-height: 1.6em;color: var(--bodyTextColor);}#the-blog .blog-article #blog-content strong {color: var(--primaryLight);}#the-blog .blog-article #blog-content img {display: block;border-radius: 0.5rem;margin: 1rem 0;height: auto;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;word-spacing: normal;-webkit-hyphens: none;-moz-hyphens: none;-ms-hyphens: none;hyphens: none;white-space: pre;text-shadow: 0 1px rgba(0, 0, 0, 0.3);font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;font-size: 0.9em;line-height: 1.25;color: #f8f8f2;text-align: left;-moz-tab-size: 4;-o-tab-size: 4;tab-size: 4;}#the-blog .blog-article #blog-content pre[class*=language-] {border-radius: 0.3em;margin: 0.5em 0;overflow: auto;padding: 1em;}#the-blog .blog-article #blog-content:not(pre) > code[class*=language-], #the-blog .blog-article #blog-content pre[class*=language-] {background: #272822;}#the-blog .blog-article #blog-content:not(pre) > code[class*=language-] {border-radius: 0.3em;padding: 0.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: 0.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;}}@media only screen and (min-width: 0rem) {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-group {border-color: #fafbfc;box-shadow: rgba(255, 67, 67, 0.2) 0px 0px 44px, inset rgba(255, 67, 67, 0.2) 0px 0px 30px, inset rgba(255, 67, 67, 0.2) 0px 0px 55px, inset rgba(255, 67, 67, 0.4) 0px 0px 75px, rgba(255, 67, 67, 0.4) 0px 0px 105px;}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;box-shadow: rgba(255, 67, 67, 0.2) 0px 0px 44px, inset rgba(255, 67, 67, 0.2) 0px 0px 30px, inset rgba(255, 67, 67, 0.2) 0px 0px 55px, inset rgba(255, 67, 67, 0.4) 0px 0px 75px, rgba(255, 67, 67, 0.4) 0px 0px 105px;}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: rgba(255, 255, 255, 0.2);}body.dark-mode #the-blog .blog-sidebar .feature-h3, body.dark-mode #the-blog .blog-sidebar .feature-date {color: #f7f7f7;}body.dark-mode #the-blog .blog-sidebar .feature-h3 :after, body.dark-mode #the-blog .blog-sidebar .feature-date :after {background: var(--primary);}body.dark-mode #the-blog .blog-sidebar .feature-h3:hover, body.dark-mode #the-blog .blog-sidebar .feature-date:hover {color: var(--primaryLight);}}@media only screen and (min-width: 0rem) {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, 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-h1, body.dark-mode #the-blog .blog-article .blog-author, body.dark-mode #the-blog .blog-article .blog-date {color: #f7f7f7;}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 p, body.dark-mode #the-blog .blog-article #blog-content li {opacity: 0.8;color: #f7f7f7;}}