pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding-block:.1875rem;padding-inline:.3125rem}.hljs{background-color:var(--pc-color-surface-raised);color:color-mix(in oklab,var(--pc-color-text-normal),oklch(100% 0 0) 10%)}.pc-light .hljs,.pc-light.hljs{color:color-mix(in oklab,var(--pc-color-text-normal),oklch(100% 0 0) 10%)}.pc-dark .hljs,.pc-dark.hljs{color:color-mix(in oklab,var(--pc-color-text-normal),oklch(0% 0 0) 20%)}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:var(--pc-color-danger-on-normal)}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_,.pc-light .hljs-title,.pc-light.hljs-title,.pc-light .hljs-title.class_,.pc-light.hljs-title.class_,.pc-light .hljs-title.class_.inherited__,.pc-light.hljs-title.class_.inherited__,.pc-light .hljs-title.function_,.pc-light.hljs-title.function_{color:var(--pc-color-purple-20)}.pc-dark .hljs-title,.pc-dark.hljs-title,.pc-dark .hljs-title.class_,.pc-dark.hljs-title.class_,.pc-dark .hljs-title.class_.inherited__,.pc-dark.hljs-title.class_.inherited__,.pc-dark .hljs-title.function_,.pc-dark.hljs-title.function_{color:var(--pc-color-purple-70)}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:var(--pc-color-primary-on-quiet)}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:color-mix(in oklab,var(--pc-color-primary-on-normal),var(--pc-color-text-normal) 20%)}.hljs-built_in,.hljs-symbol{color:color-mix(in oklab,var(--pc-color-primary-on-normal),var(--pc-color-text-normal) 10%)}.hljs-comment,.hljs-code,.hljs-formula{color:var(--pc-color-neutral-on-quiet)}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:var(--pc-color-success-on-quiet)}.hljs-subst,.pc-light .hljs-subst{color:color-mix(in oklab,var(--pc-color-text-normal),oklch(100% 0 0) 10%)}.pc-dark .hljs-subst{color:color-mix(in oklab,var(--pc-color-text-normal),oklch(0% 0 0) 20%)}.hljs-section{color:color-mix(in oklab,var(--pc-color-primary-on-normal),var(--pc-color-text-normal) 10%);font-weight:var(--pc-font-weight-bold)}.hljs-bullet{color:var(--pc-color-warning-on-normal)}.hljs-emphasis,.pc-light .hljs-emphasis,.pc-light.hljs-emphasis{color:color-mix(in oklab,var(--pc-color-text-normal),oklch(100% 0 0) 10%);font-style:italic}.pc-dark .hljs-emphasis,.pc-dark.hljs-emphasis{color:color-mix(in oklab,var(--pc-color-text-normal),oklch(0% 0 0) 20%);font-style:italic}.hljs-strong,.pc-light .hljs-strong,.pc-light.hljs-strong{color:color-mix(in oklab,var(--pc-color-text-normal),oklch(100% 0 0) 10%);font-weight:var(--pc-font-weight-bold)}.pc-dark .hljs-strong,.pc-dark.hljs-strong{color:color-mix(in oklab,var(--pc-color-text-normal),oklch(0% 0 0) 20%);font-weight:var(--pc-font-weight-bold)}.hljs-addition{display:inline-block;background-color:color-mix(in oklab,var(--pc-color-success-fill-quiet),transparent 30%);color:var(--pc-color-success-on-quiet);border-radius:var(--pc-border-radius-s)}.hljs-deletion{display:inline-block;background-color:color-mix(in oklab,var(--pc-color-danger-fill-quiet),transparent 30%);color:var(--pc-color-danger-on-quiet);border-radius:var(--pc-border-radius-s)}.hljs-addition:first-letter,.hljs-deletion:first-letter{font-variant-ligatures:none}.terminal-bar[data-astro-cid-jgrc2lfe]{display:flex;align-items:center;justify-content:flex-start;gap:.375rem;padding-inline:var(--pc-spacing-l);inline-size:100%;block-size:2rem;background-color:var(--pc-color-surface-raised);border:var(--pc-border-width-s) var(--pc-border-style) var(--pc-color-surface-border);border-block-end:0;border-start-start-radius:var(--pc-border-radius-l);border-start-end-radius:var(--pc-border-radius-l)}.terminal-bar[data-astro-cid-jgrc2lfe] .circle[data-astro-cid-jgrc2lfe]{inline-size:.625rem;block-size:.625rem;opacity:.6;border-radius:var(--pc-border-radius-circle)}.terminal-bar[data-astro-cid-jgrc2lfe] .circle-red[data-astro-cid-jgrc2lfe]{background-color:var(--pc-color-red-60)}.terminal-bar[data-astro-cid-jgrc2lfe] .circle-yellow[data-astro-cid-jgrc2lfe]{background-color:var(--pc-color-yellow-60)}.terminal-bar[data-astro-cid-jgrc2lfe] .circle-green[data-astro-cid-jgrc2lfe]{background-color:var(--pc-color-green-60)}.code-block[data-astro-cid-jgrc2lfe]{position:relative;background-color:var(--pc-color-surface-raised);border:var(--pc-border-width-s) var(--pc-border-style) var(--pc-color-surface-border);border-radius:var(--pc-border-radius-l);inline-size:100%;margin-block-end:var(--pc-content-spacing);overflow:visible;max-block-size:max-content}.terminal-bar[data-astro-cid-jgrc2lfe]+.code-block[data-astro-cid-jgrc2lfe]{border-start-start-radius:0;border-start-end-radius:0}.code-block[data-astro-cid-jgrc2lfe] :is(pre,code)[data-astro-cid-jgrc2lfe]{margin:0!important;padding:0!important;border-radius:0;background-color:transparent}.code-block[data-astro-cid-jgrc2lfe] .hljs[data-astro-cid-jgrc2lfe]{background-color:transparent;padding:var(--pc-spacing-l)!important;line-height:var(--pc-line-height-normal);font-size:var(--pc-font-size-xs)}.code-block[data-astro-cid-jgrc2lfe] pc-copy-button[data-astro-cid-jgrc2lfe]{position:absolute;inset-block-start:var(--pc-spacing-s);inset-inline-end:var(--pc-spacing-s);z-index:1}.code-block[data-astro-cid-jgrc2lfe] pc-copy-button[data-astro-cid-jgrc2lfe]::part(button){background-color:var(--pc-color-surface-raised)}@media (hover: hover){.code-block[data-astro-cid-jgrc2lfe] pc-copy-button[data-astro-cid-jgrc2lfe]::part(button):hover{background-color:color-mix(in oklab,var(--pc-color-surface-raised),var(--pc-color-mix-hover))}}.code-block[data-astro-cid-jgrc2lfe] pc-copy-button[data-astro-cid-jgrc2lfe]::part(button):focus-visible{background-color:color-mix(in oklab,var(--pc-color-surface-raised),var(--pc-color-mix-hover))}.code-block[data-astro-cid-jgrc2lfe] pc-copy-button[data-astro-cid-jgrc2lfe]::part(button):active{background-color:color-mix(in oklab,var(--pc-color-surface-raised),var(--pc-color-mix-active))}.code-demo[data-astro-cid-o26swujp]{position:relative;background-color:var(--pc-color-surface-lowered);border:var(--pc-border-width-s) var(--pc-border-style) var(--pc-color-neutral-border-quiet);border-radius:var(--pc-border-radius-l);inline-size:100%;margin-block-end:var(--pc-content-spacing);isolation:isolate;overflow:visible}.preview-block[data-astro-cid-o26swujp]{position:relative;background-color:var(--pc-color-surface-default);border-start-start-radius:var(--pc-border-radius-l);border-start-end-radius:var(--pc-border-radius-l);min-inline-size:20rem;max-inline-size:100%;overflow:visible}.resize-handle[data-astro-cid-o26swujp]{display:flex;position:absolute;align-items:center;justify-content:center;inset-block:0;inset-inline-end:0;inline-size:1.75rem;border-inline-start:var(--pc-border-width-s) var(--pc-border-style) var(--pc-color-neutral-border-quiet);cursor:ew-resize}.preview-content-container[data-astro-cid-o26swujp]{position:relative;padding:var(--pc-spacing-xxl);padding-inline-end:calc(var(--pc-spacing-xxl) + 1.75rem);inline-size:100%;block-size:100%;overflow:visible}.code-block[data-astro-cid-o26swujp]{position:relative;background-color:var(--pc-color-surface-raised);border-block-start:var(--pc-border-width-s) var(--pc-border-style) var(--pc-color-neutral-border-quiet);overflow-x:auto;max-block-size:0;interpolate-size:allow-keywords;transition:max-block-size var(--pc-transition-fast) ease-out}.code-block[data-astro-cid-o26swujp].open{max-block-size:max-content;transition:max-block-size var(--pc-transition-fast) ease-in}.code-block[data-astro-cid-o26swujp] :is(pre,code)[data-astro-cid-o26swujp]{margin:0!important;padding:0!important;border-radius:0;background-color:transparent}.code-block[data-astro-cid-o26swujp] .hljs[data-astro-cid-o26swujp]{padding:var(--pc-spacing-l)!important;background-color:transparent;line-height:var(--pc-line-height-normal);font-size:var(--pc-font-size-xs)}.code-block[data-astro-cid-o26swujp] pc-copy-button[data-astro-cid-o26swujp]{position:absolute;inset-block-start:var(--pc-spacing-s);inset-inline-end:var(--pc-spacing-s)}.code-block[data-astro-cid-o26swujp] pc-copy-button[data-astro-cid-o26swujp]::part(button){background-color:var(--pc-color-surface-raised)}@media (hover: hover){.code-block[data-astro-cid-o26swujp] pc-copy-button[data-astro-cid-o26swujp]::part(button):hover{background-color:color-mix(in oklab,var(--pc-color-surface-raised),var(--pc-color-mix-hover))}}.code-block[data-astro-cid-o26swujp] pc-copy-button[data-astro-cid-o26swujp]::part(button):focus-visible{background-color:color-mix(in oklab,var(--pc-color-surface-raised),var(--pc-color-mix-hover))}.code-block[data-astro-cid-o26swujp] pc-copy-button[data-astro-cid-o26swujp]::part(button):active{background-color:color-mix(in oklab,var(--pc-color-surface-raised),var(--pc-color-mix-active))}.code-block[data-astro-cid-o26swujp].open+.toggle-block[data-astro-cid-o26swujp]{border-block-start:var(--pc-border-width-s) var(--pc-border-style) var(--pc-color-neutral-border-quiet)}.toggle-block[data-astro-cid-o26swujp]{display:flex;align-items:center;justify-content:center;background-color:var(--pc-color-surface-default);border-end-start-radius:var(--pc-border-radius-l);border-end-end-radius:var(--pc-border-radius-l)}.toggle-block[data-astro-cid-o26swujp]:has(.codepen-button) pc-button[data-astro-cid-o26swujp]:first-child{inline-size:85%}.toggle-block[data-astro-cid-o26swujp]:not(:has(.codepen-button)) pc-button[data-astro-cid-o26swujp]{inline-size:100%}.toggle-block[data-astro-cid-o26swujp] .codepen-button[data-astro-cid-o26swujp]{min-inline-size:5rem;inline-size:15%;border-inline-start:var(--pc-border-width-s) var(--pc-border-style) var(--pc-color-neutral-border-quiet)}.toggle-block[data-astro-cid-o26swujp]:has(.codepen-button) pc-button[data-astro-cid-o26swujp]::part(base){border-radius:0;border-end-start-radius:var(--pc-border-radius-l)}.toggle-block[data-astro-cid-o26swujp]:not(:has(.codepen-button)) pc-button[data-astro-cid-o26swujp]::part(base){border-radius:var(--pc-border-radius-l);border-start-start-radius:0;border-start-end-radius:0}.toggle-block[data-astro-cid-o26swujp] pc-button[data-astro-cid-o26swujp].codepen-button::part(base){border-end-start-radius:0;border-end-end-radius:var(--pc-border-radius-l)}.toggle-block[data-astro-cid-o26swujp] pc-button[data-astro-cid-o26swujp] pc-icon[data-astro-cid-o26swujp]{transition:transform var(--pc-transition-fast) ease-in-out;transition-delay:var(--pc-transition-medium)}@media (hover: none){.preview-content-container[data-astro-cid-o26swujp]{padding-inline-end:var(--pc-spacing-xxl)}.resize-handle[data-astro-cid-o26swujp]{display:none}}