[data-astro-cid-eg76gu3j][hidden]{display:none!important}.post-head[data-astro-cid-eg76gu3j]{padding-block:2.75rem 2rem}.post-head[data-astro-cid-eg76gu3j] .container-page[data-astro-cid-eg76gu3j]{justify-items:start;gap:1.25rem;display:grid}.breadcrumb[data-astro-cid-eg76gu3j]{color:var(--dv-color-body);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.8125rem;display:flex}.breadcrumb[data-astro-cid-eg76gu3j] a[data-astro-cid-eg76gu3j]{color:inherit;text-decoration:none}.breadcrumb[data-astro-cid-eg76gu3j] a[data-astro-cid-eg76gu3j]:hover{color:var(--dv-color-brand-500)}.breadcrumb[data-astro-cid-eg76gu3j] .is-current[data-astro-cid-eg76gu3j]{color:var(--dv-color-body-strong)}.post-head[data-astro-cid-eg76gu3j] h1[data-astro-cid-eg76gu3j]{letter-spacing:-.02em;max-width:56rem;font-size:clamp(2rem,1.4rem + 2.4vw,2.875rem);line-height:1.16}.byline[data-astro-cid-eg76gu3j]{color:var(--dv-color-body);flex-wrap:wrap;align-items:center;gap:.625rem;padding-top:.25rem;font-size:.9375rem;display:flex}.byline-avatar[data-astro-cid-eg76gu3j],.author-avatar[data-astro-cid-eg76gu3j]{background:var(--dv-color-brand-50);border-radius:50%;flex-shrink:0}.byline-avatar[data-astro-cid-eg76gu3j]{width:2.25rem;height:2.25rem}.byline-name[data-astro-cid-eg76gu3j]{color:var(--dv-color-ink);font-weight:var(--dv-weight-semibold)}.post-cover-wrap[data-astro-cid-eg76gu3j]{padding-bottom:2.75rem}.post-cover[data-astro-cid-eg76gu3j]{border-radius:1.25rem;overflow:hidden}.post-layout[data-astro-cid-eg76gu3j]{gap:2.5rem;padding-bottom:4rem;display:grid}@media (width>=62rem){.post-layout[data-astro-cid-eg76gu3j]{grid-template-columns:minmax(0,1fr) 21.25rem;align-items:start;gap:3.75rem}}.post-main[data-astro-cid-eg76gu3j]{min-width:0}.toc-mobile[data-astro-cid-eg76gu3j]{border:1px solid var(--dv-color-border);border-radius:var(--dv-radius-card);background:var(--dv-color-tint);margin-bottom:1.75rem;padding:1rem 1.25rem}.toc-mobile[data-astro-cid-eg76gu3j] summary[data-astro-cid-eg76gu3j]{color:var(--dv-color-ink);font-weight:var(--dv-weight-semibold);cursor:pointer}.toc-mobile[data-astro-cid-eg76gu3j] ol[data-astro-cid-eg76gu3j]{gap:.55rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.toc-mobile[data-astro-cid-eg76gu3j] a[data-astro-cid-eg76gu3j]{color:var(--dv-color-body-strong);font-size:var(--dv-text-small);text-decoration:none}@media (width>=62rem){.toc-mobile[data-astro-cid-eg76gu3j]{display:none}}.post-body[data-astro-cid-eg76gu3j]{max-width:46rem}.post-body[data-astro-cid-eg76gu3j]>*+*{margin-top:1.375rem}.post-body[data-astro-cid-eg76gu3j] h2{letter-spacing:-.02em;scroll-margin-top:calc(var(--dv-nav-height) + 1.5rem);margin-top:2.5rem;font-size:clamp(1.5rem,1.2rem + 1vw,1.875rem);line-height:1.25}.post-body[data-astro-cid-eg76gu3j] h2:first-child{margin-top:0}.post-body[data-astro-cid-eg76gu3j] h3{font-size:1.125rem}.post-body[data-astro-cid-eg76gu3j] p,.post-body[data-astro-cid-eg76gu3j] li{color:var(--dv-color-body-strong);font-size:1.0625rem;line-height:1.75}.post-body[data-astro-cid-eg76gu3j] ul:not([class]),.post-body[data-astro-cid-eg76gu3j] ol:not([class]){gap:.5rem;padding-left:1.25rem;list-style:outside;display:grid}.post-body[data-astro-cid-eg76gu3j] ol:not([class]){list-style:decimal}.post-body[data-astro-cid-eg76gu3j] strong{color:var(--dv-color-ink)}.post-sidebar[data-astro-cid-eg76gu3j]{gap:1.25rem;display:grid}@media (width>=62rem){.post-sidebar[data-astro-cid-eg76gu3j]{top:calc(var(--dv-nav-height) + 1.5rem);overscroll-behavior:contain;scrollbar-width:thin;position:sticky;overflow-y:auto}}.side-card[data-astro-cid-eg76gu3j],.side-newsletter[data-astro-cid-eg76gu3j]{border:1px solid var(--dv-color-border);background:var(--dv-color-white);border-radius:.875rem;padding:1.375rem}.side-label[data-astro-cid-eg76gu3j]{color:var(--dv-color-body);font-size:.75rem;font-weight:var(--dv-weight-semibold);letter-spacing:.12em;text-transform:uppercase;margin-bottom:.875rem}.toc-card[data-astro-cid-eg76gu3j]{display:none}@media (width>=62rem){.toc-card[data-astro-cid-eg76gu3j]{display:block}}.toc-card[data-astro-cid-eg76gu3j] ol[data-astro-cid-eg76gu3j]{gap:.875rem;margin:0;padding:0;list-style:none;display:grid}.toc-card[data-astro-cid-eg76gu3j] a[data-astro-cid-eg76gu3j]{color:var(--dv-color-body-strong);font-size:var(--dv-text-small);align-items:center;gap:.625rem;line-height:1.3;text-decoration:none;display:flex}.toc-card[data-astro-cid-eg76gu3j] a[data-astro-cid-eg76gu3j]:before{content:"";background:var(--dv-color-border);width:3px;height:1rem;transition:background-color var(--dv-duration) var(--dv-ease);border-radius:2px;flex-shrink:0}.toc-card[data-astro-cid-eg76gu3j] a[data-astro-cid-eg76gu3j]:hover{color:var(--dv-color-brand-500)}.toc-card[data-astro-cid-eg76gu3j] a[data-astro-cid-eg76gu3j].is-active{color:var(--dv-color-brand-500);font-weight:var(--dv-weight-semibold)}.toc-card[data-astro-cid-eg76gu3j] a[data-astro-cid-eg76gu3j].is-active:before{background:var(--dv-color-brand-500)}.side-cta[data-astro-cid-eg76gu3j]{background:var(--dv-gradient-signature);color:var(--dv-color-white);border-radius:.875rem;justify-items:start;gap:.875rem;padding:1.625rem 1.5rem;display:grid}.side-cta[data-astro-cid-eg76gu3j] h2[data-astro-cid-eg76gu3j]{color:var(--dv-color-white);letter-spacing:-.01em;font-size:1.25rem;line-height:1.28}.side-cta[data-astro-cid-eg76gu3j] p[data-astro-cid-eg76gu3j]{color:#ffffffeb;font-size:var(--dv-text-small);line-height:1.6}.side-cta[data-astro-cid-eg76gu3j] .btn{justify-self:stretch}.side-cta[data-astro-cid-eg76gu3j] .side-cta-note[data-astro-cid-eg76gu3j]{color:#fffc;font-size:.75rem}.popular[data-astro-cid-eg76gu3j]{gap:.875rem;margin:0;padding:0;list-style:none;display:grid}.popular-item[data-astro-cid-eg76gu3j]{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.popular-cover[data-astro-cid-eg76gu3j]{border-radius:.375rem;flex:0 0 4.75rem;overflow:hidden}.popular-text[data-astro-cid-eg76gu3j]{gap:.25rem;min-width:0;display:grid}.popular-title[data-astro-cid-eg76gu3j]{color:var(--dv-color-ink);font-size:var(--dv-text-small);font-weight:var(--dv-weight-semibold);line-height:1.35}a[data-astro-cid-eg76gu3j].popular-item:hover .popular-title[data-astro-cid-eg76gu3j]{color:var(--dv-color-brand-500)}.popular-meta[data-astro-cid-eg76gu3j]{color:var(--dv-color-body);font-size:.75rem}.side-newsletter[data-astro-cid-eg76gu3j]{background:var(--dv-color-tint);gap:.875rem;display:grid}.side-newsletter[data-astro-cid-eg76gu3j] h2[data-astro-cid-eg76gu3j]{font-size:1.125rem}.side-newsletter[data-astro-cid-eg76gu3j] p[data-astro-cid-eg76gu3j]{color:var(--dv-color-body-strong);font-size:var(--dv-text-small);line-height:1.6}.newsletter-form[data-astro-cid-eg76gu3j]{gap:.75rem;display:grid}.newsletter-form[data-astro-cid-eg76gu3j] input[data-astro-cid-eg76gu3j]{border:1px solid var(--dv-color-border-strong);border-radius:var(--dv-radius-input);background:var(--dv-color-white);color:var(--dv-color-ink);font:inherit;font-size:var(--dv-text-small);padding:.7rem .9rem}.newsletter-form[data-astro-cid-eg76gu3j] input[data-astro-cid-eg76gu3j]::placeholder{color:var(--dv-color-muted)}.newsletter-form[data-astro-cid-eg76gu3j] input[data-astro-cid-eg76gu3j]:focus-visible{outline:2px solid var(--dv-color-brand-500);outline-offset:1px;border-color:var(--dv-color-brand-500)}.newsletter-form[data-astro-cid-eg76gu3j] .btn{justify-self:stretch}.newsletter-thanks[data-astro-cid-eg76gu3j]{color:var(--dv-color-ink);font-weight:var(--dv-weight-semibold)}.author-wrap[data-astro-cid-eg76gu3j]{padding-bottom:2.75rem}.author-box[data-astro-cid-eg76gu3j]{border:1px solid var(--dv-color-border);background:var(--dv-color-tint);border-radius:1rem;align-items:center;gap:1.25rem;padding:1.625rem 1.75rem;display:flex}.author-avatar[data-astro-cid-eg76gu3j]{width:4rem;height:4rem}.author-name[data-astro-cid-eg76gu3j]{color:var(--dv-color-ink);font-size:1.125rem;font-weight:var(--dv-weight-semibold)}.author-bio[data-astro-cid-eg76gu3j]{color:var(--dv-color-body-strong);margin-top:.375rem;font-size:.9375rem;line-height:1.6}.keep-reading[data-astro-cid-eg76gu3j]{padding-bottom:3.5rem}.keep-reading[data-astro-cid-eg76gu3j] h2[data-astro-cid-eg76gu3j]{margin-bottom:1.25rem;font-size:1.75rem}.keep-grid[data-astro-cid-eg76gu3j]{gap:1.5rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.keep-grid[data-astro-cid-eg76gu3j]{grid-template-columns:repeat(3,minmax(0,1fr))}}.keep-grid[data-astro-cid-eg76gu3j]>li[data-astro-cid-eg76gu3j]{display:flex}.keep-grid[data-astro-cid-eg76gu3j]>li[data-astro-cid-eg76gu3j]>.post-card{width:100%}.mk{width:100%;container-type:inline-size}.mk-scale{--mk-width:80;font-family:var(--dv-font-body);font-size:calc(100cqw / var(--mk-width));color:var(--dv-color-ink);user-select:none;line-height:1.35}.mk-window{border:.08em solid var(--dv-color-border);background:var(--dv-color-white);box-shadow:var(--dv-shadow-mockup);border-radius:1em;overflow:hidden}.mk-chrome{border-bottom:.08em solid var(--dv-color-border);background:var(--dv-mock-chrome);align-items:center;gap:1em;height:2.6em;padding-inline:1em;display:flex}.mk-dots{gap:.45em;display:flex}.mk-dots i{background:var(--dv-color-border-strong);border-radius:50%;width:.7em;height:.7em}.mk-url{background:var(--dv-color-white);color:var(--dv-color-body);text-align:center;border-radius:.5em;flex:0 22em;margin-inline:auto;padding:.35em 1em;font-size:.8em}.mk-panel{border:.08em solid var(--dv-color-border);background:var(--dv-color-white);border-radius:.9em;overflow:hidden;box-shadow:0 1.6em 3.2em -1em #0f172a40}.mk-panel-head{border-bottom:.08em solid var(--dv-color-border);align-items:center;gap:.7em;padding:.8em 1em;display:flex}.mk-panel-title{font-family:var(--dv-font-heading);font-size:1.05em;font-weight:var(--dv-weight-semibold);letter-spacing:-.01em}.mk-panel-tools{gap:.35em;margin-left:auto;display:flex}.mk-panel-tools i{width:1.6em;height:1.6em;color:var(--dv-color-body);border-radius:.4em;place-items:center;display:grid}.mk-mark{flex-shrink:0;width:1.6em;height:1.6em}.mk-mark rect{fill:var(--dv-color-violet-500)}.mk-mark path{fill:none;stroke:var(--dv-color-white);stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round}.mk-btn{border:.08em solid var(--dv-color-border-strong);background:var(--dv-color-white);color:var(--dv-color-ink);font-size:.8em;font-weight:var(--dv-weight-semibold);white-space:nowrap;border-radius:.5em;justify-content:center;align-items:center;gap:.4em;padding:.45em .95em;display:inline-flex}.mk-btn-primary{border-color:var(--dv-color-brand-500);background:var(--dv-color-brand-500);color:var(--dv-color-white)}.mk-chip{background:var(--dv-color-tint);color:var(--dv-color-body-strong);font-size:.7em;font-weight:var(--dv-weight-medium);white-space:nowrap;border-radius:999px;align-items:center;gap:.35em;padding:.2em .6em;display:inline-flex}.mk-chip-brand{background:var(--dv-color-brand-50);color:var(--dv-color-brand-600)}.mk-chip-violet{background:var(--dv-color-violet-50);color:var(--dv-color-violet-500)}.mk-field{gap:.35em;display:grid}.mk-label{color:var(--dv-color-body-strong);font-size:.72em;font-weight:var(--dv-weight-semibold)}.mk-input{border:.08em solid var(--dv-color-border);background:var(--dv-color-white);border-radius:.5em;align-items:center;gap:.5em;min-height:2.3em;padding:0 .8em;font-size:.82em;display:flex}.mk-input-muted{color:var(--dv-color-body)}.mk-input-focus{border-color:var(--dv-color-brand-500);box-shadow:0 0 0 .2em var(--dv-color-brand-50)}.mk-caret{width:.45em;height:.45em;color:var(--dv-color-body);border-bottom:.12em solid;border-right:.12em solid;margin-left:auto;transform:rotate(45deg)translateY(-.15em)}.mk-segmented{background:var(--dv-color-tint);border-radius:.55em;gap:.2em;padding:.2em;display:flex}.mk-segmented span{color:var(--dv-color-body);font-size:.75em;font-weight:var(--dv-weight-medium);text-align:center;border-radius:.4em;flex:1;padding:.4em .6em}.mk-segmented .is-on{background:var(--dv-color-white);color:var(--dv-color-ink);font-weight:var(--dv-weight-semibold);box-shadow:0 .1em .3em #0f172a14}.mk-line{background:var(--dv-color-border);border-radius:999px;height:.55em;display:block}.mk-line-dark{background:var(--dv-color-ink)}.mk-svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1em;height:1em}.builder[data-astro-cid-iaeukns5]{--mk-width:80}.chrome-spacer[data-astro-cid-iaeukns5]{width:3em}.builder-bar[data-astro-cid-iaeukns5]{border-bottom:.08em solid var(--dv-color-border);background:var(--dv-color-white);justify-content:space-between;align-items:center;gap:1em;height:3.2em;padding-inline:1em;display:flex}.bar-group[data-astro-cid-iaeukns5]{align-items:center;gap:.35em;display:flex}.bar-icon[data-astro-cid-iaeukns5]{width:2em;height:2em;color:var(--dv-color-body);border-radius:.45em;place-items:center;font-size:1em;display:grid}.bar-icon[data-astro-cid-iaeukns5] .mk-svg[data-astro-cid-iaeukns5]{width:1.1em;height:1.1em}.bar-divider[data-astro-cid-iaeukns5]{background:var(--dv-color-border);width:.08em;height:1.4em;margin-inline:.4em}.bar-vault[data-astro-cid-iaeukns5]{font-size:.8em;font-weight:var(--dv-weight-semibold);border-radius:.5em;align-items:center;gap:.45em;padding:.3em .75em .3em .35em;display:inline-flex}.bar-vault[data-astro-cid-iaeukns5] .mk-mark[data-astro-cid-iaeukns5]{width:1.8em;height:1.8em}.bar-vault[data-astro-cid-iaeukns5].is-active{background:var(--dv-color-violet-50);color:var(--dv-color-violet-500);box-shadow:inset 0 0 0 .1em var(--dv-color-violet-500)}.bar-page[data-astro-cid-iaeukns5]{color:var(--dv-color-body-strong);font-size:.85em;font-weight:var(--dv-weight-semibold)}.bar-right[data-astro-cid-iaeukns5]{gap:.6em}.bar-devices[data-astro-cid-iaeukns5]{gap:.3em;margin-right:.4em;display:flex}.bar-devices[data-astro-cid-iaeukns5] i[data-astro-cid-iaeukns5]{border:.12em solid var(--dv-color-border-strong);border-radius:.2em;width:1.1em;height:.8em}.bar-devices[data-astro-cid-iaeukns5] i[data-astro-cid-iaeukns5].is-on{border-color:var(--dv-color-brand-500)}.builder-body[data-astro-cid-iaeukns5]{background:var(--dv-mock-canvas);height:40em;position:relative;overflow:hidden}.page[data-astro-cid-iaeukns5]{gap:1.4em;width:44em;padding:1.6em 2em;display:grid}.page-nav[data-astro-cid-iaeukns5]{align-items:center;gap:1.2em;display:flex}.page-logo[data-astro-cid-iaeukns5]{background:var(--dv-color-ink);border-radius:.45em;width:1.8em;height:1.8em;margin-right:auto}.page-cta[data-astro-cid-iaeukns5]{background:var(--dv-color-ink);border-radius:999px;width:5em;height:1.8em}.page-hero[data-astro-cid-iaeukns5]{background:var(--dv-color-white);outline:.15em solid var(--dv-color-brand-500);outline-offset:.2em;border-radius:.3em;grid-template-columns:1.1fr 1fr;align-items:center;gap:1.8em;padding:2em 1.6em;display:grid;position:relative}.section-tag[data-astro-cid-iaeukns5]{background:var(--dv-color-brand-500);color:var(--dv-color-white);font-size:.7em;font-weight:var(--dv-weight-semibold);border-radius:.3em .3em 0 0;padding:.2em .6em;position:absolute;top:-1.5em;left:-.2em}.page-hero-copy[data-astro-cid-iaeukns5]{gap:.6em;display:grid}.hero-line[data-astro-cid-iaeukns5]{height:1.3em}.page-buttons[data-astro-cid-iaeukns5]{gap:.6em;margin-top:.8em;display:flex}.page-btn[data-astro-cid-iaeukns5]{background:var(--dv-color-ink);border-radius:999px;width:6em;height:2.1em}.page-btn-ghost[data-astro-cid-iaeukns5]{box-shadow:inset 0 0 0 .12em var(--dv-color-border-strong);background:0 0}.page-hero-image[data-astro-cid-iaeukns5]{background:radial-gradient(circle at 30% 30%, #ffffff80, transparent 40%), var(--dv-gradient-signature);border-radius:.8em;height:13em}.page-row[data-astro-cid-iaeukns5]{grid-template-columns:repeat(3,1fr);gap:1em;display:grid}.page-card[data-astro-cid-iaeukns5]{border:.08em solid var(--dv-color-border);background:var(--dv-color-white);border-radius:.6em;gap:.6em;padding:1.2em;display:grid}.page-add[data-astro-cid-iaeukns5]{place-items:center;display:grid}.page-add[data-astro-cid-iaeukns5] i[data-astro-cid-iaeukns5]{background:var(--dv-color-brand-500);width:2em;height:2em;color:var(--dv-color-white);font-size:1.1em;font-style:normal;font-weight:var(--dv-weight-semibold);border-radius:50%;place-items:center;display:grid}.library[data-astro-cid-iaeukns5]{flex-direction:column;width:52em;display:flex;position:absolute;top:1.6em;bottom:1.6em;right:1.6em}.site-select[data-astro-cid-iaeukns5]{border:.08em solid var(--dv-color-border);min-width:9em;color:var(--dv-color-ink);font-size:.75em;font-weight:var(--dv-weight-medium);border-radius:.5em;align-items:center;gap:.5em;margin-left:1em;padding:.35em .7em;display:inline-flex}.site-select[data-astro-cid-iaeukns5] .mk-svg[data-astro-cid-iaeukns5]{color:var(--dv-color-violet-500)}.library-body[data-astro-cid-iaeukns5]{flex:1;grid-template-columns:10.5em 1fr;min-height:0;display:grid}.library-side[data-astro-cid-iaeukns5]{border-right:.08em solid var(--dv-color-border);background:var(--dv-color-tint);flex-direction:column;gap:.2em;padding:.9em .6em;display:flex}.side-item[data-astro-cid-iaeukns5]{color:var(--dv-color-body-strong);font-size:.78em;font-weight:var(--dv-weight-medium);border-radius:.45em;padding:.5em .7em}.side-item[data-astro-cid-iaeukns5].is-active{background:var(--dv-color-white);color:var(--dv-color-brand-600);font-weight:var(--dv-weight-semibold);box-shadow:0 .1em .3em #0f172a0f}.side-foot[data-astro-cid-iaeukns5]{color:var(--dv-color-body);margin-top:auto;padding:.5em .7em;font-size:.72em}.library-main[data-astro-cid-iaeukns5]{flex-direction:column;gap:.8em;min-width:0;padding:1em;display:flex}.library-tools[data-astro-cid-iaeukns5]{grid-template-columns:1.6fr repeat(3,1fr);gap:.5em;display:grid}.search[data-astro-cid-iaeukns5] .mk-svg[data-astro-cid-iaeukns5]{color:var(--dv-color-body)}.tool-select[data-astro-cid-iaeukns5]{color:var(--dv-color-body-strong);font-size:.75em}.type-filters[data-astro-cid-iaeukns5]{gap:.4em;display:flex}.library-grid[data-astro-cid-iaeukns5]{grid-template-columns:repeat(3,1fr);gap:.8em;display:grid}.lib-card[data-astro-cid-iaeukns5]{border:.08em solid var(--dv-color-border);background:var(--dv-color-white);border-radius:.6em;overflow:hidden}.lib-card[data-astro-cid-iaeukns5].is-hovered{border-color:var(--dv-color-brand-500);box-shadow:0 0 0 .15em var(--dv-color-brand-50)}.lib-thumb[data-astro-cid-iaeukns5]{border-bottom:.08em solid var(--dv-color-border);position:relative}.lib-overlay[data-astro-cid-iaeukns5]{background:#0f172a6b;place-items:center;display:grid;position:absolute;inset:0}.lib-overlay[data-astro-cid-iaeukns5] .mk-btn[data-astro-cid-iaeukns5]{box-shadow:0 .4em 1em #0f172a4d}.lib-star[data-astro-cid-iaeukns5]{background:var(--dv-color-white);width:1.5em;height:1.5em;color:var(--dv-color-amber);border-radius:50%;place-items:center;display:grid;position:absolute;top:.45em;right:.45em}.lib-star[data-astro-cid-iaeukns5] .mk-svg[data-astro-cid-iaeukns5]{fill:currentColor;width:.9em;height:.9em}.lib-meta[data-astro-cid-iaeukns5]{gap:.35em;padding:.55em .65em .65em;display:grid}.lib-name[data-astro-cid-iaeukns5]{font-size:.75em;font-weight:var(--dv-weight-semibold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lib-row[data-astro-cid-iaeukns5]{justify-content:space-between;align-items:center;gap:.4em;display:flex}.lib-site[data-astro-cid-iaeukns5]{color:var(--dv-color-body);white-space:nowrap;text-overflow:ellipsis;font-size:.65em;overflow:hidden}