button.svelte-1r2yztp.svelte-1r2yztp{all:unset;position:relative;display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;padding:.4rem .5rem;margin:.5rem;border-radius:.2rem;outline:1px solid transparent;color:var(--fg-d);cursor:pointer;line-height:1;height:1rem;font-size:.8rem;font-family:var(--font-mono);transition:.25s}button.svelte-1r2yztp.svelte-1r2yztp:hover{color:var(--fg-c);background:var(--bg-hover, var(--bg-b))}button.svelte-1r2yztp.svelte-1r2yztp:active,button.svelte-1r2yztp.svelte-1r2yztp:focus{color:var(--fg-b);background:var(--bg-active, var(--bg-c))}.svg-container.svelte-1r2yztp.svelte-1r2yztp{display:flex;align-items:center;justify-content:center;width:100%;height:100%;grid-area:1/1;aspect-ratio:1/1}button.copy.svelte-1r2yztp.svelte-1r2yztp:not(.active,.outro){backdrop-filter:blur(var(--blur, .35rem))}button.copy.svelte-1r2yztp svg.svelte-1r2yztp{overflow:visible}.front.svelte-1r2yztp.svelte-1r2yztp,.back.svelte-1r2yztp.svelte-1r2yztp,.check.svelte-1r2yztp.svelte-1r2yztp{transform-origin:50% 50%}.front.svelte-1r2yztp.svelte-1r2yztp{transition-duration:.66s;transition-timing-function:cubic-bezier(.175,.885,.32,1.275);stroke:currentColor}.front.active.svelte-1r2yztp.svelte-1r2yztp{transition-timing-function:cubic-bezier(.2,2,.2,.85);transition-duration:.2s;transform:scale(2);fill:#12a084;stroke:#12a084}.front.outro.svelte-1r2yztp.svelte-1r2yztp{transition-duration:.5s}.back.svelte-1r2yztp.svelte-1r2yztp{transform:translate(0);transition-duration:.33s;transition-timing-function:cubic-bezier(.77,0,.175,1)}.back.active.svelte-1r2yztp.svelte-1r2yztp{transform:translate(15%,15%)}.back.outro.svelte-1r2yztp.svelte-1r2yztp{transition-delay:0s;transition-duration:1s}.check.svelte-1r2yztp.svelte-1r2yztp{fill:transparent;stroke:var(--color, var(--light-a));opacity:0;transform:scale(0);transition:.2s cubic-bezier(.175,.885,.32,1.275) 0s}.check.active.svelte-1r2yztp.svelte-1r2yztp{opacity:1;transform:scale(1.25);transition:.3s cubic-bezier(.2,2,.2,.85) .1s}button.active.svelte-1r2yztp.svelte-1r2yztp,button.outro.svelte-1r2yztp.svelte-1r2yztp{outline-color:transparent;color:var(--fg-c);background:transparent}.hero-text.svelte-10xjks5.svelte-10xjks5{contain:strict;width:30rem;max-width:100%;height:5rem;margin:2rem auto 0;padding:0;flex-wrap:nowrap;white-space:nowrap;font-size:clamp(4rem,12vw,5.5rem);letter-spacing:-3px}.description.svelte-10xjks5.svelte-10xjks5{contain:strict;position:relative;box-sizing:border-box;padding-top:1.25rem;max-width:27rem;height:6rem;border-radius:var(--radius);font-size:1.15rem;font-variation-settings:"wght" 200;letter-spacing:.3px;word-spacing:2px;text-wrap:balance}.install-wrapper.svelte-10xjks5.svelte-10xjks5{contain:strict;position:relative;display:flex;justify-content:center;align-items:center;width:26rem;height:5rem;max-width:100%;margin:auto;border-radius:.2rem;transform:translate3d(0,-1rem,-1rem)}code.install.svelte-10xjks5.svelte-10xjks5{contain:size style;position:relative;display:flex;justify-content:center;align-items:center;width:21rem;height:1.1rem;max-width:100%;padding:.75rem 1.5rem;margin:auto;background:color-mix(in lch,var(--bg-a),var(--bg-b) 75%);border-radius:1rem;outline:none;font-size:var(--font-sm);font-size:1rem;transition:opacity .2s}@media (max-width: 600px){code.install.svelte-10xjks5.svelte-10xjks5{gap:.5rem;white-space:nowrap;font-size:min(1.1rem,3.5vw)}}code.install.svelte-10xjks5.svelte-10xjks5:before{inset:unset;animation:none;background-image:linear-gradient(to right,#111,#111,#222,#292929,#111);box-shadow:0 3px 5px #0004,0 5px 10px #0002,0 10px 20px #0001}code.install.svelte-10xjks5 div.svelte-10xjks5{filter:saturate(.75)}.jsr-add.svelte-10xjks5.svelte-10xjks5{margin:0 .75rem;opacity:.75}.namespace.svelte-10xjks5.svelte-10xjks5{display:flex}.braebo.svelte-10xjks5.svelte-10xjks5{display:inline-block;background-image:linear-gradient(to right,#0094b5,#4f6bff);color:#418fdd}.slash.svelte-10xjks5.svelte-10xjks5{color:#7037ff}.pocket-shader.svelte-10xjks5.svelte-10xjks5{display:inline-block;background-image:var(--ps-gradient);color:#7037ff}.copy.svelte-10xjks5.svelte-10xjks5{contain:strict;position:absolute;inset:0;height:2rem;width:22rem;margin:auto;color:var(--fg-a);background:transparent;border-radius:1rem;opacity:0;font-family:var(--font-mono);backdrop-filter:blur(0px);transition:opacity .2s,backdrop-filter .2s;z-index:2}.install-wrapper.svelte-10xjks5:hover div.svelte-10xjks5{cursor:pointer;z-index:0}.install-wrapper.svelte-10xjks5:hover code.install.svelte-10xjks5{background:var(--bg-a)}.install-wrapper.svelte-10xjks5:hover code.install.svelte-10xjks5:before{box-shadow:0 3px 5px #0004,0 5px 10px #0002,0 10px 20px #0001}.install-wrapper.svelte-10xjks5:hover .copy.svelte-10xjks5{pointer-events:all;opacity:1;z-index:1;backdrop-filter:blur(2px)}.icon.copy:not(.active) .back{transition-duration:.5s;transition-delay:.1s;transform:translate(15%,15%)}.install-wrapper:hover .icon.copy:not(.active) .back{transform:translate(0) scale(.9)}.outer[data-astro-cid-vkvmcqta]{position:relative;width:var(--width, fit-content);max-width:100%;margin:auto}div[data-astro-cid-vkvmcqta].code-container{--bg: #1b1e28;position:relative;display:flex;max-width:100%;margin:auto;overflow-x:auto;background-color:var(--bg);border-radius:var(--radius);box-shadow:0 4px 3px #0005 inset,0 2px 5px #0005 inset,0 1px 9px #0009 inset,0 0 15px #0006 inset;outline:2px solid #3f3f3f33;font-family:var(--font-mono);font-size:var(--font-sm);font-variation-settings:"wght" 200;line-height:var(--line-height-sm)}.outer[data-astro-cid-vkvmcqta]:has(label){margin-top:1rem;.code-container{border-top-left-radius:0}}.code-padding[data-astro-cid-vkvmcqta]{min-width:1rem;min-height:100%;background-color:var(--bg);z-index:-1}.inner[data-astro-cid-vkvmcqta]{z-index:0}.copy-button-container[data-astro-cid-vkvmcqta]{position:absolute;right:0;top:0;z-index:1;transform:scale(.01) translateZ(1px);transition:.2s}div[data-astro-cid-vkvmcqta].code-container:hover .copy-button-container[data-astro-cid-vkvmcqta]{transition:.2s;transform:scale(1) translateZ(1px)}label[data-astro-cid-vkvmcqta]{position:absolute;top:-1.5rem;background:#11131a;color:var(--fg-d);color:#707887;padding:.25rem .75rem;font-size:.8rem;font-variation-settings:"wght" 100;font-family:var(--font-mono);border-radius:.25rem;border-bottom-left-radius:0;border-bottom-right-radius:0}input.svelte-1pwbqvd:disabled{opacity:.5;filter:saturate(0) brightness(.5);cursor:not-allowed}input[type=range].svelte-1pwbqvd{-webkit-appearance:none;width:clamp(5rem,100%,20rem);height:1.25rem;margin:auto;transition:opacity .2s;border-radius:1.25rem}input[type=range].svelte-1pwbqvd:hover{filter:brightness(1.1)}input[type=range].svelte-1pwbqvd::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:.4166666667rem;height:1.25rem;background:linear-gradient(to top,var(--theme-a, #33c5f4) 71%,#000 90%);cursor:pointer;z-index:1}input[type=range].svelte-1pwbqvd::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:.4166666667rem;height:1.25rem;background:linear-gradient(to top,var(--theme-a, #33c5f4) 71%,#000 90%);cursor:pointer;z-index:1}input[type=range].svelte-1pwbqvd::-webkit-slider-runnable-track{height:1.25rem;cursor:pointer;background-color:var(--bg-c);box-shadow:0 3px 1px #0008 inset,0 2px 5px #0007 inset,0 1px 6px #0006 inset;border-radius:.4rem;overflow:hidden}input[type=range].svelte-1pwbqvd::-moz-range-track{height:1.25rem;cursor:pointer;background-color:var(--bg-c);box-shadow:0 3px 1px #0008 inset,0 2px 5px #0007 inset,0 1px 6px #0006 inset;border-radius:.4rem;overflow:hidden}.kv.svelte-1d6tp9e.svelte-1d6tp9e{display:flex;align-items:center;justify-content:space-between;width:11rem;height:1.75rem;margin:auto;border-radius:.15rem;overflow:hidden}.kv.svelte-1d6tp9e.svelte-1d6tp9e:first-of-type{border-bottom-left-radius:0;border-bottom-right-radius:0}.kv.svelte-1d6tp9e.svelte-1d6tp9e:last-of-type{border-top-left-radius:0;border-top-right-radius:0}.kv.svelte-1d6tp9e div.svelte-1d6tp9e{display:flex;justify-content:center;align-items:center;flex:1fr;line-height:1.75rem}.kv.svelte-1d6tp9e .key.svelte-1d6tp9e,.kv.svelte-1d6tp9e .key code.svelte-1d6tp9e{width:5rem;color:var(--fg-b);background:none;border-radius:.1rem;margin-left:1px;filter:saturate(.7);outline-color:var(--bg-c);font-variation-settings:"wght" 100}.kv.svelte-1d6tp9e .value.svelte-1d6tp9e{margin:auto}.controls.svelte-1d6tp9e.svelte-1d6tp9e{display:flex;flex-direction:column;gap:1rem;width:fit-content;margin:0 auto;margin-top:-.5rem;padding:1rem;background:color-mix(in lch,var(--bg-b),transparent 70%);backdrop-filter:blur(3px);border-radius:.5rem;outline:1px solid var(--bg-c)}.flex.svelte-1d6tp9e.svelte-1d6tp9e{display:flex;gap:1rem;width:fit-content;margin:auto}.disabled.svelte-1d6tp9e.svelte-1d6tp9e,button.svelte-1d6tp9e.svelte-1d6tp9e:disabled{opacity:.5;cursor:default;pointer-events:none}.disabled.svelte-1d6tp9e.svelte-1d6tp9e:before,button.svelte-1d6tp9e.svelte-1d6tp9e:disabled:before{display:none}button.code.svelte-1d6tp9e.svelte-1d6tp9e{position:relative;padding:.25rem .5rem;color:var(--fg-a)!important;background:var(--bg-a);border-radius:.5rem;font-variation-settings:"wght" 300;font-size:var(--font-sm)}div.svelte-s32ggz.svelte-s32ggz{box-sizing:border-box;display:flex;align-items:center;gap:1rem;width:100%;max-width:min(30rem,100vw);margin:auto}div.svelte-s32ggz .left.svelte-s32ggz{display:flex;justify-content:flex-end;align-items:center;width:12rem}div.svelte-s32ggz .left span.svelte-s32ggz{color:var(--fg-b);font-variation-settings:"wght" 100}div.svelte-s32ggz .left .label.svelte-s32ggz{box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:2rem;height:1.1rem;margin:0;padding:.1rem .5rem 0;background:var(--bg-a);border-radius:.2rem;outline:1px solid var(--bg-d);font-size:var(--font-xs);font-variation-settings:"wght" 100;font-family:var(--font-mono);text-align:center;line-height:1rem}div.disabled.svelte-s32ggz.svelte-s32ggz{opacity:.5;cursor:not-allowed}div.disabled.svelte-s32ggz .svelte-s32ggz{pointer-events:none;user-select:none}.page-fill.svelte-eyusqv{--quint:cubic-bezier(.05,1,.38,.97);position:fixed;bottom:.5rem;right:1rem;width:200vh;height:200vh;bottom:-100vh;right:-100vh;background-color:var(--bg-a);border-radius:100%;opacity:0;transition:transform .5s var(--quint),opacity .5s ease-out;pointer-events:none;z-index:20;transform:scale(.00001)}.page-fill.showMenu.svelte-eyusqv{opacity:1;transition:transform 1s var(--quint),opacity .5s ease;transform:scale(1)}svg.svelte-1sucm6{--openDelay:0s;--openDur:.5s;--closeDelay:.25s;--closeDur:.5s;--pattyDur:.75s;--bunDur:.5s}.burger.svelte-1sucm6{position:fixed;z-index:30;bottom:1rem;right:1rem;width:40px;height:40px;padding:5px;margin:auto;border-radius:100%;background:var(--bg-a);cursor:pointer;transition:box-shadow .2s}.burger.scrolled.svelte-1sucm6{box-shadow:0 2px 5px #00000040}.Patty.svelte-1sucm6{animation:var(--pattyDur) forwards reverse svelte-1sucm6-open;stroke-dashoffset:-66.9;stroke-dasharray:259,1000}.Patty.showMenu.svelte-1sucm6{opacity:.5;animation:var(--pattyDur) forwards svelte-1sucm6-open}@keyframes svelte-1sucm6-open{0%{stroke-dashoffset:247;stroke-dasharray:300,1000;opacity:1}40%{stroke-dashoffset:-67;stroke-dasharray:0,1000;opacity:1}to{stroke-dashoffset:-66.9;stroke-dasharray:259,1000;opacity:.25}}.TopBun.svelte-1sucm6{transform-origin:25% 40%;animation:var(--openDur) cubic-bezier(.5,0,1,.5) var(--openDelay) reverse forwards svelte-1sucm6-openTop;transform:rotate(45deg)}.BottomBun.svelte-1sucm6{transform-origin:30% 60%;animation:var(--openDur) cubic-bezier(.5,0,1,.5) var(--openDelay) reverse forwards svelte-1sucm6-openBottom;transform:rotate(-45deg)}.TopBun.showMenu.svelte-1sucm6{animation:var(--closeDur) cubic-bezier(0,.51,.37,1.02) var(--closeDelay) forwards svelte-1sucm6-openTop;transform:rotate(0)}.BottomBun.showMenu.svelte-1sucm6{animation:var(--closeDur) cubic-bezier(0,.51,.37,1.02) var(--closeDelay) forwards svelte-1sucm6-openBottom;transform:rotate(0)}@keyframes svelte-1sucm6-openTop{0%{transform:rotate(0)}to{transform:rotate(45deg)}}@keyframes svelte-1sucm6-openBottom{0%{transform:rotate(0)}to{transform:rotate(-45deg)}}.intro.svelte-1sucm6{opacity:0;animation:cubic-bezier(.785,.135,.15,.86) 1s forwards svelte-1sucm6-intro}.TopBun.intro.svelte-1sucm6{animation-duration:1.25s;animation-delay:.2s}.Patty.intro.svelte-1sucm6{stroke-dashoffset:247;stroke-dasharray:300,1000;animation-duration:1s;animation-delay:.1s}.BottomBun.intro.svelte-1sucm6{animation-duration:.75s}@keyframes svelte-1sucm6-intro{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translateY(0)}}nav.mobile .active{color:var(--theme-a)}nav.svelte-bkdgyf.svelte-bkdgyf{position:fixed;left:0;top:0;bottom:0;display:flex;flex-direction:column;width:fit-content;height:fit-content;margin:auto 0;padding:1rem;z-index:10;background:color-mix(in lch,var(--bg-b),transparent 90%);backdrop-filter:blur(5px);border-radius:0 var(--radius) var(--radius) 0;contain:layout}nav.mobile.svelte-bkdgyf.svelte-bkdgyf{position:fixed;left:0;right:0;gap:.25rem;margin:auto;background-color:transparent;backdrop-filter:blur(0);z-index:25}nav.mobile.svelte-bkdgyf.svelte-bkdgyf:not(.showMenu){pointer-events:none!important}.h2.svelte-bkdgyf.svelte-bkdgyf{letter-spacing:1px;font-size:var(--font);height:2rem}.h2.svelte-bkdgyf.svelte-bkdgyf:not(:first-of-type){margin-top:1rem}.h3.svelte-bkdgyf.svelte-bkdgyf{font-size:var(--font-sm);font-variation-settings:"wght" 200;padding-left:1rem;height:1.5rem}.h2.svelte-bkdgyf.svelte-bkdgyf,.h3.svelte-bkdgyf.svelte-bkdgyf{opacity:0;animation:svelte-bkdgyf-flyIn .5s ease forwards;transition:color .2s;text-decoration:none;color:color-mix(in lch,var(--fg-d),var(--bg-d))}.h2.svelte-bkdgyf.svelte-bkdgyf:hover,.h3.svelte-bkdgyf.svelte-bkdgyf:hover{color:var(--fg-a)!important}nav.svelte-bkdgyf:hover .h2.svelte-bkdgyf,nav.svelte-bkdgyf:hover .h3.svelte-bkdgyf{color:var(--fg-d)}@keyframes svelte-bkdgyf-flyIn{0%{opacity:0;transform:translate(-1rem)}to{opacity:1;transform:translate(0)}}@keyframes svelte-bkdgyf-flyUp{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes svelte-bkdgyf-flyDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(1rem);opacity:0}}nav.mobile.svelte-bkdgyf .h2.svelte-bkdgyf,nav.mobile.svelte-bkdgyf .h3.svelte-bkdgyf{animation:svelte-bkdgyf-flyUp .5s ease forwards;font-size:var(--font)}nav.mobile.svelte-bkdgyf:not(.showMenu) .h2.svelte-bkdgyf,nav.mobile.svelte-bkdgyf:not(.showMenu) .h3.svelte-bkdgyf{animation:flyOut .5s ease forwards reverse;pointer-events:none!important}.active-section{color:var(--theme-a);color:var(--fg-a)!important}.page[data-astro-cid-j7pv25f6]{position:relative;display:flex;flex-direction:column;gap:5rem}.note[data-astro-cid-j7pv25f6]{box-sizing:border-box;position:relative;max-width:26rem;padding:1rem;font-size:var(--font-xs);background:#889eba0d;backdrop-filter:blur(10px);border-radius:var(--radius);outline:1px solid rgba(136,148,186,.5);opacity:.75;transition:opacity .2s;&:hover{opacity:1}&:before{content:"ⓘ";position:absolute;left:.5rem;bottom:.2rem;color:#8894ba80;font-size:1.5rem}}#codeblock3-3 pre.astro-code{&:not(:first-of-type){margin-top:0}&:not(:last-of-type){margin-bottom:0}}