.illo[data-astro-cid-gj5t4j3y]{max-width:100px;-o-object-fit:contain;object-fit:contain}@media screen and (max-width: 639px){.illo[data-astro-cid-gj5t4j3y]{position:absolute;top:-110px}}@media screen and (min-width: 1024px){.illo[data-astro-cid-gj5t4j3y]{max-width:170px}}section[data-astro-cid-nnpfaxt4]{box-shadow:0 4px #cbd5e1}.illo[data-astro-cid-nnpfaxt4]{width:200px;height:200px;background-image:url(/character-maxi.png);background-repeat:no-repeat;background-size:cover;background-position:top left}@media screen and (max-width: 639px){.illo[data-astro-cid-nnpfaxt4]{width:150px;height:150px}}.article-wrapper{--space-sm: clamp(1rem, calc(.95rem + .24vw) , 1.13rem);--space-md: clamp(1.5rem, calc(1.43rem + .37vw) , 1.69rem);--space-lg: clamp(2rem, calc(1.9rem + .49vw) , 2.25rem);--space-xl: clamp(3rem, calc(2.85rem + .73vw) , 3.38rem);--space-2xl: clamp(4rem, calc(3.8rem + .98vw) , 4.5rem);--space-3xl: clamp(6rem, calc(5.71rem + 1.46vw) , 6.75rem);--duration: .2s;--ease: cubic-bezier(.33, 1, .68, 1);--page-max-width: 65ch;--page-padding: clamp(var(--space-sm), 6vw, var(--space-md));--full: minmax(var(--page-padding), 1fr);--content: min(var(--page-max-width), 100% - var(--page-padding) * 2);--popout: minmax(0, 2rem);--feature: minmax(0, 5rem);max-width:100%;display:grid;grid-template-columns:[full-start] var(--full) [feature-start] var(--feature) [popout-start] var(--popout) [content-start] var(--content) [content-end] var( --popout ) [popout-end] var(--feature) [feature-end] var(--full) [full-end];scroll-margin-top:var(--space-2xl)}.article-wrapper>*,astro-island>*{grid-column:content;margin:0}.article-wrapper>*+*{margin-block-start:var(--space, var(--space-md))}.article-wrapper img{display:grid;grid-column:feature}.article-wrapper figure{grid-column:feature;--space: var(--space-xl)}.article-wrapper figure+*{--space: var(--space-xl)}.article-wrapper .blocknote{grid-column:popout;--space: var(--space-xl)}.article-wrapper .blocknote+*:not(.heading-wrapper.level-h2){--space: var(--space-xl)}.article-wrapper .heading-wrapper.level-h2{--space: var(--space-2xl)}@media screen and (min-width: 1024px){.article-wrapper .heading-wrapper.level-h2{--space: var(--space-3xl)}}.article-wrapper>p:first-child:first-letter{background:#f1684c;font-family:Dillan,serif;font-weight:700;line-height:1;margin-right:1rem;color:transparent;-webkit-background-clip:text;padding:.5rem;initial-letter:3.5 3;font-size:4rem}.article-wrapper ol{list-style:none;counter-reset:ol-counter;padding-left:40px}.article-wrapper ol li{margin:0 0 1rem;counter-increment:ol-counter;position:relative}.article-wrapper ol li:before{content:counter(ol-counter);color:#fff;font-size:1rem;font-weight:700;position:absolute;--size: 32px;left:calc(-1 * var(--size) - 10px);line-height:var(--size);width:var(--size);height:var(--size);top:0;background:#f1684c;border-radius:50%;text-align:center;box-shadow:1px 1px #0003}.article-wrapper [data-rehype-pretty-code-fragment]{--space: var(--space-xl)}.article-wrapper [data-rehype-pretty-code-fragment]+*{--space: var(--space-xl)}.article-wrapper [data-rehype-pretty-code-title]+pre{border-top-left-radius:0;border-top-right-radius:0}.article-wrapper [data-rehype-pretty-code-title]{background-color:#282c34;border-top:2px solid #f1684c;padding:.5rem 1rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:14px;color:#fff;display:inline-block}.article-wrapper [data-rehype-pretty-code-fragment]>pre{margin:0}[data-highlighted-chars]{border-radius:.25rem;background-color:#52525b80;box-shadow:0 0 0 4px #52525b80}[data-chars-id]{border-bottom-width:2px;padding:.25rem;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-color:#7b7b8f;cursor:pointer;font-weight:700}[data-chars-id] span{color:inherit!important}[data-chars-id=v],[data-chars-id=Details]:hover{border-bottom-color:rgb(219 39 119 / var(--tw-border-opacity));background-color:#9f123980;color:rgb(249 168 212 / var(--tw-text-opacity))!important}[data-chars-id=s],[data-chars-id=v],[data-chars-id=Details]:hover{--tw-border-opacity: 1;--tw-text-opacity: 1 !important}[data-chars-id=s]{border-bottom-color:rgb(202 138 4 / var(--tw-border-opacity));background-color:#854d0e80;color:rgb(253 224 71 / var(--tw-text-opacity))!important}[data-chars-id=i]{--tw-border-opacity: 1;border-bottom-color:rgb(147 51 234 / var(--tw-border-opacity));background-color:#6b21a880;font-weight:700;--tw-text-opacity: 1 !important;color:rgb(233 213 255 / var(--tw-text-opacity))!important}[data-chars-id=Button]:hover{border-bottom-color:#f1684c;background-color:#f1684c30;color:#f1684c!important}code{counter-reset:line;line-height:2!important}.no-line-numbers code{counter-reset:none}.no-line-numbers code>[data-line]:before{content:none}code>[data-line]:before{counter-increment:line;content:counter(line);display:inline-block;width:1rem;margin-right:2rem;text-align:right;color:gray}code[data-line-numbers-max-digits="2"]>[data-line]:before{width:2rem}code[data-line-numbers-max-digits="3"]>[data-line]:before{width:3rem}.article-wrapper .heading-wrapper{--icon-size-x: 3rem;--icon-size-y: 2.25rem;margin-inline-end:var(--icon-size-x);display:flex;flex-direction:row-reverse;justify-content:flex-end;align-items:center;margin-inline-start:calc(-1 * var(--icon-size-x))}.article-wrapper .heading-wrapper>.anchor-link{position:relative;display:inline-flex;width:var(--icon-size-x);height:var(--icon-size-y);color:#222;justify-content:center;align-items:center;text-decoration:none;opacity:0}.article-wrapper .heading-wrapper:hover>.anchor-link{opacity:1}