.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}::view-transition-group(*){animation-duration:.2s;animation-timing-function:cubic-bezier(.85,0,.15,1)}::view-transition-new(*):only-child{animation:.1s cubic-bezier(0,0,.2,1) both fade-in,.2s cubic-bezier(.4,0,.2,1) both scale-in;animation-delay:.1s}::view-transition-old(*):only-child{animation:.1s cubic-bezier(.4,0,1,1) both fade-out,.2s cubic-bezier(.4,0,.2,1) both scale-out;animation-delay:.1s}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}@keyframes scale-in{0%{transform:scale(.7)}}@keyframes scale-out{to{transform:scale(.7)}}@font-face{font-family:Font;font-weight:500;font-display:swap;src:url(/Font.woff2) format("woff2")}@font-face{font-family:ComicShanns-Regular;font-weight:500;font-display:swap;src:url(/ComicShanns-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:FoundersGrotesk-Light;font-weight:300;src:url(/FoundersGrotesk-Light.woff2)}@font-face{font-display:swap;font-family:FoundersGrotesk-Medium;font-weight:500;src:url(/FoundersGrotesk-Medium.woff2)}.no-scrollbar::-webkit-scrollbar{display:none}*{text-underline-offset:3px}h1,h2,h3,h4,h5,h6,a{text-underline-offset:6px}.text-link[data-active=true]{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity))}[class="absolute dark:border-gray-700 bg-white dark:bg-gray-95 border-t bottom-0 w-full dark:text-white"]{display:none}.sandpack{color-scheme:inherit;-webkit-font-smoothing:antialiased;--sp-space-1: 4px;--sp-space-2: 8px;--sp-space-3: 12px;--sp-space-4: 16px;--sp-space-5: 20px;--sp-space-6: 24px;--sp-space-7: 28px;--sp-space-8: 32px;--sp-space-9: 36px;--sp-space-10: 40px;--sp-space-11: 44px;--sp-border-radius: 4px;--sp-layout-height: 300px;--sp-layout-headerHeight: 40px;--sp-transitions-default: .15s ease;--sp-zIndices-base: 1;--sp-zIndices-overlay: 2;--sp-zIndices-top: 3;--sp-font-body: Optimistic Display, -apple-system, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--sp-font-mono: Source Code Pro, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--sp-font-size: calc(1em - 20%) ;--sp-font-lineHeight: 24px}html .sandpack{--sp-colors-accent: #087ea4;--sp-colors-clickable: #959da5;--sp-colors-disabled: #24292e;--sp-colors-error: #811e18;--sp-colors-error-surface: #ffcdca;--sp-colors-surface1: #fff;--sp-colors-surface2: #e4e7eb;--sp-syntax-color-plain: #24292e;--sp-syntax-color-comment: #6a737d;--sp-syntax-color-keyword: #d73a49;--sp-syntax-color-tag: #22863a;--sp-syntax-color-punctuation: #24292e;--sp-syntax-color-definition: #6f42c1;--sp-syntax-color-property: #005cc5;--sp-syntax-color-static: #032f62;--sp-syntax-color-string: #032f62}html.dark .sp-wrapper{--sp-colors-accent: #149eca;--sp-colors-clickable: #999;--sp-colors-disabled: #fff;--sp-colors-error: #811e18;--sp-colors-error-surface: #ffcdca;--sp-colors-surface1: #16181d;--sp-colors-surface2: #343a46;--sp-syntax-color-plain: #ffffff;--sp-syntax-color-comment: #757575;--sp-syntax-color-keyword: #77b7d7;--sp-syntax-color-tag: #dfab5c;--sp-syntax-color-punctuation: #ffffff;--sp-syntax-color-definition: #86d9ca;--sp-syntax-color-property: #77b7d7;--sp-syntax-color-static: #c64640;--sp-syntax-color-string: #977cdc}.sandpack .sp-wrapper{width:100%;font-size:var(--sp-font-size);font-family:var(--sp-font-body);line-height:var(--sp-font-lineHeight)}.sandpack .sp-layout{display:flex;flex-wrap:wrap;align-items:stretch;background-color:var(--sp-colors-surface2);-webkit-mask-image:-webkit-radial-gradient(var(--sp-colors-surface1),var(--sp-colors-surface1));border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;overflow:initial;gap:1px}.sandpack .sp-stack{display:flex;flex-direction:column;width:100%;position:relative}@media screen and (max-width: 768px){.sandpack .sp-layout>.sp-stack{height:auto;min-width:100%!important}}.sandpack .sp-layout>.sp-stack{flex:1 1 0px;height:var(--sp-layout-height)}.sandpack--playground .sp-tab-button{transition:none}.sandpack--playground .sp-tab-button:focus{outline:revert}.sandpack--playground .sp-tab-button:focus-visible{box-shadow:none}.sandpack .sp-cm:focus-visible{box-shadow:inset 0 0 0 4px #149eca66;outline:none;height:100%}.sandpack .sp-tabs-scrollable-container{overflow:auto;display:flex;flex-wrap:nowrap;align-items:stretch;min-height:40px;margin-bottom:-1px}.sp-tabs .sp-tab-button{padding:0 6px;border-bottom:2px solid transparent}@media (min-width: 768px){.sp-tabs .sp-tab-button{margin:0 12px 0 0}}.sp-tabs .sp-tab-button,.sp-tabs .sp-tab-button:hover:not(:disabled,[data-active=true]),.sp-tabs .sp-tab-button[data-active=true]{color:var(--sp-colors-accent)}.sp-tabs .sp-tab-button[data-active=true]{border-bottom:2px solid var(--sp-colors-accent)}.cm-line{padding-left:var(--sp-space-5)}.sandpack .sp-code-editor{flex:1 1;position:relative;overflow:auto;background:var(--sp-colors-surface1)}.sandpack .sp-code-editor .cm-editor{background-color:transparent}.sandpack .sp-code-editor .cm-content,.sandpack .sp-code-editor .cm-gutters,.sandpack .sp-code-editor .cm-gutterElement{padding:0;-webkit-font-smoothing:auto}.sandpack .sp-code-editor .cm-content{overflow-x:auto;padding-bottom:18px}.sandpack--playground .sp-code-editor .cm-line{padding:0 var(--sp-space-3);width:-moz-max-content;width:max-content}.sandpack--playground .sp-code-editor .cm-lineNumbers{padding-left:var(--sp-space-3);padding-right:var(--sp-space-1);font-size:13.6px}.sandpack--playground .sp-code-editor .cm-line.cm-errorLine{background-color:rgb(248 113 113 / var(--tw-bg-opacity));--tw-bg-opacity: .1;position:relative;padding-right:2em;display:inline-block;min-width:100%}.sp-code-editor .cm-errorLine:after{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity));position:absolute;right:8px;top:0;content:"⚠";font-size:22px;line-height:20px}.sp-code-editor .cm-tooltip{border:0;max-width:200px}.sp-code-editor .cm-diagnostic-error{--tw-border-opacity: 1;border-color:rgb(254 226 226 / var(--tw-border-opacity))}.sandpack .sp-cm{margin:0;outline:none;height:100%}.sp-code-editor .sp-cm .cm-scroller{padding-top:18px}.sandpack .sp-syntax-string{color:var(--sp-syntax-color-string)}.sandpack .sp-syntax-plain{color:var(--sp-syntax-color-plain)}.sandpack .sp-syntax-comment{color:var(--sp-syntax-color-comment)}.sandpack .sp-syntax-keyword{color:var(--sp-syntax-color-keyword)}.sandpack .sp-syntax-definition{color:var(--sp-syntax-color-definition)}.sandpack .sp-syntax-punctuation{color:var(--sp-syntax-color-punctuation)}.sandpack .sp-syntax-property{color:var(--sp-syntax-color-property)}.sandpack .sp-syntax-tag{color:var(--sp-syntax-color-tag)}.sandpack .sp-syntax-static{color:var(--sp-syntax-color-static)}.sandpack .sp-cube-wrapper{background-color:var(--sp-colors-surface1);position:absolute;right:var(--sp-space-2);bottom:var(--sp-space-2);z-index:var(--sp-zIndices-top);width:32px;height:32px;border-radius:var(--sp-border-radius)}.sandpack .sp-button{display:flex;align-items:center;margin:auto;width:100%;height:100%}.sandpack .sp-button svg{min-width:var(--sp-space-5);width:var(--sp-space-5);height:var(--sp-space-5);margin:auto}.sandpack .sp-cube-wrapper .sp-cube{display:flex}.sandpack .sp-cube-wrapper .sp-button{display:none}.sandpack .sp-cube-wrapper:hover .sp-button{display:block}.sandpack .sp-cube-wrapper:hover .sp-cube{display:none}.sandpack .sp-cube{transform:translate(-4px,9px) scale(.13)}.sandpack .sp-cube *{position:absolute;width:96px;height:96px}@keyframes cubeRotate{0%{transform:rotateX(-25.5deg) rotateY(45deg)}to{transform:rotateX(-25.5deg) rotateY(405deg)}}.sandpack .sp-sides{animation:cubeRotate 1s linear infinite;animation-fill-mode:forwards;transform-style:preserve-3d;transform:rotateX(-25.5deg) rotateY(45deg)}.sandpack .sp-sides *{border:10px solid var(--sp-colors-clickable);border-radius:8px;background:var(--sp-colors-surface1)}.sandpack .sp-sides .top{transform:rotateX(90deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .bottom{transform:rotateX(-90deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .front{transform:rotateY(0) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .back{transform:rotateY(-180deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .left{transform:rotateY(-90deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-sides .right{transform:rotateY(90deg) translateZ(44px);transform-origin:50% 50%}.sandpack .sp-overlay{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));position:absolute;inset:0;z-index:var(--sp-zIndices-top)}.sandpack .sp-error{padding:var(--sp-space-4);white-space:pre-wrap;font-family:var(--sp-font-mono);background-color:var(--sp-colors-error-surface)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sandpack .sp-error-message{animation:fadeIn .15s ease;color:var(--sp-colors-error)}html.dark .sandpack--playground .sp-overlay{background-color:#23272f}.sandpack .sp-code-editor .sp-pre-placeholder{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13.6px;line-height:24px;padding:18px 0;-webkit-font-smoothing:auto}.sandpack--playground .sp-code-editor .sp-pre-placeholder{padding-left:48px!important;margin-left:0!important}.text-xl .sp-pre-placeholder{font-size:16px!important;line-height:24px!important}.sandpack .sp-layout{min-height:216px}.sandpack .sp-layout>.sp-stack:nth-child(1){min-width:431px;max-height:40vh}.sandpack .sp-layout>.sp-stack:nth-child(2){min-width:431px;min-height:40vh;max-height:40vh}.sandpack .sp-layout.sp-layout-expanded>.sp-stack:nth-child(1){max-height:unset;height:auto}.sandpack .sp-layout.sp-layout-expanded>.sp-stack:nth-child(2){max-height:unset;height:auto}@media (min-width: 1280px){.sandpack .sp-layout>.sp-stack:nth-child(1){height:auto;min-height:unset;max-height:406px}.sandpack .sp-layout>.sp-stack:nth-child(2){height:auto;min-height:unset;max-height:406px}.sandpack .sp-layout.sp-layout-expanded>.sp-stack:nth-child(1){max-height:unset}.sandpack .sp-layout.sp-layout-expanded>.sp-stack:nth-child(2){max-height:unset}}.sandpack .sp-layout .sandpack-expand{border-left:none;margin-left:0}.expandable-callout .sp-stack:nth-child(2){min-width:431px;min-height:40vh;max-height:40vh}.sandpack .console .sp-cm,.sandpack .console .sp-cm .cm-scroller,.sandpack .console .sp-cm .cm-line{padding:0!important}.sandpack .sp-code-editor .cm-diagnostic{color:#404756}.sandpack .sp-devtools>div{--color-background: var(--sp-colors-surface1) !important;--color-background-inactive: var(--sp-colors-surface2) !important;--color-background-selected: var(--sp-colors-accent) !important;--color-background-hover: transparent !important;--color-modal-background: #ffffffd2 !important;--color-tab-selected-border: #087ea4 !important;--color-component-name: var(--sp-syntax-color-definition) !important;--color-attribute-name: var(--sp-syntax-color-property) !important;--color-attribute-value: var(--sp-syntax-color-string) !important;--color-attribute-editable-value: var(--sp-syntax-color-property) !important;--color-attribute-name-not-editable: var(--sp-colors-clickable) !important;--color-button-background-focus: var(--sp-colors-surface2) !important;--color-button-active: var(--sp-colors-accent) !important;--color-button-background: transparent !important;--color-button: var(--sp-colors-clickable) !important;--color-button-hover: var(--sp-colors-disabled) !important;--color-border: var(--sp-colors-surface2) !important;--color-text: rgb(35, 39, 47) !important}html.dark .sp-devtools>div{--color-text: var(--sp-colors-clickable) !important;--color-modal-background: #16181de0 !important}.sandpack .sp-devtools table td{border:1px solid var(--sp-colors-surface2)}.sandpack .sp-cm{-webkit-text-size-adjust:none}@media screen and (max-width: 768px){@supports (-webkit-overflow-scrolling: touch){.sandpack--playground .cm-content,.sandpack--playground .sp-code-editor .sp-pre-placeholder,.DocSearch-Input{font-size:initial}}}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0}}@keyframes astroFadeOut{to{opacity:0}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}