.post-body__clipboard-btn{display:flex;justify-content:center;margin-bottom:var(--spacer-md)}.post-body__content-wrapper .standout{background:var(--gray-base);border:1px solid var(--black-100);border-radius:8px;padding:20px}.post-body__content-wrapper .standout:has(+*){margin-bottom:32px}.post-body__content-wrapper .standout :is(ul,ol){margin-bottom:0!important}.post-body__content-wrapper blockquote:not(.hs_cos_wrapper blockquote){align-items:center;border:none;display:flex;flex-wrap:wrap;font-style:italic;margin:35px 0 45px;min-height:60px;overflow:hidden;padding-left:124px;position:relative}.post-body__content-wrapper blockquote:not(.hs_cos_wrapper blockquote):before{background:url(//8119038.fs1.hubspotusercontent-na1.net/hubfs/8119038/raw_assets/public/pixl-labs/assets/icons/quote-icon.svg)#fff no-repeat 50%;content:"";display:inline-block;height:60px;left:0;opacity:.6;position:absolute;top:0;width:60px}.post-body__content-wrapper blockquote:not(.hs_cos_wrapper blockquote):after{background-color:#a570ff;content:"";height:100%;left:30px;opacity:.6;position:absolute;top:75px;width:2px;z-index:-1}.post-body__content-wrapper blockquote:not(.hs_cos_wrapper blockquote) cite{color:#777;font-style:normal;font-weight:700;margin-top:15px}.post-body__content-wrapper .highlight-box{border-radius:var(--radius-lg);margin-bottom:var(--spacer-md);padding:20px 20px 25px;position:relative}.post-body__content-wrapper .highlight-box:has(+*){margin-bottom:20px}.post-body__content-wrapper .highlight-box--light{background:var(--background-base)}.post-body__content-wrapper .highlight-box--center{text-align:center}.post-body__content-wrapper .highlight-box--lg{padding:35px 20px}.post-body__content-wrapper .highlight-box--purple{background:var(--primary-50)}.post-body__content-wrapper .highlight-box--orange{background:#fbe6c6;border-bottom:5px solid #feae2b;border-top:5px solid #feae2b}.post-body__content-wrapper .highlight-box__header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.post-body__content-wrapper .highlight-box--center .highlight-box__header{justify-content:center;margin-bottom:10}.post-body__content-wrapper .highlight-box__header img{margin:0;max-width:50px!important}.post-body__content-wrapper img.highlight-box__icon{box-shadow:none;max-width:50px}.post-body__content-wrapper .highlight-box__title{font-size:20px;font-weight:600;margin-bottom:0}.post-body__content-wrapper .highlight-box--orange ul li{align-items:center;display:flex;gap:24px;margin-bottom:16px;margin-left:0;padding-left:var(--spacing-6x);position:relative}.post-body__content-wrapper .highlight-box--orange ul li::marker{display:none}.post-body__content-wrapper .highlight-box--orange ul li:before{content:url(//8119038.fs1.hubspotusercontent-na1.net/hubfs/8119038/raw_assets/public/pixl-labs/assets/icons/test-checkmark.svg);display:block;inset:0 auto auto 0}.post-body__content-wrapper tr:first-child{background-color:var(--primary-base)}.post-body__content-wrapper tr:first-child td{border-right:none;color:var(--white)}.post-body__content-wrapper tr{border:1px solid var(--text-300);height:auto!important}.post-body__content-wrapper td{border-right:1px solid var(--text-300);font-size:16px;height:auto!important;padding:10px 12px!important;vertical-align:middle}.post-body__content-wrapper td :is(ul,ol){margin-bottom:0}.post-body__content-wrapper td .icon--checkmark svg{fill:var(--primary-base)}.post-body__content-wrapper td span.icon-wrapper{align-items:center;display:flex;justify-content:center;width:100%}.post-body__content div:has(>table){border:1px solid var(--border-light);border-radius:var(--radius-md)}.post-body__content table{border:none!important;height:auto!important;min-width:650px}.post-body__content-wrapper tr:not(.post-body__content-wrapper tr:last-child){border-bottom:1px solid var(--border-light)}.post-body__content-wrapper td:not(.post-body__content-wrapper td:last-child){border-right:1px solid var(--border-light)}div:has(>.table-wrapper){margin-bottom:20px}.table-wrapper{overflow-x:scroll;overflow-y:auto;padding:0 20px}.table{box-shadow:0 11px 21px 0 rgb(18 30 255/9%);margin-bottom:var(--spacer-md);min-width:700px;width:100%}.table .thead{background-color:var(--primary-base);padding:20px 10px;width:100%}.table .tbody{border:0;font-size:100%;font:inherit;margin:0;padding:0;vertical-align:baseline}.table .tr{align-items:center;display:flex;justify-content:space-between}.post-body .tbody .tr ul,.tbody span,.thead .th{flex-basis:33%;margin:0;padding:20px 10px}.thead .th{color:var(--white);font-weight:600;padding:0;text-align:center}.tbody .tr{border-bottom:1px solid var(--border-color)}.tbody .tr span{display:flex;justify-content:center;text-align:center}.tbody .tr span:first-child{justify-content:flex-start;text-align:left}.table .icon--checkmark{fill:var(--primary-base)}.table .icon--times{fill:var(--text-300)}@media (min-width:768px){.table-wrapper{overflow-x:visible;overflow-y:visible;padding:0}}.rating-wrapper{margin-bottom:var(--spacing-8x)}.rating{align-items:center;display:flex;gap:4px}.rating__title{font-weight:700}.rating svg{height:20px;width:18px;fill:var(--primary-base)}.rating__footer{display:block}.snippet-tippy-icon{display:none}.snippet-icon svg{fill:#ff6dc9}.code-card{background:var(--primary-950);border-radius:8px;box-shadow:0 11px 21px 0 rgba(18,30,255,.09);color:#fff;margin-bottom:20px}.code-card__header{display:grid;grid-template-columns:repeat(2,1fr)}.code-card__header p{color:var(--text-300);font-size:14px;margin-bottom:4px!important;text-transform:uppercase}.code-card--3 .code-card__body,.code-card__header--3{column-gap:20px;grid-template-columns:repeat(3,1fr)}.code-card__body{align-items:center;display:grid;grid-template-columns:repeat(2,1fr);padding:20px 32px}.code-card__body p{color:#00ff69;font-size:.8889rem;margin-bottom:0!important}.code-card__body :is(p,li,span){font-size:.8889rem}.code-card__body ul{list-style:none;margin:0;padding:0;text-indent:0}.code-card__body li{align-items:center;color:var(--secondary-base);display:flex;gap:16px;padding-left:0;transition:all .15s ease}.code-card__body li:last-child{margin-bottom:0}.code-card__body li:before{display:none}.code-card__body li svg{fill:var(--secondary-base);animation:fadeIn .3s ease-in-out}p.code-card__desc{color:#fff;font-size:14px}.syntax-card{border:1px solid var(--gray-base);border-radius:8px;margin-bottom:20px}.syntax-card__header{background:var(--primary-base);border-radius:8px 8px 0 0;color:#fff;font-size:15px;font-weight:650;padding:5px 20px;text-transform:uppercase}.syntax-card__body{font-size:16px;padding:20px}@media (hover:hover){.code-card__body li:hover{cursor:pointer;opacity:.8}}@media (max-width:767px){.code-card__header{display:none}.code-card__body{display:block}.code-card__body ul{margin-top:15px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}pre{margin-bottom:32px}pre code{border-radius:8px;font-size:var(--text-sm)}.post-body__content .hljs{background:var(--primary-950);padding:var(--spacing-5x)}blockquote:not(.hs_cos_wrapper_type_module blockquote){background:var(--primary-50);border-left:4px solid var(--primary-base);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-3x);margin-block:var(--spacing-8x);padding:var(--spacing-4x) var(--spacing-8x)}blockquote:not(.hs_cos_wrapper_type_module blockquote) cite{font-size:vaR(--text-sm)}.post-body__content .blog-post__alert{margin-block:var(--spacing-8x)}.post-body__content .blog-post__alert,.post-body__content .blog-post__alert--secondary{background:var(--primary-50);border-color:var(--primary-base)}:is(.post-body__content .blog-post__alert,.post-body__content .blog-post__alert--secondary) p{margin-bottom:0}.post-muted-text,a.post-muted-text{color:var(--text-light);font-size:var(--text-sm);font-weight:400;line-height:1.2}.post-hero{align-items:center;padding-block:var(--spacing-12x) var(--spacing-20x)}.post-hero,.post-hero__content{display:flex;gap:var(--spacing-16x);justify-content:space-between}.post-hero__content{flex:0 1 515px;flex-direction:column}.post-hero__preheader{align-items:center;display:flex;gap:var(--spacing-3x)}.post-hero__tags,a.post-hero__tag{align-items:center;display:flex;gap:var(--spacing-1x)}a.post-hero__tag{text-decoration:none}a.post-hero__tag:hover{color:var(--primary-base)}.post-hero__tag svg{height:8px;transform:rotate(180deg);transition:var(--transition);width:16px}.post-hero__tag:hover svg{transform:rotate(180deg) translateX(5px)}.post-hero__tag svg path{fill:var(--text-light);transition:var(--transition)}.post-hero__tag:hover svg path{fill:var(--primary-base)}.post-hero__title{text-wrap:wrap}.post-hero__footer{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:var(--spacing-4x);padding-top:var(--spacing-4x)}.post-hero__author-avatar{border-radius:var(--radius-xl);display:block;height:47px;object-fit:cover;width:47px}.post-hero__info{align-items:center;display:flex;flex-grow:1;gap:var(--spacing-8x);justify-content:space-between}.post__info-title{color:var(--text-light);font-size:var(--text-xs);margin-bottom:var(--spacing-1x);text-transform:uppercase}.post-hero__featured-image{flex:0 1 659px}.post-hero__featured-image img{border-radius:var(--radius-lg);display:block;height:auto;width:100%}@media (max-width:820px){.post-hero{align-items:flex-start;flex-direction:column;gap:var(--spacing-8x);padding-block:var(--spacing-8x) var(--spacing-12x)}.post-hero__content{flex:none;gap:var(--spacing-8x);max-width:600px}.post-hero__featured-image{flex:none;width:100%}}.post-body-wrapper{justify-content:space-between;margin-bottom:var(--spacing-16x)}.post-body,.post-body-wrapper{display:flex;gap:var(--spacing-16x)}.post-body__clipboard-btn .btn{margin-bottom:var(--spacing-8x);width:fit-content}@media (max-width:820px){.post-body-wrapper{flex-direction:column}.post-body{order:2}}@media (max-width:768px){.post-body{flex-direction:column}}.post__social-share{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-3x);position:sticky;top:var(--scroll-margin-top)}.post__social-share-link,a.post__social-share-link{align-items:center;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;display:flex;height:40px;justify-content:center;transition:var(--transition);width:40px}:is(a.post__social-share-link,.post__social-share-link):hover{background:var(--primary-base);border-color:var(--primary-base)}.post__social-share-link svg path{fill:var(--gray-400);transition:var(--transition)}.post__social-share-link:hover svg path{fill:var(--white)}@media (max-width:768px){.post__social-share{flex-direction:row}}.post-toc-wrapper{flex:0 0 327px}.post-toc{position:sticky;top:var(--scroll-margin-top)}.post-toc__header{margin-bottom:var(--spacing-3x)}.post-toc__header,.post-toc__title{align-items:center;display:flex;justify-content:space-between}.post-toc__title{font-weight:650;text-transform:uppercase}.post-toc__title svg{display:none;transition:var(--transition)}.post-toc__title svg path{fill:var(--text-base)}.post-toc__back-to-top{cursor:pointer}.post-toc__back-to-top svg{height:20px;width:20px}.post-toc__progress-bar{--transform:translateX(-100%);background:var(--border-light);height:2px;margin-bottom:var(--spacing-4x);overflow:clip;position:relative;width:100%}.post-toc__progress-bar:after{background:var(--primary-base);content:"";display:block;height:100%;transform:var(--transform);width:100%}ul.post-toc__list{display:flex;flex-direction:column;gap:var(--spacing-2x)}li.post-toc__item,li.post-toc__item a{color:var(--text-light);font-size:var(--text-sm);font-weight:400;line-height:1.2}li.post-toc__item a:hover{color:var(--text-light);text-decoration-color:var(--text-light)}li.post-toc__item a[data-state=active]{color:var(--primary-base)}li.post-toc__item a[data-state=active]:hover{text-decoration-color:var(--primary-base)}@media (max-width:1024px){.post-toc-wrapper{flex:0 0 279px}}@media (max-width:820px){.post-toc-wrapper{flex:none;order:1;width:100%}.post-toc__title{width:100%}.post-toc__title svg{display:block}.post-toc[aria-expanded=true] .post-toc__title svg{transform:rotate(-180deg)}.post-toc__back-to-top{display:none}}.post-body__content{flex:0 1 660px;max-width:660px}@media (max-width:1024px){.post-body__content{flex:0 1 520px;max-width:520px}}@media (max-width:820px){.post-body__content{flex:0 1 660px;max-width:660px}}@media (max-width:768px){.post-body__content{flex:none;max-width:100%}}.post__related-articles{background:var(--background-gray);padding-block:var(--spacing-12x) var(--spacing-16x)}.post-related-articles__heading{margin-bottom:var(--spacing-10x)}.post-body__content .hs-audio-player{--primary:var(--white)!important;--secondary:var(--black-base)!important;--tertiary:var(--gray-300)!important;--primary-alt:var(--white)!important;border:1px solid var(--black-base)!important;margin-bottom:var(--spacing-10x)!important}