.site-wide-announcement[data-v-42f7973d]{position:relative;padding:1em;text-align:center;font-size:.9em;line-height:1.5;border-bottom:1px solid var(--ui-border-light);overflow:clip}.site-wide-announcement .container[data-v-42f7973d]{display:flex;align-items:center;justify-content:center;max-width:800px;margin:0 auto}.site-wide-announcement p[data-v-42f7973d]{margin:0;text-wrap:balance;font-size:.85rem}@media screen and (min-width: 768px){.site-wide-announcement p[data-v-42f7973d]{font-size:.95rem}}.site-wide-announcement a[data-v-42f7973d]{font-size:.85rem;padding:.33rem 1.15rem;margin-top:1em;display:inline-flex}.site-wide-announcement a .formkit-icon[data-v-42f7973d]{display:inline-block;margin-left:0;margin-right:.25em;width:.9em}.site-wide-announcement[data-v-42f7973d]:before,.site-wide-announcement[data-v-42f7973d]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100dvw;z-index:-1}.site-wide-announcement[data-v-42f7973d]:before{top:0;left:0;width:33%;height:100%;background:linear-gradient(90deg,rgb(218,231,245),transparent)}.site-wide-announcement[data-v-42f7973d]:after{top:0;right:0;height:100%;background:linear-gradient(-90deg,rgb(247,211,249),transparent)}[data-dark-mode=true] .site-wide-announcement[data-v-42f7973d]:before,[data-dark-mode=true] .site-wide-announcement[data-v-42f7973d]:after{opacity:.75;mix-blend-mode:overlay}[data-dark-mode=true] .site-wide-announcement[data-v-42f7973d]:before{background:linear-gradient(90deg,rgb(101,196,233),transparent)}[data-dark-mode=true] .site-wide-announcement[data-v-42f7973d]:after{background:linear-gradient(-90deg,rgb(255,108,255),transparent)}.cls-1[data-v-b073112a]{fill:url(#linear-gradient);fill-rule:evenodd}.cls-2[data-v-b073112a]{fill:#111}[data-dark-mode=true] .cls-2[data-v-b073112a]{fill:#eee}.cls-3[data-v-b073112a]{isolation:isolate}span[data-v-f9dd9e78]{cursor:pointer}span svg[data-v-f9dd9e78]{width:1.5em;height:1.5em}[data-dark-mode=true] span svg[data-v-f9dd9e78]{height:1.25em}header[data-v-110da005]{height:4em;display:flex;flex-wrap:wrap;align-items:center;padding-top:2em;margin-bottom:6em;justify-content:space-between;-webkit-user-select:none;user-select:none}.logo[data-v-110da005]{width:90%;max-width:15em;margin-right:1em;margin-bottom:1em}.buttons[data-v-110da005]{display:flex;align-items:center}.buttons a[data-v-110da005]:hover{text-decoration:none}.icon[data-v-110da005]{width:1.25em;fill:var(--gray-m);margin-right:1em}[data-dark-mode=true] .icon[data-v-110da005]{fill:var(--gray-l)}.buttons span[data-v-110da005]{margin-right:1em}.buttons span[data-v-110da005]:last-child{margin-right:0}.buttons a:hover .icon[data-v-110da005]{fill:var(--primary)}@media (min-width: 700px){header[data-v-110da005]{padding-top:1em;margin-bottom:3em}.logo[data-v-110da005]{max-width:12em;margin-bottom:0}}footer[data-v-9a0971ed]{display:flex;justify-content:center;width:100%;margin-top:6em;border-top:1px solid rgba(0,0,0,.1)}[data-dark-mode=true] footer[data-v-9a0971ed]{border-top-color:#ffffff26}.copyright[data-v-9a0971ed]{display:inline-block;font-size:.8rem;margin:0 auto;padding:3em 2em;text-align:center}code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.window[data-v-5e71ea7f]{flex-grow:1;background-color:#000000d9;border-radius:.75em;color:#fff;padding:1em;font-family:courier,monospace;box-shadow:0 0 2em #0000004d;display:flex;flex-direction:column;margin:2em 0}.window-header[data-v-5e71ea7f]{font-family:var(--system-stack);display:flex;margin:-1em -1em .5em;padding:.75em 1em;font-weight:300;align-items:center;justify-content:flex-start;color:var(--gray-l)}.control-title[data-v-5e71ea7f]{font-size:14px;justify-self:center;margin:0 auto;padding-right:2.4rem}.code-block[data-v-5e71ea7f]{flex-grow:1;overflow:hidden;display:flex}.code-example[data-v-5e71ea7f]{display:block;white-space:pre;font-size:.9rem;overflow:auto;background-color:transparent;line-height:1.25}.code-example[data-v-5e71ea7f]::-webkit-scrollbar{display:none}.copy-status[data-v-5e71ea7f]{padding-left:1em;color:var(--gray-l);font-family:var(--system-stack)}.control[data-v-5e71ea7f]{width:.8em;height:.8em;border-radius:1em;background-color:transparent;margin-right:.5em}.control--close[data-v-5e71ea7f]{background-color:var(--ui-red)}.control--minimize[data-v-5e71ea7f]{background-color:var(--ui-yellow)}.control--expand[data-v-5e71ea7f]{background-color:var(--ui-green)}.window-footer[data-v-5e71ea7f]{padding:0;border-radius:0 0 .5em .5em;background-color:var(--gray-d);margin:1em -1em -1em;font-family:var(--system-stack);-webkit-font-smoothing:anti-aliased;overflow:hidden}.frameworks[data-v-5e71ea7f]{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;display:flex;align-items:center;list-style-type:none;padding:0;margin:0;overflow:auto}.frameworks[data-v-5e71ea7f]::-webkit-scrollbar{display:none}.frameworks li[data-v-5e71ea7f]{display:flex;align-items:center;font-size:.75em;padding:.75em 1em;cursor:pointer;margin-bottom:0;white-space:nowrap}.frameworks li[data-v-5e71ea7f]:hover{background-color:var(--gray-m)}.frameworks li[data-selected][data-v-5e71ea7f]{background-color:#ffffff1a}.frameworks svg[data-v-5e71ea7f]{display:block;width:.9em;margin-right:.5em;font-size:1rem;max-height:1em}section[data-v-1e791427]{display:block;margin-top:1em;margin-bottom:3em}.intro[data-v-1e791427]{width:100%}.title[data-v-1e791427]{font-size:2em}@media (min-width: 24em){.title[data-v-1e791427]{font-size:2.25em}}.title .highlight[data-v-1e791427]{font-size:inherit;color:var(--primary);background-image:linear-gradient(-45deg,var(--primary),var(--purple-m));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title .highlight[data-v-1e791427]::selection{color:#fff;-webkit-text-fill-color:white}@media (min-width: 28em){section[data-v-1e791427]{margin-top:4em;margin-bottom:3em}.intro[data-v-1e791427]{max-width:34em}.title[data-v-1e791427]{font-size:2.5em}}.intro p[data-v-1e791427]{display:block;padding-bottom:2em;line-height:1.4;font-weight:300;margin:0;max-width:32em}@media (min-width: 60em){section[data-v-1e791427]{display:flex}.example[data-v-1e791427]{margin-left:2.5em;margin-top:0;margin-bottom:0;max-width:26.7em;flex-shrink:0;width:50%}}@media (min-width: 65em){.example[data-v-1e791427]{max-width:none}}.subtitle span[data-v-1e791427]{display:inline-block}.title span[data-v-1e791427]{font-size:1.3em;display:inline-block}@media (min-width: 22em){.title span[data-v-1e791427]{font-size:1.4em}}.logo[data-v-1e791427]{display:inline-block;width:15vw;margin-top:1em}.byline[data-v-1e791427]{display:flex;vertical-align:flex-start;font-size:.875em;color:var(--gray-m);filter:grayscale(1);transition:filter .15s ease-out;font-weight:300;margin-top:1em}[data-dark-mode=true] .byline[data-v-1e791427]{color:var(--gray-l)}.byline span[data-v-1e791427],.byline svg[data-v-1e791427]{position:relative}.byline span[data-v-1e791427]{font-size:1em;max-height:16px;margin-right:.4em;margin-left:.25em}.byline svg[data-v-1e791427]{top:.15em}.byline[data-v-1e791427]:hover{text-decoration:none;color:var(--primary);filter:grayscale(0)}[data-dark-mode=true] .byline[data-v-1e791427]:hover{color:var(--text)}.formkit[data-v-1e791427]{display:block;width:1rem;fill:var(--gray-m);margin-right:.5em}.byline:hover .formkit[data-v-1e791427]{fill:var(--orange)}nav[data-v-4e5f5a5e]{background-color:#fff;box-shadow:0 1px 2px #00000006,0 2px 4px #00000006,0 4px 8px #00000006,0 8px 16px #00000006,0 16px 32px #00000006,0 32px 64px #00000006;border-radius:0 0 .25em .25em;padding:0 2em;position:sticky;top:0;left:100%;opacity:.98;float:left;width:calc(100% + 2em);margin-left:-200vw;margin-right:-3em;z-index:100;-webkit-user-select:none;user-select:none}[data-dark-mode=true] nav[data-v-4e5f5a5e]{background-color:var(--purple-d)}@media (min-width: 42em){nav[data-v-4e5f5a5e]{top:2em;width:10em;margin-left:-12em;margin-right:0;box-sizing:border-box;margin-top:0;left:0;padding:0 1em;border-radius:.75em}.active[data-v-4e5f5a5e]{display:none}nav ul[data-v-4e5f5a5e]{border-top:none}nav a[data-v-4e5f5a5e]{padding-left:0;padding-right:0}}@media (min-width: 50em){nav[data-v-4e5f5a5e]{width:14em;margin-left:-18em;padding:.5em 2em}}ul[data-v-4e5f5a5e]{list-style-type:none;padding:.5em 0;margin:0;position:relative;z-index:2;border-top:1px solid var(--ui-light)}[data-dark-mode=true] ul[data-v-4e5f5a5e]{border-top:none}a[data-v-4e5f5a5e],.active-title[data-v-4e5f5a5e]{display:block;padding:.5em 1em;color:var(--primary)}[data-dark-mode=true] li a[data-v-4e5f5a5e],[data-dark-mode=true] .active-title[data-v-4e5f5a5e]{color:var(--text)}li[data-v-4e5f5a5e]:last-child{padding-bottom:.5em}.active-title[data-v-4e5f5a5e]{padding:0 1em}.active[data-v-4e5f5a5e]{padding-top:.75em;padding-bottom:.75em;cursor:pointer;position:relative;padding-right:2em}.down[data-v-4e5f5a5e]{fill:var(--primary);width:1em;position:absolute;top:50%;transform:translateY(-50%);right:1em}[data-dark-mode=true] .down[data-v-4e5f5a5e]{fill:var(--text)}.comparison-app{display:flex;flex-direction:column;margin-top:2em}@media (min-width: 48em){.comparison-app{margin-top:2em;flex-direction:row;margin-bottom:-1.25em}}.comparison-app ul{list-style-type:none;padding:0}.comparison-app .stage{margin:0 .5em 2em;flex-grow:1}.comparison-app .stage:not([data-has-animation=true]) ul{opacity:.85;filter:grayscale(.85)}.comparison-app .stage:not([data-has-animation=true]) li:last-child button{opacity:.66}.comparison-app .stage:not([data-has-animation=true]) li:last-child button[data-disabled=true]{opacity:.33}.comparison-app li{padding:.75em;background-color:#e3e9ff;border-radius:.5em;margin-bottom:.5em;display:flex;align-items:center;justify-content:space-between}[data-dark-mode=true] .comparison-app li{background-color:var(--purple-lm);color:#444}li:first-child .action-icons button:first-child,.comparison-app li:nth-last-child(2) .action-icons button:nth-last-child(2){opacity:.1;pointer-events:none}.comparison-app li svg{width:1em;fill:#4711de}.comparison-app li svg.down{transform:rotate(180deg);fill:#4711de}.comparison-app li>span{text-overflow:ellipsis;width:100%;flex-grow:1}.comparison-app .action-icons{display:flex;align-items:center}.comparison-app .action-icons button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background:transparent;border-radius:0;margin-left:.75em;cursor:pointer;display:flex;align-items:center}.comparison-app li input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #4711de;border-radius:.25em;background-color:#fff6;padding:.5em;flex-grow:1;min-width:none;width:100%;display:block}.comparison-app li input:focus{outline:1px solid #4711de}.comparison-app li button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #4711de;background-color:#4711de;border-radius:.25em;color:#fff;font-weight:600;padding:.5em 1em;margin-left:1em;cursor:pointer}.comparison-app li:last-child button[data-disabled=true]{opacity:.33;pointer-events:none;cursor:not-allowed}.comparison-app li form{display:flex;flex-grow:1;align-items:center;justify-content:space-between}.comparison-app .comparison{justify-content:space-between;margin:0 -.5em}.comparison-app .logo{width:calc(100% - 1em);max-height:1.1em;margin:0 auto;text-align:center}.comparison-app .logo img{display:block;width:100%;height:100%}.comparison-app .stage:not([data-has-animation]) .logo{opacity:.75;position:relative;aspect-ratio:7.008108;text-align:center}.comparison-app .action-icons .remove{margin-left:1.5em}.comparison-app .action-icons .remove svg{fill:red}.tip[data-v-e9344be6]{display:flex;align-items:flex-start}.tip svg[data-v-e9344be6]{margin-right:1em;margin-top:.25em;width:1.5em;height:1.5em;flex-shrink:0}section:nth-child(3) h2[data-v-fd80f645]{padding-top:3em}code[data-v-fd80f645]{display:inline-block}@media (min-width: 42em){section:nth-child(3) h2[data-v-fd80f645]{padding-top:0}}ul[data-v-baa04a7a]{list-style-type:disc}li[data-v-baa04a7a]:before{display:none}ul[data-v-52952aa1]{list-style-type:none;padding:0}li[data-v-52952aa1]{display:inline-block;margin:.5em}li[data-v-52952aa1]:before{display:none}.content[data-v-021167be]{padding:2rem}.drawer[data-v-021167be]{padding-right:1rem;border-right:1px solid currentColor}.parent[data-v-021167be]{height:180px;display:flex;position:relative}.item[data-v-021167be]{display:flex;align-items:center;justify-content:center;padding:1rem 2rem;border-radius:1rem;transition:background-color .2s}.item[data-v-021167be]:hover{background-color:#efefef;color:purple}.dropdown[data-v-925c78e9]{border:2px solid var(--gray-l);border-radius:.5em;background-color:#fff;margin-bottom:2em}[data-dark-mode=true] .dropdown[data-v-925c78e9]{border-color:var(--purple-md);background-color:var(--purple-d)}.dropdown strong[data-v-925c78e9]{display:block;padding:1em;cursor:pointer}.dropdown p[data-v-925c78e9]{margin:1em}.tag-input[data-v-5fc22a36]{display:flex;align-items:flex-start;border:1px solid lightgray;padding:.25em .75em;border-radius:.5em;width:100%;max-width:450px;box-sizing:border-box}ul[data-v-5fc22a36]{list-style-type:none;padding:0;display:flex;flex-wrap:wrap;align-items:center;margin:0;min-height:.9em;overflow:hidden;width:100%}.tag[data-v-5fc22a36]{display:inline-flex;align-items:center;padding:.25em .75em;font-size:.75em;background-color:#ece3ff;border-radius:1em;margin:.25em .75em .25em 0;-webkit-user-select:none;user-select:none;color:var(--text-d)}.tag svg[data-v-5fc22a36]{width:.833em;margin-left:.75em;fill:red}.tag span[data-v-5fc22a36]{white-space:nowrap}li[data-v-5fc22a36]:before{display:none}.tag-input[data-v-5fc22a36]:focus-within{border-color:#4b17df}.input-label[data-v-5fc22a36]{font-size:.9em;display:block;margin-bottom:.5em}input[data-v-5fc22a36]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;margin:0;flex-grow:1;width:5em;background-color:transparent;display:block;padding:.25em 0;color:var(--text)}@media (min-width: 600px){input[data-v-5fc22a36]{width:10em}}input[data-v-5fc22a36]:focus{outline:0}ul[data-v-f0f5de2f]{list-style-type:none;display:flex;flex-wrap:wrap;padding:0;-webkit-user-select:none;user-select:none;position:relative}li[data-v-f0f5de2f]{border:1px solid var(--gray-m);border-radius:5px;width:2em;height:2em;display:flex;align-items:center;justify-content:center;margin-right:.5em;cursor:pointer}li span[data-v-f0f5de2f]{margin-top:-.1em}li[data-v-f0f5de2f]:hover{background:var(--purple-l);border-color:var(--purple-m)}li[data-v-f0f5de2f]:before{display:none}.label[data-v-f0f5de2f]{font-size:.83em;font-weight:700}.grid[data-v-ebb76ba5]{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;font-size:.875em}.story-card[data-v-ebb76ba5]{background-color:var(--purple-md);padding:.75em;border-radius:.5em;box-shadow:0 0 .5em #0000001a}.story-card h2[data-v-ebb76ba5]{margin:0;padding:0;font-size:1.5em}.toggle-story-btn[data-v-ebb76ba5]{margin:1em 0 0}.balls[data-v-4562fe45]{aspect-ratio:1;margin:2em auto;width:100%;max-width:15em;position:relative;padding:0;background-size:contain;background-repeat:none}section>ul.balls>li[data-v-4562fe45]{width:4em;height:4em;border-radius:4em;display:flex;align-items:center;justify-content:center;font-size:.875em;font-weight:500;color:#fff;margin-bottom:0}.balls li[data-v-4562fe45]:before{display:none;margin-bottom:0}.balls li[data-v-4562fe45]:first-child{position:absolute;top:0;left:calc(50% - 2em)}.balls li[data-v-4562fe45]:nth-child(2){position:absolute;bottom:0;right:0}.balls li[data-v-4562fe45]:nth-child(3){position:absolute;bottom:0;left:0}.actions[data-v-4562fe45]{margin-bottom:1em}.red[data-v-4562fe45]{background-color:#eb2e1d}.blue[data-v-4562fe45]{background-color:#5411ef}.green[data-v-4562fe45]{background-color:#4fd726}button[data-v-4562fe45]{display:block;margin-left:auto;margin-right:auto}.cards[data-v-75485f5b]{list-style-type:none;padding:0;margin:.5em -.5em;display:flex;flex-wrap:wrap}.example[data-v-75485f5b]{margin-top:2em}.card[data-v-75485f5b]{display:block;padding:1em;border-radius:.5em;background:linear-gradient(to bottom,#0000ff05,#0000ff12);border:2px solid rgba(0,0,255,.1);box-shadow:0 0 1em #0000001a;box-sizing:border-box;width:100%;margin:.5em}[data-dark-mode=true] .card[data-v-75485f5b]{background:linear-gradient(to bottom,#aaaaef33,#5b5be41a);border:2px solid rgba(159,159,254,.1)}@media (min-width: 38em){.card[data-v-75485f5b]{width:calc(50% - 1em);flex:calc(50% - 1em) 0 0}}@media (min-width: 61em){.card[data-v-75485f5b]{width:calc(33% - 3em);flex:calc(33% - 3em) 0 0}}.title[data-v-75485f5b]{margin:0}.date[data-v-75485f5b]{color:var(--gray-m);font-weight:300;font-size:.75em;margin-bottom:1em}.description[data-v-75485f5b]{font-size:.875em}.cards li[data-v-75485f5b]:before{display:none}ul[data-v-61d7035e]{list-style-type:none;padding:0;max-width:300px}li[data-v-61d7035e]{display:flex;justify-content:space-between;padding:.75em;background-color:#fff;margin-bottom:.5em;border-radius:.5em;box-shadow:0 0 .5em #0000001a;font-size:.875em}[data-dark-mode=true] li[data-v-61d7035e]{background-color:var(--purple-md)}li[data-v-61d7035e]:before{display:none}li button[data-v-61d7035e]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:none;margin:none;background-color:transparent;display:flex;align-items:center;cursor:pointer}li button svg[data-v-61d7035e]{width:1.2em;fill:red}[data-dark-mode=true] li button svg[data-v-61d7035e]{fill:#f44343}.boxes[data-v-ffb1a8bc]{display:flex;flex-wrap:wrap;margin:2em -.25em}.box[data-v-ffb1a8bc]{box-sizing:border-box;width:calc(10% - .5em);margin:.25em;display:flex;align-items:center;justify-content:center;font-size:.875em;font-weight:300;aspect-ratio:1;border:1px solid var(--gray-l)}ul[data-v-753fe1d7]{list-style-type:none;margin:0;padding:0}li[data-v-753fe1d7]{display:block;background-color:var(--ui-light);border-radius:.5em;overflow:hidden}[data-dark-mode=true] li[data-v-753fe1d7]{background-color:var(--purple-d)}.question[data-v-753fe1d7]{padding:1em;display:flex;align-items:center;cursor:pointer}.question[data-v-753fe1d7]:before{content:"Q";font-size:1.5em;margin-right:.5em;color:var(--primary)}[data-dark-mode=true] .question[data-v-753fe1d7]:before{color:var(--purple-m)}.answer[data-v-753fe1d7]{margin:0 1rem;padding:0 0 1rem;font-size:.875em}.example[data-v-70fa6881]{box-shadow:0 0 1em #0000001a;padding:2em;display:block;border-radius:.5em;width:100%;box-sizing:border-box;max-width:24.375em;margin:2em auto}[data-dark-mode=true] .example[data-v-70fa6881]{background:var(--purple-d)}[data-dark-mode=true] .example[data-v-70fa6881] .formkit-help{color:var(--gray-l)}[data-dark-mode=true] .example[data-v-70fa6881] .formkit-message[data-message-type=validation],[data-dark-mode=true] .example[data-v-70fa6881] .formkit-message[data-message-type=ui]{color:var(--ui-red)}.example[data-v-70fa6881] button,.example[data-v-70fa6881] .formkit-outer[data-type=submit]{margin-bottom:0}.example[data-v-70fa6881] input{width:100%;box-sizing:border-box}.example[data-v-70fa6881] .formkit-messages+.formkit-actions{margin-top:1em}ul[data-v-bc1bf218]{list-style-type:none;padding:0;max-width:300px}li[data-v-bc1bf218]{display:flex;justify-content:space-between;padding:.75em;background-color:#fff;margin-bottom:.5em;border-radius:.5em;box-shadow:0 0 .5em #0000001a;font-size:.875em}[data-dark-mode=true] li[data-v-bc1bf218]{background-color:var(--purple-md)}li[data-v-bc1bf218]:before{display:none}li button[data-v-bc1bf218]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:none;margin:none;background-color:transparent;display:flex;align-items:center;cursor:pointer}li button svg[data-v-bc1bf218]{width:1.2em;fill:red}[data-dark-mode=true] li button svg[data-v-bc1bf218]{fill:#f44343}.motion-notice{padding-top:3em}.motion-notice p{display:block;padding:2em;color:var(--ui-red);border:1px solid var(--ui-red);border-radius:.5em}@media (min-width: 42em){.motion-notice{padding-top:0}}.kickstart-promo[data-v-a13c4c01]{background:#1f478d;border:1px solid #b1e2fd;padding:1rem;border-radius:.5rem;display:flex;flex-direction:column;position:relative;max-width:900px;margin:0 auto 2em;box-shadow:none;transition:all .2s ease;overflow:hidden;cursor:pointer}.kickstart-promo[data-v-a13c4c01]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;filter:brightness(80%) contrast(100%);mix-blend-mode:overlay;background-size:cover;background-image:radial-gradient(circle at 50% 40%,#0000,#00000040),url("data:image/svg+xml,%3Csvg viewBox='0 0 10000 10000' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E")}.kickstart-promo[data-v-a13c4c01]:hover{transform:translateY(-.25rem);box-shadow:#32325d40 0 50px 100px -20px,#0000004d 0 30px 60px -30px;filter:brightness(120%)}[data-dark-mode=true] .kickstart-promo[data-v-a13c4c01]{background:#5d0667;border:1px solid #650a75}@media (min-width: 768px){.kickstart-promo[data-v-a13c4c01]{flex-direction:row}}@media (min-width: 960px){.kickstart-promo[data-v-a13c4c01]{margin-bottom:-2em}}.announcement-icon[data-v-a13c4c01]{position:absolute;top:.5rem;right:.5rem;padding:.5rem;background:#fff;color:#1f2a8d;border-radius:50%;font-size:2rem;width:1rem;height:1rem}.announcement-icon svg[data-v-a13c4c01]{display:block;width:100%;height:100%}.kickstart-promo__cta[data-v-a13c4c01]{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:5}.kickstart-promo__image[data-v-a13c4c01]{width:100%;max-width:10rem;aspect-ratio:523/191;mix-blend-mode:screen;position:relative;z-index:1}.kickstart-promo__image svg[data-v-a13c4c01]{width:100%;height:100%;filter:invert(1)}.kickstart-promo__content[data-v-a13c4c01]{color:#fff;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:2}@media (min-width: 768px){.kickstart-promo__content[data-v-a13c4c01]{justify-content:flex-start;align-items:flex-start;padding-left:2rem}}.kickstart-promo__title[data-v-a13c4c01]{margin-top:.25rem;margin-bottom:.1rem;padding-top:0;font-size:1.25rem;color:#fff;letter-spacing:-.05rem}@media (min-width: 768px){.kickstart-promo[data-v-a13c4c01]{font-size:1.33rem}}.kickstart-promo__title svg[data-v-a13c4c01]{width:.75em;height:.75em;margin-left:.25em}.kickstart-promo__description[data-v-a13c4c01]{opacity:.66;font-size:.85rem}.kickstart-promo__content p[data-v-a13c4c01]:last-child{margin-bottom:0}.documentation[data-v-7fd768bb]{position:relative}@media (min-width: 42em){.documentation[data-v-7fd768bb]{padding-left:12em}}@media (min-width: 50em){.documentation[data-v-7fd768bb]{padding-left:18em}}@media (min-width: 60em){.documentation[data-v-7fd768bb]{margin-top:6em}}@font-face{font-family:silka;src:url(/assets/silka-medium-webfont-DSy2Y7Zi.eot);src:url(/assets/silka-medium-webfont-DSy2Y7Zi.eot?#iefix) format("embedded-opentype"),url(/assets/silka-medium-webfont-DKzOP_70.woff2) format("woff2"),url(/assets/silka-medium-webfont-XfTXGbm5.woff) format("woff"),url(/assets/silka-medium-webfont-9LyZ_e_Q.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:silka;src:url(/assets/silka-regular-webfont-dh42Xc_u.eot);src:url(/assets/silka-regular-webfont-dh42Xc_u.eot?#iefix) format("embedded-opentype"),url(/assets/silka-regular-webfont-CAVj_Pil.woff2) format("woff2"),url(/assets/silka-regular-webfont-BOUPNsST.woff) format("woff"),url(/assets/silka-regular-webfont-BiNxxllH.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:silka;src:url(/assets/silka-semibold-webfont-9rqAu27E.eot);src:url(/assets/silka-semibold-webfont-9rqAu27E.eot?#iefix) format("embedded-opentype"),url(/assets/silka-semibold-webfont-Bjn8GO1x.woff2) format("woff2"),url(/assets/silka-semibold-webfont-CNoaGkiF.woff) format("woff"),url(/assets/silka-semibold-webfont-3gRmUOi4.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}:root{--system-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--primary: #4711de;--ui-green: #28c840;--ui-red: #ff5f57;--ui-yellow: #febc2e;--ui-light: #f8f2fb;--gray-l: #cbcbcb;--gray-m: #878787;--gray-md: #585a51;--gray-d: #414339;--text: #333;--text-d: #333;--purple-ll: #f6f2ff;--purple-l: #ece3ff;--purple-lm: #deceff;--purple-m: #7335d7;--purple-d: #6500bf;--orange: #fcaa5e}html[data-dark-mode=true]{--ui-green: #5bc553;--text: #f5f5f5;--primary: #6232e6;--purple-m: #8c57e3;--purple-md: #432d68;--purple-d: #350b5a;--gray-l: #c6c4d0;--gray-m: #7d7483;--gray-md: #55515a;--gray-d: #3d3943}body{font-family:silka,sans-serif;padding:0;margin:0;color:var(--text)}::selection{background:var(--purple-m);color:#fff}::-moz-selection{background:var(--purple-m);color:#fff}html{min-height:100%;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%206%206'%20style='enable-background:new%200%200%206%206;'%20xml:space='preserve'%20width='4'%20height='4'%3e%3crect%20fill='%23ffffff'%20width='1'%20height='6'/%3e%3crect%20x='2.5'%20y='2.5'%20transform='matrix(-1.836970e-16%201%20-1%20-1.836970e-16%208.5%202.5)'%20fill='%23ffffff'%20width='1'%20height='6'/%3e%3c/svg%3e"),linear-gradient(to bottom,rgb(103 0 255 / 4%),transparent),linear-gradient(to bottom left,rgb(255 0 201 / 2%),transparent);background-size:4px 4px,100vw 200vh,100vw 200vh;background-repeat:repeat,no-repeat,no-repeat;scroll-behavior:smooth}html[data-dark-mode=true]{background:#160430;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3csvg%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20x='0px'%20y='0px'%20viewBox='0%200%206%206'%20style='enable-background:new%200%200%206%206;'%20xml:space='preserve'%20width='4'%20height='4'%3e%3crect%20width='1'%20fill='%23160430'%20height='6'/%3e%3crect%20x='2.5'%20y='2.5'%20fill='%23160430'%20transform='matrix(-1.836970e-16%201%20-1%20-1.836970e-16%208.5%202.5)'%20width='1'%20height='6'/%3e%3c/svg%3e"),linear-gradient(to bottom,rgb(103 0 255 / 15%),transparent),linear-gradient(to bottom left,rgb(255 0 201 / 10%),transparent 50%);background-size:4px 4px,100vw 200vh,100vw 200vh;background-repeat:repeat,no-repeat,no-repeat}.container{width:calc(100% - 2em);max-width:70em;margin:0 auto}@media (min-width: 28em){.container{width:calc(100% - 4em)}}h1,h2,h3,h4{margin:0 0 .75em;letter-spacing:-.045em;line-height:1.2}h2{padding-top:1em}#demo>h2:first-child{padding-top:2.5em}@media (min-width: 42em){#demo>h2:first-child{padding-top:0}}h2.no-margin{padding-top:0!important}h3{margin-top:2.5em}h3 a:not(.button){color:var(--text);display:inline-flex;align-items:center}h3 a:not(.button) svg{width:.875em;display:block;margin-left:.5em}h3 a:not(.button):hover svg{fill:var(--primary)}@media (min-width: 20em){h2{font-size:1.75em}}@media (min-width: 42em){h2{font-size:2em}}p{font-weight:300;line-height:1.5}code{font-size:.9375em;padding:.1em .2em;background-color:#0000001a;border-radius:.25em;line-height:1;font-family:courier,monospace}[data-dark-mode=true] p code{background-color:#ffffff26;border:1px solid var(--purple-md)}[data-dark-mode=true] code>a:not(.button),[data-dark-mode=true] a:not(.button)>code{color:var(--purple-lm);text-decoration:underline}section{margin-bottom:3em}section>ul{line-height:1.5;list-style-type:none;margin:1.5em 0}section>ul li{margin-bottom:.5em;font-size:1rem;font-weight:300;color:currentColor}section>ul li:before{content:"";display:block;width:5px;height:5px;border-radius:5px;background-color:var(--primary);position:absolute;margin-left:-1em;margin-top:.55em}[data-dark-mode=true] section>ul li:before{background-color:var(--purple-m)}section h3{margin:1.5em 0 1em}aside{display:block;padding:1em;background-color:var(--purple-l);border-radius:.5em;margin:2em 0}[data-dark-mode=true] aside{background-color:transparent;border:2px solid var(--ui-green)}aside p{margin:0;vertical-align:middle;font-size:.9em}aside svg{width:1.5em;display:inline-block;vertical-align:middle;fill:var(--purple-d)}[data-dark-mode=true] aside svg{fill:var(--ui-green)}aside code{display:inline-block}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--primary);border:2px solid var(--primary);color:#fff;padding:.75em 2em;border-radius:.5em;box-shadow:0 0 1em #5a29e480;display:flex;justify-content:center;align-items:center;cursor:pointer;margin-bottom:1em;text-decoration:none}.button:hover{opacity:.9}.button svg{width:1em;fill:currentColor;display:block;margin-left:.5em}@media (min-width: 23em){.button{display:inline-flex;margin-right:1em}}.button--alt{background-color:#ffffff80;border-color:currentColor;color:gray;box-shadow:none}[data-dark-mode=true] .button--alt{background-color:var(--gray-l);border-color:#ddd;color:var(--gray-d)}.button--alt:hover{color:var(--grey-md)}[data-dark-mode=true] .button--alt:hover{color:var(--gray-d);background:#fff}a:not(.button){color:var(--primary);text-decoration:none}[data-dark-mode=true] a:not(.button){color:var(--purple-m)}a:not(.button):hover{text-decoration:underline}.important{display:block;margin:1.5em 2em;line-height:1.4;font-size:1.25em;opacity:.75}.example{margin-bottom:2em}.example li{margin-bottom:.5em}.formkit-outer{margin-bottom:1em}.formkit-label{display:block;margin-bottom:.25em}.formkit-outer textarea,.formkit-outer input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--gray-l);padding:.75em;font-size:.875rem;width:250px;max-width:100%;border-radius:.5em;font-family:silka;font-weight:300}.formkit-help{font-size:.75em;color:var(--gray-m);font-weight:300;margin-top:.5em}.formkit-outer label{font-weight:700;font-size:.875em}.formkit-outer .formkit-outer{margin-bottom:.5em}.formkit-messages{list-style-type:none;padding:0;margin:0}li.formkit-message{font-size:.75em;padding-top:.25em;color:red;font-weight:300;margin:0}.formkit-actions{margin-top:0;transition:margin-top .25s}.framework-jumplinks{padding:0;margin:2em 0;list-style-type:none;display:flex}.framework-jumplinks li:before{display:none}.framework-jumplinks a{width:1.5em;height:1.5em;padding:1em;display:flex;border:1px solid var(--purple-l);border-radius:.5em;margin-right:1em;align-items:center;overflow:hidden;justify-content:center}@media (min-width: 42em){.framework-jumplinks a{width:2em;height:2em;padding:1.25em;margin-right:1.5em}}.framework-jumplinks a:hover{background-color:var(--purple-ll)}.framework-jumplinks li:last-child a{margin-right:0}.framework-jumplinks a svg{width:2.25em;aspect-ratio:1;height:auto}.framework-jumplinks a span{position:absolute;left:-999px}.balls{background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20id='Layer_1'%20data-name='Layer%201'%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20350%20350'%3e%3cdefs%3e%3cstyle%3e%20.cls-1%20{%20fill:%20none;%20stroke:%20%2358595b;%20stroke-dasharray:%200%200%206.01%206.01;%20stroke-miterlimit:%2010;%20}%20%3c/style%3e%3c/defs%3e%3cpath%20class='cls-1'%20d='M163.49,26.77L18.21,310.65c-4.44,8.67,1.86,18.96,11.59,18.96H319.94c9.74,0,16.03-10.29,11.59-18.96L186.25,26.77c-4.75-9.28-18.01-9.28-22.76,0Z'/%3e%3c/svg%3e")}