:root{--color-text-1:#141414;--color-text-2:#fff;--color-text-3:#8f8f8f;--color-text-4:#7f7070;--color-foreground-secondary:#666;--color-surface-1:#fff;--color-surface-2:#f5f4f5;--color-surface-3:#141414;--color-surface-4:#008ca0;--color-surface-5:#40a9b8;--color-surface-6:#cee8eb;--color-surface-7:#e793b7;--color-surface-8:#f2d9e8;--color-surface-9:#fbfbfb;--color-surface-10:#c9c8c9;--color-stroke-1:#282828;--color-stroke-2:#f5f4f5;--color-stroke-3:#8f8f8f;--color-stroke-4:#939090;--color-icon-1:#141414;--color-icon-2:#fff;--color-buttons-1:#141414;--color-buttons-2:#fff;--color-text-black:#000;--color-secondary-green:#9cdecc;--color-secondary-purple:#d7b8e0;--color-secondary-pink:#e7b1c7;--color-secondary-deep-pink:#ec83b4;--color-secondary-blue:#a1d7ed;--color-secondary-deep-blue:#65bde1;--color-secondary-orange:#f7bea8;--color-secondary-yellow:#f2e9c0;--color-secondary-deep-yellow:#f5e289;--color-secondary-deep-purple:#a97bb7;--color-secondary-light-blue:#d0e8f1;--color-secondary-light-purple:#e5d8e9;--color-error:#974a45;--color-shadow-rgb:0 0 0;--color-overlay-black-20:#0003;--gradient-hero-fade:linear-gradient(to right, var(--color-surface-10) 7.65%, transparent 45.86%);--gradient-media-shade:linear-gradient(70deg, #7d808157 1.1%, transparent 69.85%);--gradient-panel-fade:linear-gradient(to bottom, transparent, var(--color-surface-2) 80%);--blur-sticky:1.125rem;--font-heading:var(--font-heading--family);--font-heading-italic:var(--font-dm-serif-display--family);--font-body:var(--font-body--family);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-size-h1:3.5rem;--font-size-h2:2.5rem;--font-size-h3:2rem;--font-size-h3-medium:2.25rem;--font-size-h4:1.5rem;--font-size-h5:1.25rem;--font-size-t1:1.25rem;--font-size-t2:1rem;--font-size-t3:.875rem;--font-size-t4:.75rem;--font-size-u1:.875rem;--font-size-u2:.75rem;--font-size-ui-nav:.875rem;--font-size-ui-input:1rem;--font-size-ui-badge:.625rem;--font-size-h1-mobile:2.5rem;--font-size-h2-mobile:2rem;--font-size-h3-mobile:1.5rem;--font-size-h1-tablet:3rem;--radius-sm:.25rem;--radius-xs:.5rem;--radius-md:.625rem;--radius-full:62.4375rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-3-5:.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-13:3.25rem;--spacing-14:3.5rem;--nav-height:3.5rem;--nav-height-mobile:4rem}.article{background:var(--main-background-color);color:var(--main-information-color);padding:var(--desktop-top-padding) 0 var(--desktop-bottom-padding)}@media (width<=989px){.article{padding:var(--mobile-top-padding) 0 var(--mobile-bottom-padding)}}.article__inner{gap:var(--spacing-12);flex-direction:column;max-width:55rem;margin-inline:auto;display:flex}@media (width<=749px){.article__inner{gap:var(--spacing-6)}}.article__header{gap:var(--spacing-2);text-align:center;flex-direction:column;max-width:47.375rem;margin-inline:auto;display:flex}@media (width<=749px){.article__header{text-align:left;margin-inline:0}}.article__time,.article__title{margin:0}.article__hero{aspect-ratio:880/505;border-radius:var(--radius-sm);background:var(--color-surface-2);position:relative;overflow:hidden}@media (width<=749px){.article__hero{margin-inline:calc(-1 * var(--spacing-5));aspect-ratio:375/232;border-radius:0;order:-1}.article__hero--video{aspect-ratio:var(--video-ratio)}}.article__image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.article__video{justify-content:center;display:flex;position:absolute;inset:0}.article__video iframe,.article__video video{width:auto;max-width:100%;height:100%;aspect-ratio:var(--video-ratio);border:0}.article__badges{top:var(--spacing-4);left:var(--spacing-4);z-index:var(--layer-flat);position:absolute}@media (width<=749px){.article__badges{left:var(--spacing-5)}}.article__share{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.article__share-item{width:var(--spacing-10);height:var(--spacing-10);border-radius:var(--radius-sm);background:var(--color-surface-5);color:var(--color-icon-2);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0;transition:background-color .2s;display:flex}.article__share-item:hover{background:var(--color-surface-4)}.article__share-item:focus-visible{outline:.125rem solid var(--color-focus-ring);outline-offset:.0625rem}.article .article__content{font-family:var(--font-body);font-size:var(--font-size-t2);overflow-wrap:break-word;line-height:1.36}.article .article__content #sm-meta img{width:var(--spacing-10);height:var(--spacing-10);object-fit:contain}.article .article__content :is(#bloggy--article,#bloggle--article) .grid{display:block}.article .article__content>*{margin:0}.article .article__content>*+*,.article .article__content>div>*+*{margin-top:var(--spacing-10)}.article .article__content>:is(p,ul,ol)+:is(p,ul,ol),.article .article__content>div>.bggle_text+.bggle_text{margin-top:var(--spacing-3)}.article .article__content :is(h1,h2,h3,h4,h5,h6)+*{margin-top:0}.article .article__content .bggle_text>br{display:none}.article .article__content p,.article .article__content ul,.article .article__content ol,.article .article__content table{margin:0 0 var(--spacing-3)}.article .article__content p:last-child,.article .article__content ul:last-child,.article .article__content ol:last-child,.article .article__content table:last-child{margin-bottom:0}.article .article__content h1,.article .article__content h2,.article .article__content h3,.article .article__content h4,.article .article__content h5,.article .article__content h6{margin:var(--spacing-6) 0 var(--spacing-3);color:inherit;font-family:var(--font-heading);font-weight:var(--font-weight-medium);text-transform:none;padding:0}.article .article__content h1,.article .article__content h2{margin:var(--spacing-10) 0 var(--spacing-8);font-size:var(--font-size-h2);letter-spacing:-.02em;line-height:1.04}@media (width<=989px){.article .article__content h1,.article .article__content h2{font-size:var(--font-size-h3)}}.article .article__content h3{margin:var(--spacing-8) 0 var(--spacing-6);font-size:var(--font-size-h3);line-height:1.04}@media (width<=989px){.article .article__content h3{font-size:var(--font-size-h4);line-height:1.12}}.article .article__content h4{font-size:var(--font-size-h4);line-height:1.12}.article .article__content h5,.article .article__content h6{font-size:var(--font-size-h5);line-height:1.12}.article .article__content :is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}.article .article__content :is(h1,h2,h3,h4,h5,h6):last-child{margin-bottom:0}.article .article__content em,.article .article__content i{font-family:inherit}.article .article__content :is(h2,h3){scroll-margin-top:calc(var(--header-height,0rem) + var(--spacing-6))}.article .article__content strong,.article .article__content b{font-weight:var(--font-weight-bold)}.article .article__content a{color:inherit;text-underline-offset:.15em;text-decoration:underline}.article .article__content ul{padding:0;list-style:none}.article .article__content ul>li{padding-left:var(--spacing-5);position:relative}.article .article__content ul>li:before{content:"·";left:var(--spacing-2);position:absolute}.article .article__content ol{padding-left:var(--spacing-6)}.article .article__content li p{margin:0}.article .article__content img{border-radius:var(--radius-sm);max-width:100%;height:auto}.article .article__content hr{border:0;border-top:.0625rem solid var(--color-stroke-2)}.article .article__content table{border-collapse:collapse;width:100%;font-size:var(--font-size-t3)}.article .article__content th,.article .article__content td{padding:var(--spacing-3);border-bottom:.0625rem solid var(--color-stroke-3);text-align:left;vertical-align:top}.article .article__content th{background:var(--color-surface-2);font-weight:var(--font-weight-bold)}.article .article__content blockquote{margin-inline:0}.article .article__content :is(span,li,a,p,h2,h3,h4,strong,em)[style]{color:inherit!important}.article .article__content .bggle_reco_blog_posts,.article .article__content .bggle_nav--slider,.article .article__content .bggle_spacer,.article .article__content .arrow__down--svg,.article .article__content .blggle-summary-iconV2{display:none}.article .article__content .bggle_author{align-items:flex-start;gap:var(--spacing-6);padding:var(--spacing-6);border-radius:var(--radius-sm);background:var(--color-surface-2);display:flex}@media (width<=749px){.article .article__content .bggle_author{gap:var(--spacing-4);padding:var(--spacing-4)}}.article .article__content .bggle_author .bggle_image--container{flex:0 0 6rem}@media (width<=749px){.article .article__content .bggle_author .bggle_image--container{flex-basis:4.5rem}}.article .article__content .bggle_author img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-full);width:100%}.article .article__content .bggle_author .bggle_text--container{min-width:0;font-size:var(--font-size-t3);flex:auto}.article .article__content .bggle--slider,.article .article__content .grid-bloggle,.article .article__content .bggle_product--container{gap:var(--spacing-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));display:grid}.article .article__content .bggle_table-of-content[style],.article .article__content .article-toc{padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-sm);background-color:var(--color-surface-6)!important}@media (width<=749px){.article .article__content .bggle_table-of-content[style],.article .article__content .article-toc{padding:var(--spacing-4)}}.article .article__content .bggle-toc-summaryV2,.article .article__content .article-toc__summary{justify-content:space-between;align-items:center;gap:var(--spacing-4);cursor:pointer;padding:0;list-style:none;display:flex}.article .article__content .bggle-toc-summaryV2::-webkit-details-marker{display:none}.article .article__content .article-toc__summary::-webkit-details-marker{display:none}.article .article__content .bggle-toc-summaryV2:after,.article .article__content .article-toc__summary:after{content:"";width:var(--spacing-4);height:var(--spacing-4);background:currentColor;flex-shrink:0;transition:transform .2s;transform:rotate(90deg);-webkit-mask:url(./vite-blog-chevron-DM1TdsH_.svg) 50%/.4375rem no-repeat;mask:url(./vite-blog-chevron-DM1TdsH_.svg) 50%/.4375rem no-repeat}.article .article__content .bggle-toc-summaryV2:focus-visible,.article .article__content .article-toc__summary:focus-visible{outline:.125rem solid var(--color-focus-ring);outline-offset:.0625rem}.article .article__content .bggle-toc-summaryV2>svg,.article .article__content .article-toc__summary>svg{display:none}.article .article__content .bggle-toc-summaryV2 h2,.article .article__content .bggle-toc-summaryV2 .article-toc__label,.article .article__content .article-toc__summary h2,.article .article__content .article-toc__summary .article-toc__label{font-family:var(--font-body);font-size:var(--font-size-u1);font-weight:var(--font-weight-bold);letter-spacing:0;text-transform:uppercase;line-height:1.36;margin:0!important}.article .article__content details[open]>.bggle-toc-summaryV2:after,.article .article__content details[open]>.article-toc__summary:after{transform:rotate(-90deg)}.article .article__content .article-toc__list{gap:var(--spacing-4);margin:var(--spacing-4) 0 var(--spacing-2);padding:var(--spacing-4) 0 0;border-top:.0625rem solid var(--color-surface-5);font-size:var(--font-size-t2);flex-direction:column;line-height:1.4;list-style:none;display:flex}.article .article__content .article-toc__list>li{padding-left:var(--spacing-5);position:relative}.article .article__content .article-toc__list>li:before{content:"";top:calc(.7em - var(--spacing-1));width:var(--spacing-2);height:var(--spacing-2);border-radius:var(--radius-full);background:var(--color-surface-4);position:absolute;left:0}.article .article__content .article-toc__list>li>a{font-weight:var(--font-weight-medium)}.article .article__content .article-toc__list a{text-underline-offset:.2em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s}.article .article__content .article-toc__list a:hover{text-decoration-color:currentColor}.article .article__content .article-toc__list a:focus-visible{outline:.125rem solid var(--color-focus-ring);outline-offset:.0625rem}.article .article__content .article-toc__list ul,.article .article__content .article-toc__list ol{margin:var(--spacing-3) 0 0;padding-left:var(--spacing-4);border-left:.0625rem solid var(--color-surface-5);font-size:var(--font-size-t3)}.article .article__content .article-toc__list ul>li+li,.article .article__content .article-toc__list ol>li+li{margin-top:var(--spacing-2)}.article .article__content .article-toc__list ul>li{padding-left:0}.article .article__content .article-toc__list ul>li:before{content:none}.article .article__content .article-toc__list ol{padding-left:var(--spacing-8)}.article .article__content .bggle_faq{gap:var(--spacing-2);flex-direction:column;display:flex}.article .article__content .faq--container{gap:var(--spacing-2);flex-direction:column;margin:0;display:flex}.article .article__content .bggle--question{font-family:var(--font-body);font-size:var(--font-size-t2);font-weight:var(--font-weight-regular);margin:0;line-height:1.36}.article .article__content .article-faq__button{justify-content:space-between;align-items:center;gap:var(--spacing-4);width:100%;padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-xs);background:var(--color-surface-2);color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;display:flex}.article .article__content .article-faq__button:after{content:"";width:var(--spacing-4);height:var(--spacing-4);background:currentColor;flex-shrink:0;transition:transform .2s;transform:rotate(45deg);-webkit-mask:url(./vite-blog-plus-Dg2nhoQu.svg) 50%/.5rem no-repeat;mask:url(./vite-blog-plus-Dg2nhoQu.svg) 50%/.5rem no-repeat}.article .article__content .article-faq__button[aria-expanded=true]:after{transform:rotate(0)}.article .article__content .article-faq__button:focus-visible{outline:.125rem solid var(--color-focus-ring);outline-offset:.0625rem}.article .article__content .reponse{padding:var(--spacing-2) var(--spacing-6) var(--spacing-4)}.article .article__content .reponse[hidden]{display:none}.article .article__content .bggle_summary[style]{padding:var(--spacing-6);border-radius:var(--radius-sm);background-color:var(--color-surface-2)!important;border:0!important}.article .article__content .bloggle_quote--text{font-family:var(--font-heading-italic);font-size:var(--font-size-h4);line-height:1.12}.article .article__content .bggle_text-with-image{align-items:center;gap:var(--spacing-6);display:flex}@media (width<=749px){.article .article__content .bggle_text-with-image{flex-direction:column;align-items:stretch}}.article .article__content .bggle_text-with-image>*{flex:1 1 0}.article .article__content .bggle_double-column{gap:var(--spacing-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=749px){.article .article__content .bggle_double-column{grid-template-columns:minmax(0,1fr)}}.article .article__content .bggle_video{justify-content:center;display:flex}.article .article__content .bloggle--flow-button{padding:var(--spacing-4) var(--spacing-10);border-radius:var(--radius-full);background:var(--color-surface-4);color:var(--color-text-2);font-size:var(--font-size-ui-nav);font-weight:var(--font-weight-bold);text-transform:uppercase;border:0;justify-content:center;align-items:center;line-height:1;text-decoration:none;display:inline-flex}@media (prefers-reduced-motion:reduce){.article .article__content .bggle-toc-summaryV2:after,.article .article__content .article-toc__summary:after,.article .article__content .article-toc__list a,.article .article__content .article-faq__button:after{transition:none}}@media print{.article__share,.article__badges{display:none}}
