gardenjs 1.6.8 → 1.7.0

package/.prettierrc

@@ -1,5 +1,16 @@
-plugins: ['prettier-plugin-svelte']
-tabWidth: 2
-semi: false
-singleQuote: true
-trailingComma: 'es5'
+{
+  "plugins": ["prettier-plugin-svelte"],
+  "tabWidth": 2,
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "overrides": [
+    {
+      "files": "*.svg",
+      "options": {
+        "parser": "html",
+        "printWidth": 999999
+      }
+    }
+  ]
+}

package/README.md

@@ -31,7 +31,7 @@ Watch the <a href="https://demo.gardenjs.org/">demo</a>.
 
 ## Why Gardenjs?
 
-- Significantly faster than comparable tools such as Storybook.
+- Significantly faster than comparable tools.
 - Simple and efficient working.
 - Many useful features without being complex and bloated.
 - Integration of external libraries within a project.

package/dist/assets/frame-BOcgZVOc.js

@@ -0,0 +1,9 @@
+import{p as pe,j as _e,W as ge,F as ke,G as te,K as Y,C as L,D as ue,V as ze,a3 as Be,a4 as He,o as V,w as y,v as b,L as Le,y as W,z as Ne,Y as Te,U as D,g as e,S as Ee,l as g,J as fe,X as Ge,x as X,A as Fe,B as Re,m as c,M as U,O as Oe,k as De,H as Ve,I as je}from"./props-COK33XqS.js";import{dasMap as Je}from"../das_import_map.js";import{componentMap as Ke}from"../component_import_map.js";import Ue from"../../garden.config.js";import"../gardenframe/cssimport.js";function Ce(E,a){pe(a,!0);let r=_e(a,"afterRenderHook",3,()=>{});ge(async()=>{await r()()});var n=ke(),F=te(n);{var l=m=>{var i=ke(),s=te(i);ze(s,()=>a.component),L(m,i)};Y(F,m=>{a.component&&m(l)})}L(E,n),ue()}async function Xe(E){try{let a=Be(Ce,{target:document.getElementById("garden_app"),props:{afterRenderHook:E}});return{destroy:()=>He(a),updateComponent:r=>{He(a),a=Be(Ce,{target:document.getElementById("garden_app"),props:{...r,afterRenderHook:E}})}}}catch(a){console.log("error",a)}}const we={create:Xe};var Ye=Te('<rect fill="black"></rect>'),qe=Te('<rect fill="hsla(210, 75%, 50%, 0.45)"></rect>'),Qe=V('<div class="mask svelte-11d34ym"><svg xmlns="http://www.w3.org/2000/svg" class="svelte-11d34ym"><defs><mask id="mask"><rect y="0" x="0" width="100%" height="100%" fill="white"></rect><!></mask></defs><rect y="0" x="0" width="100%" height="100%" fill="hsla(256, 55%, 45%, 0.45)" mask="url(#mask)"></rect><!></svg></div>');function Ze(E,a){var r=Qe();let n;var F=b(r),l=b(F),m=b(l),i=y(b(m));Le(i,17,()=>a.childElements,Ee,(h,p)=>{var u=Ye();W(()=>{D(u,"x",`${e(p).x??""}px`),D(u,"y",`${e(p).y??""}px`),D(u,"width",`${e(p).width??""}px`),D(u,"height",`${e(p).height??""}px`)}),L(h,u)});var s=y(l,2);Le(s,17,()=>a.childElements,Ee,(h,p)=>{var u=qe();W(()=>{D(u,"x",`${e(p).x??""}px`),D(u,"y",`${e(p).y??""}px`),D(u,"width",`${e(p).width??""}px`),D(u,"height",`${e(p).height??""}px`)}),L(h,u)}),W(h=>n=Ne(r,"",n,h),[()=>({top:`${a.top??""}px`,left:`${a.left??""}px`,width:`${a.width??""}px`,height:`${a.height??""}px`})]),L(E,r)}var $e=V('<div class="contentBox svelte-1p90mmv"></div>'),et=V('<div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Gap:</div> <div class="value"> </div></div>'),tt=V('<div class="value"> </div>'),at=V('<div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Width:</div> <div class="value"> </div></div> <div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Height:</div> <div class="value"> </div></div> <!> <div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Margin:</div> <div class="value"> </div></div> <div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Padding:</div> <div class="value"> </div></div> <div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Role:</div> <div class="value"> </div></div> <div class="info-item svelte-1p90mmv"><div class="attribute svelte-1p90mmv">Class Name:</div> <div class="info-classlist svelte-1p90mmv"></div></div>',1),ot=V('<div class="overlay svelte-1p90mmv"><div class="borderBox svelte-1p90mmv"></div> <div class="marginBox svelte-1p90mmv"></div> <div class="paddingBox svelte-1p90mmv"></div> <!></div> <div><!></div>',1);function it(E,a){pe(a,!0);let r,n,F,l,m,i=g(void 0),s=g(void 0),h=g(void 0),p=g(void 0),u=g(!1),S=g(fe([])),H=g(void 0),T=g(void 0),q=g(void 0),Q=g(void 0),ae=g(void 0),oe=g(void 0),Z=g(void 0),z=g(void 0),G=g(void 0),P=g(void 0);function M(){if(!e(p)){n?.style&&(n.style.display="none"),r?.style&&(r.style.display="none"),c(i,null),c(s,null),c(h,null);return}r.style.display="block";const o=e(p).getBoundingClientRect(),v=getComputedStyle(e(p));c(G,document.body.scrollTop,!0),c(P,document.body.scrollLeft,!0),c(u,(v.display==="grid"||v.display==="flex")&&e(p).children.length>0,!0);const w=e(p).tagName,R=Array.from(e(p).classList);c(h,{tagName:w,classList:R,width:parseFloat(v.width),height:parseFloat(v.height),background:v.backgroundColor,gap:v.gap,rowGap:v.rowGap,columnGap:v.columnGap},!0),c(i,{top:parseFloat(v.marginTop),right:parseFloat(v.marginRight),bottom:parseFloat(v.marginBottom),left:parseFloat(v.marginLeft)},!0),c(s,{top:parseFloat(v.paddingTop),right:parseFloat(v.paddingRight),bottom:parseFloat(v.paddingBottom),left:parseFloat(v.paddingLeft)},!0),c(H,e(G)+o.top-e(i).top),c(q,o.height+e(i).top+e(i).bottom),c(Q,o.width+e(i).left+e(i).right);const C=e(H)+e(q);c(T,e(P)+o.left-e(i).left);const k=e(T)+e(Q);r.style.top=e(H)+"px",r.style.left=e(T)+"px",r.style.width=e(Q)+"px",r.style.height=e(q)+"px",F.style.borderWidth=`${e(i).top}px ${e(i).right}px ${e(i).bottom}px ${e(i).left}px`,l.style.top=e(i).top+"px",l.style.left=e(i).left+"px",l.style.width=o.width+"px",l.style.height=o.height+"px",l.style.borderWidth=`${e(s).top}px ${e(s).right}px ${e(s).bottom}px ${e(s).left}px`,c(ae,e(i).top+e(s).top),c(oe,e(i).left+e(s).left),c(Z,o.width-e(s).left-e(s).right),c(z,o.height-e(s).top-e(s).bottom),e(u)?ie(e(p),e(G),e(P)):m&&(m.style.top=e(ae)+"px",m.style.left=e(oe)+"px",m.style.width=e(Z)+"px",m.style.height=e(z)+"px"),j(e(H),C,e(G),e(T),e(P),k,e(i))}function ie(o,v,w){c(S,Array.from(o.children).map(R=>{const{marginTop:C,marginLeft:k,marginRight:I,marginBottom:O}=getComputedStyle(R),B=R.getBoundingClientRect();return{y:v+B.top-e(H)-e(i).top-e(s).top-parseFloat(C),x:w+B.left-e(T)-e(i).left-e(s).left-parseFloat(k),width:B.width+parseFloat(k)+parseFloat(I),height:B.height+parseFloat(C)+parseFloat(O)}}),!0)}function j(o,v,w,R,C,k,I){if(!n)return;const O=document.body.getBoundingClientRect(),B=130+(e(u)?20:0)+e(h).classList.length*20,t=225,d=O.height,x=O.width,_=o-w-B>0,f=v-w+B<d,K=R-k+t<x;n.style.bottom="unset",f?(n.style.top=v+I.top+I.bottom+8+"px",n.classList.add("infobox-bottom"),n.classList.remove("infobox-top")):_?(n.style.top=o+5-B+"px",n.classList.add("infobox-top"),n.classList.remove("infobox-bottom")):(n.style.top="unset",n.style.bottom=-w+"px",n.classList.remove("infobox-top"),n.classList.remove("infobox-bottom")),K?(n.style.left=R+"px",n.style.right="unset",n.classList.add("infobox-left"),n.classList.remove("infobox-right")):(n.style.left="unset",n.style.right=x-C+"px",n.classList.add("infobox-right"),n.classList.remove("infobox-left")),n.style.display="block"}const $=o=>{o.target&&o.target!==r&&!r?.contains(o.target)&&(c(p,o.target,!0),M())},le=o=>{r&&!r.contains(o.relatedTarget)&&(c(i,null),c(s,null),c(h,null),c(p,null),r.style.display="none",n.style.display="none")};ge(()=>{a.contentPane&&(a.contentPane.addEventListener("mousemove",$),a.contentPane.addEventListener("mouseout",le),document.body.addEventListener("scroll",M,{passive:!0}))}),Ge(()=>{a.contentPane.removeEventListener("mousemove",$),a.contentPane.removeEventListener("mouseout",le),document.body.removeEventListener("scroll",M)});var J=ot(),N=te(J),se=y(b(N),2);X(se,o=>F=o,()=>F);var de=y(se,2);X(de,o=>l=o,()=>l);var he=y(de,2);{var A=o=>{{let v=Fe(()=>e(i)?.top+e(s)?.top),w=Fe(()=>e(i)?.left+e(s)?.left);Ze(o,{get top(){return e(v)},get left(){return e(w)},get width(){return e(Z)},get height(){return e(z)},get childElements(){return e(S)}})}},xe=o=>{var v=$e();X(v,w=>m=w,()=>m),L(o,v)};Y(he,o=>{e(u)?o(A):o(xe,!1)})}X(N,o=>r=o,()=>r);var ee=y(N,2);let ce;var ne=b(ee);{var ye=o=>{var v=at(),w=te(v),R=y(b(w),2),C=b(R),k=y(w,2),I=y(b(k),2),O=b(I),B=y(k,2);{var t=re=>{var ve=et(),me=y(b(ve),2),be=b(me);W(()=>U(be,`${e(h).gap??""}
+          ${e(h).columnGap??""}
+          ${e(h).rowGap??""}`)),L(re,ve)};Y(B,re=>{e(u)&&re(t)})}var d=y(B,2),x=y(b(d),2),_=b(x),f=y(d,2),K=y(b(f),2),Pe=b(K),Se=y(f,2),Me=y(b(Se),2),Ae=b(Me),Ie=y(Se,2),We=y(b(Ie),2);Le(We,21,()=>e(h).classList,Ee,(re,ve)=>{var me=tt(),be=b(me);W(()=>U(be,e(ve))),L(re,me)}),W(()=>{U(C,`${e(h).width??""}px`),U(O,`${e(h).height??""}px`),U(_,`${e(i).top??""}${e(i).top!==0?"px":""}
+        ${e(i).right??""}${e(i).right!==0?"px":""}
+        ${e(i).bottom??""}${e(i).bottom!==0?"px":""}
+        ${e(i).left??""}${e(i).left!==0?"px":""}`),U(Pe,`${e(s).top??""}${e(s).top!==0?"px":""}
+        ${e(s).right??""}${e(s).right!==0?"px":""}
+        ${e(s).bottom??""}${e(s).bottom!==0?"px":""}
+        ${e(s).left??""}${e(s).left!==0?"px":""}`),U(Ae,e(h).tagName)}),L(o,v)};Y(ne,o=>{e(h)&&e(i)&&e(s)&&e(p)&&o(ye)})}X(ee,o=>n=o,()=>n),W(o=>ce=Re(ee,1,"infobox infobox-left infobox-right infobox-bottom infobox-top svelte-1p90mmv",null,ce,o),[()=>({dark:a.appTheme==="dark"})]),L(E,J),ue()}var nt=V("<div></div>");function rt(E,a){pe(a,!0);let r,n;function F(){const m=document.getElementById("garden_app").getBoundingClientRect(),i=document.body.getBoundingClientRect(),s=Math.max(m.height,i.height),h=Math.max(m.width,i.width);r.style.margin=a.appMargin;const p=a.gridSettings.size,u=a.gridSettings.color;r.style.backgroundSize=`${p}px ${p}px`;const S=getComputedStyle(r);r.style.width=`calc(${h}px - ${S.marginLeft} - ${S.marginRight})`,r.style.height=`calc(${s}px - ${S.marginTop} - ${S.marginBottom})`,a.gridSettings.style==="lined"&&(r.style.backgroundImage=`linear-gradient(to right, ${u} 1px, transparent 1px), linear-gradient(to bottom, ${u} 1px, transparent 1px)`),a.gridSettings.style==="dotted"&&(r.style.top=`-${p/2}px`,r.style.left=`-${p/2}px`,r.style.backgroundImage=`radial-gradient(circle, ${u} 1px, transparent 1px)`)}ge(()=>{a.contentPane&&(F(),n=new ResizeObserver(()=>{F()}),n.observe(a.contentPane),n.observe(document.body))}),Ge(()=>{n.disconnect()});var l=nt();X(l,m=>r=m,()=>r),W(()=>Re(l,1,Oe({grid:!0,lined:a.gridSettings.style==="lined",dotted:a.gridSettings.style==="dotted"}),"svelte-17fzfog")),L(E,l),ue()}var lt=V('<!> <!> <div id="garden_app"><!></div>',1);function st(E,a){pe(a,!0);let r=_e(a,"componentMap",19,()=>({})),n=_e(a,"dasMap",19,()=>({})),F=a.config.hookTimeout|5e3,l=g(fe({})),m=g(fe({})),i,s=g(!1),h=g(void 0),p,u,S,H=g(void 0),T={},q,Q,ae=g(!1),oe=g(!1),Z=g(fe({})),z=[],G=[],P=[],M=[],ie=[],j=g(void 0),$=g(!1);ge(()=>{c($,!0)}),window.addEventListener("message",t=>{a.config.themeHandler&&a.config.themeHandler(t.data.theme),c(s,t.data.stageSize==="full"),c(ae,t.data.showInspector===!0),c(oe,t.data.showGrid===!0),c(Z,t.data.gridSettings,!0),c(l,n()[t.data.componentName],!0);const d=e(l)?.examples?.find(_=>_.title===t.data.selectedExample)??{},x=t.data?.paramValues??void 0;if(c(m,{...d,input:x??d?.input??{}},!0),q=S!==t.data.componentName,S=t.data.componentName||"Welcome",Q=i!==t.data.selectedExample,i=t.data.selectedExample,c(h,t.data.appTheme,!0),c(H,r()?.[S],!0),a.config.devmodus){T={};return}else se(()=>de(e(H),e(m),e(l)))});async function le(t){if(!t)return we;for(const d in a.config.renderer)if(new RegExp(d+"$").test(t))return a.config.renderer[d];return we}let J,N=!1;const se=async t=>{if(J=t,!N&&!N){for(N=!0;J!=null;){const d=J;J=void 0,await d()}N=!1}};async function de(t,d,x){if(a.config.renderer){const _=await le(x?.file);_!==p&&await ee(_)}await xe();try{await u?.updateComponent({component:t,selectedExample:d,das:x,decorators:x?.decorators,afterRenderHook:he})}catch(_){console.error(_)}}async function he(){await ne(ie)}let A=[];async function xe(){if(q){ie=[e(m)?.play],M=e(l)?.beforeAll?[e(l)?.beforeAll]:[];const t=e(l)?.hooks?A.filter(f=>!e(l)?.hooks.find(K=>K===f)):A,d=A.length>0?e(l)?.hooks.filter(f=>!A.find(K=>f===K)):e(l)?.hooks??[];A=e(l)?.hooks??[];const x=A.filter(f=>f.before).map(f=>f.before)??[];G=[...G,...t.filter(f=>f.afterAll).map(f=>f.afterAll)],M=[...d.filter(f=>f.beforeAll).map(f=>f.beforeAll),...M],P=[...x,e(l)?.before,e(m)?.before].filter(f=>!!f),await ne([...z,...G,...M,...P]);const _=A.filter(f=>f.after).map(f=>f.after)??[];G=e(l)?.afterAll?[e(l)?.afterAll]:[],z=[e(m)?.after,e(l)?.after,..._].filter(f=>!!f),M=[]}else Q&&(ie=[e(m)?.play],P=[e(l)?.before,e(m)?.before],await ne([...z,...P]),z=[e(m)?.after,e(l)?.after])}async function ee(t){try{await u?.destroy()}catch(d){console.error("Could not destroy current renderer",d)}u=await t.create()}De(()=>{a.config.devmodus||ee(we)});function ce(t){e(l).out&&e(l).out.forEach(d=>{if(t.detail[d.name]&&(console.log(t.detail[d.name]),e(m).redirect&&e(m).redirect[d.name])){const x=e(m).redirect[d.name];T[x]=t.detail[d.name]}})}async function ne(t){for(const d of t)if(d)try{await Promise.race([ye(F),d()])}catch(x){console.error(x)}}function ye(t){return new Promise((d,x)=>{setTimeout(()=>x(new Error("Timeout on")),t)})}var o=lt(),v=te(o);{var w=t=>{it(t,{get contentPane(){return e(j)},get appTheme(){return e(h)}})};Y(v,t=>{e($)&&e(ae)&&e(j)&&t(w)})}var R=y(v,2);{var C=t=>{{let d=Fe(()=>e(s)?"0.5rem 0.5rem 0":0);rt(t,{get gridSettings(){return e(Z)},get contentPane(){return e(j)},get appMargin(){return e(d)}})}};Y(R,t=>{e($)&&e(oe)&&t(C)})}var k=y(R,2);let I;var O=b(k);{var B=t=>{var d=ke(),x=te(d);Ve(x,()=>e(H),(_,f)=>{f(_,je(()=>e(m)?.input,()=>T,{$$events:{out:ce}}))}),L(t,d)};Y(O,t=>{a.config.devmodus&&e(H)&&(e(l)?.file??"").indexOf(".svelte")>0&&t(B)})}X(k,t=>c(j,t),()=>e(j)),W(t=>I=Re(k,1,"svelte-16w9tv2",null,I,t),[()=>({full:e(s)})]),L(E,o),ue()}Be(st,{target:document.body,props:{componentMap:Ke,dasMap:Je,config:Ue}});

package/dist/assets/index-BDdBNVTh.css

@@ -0,0 +1,19 @@
+.container.svelte-1pql0kc{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;height:100%;overflow-y:auto}.top.svelte-1pql0kc{flex-grow:0;flex-shrink:0;border-bottom:0;border-radius:.625rem .625rem 0 0;overflow:hidden}.dragbar.svelte-1pql0kc{flex-grow:0;flex-shrink:0;height:.188rem;background-color:var(--c-primary);cursor:row-resize;z-index:10}.dragging.svelte-1pql0kc,.dragbar.svelte-1pql0kc:hover{background-color:var(--c-primary);transform:scaleY(2)}.resizepane-container.svelte-mmou7f{display:grid;grid-template:min-content 1.25rem / min-content 1.25rem;width:100%;height:100%;overflow:auto}.dragbar.svelte-mmou7f{display:flex;flex-grow:0;flex-shrink:0;justify-content:center;align-items:center;height:100%;width:100%;background-color:var(--c-dragbar-bg);z-index:10}.dragbar.svelte-mmou7f:hover{background-color:var(--c-dragbar-bg-hover)}.vertical.svelte-mmou7f{width:1.25rem;border-top:1px solid var(--c-dragbar-bg);border-right:1px solid var(--c-dragbar-bg);border-radius:0 .625rem 0 0;cursor:ew-resize}.vertical.svelte-mmou7f .dragbar-icon:where(.svelte-mmou7f){width:.25rem;height:60%;max-height:3.75rem;background-color:var(--c-dragbar-icon);border-radius:1rem}.horizontal.svelte-mmou7f{height:1.25rem;border-bottom:1px solid var(--c-dragbar-bg);border-left:1px solid var(--c-dragbar-bg);cursor:ns-resize}.horizontal.svelte-mmou7f .dragbar-icon:where(.svelte-mmou7f){width:60%;max-width:3.75rem;height:.25rem;background-color:var(--c-dragbar-icon);border-radius:1rem}.corner.svelte-mmou7f{width:1.25rem;height:1.25rem;border-right:1px solid var(--c-dragbar-bg);border-bottom:1px solid var(--c-dragbar-bg);cursor:nwse-resize}.corner.svelte-mmou7f .dragbar-icon:where(.svelte-mmou7f){width:1rem;height:.25rem;transform:rotate(-45deg);background-color:var(--c-dragbar-icon);border-radius:1rem}.dragbar.disabled.svelte-mmou7f{display:none}.resizepane-container.disabled.svelte-mmou7f{display:flex;justify-content:center}:root{--h-panelnav: 2.375rem}.panel_container.svelte-vqa2xr{position:relative;overflow:hidden;flex:1;height:100%}.panel_nav.svelte-vqa2xr{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;width:100%;height:var(--h-panelnav);background-color:var(--c-basic-75);border-bottom:1px solid var(--c-bg-body);overflow-x:auto}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr){margin:0 1.25rem 0 0}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) ul:where(.svelte-vqa2xr){display:flex;overflow-x:auto}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button:where(.svelte-vqa2xr){position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 1.25rem;height:calc(var(--h-panelnav) - 1px);font-size:.875rem;color:var(--c-basic-700);white-space:nowrap;text-transform:capitalize;overflow:hidden}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button:where(.svelte-vqa2xr) .dot:where(.svelte-vqa2xr){display:block;width:.313rem;height:.313rem;background-color:transparent;border-radius:50%}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button.active:where(.svelte-vqa2xr) .dot:where(.svelte-vqa2xr){background-color:var(--c-primary)}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button:where(.svelte-vqa2xr):hover,.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button:where(.svelte-vqa2xr):focus-visible{color:var(--c-primary);font-weight:500;background-color:var(--c-basic-100)}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button:where(.svelte-vqa2xr):focus-visible{background-color:var(--c-basic-150)}.panel_nav.svelte-vqa2xr nav:where(.svelte-vqa2xr) li:where(.svelte-vqa2xr) button.active:where(.svelte-vqa2xr){color:var(--c-primary);font-weight:500;background-color:var(--c-primary-bg)}.panel_toggle.svelte-vqa2xr{padding:0 .75rem;height:100%;background:none}.is-hidden.svelte-vqa2xr{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}.panel_toggle.svelte-vqa2xr svg:where(.svelte-vqa2xr){margin-top:.188rem;height:1.375rem;color:var(--c-basic-700)}.panel_toggle.svelte-vqa2xr:hover svg:where(.svelte-vqa2xr),.panel_toggle.svelte-vqa2xr:focus-visible svg:where(.svelte-vqa2xr){color:var(--c-primary)}.panel_toggle.svelte-vqa2xr:focus-visible{background-color:var(--c-basic-150)}.panel_pane.svelte-vqa2xr{position:absolute;top:var(--h-panelnav);right:0;bottom:0;left:0;width:100%;overflow-y:auto}.unset-area.svelte-1xrx69c{display:flex;justify-content:flex-end;align-self:start;margin:.25rem 0 0}.unset-info.svelte-1xrx69c{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-1xrx69c{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);border-radius:.375rem;font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-1xrx69c:hover,.btn_unset.svelte-1xrx69c:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.btn_unset.svelte-1xrx69c .close:where(.svelte-1xrx69c){margin-right:.25rem}input.svelte-1xrx69c{border:1px solid var(--c-basic-150);background:var(--c-basic-0);color:var(--c-basic-800)}@supports (appearance: none){input[type=checkbox].svelte-1xrx69c{appearance:none;position:relative;display:inline-block;margin:0;padding:0;height:1.25rem;vertical-align:top;outline:none;border:1px solid var(--c-primary);cursor:pointer}input[type=checkbox].svelte-1xrx69c:after{position:absolute;display:block;content:"";left:0;top:0}input[type=checkbox].svelte-1xrx69c:checked{background-color:var(--c-primary);border:1px solid var(--c-primary)}input[type=checkbox].svelte-1xrx69c:disabled{background-color:var(--c-text);cursor:not-allowed;opacity:.4}input[type=checkbox].svelte-1xrx69c:disabled:checked{background-color:var(--c-text);border-color:var(--c-text)}input[type=checkbox].svelte-1xrx69c:hover:not(:checked):not(:disabled){border-color:var(--c-primary)}input[type=checkbox].svelte-1xrx69c:focus-visible{outline:none;box-shadow:0 0 0 1px var(--c-primary)}input[type=checkbox].checkbox.svelte-1xrx69c{width:1.25rem;border-radius:0}input[type=checkbox].checkbox.svelte-1xrx69c:after{width:.313rem;height:.563rem;border:2px solid #fff;border-top:0;border-left:0;left:.4rem;top:.2125rem;transform:rotate(43deg);opacity:var(--o, 0)}input[type=checkbox].checkbox.svelte-1xrx69c:checked{--o: 1}input[type=checkbox].toggle.svelte-1xrx69c{width:2.5rem;border-radius:1.125rem;transition:background-color .2s ease}input[type=checkbox].toggle.svelte-1xrx69c:after{width:1rem;height:1rem;border-radius:50%;background-color:var(--c-basic-0);left:.0625rem;top:.0625rem;transition:left .2s ease}input[type=checkbox].toggle.svelte-1xrx69c:checked:after{left:1.3125rem}input[type=checkbox].toggle.svelte-1xrx69c:not(:checked){background-color:var(--c-basic-300);border-color:var(--c-basic-300)}}.unset-area.svelte-1yyeobj{display:flex;justify-content:flex-end;align-self:start;margin:.25rem 0 0}.unset-info.svelte-1yyeobj{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-1yyeobj{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);border-radius:.375rem;font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-1yyeobj:hover,.btn_unset.svelte-1yyeobj:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.btn_unset.svelte-1yyeobj .close:where(.svelte-1yyeobj){margin-right:.25rem}.input.svelte-1yyeobj{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);border-radius:.125rem;background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-1yyeobj:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.row.svelte-1yyeobj{display:flex;gap:.5rem;align-items:center}.color-picker-wrapper.svelte-1yyeobj{position:relative;width:2.5rem;height:1.469rem;border-radius:.125rem;overflow:hidden}.color-picker-wrapper.picker-unset.svelte-1yyeobj{border:1px solid var(--c-primary)}.color-picker-wrapper.picker-unset.svelte-1yyeobj input[type=color]:where(.svelte-1yyeobj){opacity:0}.color-picker-wrapper.picker-unset.svelte-1yyeobj:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(150deg,transparent calc(50% - 1px),red calc(50% - 1px),red calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none;z-index:1}input[type=color].svelte-1yyeobj{width:100%;height:100%;padding:0;border:none;border-radius:.125rem;cursor:pointer}.input.svelte-1yyeobj{max-width:12.5rem}.alpha-preview.svelte-1yyeobj{width:2.5rem;height:1.469rem;border-radius:.125rem;background-image:linear-gradient(45deg,var(--c-basic-100) 25%,transparent 25%),linear-gradient(-45deg,var(--c-basic-100) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--c-basic-100) 75%),linear-gradient(-45deg,transparent 75%,var(--c-basic-100) 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;overflow:hidden}input[type=color].svelte-1yyeobj::-webkit-color-swatch-wrapper{padding:0}input[type=color].svelte-1yyeobj::-webkit-color-swatch{border:none;border-radius:.063rem}.input.svelte-tq0axv{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);border-radius:.125rem;background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-tq0axv:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.unset-area.svelte-tq0axv{display:flex;justify-content:flex-end;align-self:start;margin:.25rem 0 0}.unset-info.svelte-tq0axv{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-tq0axv{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);border-radius:.375rem;font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-tq0axv:hover,.btn_unset.svelte-tq0axv:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.btn_unset.svelte-tq0axv .close:where(.svelte-tq0axv){margin-right:.25rem}.row.svelte-tq0axv{display:flex;gap:.5rem;align-items:center}input[type=date].svelte-tq0axv{cursor:pointer;flex:1}input[type=date].svelte-tq0axv::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--c-primary)}.input.svelte-pe6si7{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);border-radius:.125rem;background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-pe6si7:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.unset-area.svelte-pe6si7{display:flex;justify-content:flex-end;align-self:start;margin:.25rem 0 0}.unset-info.svelte-pe6si7{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-pe6si7{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);border-radius:.375rem;font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-pe6si7:hover,.btn_unset.svelte-pe6si7:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.btn_unset.svelte-pe6si7 .close:where(.svelte-pe6si7){margin-right:.25rem}.row.svelte-pe6si7{display:flex;gap:.5rem;align-items:center}input[type=datetime-local].svelte-pe6si7{cursor:pointer;flex:1}input[type=datetime-local].svelte-pe6si7::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--c-primary)}.unset-area.svelte-ktki9s{display:flex;justify-content:flex-end;align-self:start;margin:.25rem 0 0}.unset-info.svelte-ktki9s{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-ktki9s{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);border-radius:.375rem;font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-ktki9s:hover,.btn_unset.svelte-ktki9s:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.btn_unset.svelte-ktki9s .close:where(.svelte-ktki9s){margin-right:.25rem}.row.svelte-ktki9s{display:flex;gap:.5rem;align-items:center}.select-wrapper.svelte-ktki9s{flex:1;position:relative}.select-button.svelte-ktki9s{width:100%;height:1.5rem;padding:.125rem .5rem;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--c-primary);border-radius:.125rem;background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800);cursor:pointer}.select-button.svelte-ktki9s:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.selected-text.svelte-ktki9s{flex:1;text-align:left}.placeholder.svelte-ktki9s{color:var(--c-basic-500)}.arrow.svelte-ktki9s{transition:transform .2s;color:var(--c-basic-600)}.arrow.open.svelte-ktki9s{transform:rotate(180deg)}.dropdown.svelte-ktki9s{position:absolute;top:calc(100% + 2px);left:0;right:0;max-height:200px;overflow-y:auto;background:var(--c-basic-0);border:1px solid var(--c-primary);border-radius:.125rem;box-shadow:0 2px 8px #0000001a;z-index:100}.dropdown-item.svelte-ktki9s{display:flex;align-items:center;gap:.5rem;padding:.375rem .5rem;cursor:pointer;font-size:.938rem;color:var(--c-basic-700)}.dropdown-item.svelte-ktki9s:hover{background-color:var(--c-primary-bg);color:var(--c-basic-800)}.dropdown-item.svelte-ktki9s span:where(.svelte-ktki9s){-webkit-user-select:none;user-select:none}.dropdown-item.svelte-ktki9s input[type=checkbox]:where(.svelte-ktki9s){cursor:pointer;margin:0;width:1.125rem;height:1.125rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0)}@supports (appearance: none){.dropdown-item.svelte-ktki9s input[type=checkbox]:where(.svelte-ktki9s){appearance:none;position:relative;border-radius:.125rem;transition:all .15s ease}.dropdown-item.svelte-ktki9s input[type=checkbox]:where(.svelte-ktki9s):hover{border-color:var(--c-primary)}.dropdown-item.svelte-ktki9s input[type=checkbox]:where(.svelte-ktki9s):checked{border-color:var(--c-primary);background:var(--c-primary)}.dropdown-item.svelte-ktki9s input[type=checkbox]:where(.svelte-ktki9s):checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:.313rem;height:.563rem;border:.125rem solid var(--c-basic-0);border-top:0;border-left:0}.dropdown-item.svelte-ktki9s input[type=checkbox]:where(.svelte-ktki9s):focus{outline:none;box-shadow:0 0 0 1px var(--c-primary)}}.checkboxes-container.svelte-ktki9s{display:flex;flex-direction:column;gap:.5rem}.checkbox-item.svelte-ktki9s{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.938rem;color:var(--c-basic-700)}.checkbox-item.svelte-ktki9s:hover{color:var(--c-basic-800)}.checkbox-item.svelte-ktki9s span:where(.svelte-ktki9s){-webkit-user-select:none;user-select:none}.checkbox-item.svelte-ktki9s input[type=checkbox]:where(.svelte-ktki9s){cursor:pointer;margin:0;width:1.125rem;height:1.125rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0)}@supports (appearance: none){.checkbox-item.svelte-ktki9s input[type=checkbox]:where(.svelte-ktki9s){appearance:none;position:relative;border-radius:.125rem;transition:all .15s ease}.checkbox-item.svelte-ktki9s input[type=checkbox]:where(.svelte-ktki9s):hover{border-color:var(--c-primary)}.checkbox-item.svelte-ktki9s input[type=checkbox]:where(.svelte-ktki9s):checked{border-color:var(--c-primary);background:var(--c-primary)}.checkbox-item.svelte-ktki9s input[type=checkbox]:where(.svelte-ktki9s):checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:.313rem;height:.563rem;border:.125rem solid var(--c-basic-0);border-top:0;border-left:0}.checkbox-item.svelte-ktki9s input[type=checkbox]:where(.svelte-ktki9s):focus{outline:none;box-shadow:0 0 0 1px var(--c-primary)}}.checkboxes-unset.svelte-ktki9s,.checkboxes-btn-unset.svelte-ktki9s{margin:.75rem 0 0}.checkboxes-unset.svelte-ktki9s{line-height:1.25rem}.input.svelte-14kllg6{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);border-radius:.125rem;background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-14kllg6:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.input.svelte-14kllg6{padding-right:0;-moz-appearance:auto;appearance:auto}.input.svelte-14kllg6::-webkit-inner-spin-button,.input.svelte-14kllg6::-webkit-outer-spin-button{-webkit-appearance:auto;margin:0}.btn.svelte-svh3m3{display:flex;align-items:center;justify-content:center;padding:.375rem .75rem;background-color:var(--c-basic-100);border-radius:.375rem;font-size:.875rem;color:var(--c-basic-800)}.btn.svelte-svh3m3:hover,.btn.svelte-svh3m3:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.input.svelte-svh3m3{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);border-radius:.125rem;background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-svh3m3:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.object-param.svelte-svh3m3{display:flex;flex-direction:column;gap:.375rem;width:100%}.object-item.svelte-svh3m3{display:flex;gap:.25rem;align-items:center}.input_key.svelte-svh3m3{flex:0 0 35%;min-width:0}.separator.svelte-svh3m3{color:var(--c-basic-500);font-weight:500}.input.input_value.svelte-svh3m3{flex:1;min-width:0}.btn_remove.svelte-svh3m3{width:1.5rem;height:1.5rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:.125rem}.btn.svelte-svh3m3{max-width:8.5rem}.plus.svelte-svh3m3{display:block;margin-right:.25rem}.unset-area.svelte-13cldo6{display:flex;justify-content:flex-end;align-self:start;margin:.25rem 0 0}.unset-info.svelte-13cldo6{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-13cldo6{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);border-radius:.375rem;font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-13cldo6:hover,.btn_unset.svelte-13cldo6:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.btn_unset.svelte-13cldo6 .close:where(.svelte-13cldo6){margin-right:.25rem}.row.svelte-13cldo6{display:flex;gap:.5rem;align-items:center}.slider-wrapper.svelte-13cldo6{flex:1;display:flex;align-items:center;height:1.5rem}.range.svelte-13cldo6{width:100%;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent;outline:none;padding:0;margin:0}.range.svelte-13cldo6::-webkit-slider-runnable-track{width:100%;height:.25rem;background-color:var(--c-basic-250);border-radius:.125rem;border:none}.range.svelte-13cldo6::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.125rem;height:1.125rem;background:var(--c-primary);border-radius:50%;cursor:pointer;box-shadow:0 1px .25rem #0000004d;margin-top:-8px}.range.svelte-13cldo6::-webkit-slider-thumb:hover{background:var(--c-primary-hover, var(--c-primary))}.range.svelte-13cldo6::-moz-range-track{width:100%;height:.25rem;background:var(--c-basic-300);border-radius:.125rem;border:none}.range.svelte-13cldo6::-moz-range-thumb{width:1.125rem;height:1.125rem;background:var(--c-primary);border:.125rem solid var(--c-basic-0);border-radius:50%;cursor:pointer;box-shadow:0 1px .25rem #0000004d}.range.svelte-13cldo6::-moz-range-thumb:hover{background:var(--c-primary-hover, var(--c-primary))}.range.svelte-13cldo6:focus{outline:none}.range.svelte-13cldo6:focus::-webkit-slider-thumb{box-shadow:0 0 0 .188rem var(--c-primary-bg),0 1px .25rem #0000004d}.range.svelte-13cldo6:focus::-moz-range-thumb{box-shadow:0 0 0 .188rem var(--c-primary-bg),0 1px .25rem #0000004d}.value.svelte-13cldo6{min-width:3rem;text-align:right;font-size:.938rem;font-weight:500;color:var(--c-basic-800)}.unset-area.svelte-1b54qfn{display:flex;justify-content:flex-end;align-self:start;margin:.25rem 0 0}.unset-info.svelte-1b54qfn{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-1b54qfn{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);border-radius:.375rem;font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-1b54qfn:hover,.btn_unset.svelte-1b54qfn:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.btn_unset.svelte-1b54qfn .close:where(.svelte-1b54qfn){margin-right:.25rem}.row.svelte-1b54qfn{display:flex;gap:.5rem;align-items:center}.container.svelte-1b54qfn{position:relative;display:block;flex:1}.select.svelte-1b54qfn{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);border-radius:.125rem;background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.select.svelte-1b54qfn:focus{outline:none;box-shadow:0 0 0 1px var(--c-primary)}.select.svelte-1b54qfn:disabled{opacity:.5;cursor:not-allowed}.icon.svelte-1b54qfn{position:absolute;top:50%;right:.5rem;transform:translateY(-50%);color:var(--c-primary);pointer-events:none}.radio-group.svelte-1b54qfn{display:flex;flex-direction:column;gap:.5rem}.radio-option.svelte-1b54qfn{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.938rem;color:var(--c-basic-700)}.radio-option.svelte-1b54qfn:hover{color:var(--c-basic-800)}.radio-label.svelte-1b54qfn{-webkit-user-select:none;user-select:none}input[type=radio].svelte-1b54qfn{cursor:pointer;margin:0;width:1.125rem;height:1.125rem;border:1px solid var(--c-primary);background-color:var(--c-basic-0)}@supports (appearance: none){input[type=radio].svelte-1b54qfn{appearance:none;position:relative;border-radius:50%;transition:all .15s ease}input[type=radio].svelte-1b54qfn:hover{border-color:var(--c-primary)}input[type=radio].svelte-1b54qfn:checked{border-color:var(--c-primary);background:var(--c-primary)}input[type=radio].svelte-1b54qfn:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.375rem;height:.375rem;border-radius:50%;background-color:var(--c-basic-0)}input[type=radio].svelte-1b54qfn:focus-visible{outline:none;box-shadow:0 0 0 1px var(--c-primary)}}.radio-unset.svelte-1b54qfn,.radio-btn-unset.svelte-1b54qfn{margin:.75rem 0 0}.radio-unset.svelte-1b54qfn{line-height:1.25rem}.input.svelte-1a336z7{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);border-radius:.125rem;background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-1a336z7:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.unset-area.svelte-1a336z7{display:flex;justify-content:flex-end;align-self:start;margin:.25rem 0 0}.unset-info.svelte-1a336z7{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-1a336z7{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);border-radius:.375rem;font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-1a336z7:hover,.btn_unset.svelte-1a336z7:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.btn_unset.svelte-1a336z7 .close:where(.svelte-1a336z7){margin-right:.25rem}.row.svelte-1a336z7{display:flex;gap:.5rem;align-items:center}.container.svelte-1a336z7{flex:1;display:block}.textarea.svelte-1a336z7{resize:vertical;height:auto;line-height:1.4;padding:.375rem .5rem}.input.svelte-bo3qpz{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);border-radius:.125rem;background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-bo3qpz:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.unset-area.svelte-bo3qpz{display:flex;justify-content:flex-end;align-self:start;margin:.25rem 0 0}.unset-info.svelte-bo3qpz{margin:0 0 0 .5rem;padding:.25rem 0 0;width:4.25rem;font-size:.75rem;color:var(--c-basic-800);text-align:right}.btn_unset.svelte-bo3qpz{display:inline-flex;align-items:center;justify-content:space-between;margin:0 0 0 .5rem;padding:.25rem .5rem;width:4.25rem;height:1.25rem;background-color:var(--c-basic-100);border-radius:.375rem;font-size:.75rem;color:var(--c-basic-800)}.btn_unset.svelte-bo3qpz:hover,.btn_unset.svelte-bo3qpz:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.btn_unset.svelte-bo3qpz .close:where(.svelte-bo3qpz){margin-right:.25rem}.row.svelte-bo3qpz{display:flex;gap:.5rem;align-items:center}input[type=time].svelte-bo3qpz{cursor:pointer;flex:1}input[type=time].svelte-bo3qpz::-webkit-calendar-picker-indicator{cursor:pointer;color:var(--c-primary)}.btn.svelte-iqcmf4{display:flex;align-items:center;justify-content:center;padding:.375rem .75rem;background-color:var(--c-basic-100);border-radius:.375rem;font-size:.875rem;color:var(--c-basic-800)}.btn.svelte-iqcmf4:hover,.btn.svelte-iqcmf4:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.items.svelte-iqcmf4{display:flex;flex-direction:column;gap:1rem;width:100%}.item.svelte-iqcmf4{border-left:1px solid var(--c-basic-250);padding:0 0 0 .75rem;background:var(--c-basic-0)}.item_header.svelte-iqcmf4{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.item_number.svelte-iqcmf4{font-size:.875rem;font-weight:600;color:var(--c-basic-600)}.grid.svelte-iqcmf4{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:.75rem;align-items:start}.label.svelte-iqcmf4{font-size:.938rem;font-weight:500;color:var(--c-basic-700);max-width:220px}.btn_remove.svelte-iqcmf4{width:1.5rem;height:1.5rem;padding:0;display:flex;align-items:center;justify-content:center;border-radius:.125rem}.btn_add.svelte-iqcmf4{max-width:8.5rem}.plus.svelte-iqcmf4{display:block;margin-right:.25rem}.input.svelte-1vre0rz{padding:.125rem .5rem;width:100%;height:1.5rem;border:1px solid var(--c-primary);border-radius:.125rem;background-color:var(--c-basic-0);font-size:.938rem;color:var(--c-basic-800)}.input.svelte-1vre0rz:focus{outline:none;background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.textarea.svelte-1vre0rz{resize:vertical;height:auto;line-height:1.4;padding:.375rem .5rem}.btn.svelte-difcu5{display:flex;align-items:center;justify-content:center;padding:.375rem .75rem;background-color:var(--c-basic-100);border-radius:.375rem;font-size:.875rem;color:var(--c-basic-800)}.btn.svelte-difcu5:hover,.btn.svelte-difcu5:focus-visible{background-color:var(--c-primary-bg);color:var(--c-primary)}.pane.svelte-difcu5{width:100%;padding:1.25rem;overflow-y:auto}.header.svelte-difcu5{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.title.svelte-difcu5{font-size:.95rem;font-weight:600;color:var(--c-basic-800)}.empty.svelte-difcu5{color:var(--c-basic-600);font-size:.9rem}.grid.svelte-difcu5{display:grid;grid-template-columns:minmax(120px,auto) 1fr;gap:.75rem;align-items:start}.label.svelte-difcu5{font-size:.938rem;font-weight:500;color:var(--c-basic-700);max-width:220px}.container.svelte-1doqx20{display:flex;flex-direction:row;flex-wrap:nowrap;width:100%;height:100%;overflow-x:auto}.left.svelte-1doqx20{flex-grow:0;flex-shrink:0;border-right:0;border-radius:.625rem .625rem 0 0;overflow:auto}.dragbar.svelte-1doqx20{flex-grow:0;flex-shrink:0;width:.188rem;background-color:var(--c-primary);cursor:col-resize;z-index:10}.dragging.svelte-1doqx20,.dragbar.svelte-1doqx20:hover{background-color:var(--c-primary);transform:scaleX(2)}.hide-drag-bar.svelte-1doqx20{background-color:unset}.examples.svelte-5vwl47{list-style:none;margin:0;padding:1.25rem 0 1.25rem 1.25rem;width:100%;overflow-x:hidden}.examples.svelte-5vwl47 li:where(.svelte-5vwl47) button:where(.svelte-5vwl47){display:flex;align-items:center;justify-items:flex-start;margin:0;padding:.5rem .5rem .5rem 1.25rem;width:100%;font-size:.9rem;color:var(--c-basic-600);text-align:left}.examples.svelte-5vwl47 li:where(.svelte-5vwl47) button:where(.svelte-5vwl47) .dot:where(.svelte-5vwl47){display:block;margin:0 .5rem 0 0;height:.375rem;width:.375rem;background-color:transparent;border-radius:50%}.examples.svelte-5vwl47 li.active:where(.svelte-5vwl47) button:where(.svelte-5vwl47) .dot:where(.svelte-5vwl47){background-color:var(--c-primary)}.examples.svelte-5vwl47 li:where(.svelte-5vwl47):nth-child(odd) button:where(.svelte-5vwl47){background-color:var(--c-basic-50)}.examples.svelte-5vwl47 li:where(.svelte-5vwl47) button:where(.svelte-5vwl47):hover,.examples.svelte-5vwl47 li:where(.svelte-5vwl47) button:where(.svelte-5vwl47):focus-visible{color:var(--c-primary);font-weight:500;background-color:var(--c-basic-150)}.examples.svelte-5vwl47 li.active:where(.svelte-5vwl47) button:where(.svelte-5vwl47){color:var(--c-primary);font-weight:500;background-color:var(--c-primary-bg)}.examples.svelte-5vwl47 li.active:where(.svelte-5vwl47) button:where(.svelte-5vwl47):focus-visible{background-color:var(--c-basic-150)}.markdown-body{--color-prettylights-syntax-comment: #6e7781;--color-prettylights-syntax-constant: #0550ae;--color-prettylights-syntax-entity: #8250df;--color-prettylights-syntax-storage-modifier-import: #24292f;--color-prettylights-syntax-entity-tag: #116329;--color-prettylights-syntax-keyword: #cf222e;--color-prettylights-syntax-string: #0a3069;--color-prettylights-syntax-variable: #953800;--color-prettylights-syntax-brackethighlighter-unmatched: #82071e;--color-prettylights-syntax-invalid-illegal-text: #f6f8fa;--color-prettylights-syntax-invalid-illegal-bg: #82071e;--color-prettylights-syntax-carriage-return-text: #f6f8fa;--color-prettylights-syntax-carriage-return-bg: #cf222e;--color-prettylights-syntax-string-regexp: #116329;--color-prettylights-syntax-markup-list: #3b2300;--color-prettylights-syntax-markup-heading: #0550ae;--color-prettylights-syntax-markup-italic: #24292f;--color-prettylights-syntax-markup-bold: #24292f;--color-prettylights-syntax-markup-deleted-text: #82071e;--color-prettylights-syntax-markup-deleted-bg: #ffebe9;--color-prettylights-syntax-markup-inserted-text: #116329;--color-prettylights-syntax-markup-inserted-bg: #dafbe1;--color-prettylights-syntax-markup-changed-text: #953800;--color-prettylights-syntax-markup-changed-bg: #ffd8b5;--color-prettylights-syntax-markup-ignored-text: #eaeef2;--color-prettylights-syntax-markup-ignored-bg: #0550ae;--color-prettylights-syntax-meta-diff-range: #8250df;--color-prettylights-syntax-brackethighlighter-angle: #57606a;--color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;--color-prettylights-syntax-constant-other-reference-link: #0a3069;--color-fg-default: #24292f;--color-fg-muted: #57606a;--color-fg-subtle: #6e7781;--color-canvas-default: #ffffff;--color-canvas-subtle: hsl(168, 8%, 94%);--color-border-default: #d0d7de;--color-border-muted: hsla(210, 18%, 87%, 1);--color-neutral-muted: var(--c-basic-150);--color-accent-fg: #0969da;--color-accent-emphasis: #0969da;--color-attention-subtle: #fff8c5;--color-danger-fg: #cf222e}.dark .markdown-body{--color-prettylights-syntax-comment: #8b949e;--color-prettylights-syntax-constant: #79c0ff;--color-prettylights-syntax-entity: #d2a8ff;--color-prettylights-syntax-storage-modifier-import: #c9d1d9;--color-prettylights-syntax-entity-tag: #7ee787;--color-prettylights-syntax-keyword: #ff7b72;--color-prettylights-syntax-string: #a5d6ff;--color-prettylights-syntax-variable: #ffa657;--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;--color-prettylights-syntax-invalid-illegal-text: #f0f6fc;--color-prettylights-syntax-invalid-illegal-bg: #8e1519;--color-prettylights-syntax-carriage-return-text: #f0f6fc;--color-prettylights-syntax-carriage-return-bg: #b62324;--color-prettylights-syntax-string-regexp: #7ee787;--color-prettylights-syntax-markup-list: #f2cc60;--color-prettylights-syntax-markup-heading: #1f6feb;--color-prettylights-syntax-markup-italic: #c9d1d9;--color-prettylights-syntax-markup-bold: #c9d1d9;--color-prettylights-syntax-markup-deleted-text: #ffdcd7;--color-prettylights-syntax-markup-deleted-bg: #67060c;--color-prettylights-syntax-markup-inserted-text: #aff5b4;--color-prettylights-syntax-markup-inserted-bg: #033a16;--color-prettylights-syntax-markup-changed-text: #ffdfb6;--color-prettylights-syntax-markup-changed-bg: #5a1e02;--color-prettylights-syntax-markup-ignored-text: #c9d1d9;--color-prettylights-syntax-markup-ignored-bg: #1158c7;--color-prettylights-syntax-meta-diff-range: #d2a8ff;--color-prettylights-syntax-brackethighlighter-angle: #8b949e;--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;--color-prettylights-syntax-constant-other-reference-link: #a5d6ff;--color-fg-default: #c9d1d9;--color-fg-muted: #8b949e;--color-fg-subtle: #6e7681;--color-canvas-default: #0d1117;--color-canvas-subtle: var(--c-basic-150);--color-border-default: #30363d;--color-border-muted: #21262d;--color-neutral-muted: var(--c-basic-150);--color-accent-fg: #58a6ff;--color-accent-emphasis: #1f6feb;--color-attention-subtle: rgba(187, 128, 9, .15);--color-danger-fg: #f85149}.markdown-body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;margin:0;width:100%;max-width:900px;color:var(--color-fg-default);word-wrap:break-word}.markdown-body details,.markdown-body figcaption,.markdown-body figure{display:block}.markdown-body summary{display:list-item}.markdown-body [hidden]{display:none!important}.markdown-body a{background-color:transparent;color:var(--color-accent-fg);text-decoration:none}.markdown-body abbr[title]{border-bottom:none;text-decoration:underline dotted}.markdown-body b,.markdown-body strong{font-weight:var(--base-text-weight-semibold, 600)}.markdown-body dfn{font-style:italic}.markdown-body h1{margin:.67em 0;font-weight:var(--base-text-weight-semibold, 600);padding-bottom:.3em;font-size:1.75em;border-bottom:1px solid var(--color-border-muted)}.markdown-body mark{background-color:var(--color-attention-subtle);color:var(--color-fg-default)}.markdown-body small{font-size:90%}.markdown-body sub,.markdown-body sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.markdown-body sub{bottom:-.25em}.markdown-body sup{top:-.5em}.markdown-body img{border-style:none;max-width:100%;box-sizing:content-box;background-color:var(--color-canvas-default)}.markdown-body code,.markdown-body kbd,.markdown-body pre,.markdown-body samp{font-family:monospace;font-size:1em}.markdown-body figure{margin:1em 40px}.markdown-body hr{box-sizing:content-box;overflow:hidden;background:transparent;border-bottom:1px solid var(--color-border-muted);height:.25em;padding:0;margin:24px 0;background-color:var(--color-border-default);border:0}.markdown-body input{font:inherit;margin:0;overflow:visible;font-family:inherit;font-size:inherit;line-height:inherit}.markdown-body [type=button],.markdown-body [type=reset],.markdown-body [type=submit]{-webkit-appearance:button}.markdown-body [type=checkbox],.markdown-body [type=radio]{box-sizing:border-box;padding:0}.markdown-body [type=number]::-webkit-inner-spin-button,.markdown-body [type=number]::-webkit-outer-spin-button{height:auto}.markdown-body [type=search]::-webkit-search-cancel-button,.markdown-body [type=search]::-webkit-search-decoration{-webkit-appearance:none}.markdown-body ::-webkit-input-placeholder{color:inherit;opacity:.54}.markdown-body ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.markdown-body a:hover{text-decoration:underline}.markdown-body ::placeholder{color:var(--color-fg-subtle);opacity:1}.markdown-body hr:before{display:table;content:""}.markdown-body hr:after{display:table;clear:both;content:""}.markdown-body table{border-spacing:0;border-collapse:collapse;display:block;width:max-content;max-width:100%;overflow:auto}.markdown-body td,.markdown-body th{padding:0}.markdown-body details summary{cursor:pointer}.markdown-body details:not([open])>*:not(summary){display:none!important}.markdown-body a:focus,.markdown-body [role=button]:focus,.markdown-body input[type=radio]:focus,.markdown-body input[type=checkbox]:focus{outline:2px solid var(--color-accent-fg);outline-offset:-2px;box-shadow:none}.markdown-body a:focus:not(:focus-visible),.markdown-body [role=button]:focus:not(:focus-visible),.markdown-body input[type=radio]:focus:not(:focus-visible),.markdown-body input[type=checkbox]:focus:not(:focus-visible){outline:solid 1px transparent}.markdown-body a:focus-visible,.markdown-body [role=button]:focus-visible,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus-visible{outline:2px solid var(--color-accent-fg);outline-offset:-2px;box-shadow:none}.markdown-body a:not([class]):focus,.markdown-body a:not([class]):focus-visible,.markdown-body input[type=radio]:focus,.markdown-body input[type=radio]:focus-visible,.markdown-body input[type=checkbox]:focus,.markdown-body input[type=checkbox]:focus-visible{outline-offset:0}.markdown-body kbd{display:inline-block;padding:3px 5px;font:11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;line-height:10px;color:var(--color-fg-default);vertical-align:middle;background-color:var(--color-canvas-subtle);border:solid 1px var(--color-neutral-muted);border-bottom-color:var(--color-neutral-muted);border-radius:6px;box-shadow:inset 0 -1px 0 var(--color-neutral-muted)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{margin-top:24px;margin-bottom:16px;font-weight:var(--base-text-weight-semibold, 600);line-height:1.25}.markdown-body h2{font-weight:var(--base-text-weight-semibold, 600);padding-bottom:.3em;font-size:1.375em;border-bottom:1px solid var(--color-border-muted)}.markdown-body h3{font-weight:var(--base-text-weight-semibold, 600);font-size:1.25em}.markdown-body h4{font-weight:var(--base-text-weight-semibold, 600);font-size:1.125em}.markdown-body h5{font-weight:var(--base-text-weight-semibold, 600);font-size:.875em}.markdown-body h6{font-weight:var(--base-text-weight-semibold, 600);font-size:.85em;color:var(--color-fg-muted)}.markdown-body p{margin-top:0;margin-bottom:10px}.markdown-body blockquote{margin:0;padding:0 1em;color:var(--color-fg-muted);border-left:.25em solid var(--color-border-default)}.markdown-body ul,.markdown-body ol{margin-top:0;margin-bottom:0;padding-left:2em}.markdown-body ol ol,.markdown-body ul ol{list-style-type:lower-roman}.markdown-body ul ul ol,.markdown-body ul ol ol,.markdown-body ol ul ol,.markdown-body ol ol ol{list-style-type:lower-alpha}.markdown-body dd{margin-left:0}.markdown-body tt,.markdown-body code,.markdown-body samp{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem}.markdown-body pre{margin-top:0;margin-bottom:0;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem;word-wrap:normal}.markdown-body input::-webkit-outer-spin-button,.markdown-body input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.markdown-body:before{display:table;content:""}.markdown-body:after{display:table;clear:both;content:""}.markdown-body>*:first-child{margin-top:0!important}.markdown-body>*:last-child{margin-bottom:0!important}.markdown-body a:not([href]){color:inherit;text-decoration:none}.markdown-body p,.markdown-body blockquote,.markdown-body ul,.markdown-body ol,.markdown-body dl,.markdown-body table,.markdown-body pre,.markdown-body details{margin-top:0;margin-bottom:16px}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body h1 tt,.markdown-body h1 code,.markdown-body h2 tt,.markdown-body h2 code,.markdown-body h3 tt,.markdown-body h3 code,.markdown-body h4 tt,.markdown-body h4 code,.markdown-body h5 tt,.markdown-body h5 code,.markdown-body h6 tt,.markdown-body h6 code{padding:0 .2em;font-size:inherit}.markdown-body summary h1,.markdown-body summary h2,.markdown-body summary h3,.markdown-body summary h4,.markdown-body summary h5,.markdown-body summary h6{display:inline-block}.markdown-body summary h1,.markdown-body summary h2{padding-bottom:0;border-bottom:0}.markdown-body ul.no-list,.markdown-body ol.no-list{padding:0;list-style-type:none}.markdown-body ol[type=a]{list-style-type:lower-alpha}.markdown-body ol[type=A]{list-style-type:upper-alpha}.markdown-body ol[type=i]{list-style-type:lower-roman}.markdown-body ol[type=I]{list-style-type:upper-roman}.markdown-body ol[type="1"]{list-style-type:decimal}.markdown-body div>ol:not([type]){list-style-type:decimal}.markdown-body ul ul,.markdown-body ul ol,.markdown-body ol ol,.markdown-body ol ul{margin-top:0;margin-bottom:0}.markdown-body li>p{margin-top:16px}.markdown-body li+li{margin-top:.25em}.markdown-body dl{padding:0}.markdown-body dl dt{padding:0;margin-top:16px;font-size:.875rem;font-style:italic;font-weight:var(--base-text-weight-semibold, 600)}.markdown-body dl dd{padding:0 16px;margin-bottom:16px}.markdown-body table th{font-weight:var(--base-text-weight-semibold, 600)}.markdown-body table th,.markdown-body table td{padding:6px 13px;border:1px solid var(--color-border-default)}.markdown-body table tr{background-color:var(--color-canvas-default);border-top:1px solid var(--color-border-muted)}.markdown-body table tr:nth-child(2n){background-color:var(--color-canvas-subtle)}.markdown-body table img{background-color:transparent}.markdown-body img[align=right]{padding-left:20px}.markdown-body img[align=left]{padding-right:20px}.markdown-body code,.markdown-body tt{padding:.2em .4em;margin:0;font-size:85%;white-space:break-spaces;background-color:var(--color-neutral-muted);border-radius:6px}.markdown-body code br,.markdown-body tt br{display:none}.markdown-body del code{text-decoration:inherit}.markdown-body samp{font-size:85%}.markdown-body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:transparent;border:0}.markdown-body pre{padding:16px;overflow:auto;font-size:85%;line-height:1.45;background-color:var(--color-canvas-subtle);border-radius:6px}.markdown-body pre code,.markdown-body pre tt{display:inline;max-width:auto;padding:0;margin:0;overflow:visible;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}.markdown-body ::-webkit-calendar-picker-indicator{filter:invert(50%)}/*!
+  Theme: GitHub
+  Description: Light theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-light
+  Current colors taken from GitHub's CSS
+*/.hljs{color:#24292e}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}/*!
+  Theme: GitHub Dark
+  Description: Dark theme as seen on github.com
+  Author: github.com
+  Maintainer: @Hirse
+  Updated: 2021-05-15
+
+  Outdated base version: https://github.com/primer/github-syntax-dark
+  Current colors taken from GitHub's CSS
+*/[data-theme=dark] .hljs{color:#c9d1d9}[data-theme=dark] .hljs-doctag,[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-meta .hljs-keyword,[data-theme=dark] .hljs-template-tag,[data-theme=dark] .hljs-template-variable,[data-theme=dark] .hljs-type,[data-theme=dark] .hljs-variable.language_{color:#ff7b72}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-title.class_,[data-theme=dark] .hljs-title.class_.inherited__,[data-theme=dark] .hljs-title.function_{color:#d2a8ff}[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-attribute,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-operator,[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-selector-attr,[data-theme=dark] .hljs-selector-class,[data-theme=dark] .hljs-selector-id{color:#79c0ff}[data-theme=dark] .hljs-regexp,[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-meta .hljs-string{color:#a5d6ff}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-symbol{color:#ffa657}[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-code,[data-theme=dark] .hljs-formula{color:#8b949e}[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-quote,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-selector-pseudo{color:#7ee787}[data-theme=dark] .hljs-subst{color:#c9d1d9}[data-theme=dark] .hljs-section{color:#1f6feb;font-weight:700}[data-theme=dark] .hljs-bullet{color:#f2cc60}[data-theme=dark] .hljs-emphasis{color:#c9d1d9;font-style:italic}[data-theme=dark] .hljs-strong{color:#c9d1d9;font-weight:700}[data-theme=dark] .hljs-addition{color:#aff5b4;background-color:#033a16}[data-theme=dark] .hljs-deletion{color:#ffdcd7;background-color:#67060c}.markdown-body.svelte-hsw10l,.panel_code.svelte-15v319t{padding:1.25rem}.stage_iframe.svelte-17n05ij{display:block;align-self:center;margin:auto;height:100%;width:100%;background-color:var(--c-basic-0)}.panel.svelte-17n05ij{display:flex;flex-direction:column;flex-wrap:nowrap;position:relative;margin-bottom:.375rem;height:100%;width:100%;background-color:var(--c-basic-0);border-top:0;border-radius:0 0 .625rem .625rem;overflow-y:auto}.component_link.svelte-1cnyrt6{display:flex;margin:0;padding:.188rem 0;width:100%;height:1.375rem;text-transform:initial;font-size:.813rem;color:var(--c-basic-600);line-height:1.2;font-weight:400}.component_link.svelte-1cnyrt6:hover,.component_link.svelte-1cnyrt6:focus-visible{color:var(--c-primary);font-weight:500;background-color:var(--c-basic-100)}.component_link-container.svelte-1cnyrt6{display:flex;align-items:center}.component_link.svelte-1cnyrt6 .component_dot:where(.svelte-1cnyrt6){margin:0 .5rem 0 -.219rem;height:.375rem;width:.375rem!important;background-color:transparent;border-radius:50%}.component_link.selected.svelte-1cnyrt6 .component_dot:where(.svelte-1cnyrt6){background-color:var(--c-primary)}.component_link.selected.svelte-1cnyrt6{margin-left:-1px;color:var(--c-primary);font-weight:600;background-color:var(--c-primary-bg);border-left:1px solid var(--c-primary)}.component_icon.svelte-1cnyrt6{display:flex;align-items:center;margin:0 .5rem 0 0;color:var(--c-basic-400)}.component_label.svelte-1cnyrt6{margin-right:.5rem;overflow:hidden;white-space:nowrap}.bookmarks.svelte-qxg2ml{display:none}@media (min-height: 500px) and (min-width: 500px){.bookmarks.svelte-qxg2ml{display:block}}.bookmarks_title.svelte-qxg2ml{display:flex;justify-content:flex-start;align-items:center;width:100%;margin:0;padding:.5rem .688rem .375rem}.bookmarks_title-icon.svelte-qxg2ml{display:flex;align-items:center;margin-right:.375rem;color:var(--c-primary)}.bookmarks_title-label.svelte-qxg2ml{display:flex;width:100%;font-size:.813rem;color:var(--c-basic-900);font-weight:600;text-transform:uppercase;overflow:hidden;white-space:nowrap}.border-btm.svelte-qxg2ml{margin:1rem 0 .5rem;height:1px;border-bottom:1px solid var(--c-bg-body)}.components.svelte-qxg2ml{margin-left:1.063rem;width:100%;border-left:1px solid var(--c-basic-250)}.component.svelte-qxg2ml{display:flex;height:1.375rem;width:100%;z-index:1}.close.svelte-qxg2ml{position:absolute;display:flex;justify-content:flex-end;align-items:center;right:0;width:1.75rem;height:1.375rem;z-index:9;background-color:var(--c-sidebar-bg)}.component:has(.component_link:hover) .close,.component:has(.component_link:focus-visible) .close{background-color:var(--c-basic-100)}.component:has(.close:hover) .component_link.selected,.component:has(.component_link.selected) .close{background-color:var(--c-primary-bg)!important}.component:has(.close:hover) .component_link,.close.svelte-qxg2ml:hover{background-color:var(--c-basic-100)}.close-icon.svelte-qxg2ml{display:block;color:var(--c-basic-600)}.close.svelte-qxg2ml:hover .close-icon:where(.svelte-qxg2ml),.close.svelte-qxg2ml:focus-visible .close-icon:where(.svelte-qxg2ml){color:var(--c-primary);stroke-width:4}.components.svelte-1nn9bvq{margin-left:1.063rem;border-left:1px solid var(--c-basic-250)}.component.svelte-1nn9bvq{height:1.375rem}.level-1.svelte-1nn9bvq{width:100%;margin:0;padding:0;border:none}.folder.svelte-1nn9bvq{display:block;margin:0}.folder_btn.svelte-1nn9bvq{display:flex;justify-content:flex-start;align-items:center;width:100%;margin:0;padding:.5rem .688rem .375rem}.folder_label.svelte-1nn9bvq{display:flex;width:100%;font-size:.813rem;color:var(--c-basic-900);font-weight:600;text-transform:uppercase;overflow:hidden;white-space:nowrap}.folder_btn.svelte-1nn9bvq:hover{background-color:var(--c-basic-100)}.folder_btn.svelte-1nn9bvq:hover .folder_label:where(.svelte-1nn9bvq){color:var(--c-primary)}.folder_btn.svelte-1nn9bvq:focus-visible{color:var(--c-primary);outline:none;background-color:var(--c-basic-100)}.folder_arrow.svelte-1nn9bvq{display:flex;align-items:center;width:.938rem;height:1.25rem;transition:.2s;margin-right:.375rem;color:var(--c-basic-900)}.folder_arrow.unfolded_icon.svelte-1nn9bvq{transform:rotate(180deg);transition:.2s}.folder_icon.svelte-1nn9bvq{display:flex;align-items:center;margin-right:.375rem;color:var(--c-primary)}.btn_level-3.svelte-1nn9bvq .folder_label:where(.svelte-1nn9bvq){font-size:.813rem}.filter_list.svelte-1nn9bvq .highlight{padding:0 .125rem;color:var(--c-primary);font-weight:700}.sidebar_container.svelte-v0in3m{margin-right:.125rem;display:flex;flex-direction:column;position:relative;height:calc(100vh - .75rem);background-color:var(--c-sidebar-bg);border-radius:.625rem;transition:width .1s;overflow:hidden}.show-sidebar.svelte-v0in3m{margin:.375rem .125rem .375rem 0;box-sizing:border-box}.project-identifier.svelte-v0in3m{position:relative;display:flex;flex-shrink:0;flex-direction:row;justify-content:center;align-items:center;padding:.25rem .688rem;margin:0 0 .125rem;width:100%;height:2.25rem;background-color:var(--c-sidebar);inline-size:100%;overflow:hidden;white-space:nowrap;font-size:1.25rem;color:var(--c-primary);text-decoration:none;font-weight:900;line-height:1}.project-identifier.has-logo.svelte-v0in3m{height:auto}.project-identifier.svelte-v0in3m:focus-visible{color:var(--c-basic-500)}.project-identifier.svelte-v0in3m span:where(.svelte-v0in3m){overflow:hidden}.filter.svelte-v0in3m{display:flex;flex-shrink:0;margin:0 0 .25rem;padding:.25rem .688rem;height:2.25rem}.filter_input.svelte-v0in3m{padding:.125rem .125rem .125rem .688rem;width:100%;height:100%;color:var(--c-basic-900);background-color:var(--c-basic-0);border:1px solid var(--c-primary);border-radius:1.75rem}input.filter_input[type=search].svelte-v0in3m{font-size:.813rem}input[type=search].svelte-v0in3m::-webkit-search-cancel-button{-webkit-appearance:none}.filter_input.svelte-v0in3m::placeholder{font-size:.813rem;color:var(--c-basic-500)}.filter_input.svelte-v0in3m:focus{background-color:var(--c-primary-bg);box-shadow:0 0 0 1px var(--c-primary)}.filter_zero-results.svelte-v0in3m{width:100%;padding:.5rem .688rem .375rem;text-transform:initial;font-size:.813rem;color:var(--c-basic-600);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.components-nav.svelte-v0in3m{display:flex;flex-shrink:1;overflow:hidden;visibility:visible;width:var(--w-sidebar);overflow-y:auto;margin:0 0 1rem}.controls.svelte-v0in3m{display:none}@media (min-height: 35rem){.controls.svelte-v0in3m{display:block;flex-shrink:0;width:100%;height:103px;bottom:.375rem;padding:0;background-color:var(--c-sidebar);border-top:1px solid var(--c-bg-body);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;overflow:hidden}}.controls_btn.svelte-v0in3m{display:flex;justify-content:flex-start;align-items:center;width:100%;height:2.125rem;margin:0;padding:0 .688rem;text-align:left}.controls_btn.svelte-v0in3m:hover,.controls_btn.svelte-v0in3m:focus-visible{background-color:var(--c-basic-100)}.controls_btn-icon.svelte-v0in3m{margin:0;color:var(--c-basic-700)}.controls_btn-label.svelte-v0in3m{position:relative;align-self:center;margin-left:.75rem;width:100%;color:var(--c-basic-900);font-size:.875rem;font-weight:400}.controls_btn.svelte-v0in3m:hover .controls_btn-label:where(.svelte-v0in3m),.controls_btn.svelte-v0in3m:focus-visible .controls_btn-label:where(.svelte-v0in3m),.controls_btn.svelte-v0in3m:hover .controls_btn-icon:where(.svelte-v0in3m),.controls_btn.svelte-v0in3m:focus-visible .controls_btn-icon:where(.svelte-v0in3m){color:var(--c-primary)}.dropdown.svelte-4algbe{position:relative;display:inline-block;z-index:99}.dropdown_items.svelte-4algbe{visibility:hidden;position:absolute;left:0;padding:.375rem 0 0;z-index:9}.dropdown_items-right.svelte-4algbe{left:unset;right:0}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe){margin:0;padding:0;background-color:var(--c-basic-50);filter:drop-shadow(0px 5px 5px rgba(0,0,0,.05)) drop-shadow(0 1px 3px rgba(0,0,0,.1));border-radius:.5rem;overflow:hidden}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe){display:block;list-style:none;margin:0;padding:0}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button:where(.svelte-4algbe){display:flex;align-items:center;justify-items:flex-start;width:100%;min-width:5rem;padding:.5rem;font-size:.75rem;color:var(--c-basic-900);font-weight:500;text-transform:capitalize;white-space:nowrap}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button:where(.svelte-4algbe) .dropdown_item-dot:where(.svelte-4algbe){display:block;margin:0 .5rem 0 0;height:.313rem;width:.313rem;background-color:transparent;border-radius:50%}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button.active:where(.svelte-4algbe) .dropdown_item-dot:where(.svelte-4algbe),.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button.active:where(.svelte-4algbe):hover .dropdown_item-dot:where(.svelte-4algbe){background-color:var(--c-primary)}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button:where(.svelte-4algbe):hover,.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button:where(.svelte-4algbe):focus-visible{color:var(--c-primary);background-color:var(--c-basic-100)}.dropdown_items.svelte-4algbe ul:where(.svelte-4algbe) li:where(.svelte-4algbe) button.active:where(.svelte-4algbe){color:var(--c-primary);font-weight:500;background-color:var(--c-primary-bg);border-color:var(--c-primary)}.dropdown.svelte-4algbe:hover>.dropdown_items:where(.svelte-4algbe),.dropdown.svelte-4algbe:focus-visible>.dropdown_items:where(.svelte-4algbe){display:block;visibility:visible}.topbar.svelte-etku71{--h-topbar: 2.25rem;margin:.375rem 0;width:100%;height:var(--h-topbar);background-color:var(--c-topbar-bg);border-radius:.625rem}.topbar_container.svelte-etku71{display:flex;justify-content:space-between;width:100%;height:100%;padding:0;z-index:999999}.topbar_nav.svelte-etku71{display:flex;align-items:center}.topbar_btn.svelte-etku71{display:flex;align-items:center;padding:0 .375rem;height:var(--h-topbar);background:none}.topbar_btn.svelte-etku71:hover,.topbar_btn.svelte-etku71:focus-visible{background-color:var(--c-basic-100)}.is-hidden.svelte-etku71{position:absolute!important;overflow:hidden;width:1px;height:1px;padding:0;border:0;clip:rect(1px,1px,1px,1px)}.topbar_btn.svelte-etku71 svg:where(.svelte-etku71){height:1.125rem;color:var(--c-basic-700)}.topbar_btn.svelte-etku71:hover svg:where(.svelte-etku71),.topbar_btn.svelte-etku71:focus-visible svg:where(.svelte-etku71){color:var(--c-primary)}.is-first-btn.svelte-etku71{border-radius:.5rem 0 0 .5rem}.is-last-btn.svelte-etku71{border-radius:0 .5rem .5rem 0}@media (max-height: 499px){.bookmark_btn.svelte-etku71,.reveal_btn.svelte-etku71{display:none}}@media (max-width: 499px){.bookmark_btn.svelte-etku71,.reveal_btn.svelte-etku71,.openexternal_btn.svelte-etku71{display:none}}.stagesize-value.svelte-etku71{display:none}@media (min-width: 640px){.stagesize-value.svelte-etku71{display:inline-flex;align-items:center;padding:0 1rem;font-size:.75rem}.stagesize-input.svelte-etku71{padding:.25rem .375rem;width:42px;font-size:.75rem;font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,"Ubuntu Monospace",Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,"monospace";color:var(--c-basic-600);text-align:right;background-color:transparent;border:1px solid var(--c-primary);border-radius:.125rem;-moz-appearance:textfield;appearance:textfield;margin:0}.stagesize-input.svelte-etku71::-webkit-inner-spin-button,.stagesize-input.svelte-etku71::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stagesize-input.svelte-etku71:focus-visible{background-color:var(--c-primary-bg)}.stagesize-input.svelte-etku71:disabled{border-color:transparent}.stagesize-value-multi_sign.svelte-etku71{margin:0 .25rem;color:var(--c-basic-700)}}.stagesize-nav.svelte-etku71{display:none}@media (min-width: 1280px){.stagesize-nav.svelte-etku71{position:relative;display:inline-flex;background-color:var(--c-basic-100)}.stagesize-nav.svelte-etku71 button:where(.svelte-etku71){position:relative;display:flex;justify-content:center;flex-direction:column;align-self:center;height:var(--h-topbar);margin:0;padding:0 .25rem;background:none;overflow:hidden}.stagesize-nav.svelte-etku71 button:where(.svelte-etku71):hover,.stagesize-nav.svelte-etku71 button:where(.svelte-etku71):focus-visible{background-color:var(--c-basic-150)}.stagesize-nav.svelte-etku71 svg:where(.svelte-etku71){height:1.125rem;color:var(--c-basic-700);transition:.2s}.stagesize-nav.svelte-etku71 button:where(.svelte-etku71):hover svg:where(.svelte-etku71),.stagesize-nav.svelte-etku71 button:where(.svelte-etku71):focus-visible svg:where(.svelte-etku71),.stagesize-nav.svelte-etku71 button.active:where(.svelte-etku71) svg:where(.svelte-etku71){color:var(--c-primary)}.stagesize-nav.svelte-etku71 svg.landscape:where(.svelte-etku71){transform:rotate(90deg);transition:.2s}.stagesize-nav.svelte-etku71 .dot:where(.svelte-etku71){display:block;position:absolute;left:50%;bottom:.125rem;transform:translate(-50%);height:.313rem;width:.313rem;background-color:transparent;border-radius:50%}.stagesize-nav.svelte-etku71 button.active:where(.svelte-etku71){background-color:var(--c-primary-bg)}.stagesize-nav.svelte-etku71 button.active:where(.svelte-etku71) .dot:where(.svelte-etku71){background-color:var(--c-primary)}}button.topbar_btn.active.svelte-etku71{background-color:var(--c-primary-bg)}button.topbar_btn.active.svelte-etku71 .dot:where(.svelte-etku71){background-color:var(--c-primary)}.garden.svelte-1ytl8i1{margin:0;padding:0 .375rem;width:100vw;height:100vh;overflow:hidden;background-color:var(--c-bg-body)}.main.svelte-1ytl8i1{margin-left:.125rem;display:flex;flex-direction:column;width:100%;height:100vh;overflow-y:auto}.message.svelte-1ytl8i1{display:inline-block;margin:1rem;padding:1rem;background-color:#fff;border-radius:.625rem}.click-completed.svelte-1ytl8i1{margin:0 0 .75rem;font-size:120%;font-weight:500}.instruction.svelte-1ytl8i1 button:where(.svelte-1ytl8i1){padding:.125rem .75rem;background:var(--c-basic-150);border-radius:.375rem;font-size:90%;color:var(--c-basic-900);font-weight:600;text-transform:uppercase}*,:before,:after{box-sizing:border-box;border:0 solid #fff}*:focus,*:focus:not(:focus-visible){outline:none}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background-color:var(--c-bg-body)}body{margin:0;min-height:100vh;text-rendering:optimizeSpeed;line-height:1}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}a{text-decoration-skip-ink:auto}img,picture,embed,object,video{max-width:100%;width:auto;height:auto}img,video,canvas,audio,iframe,embed,object{display:block;border:none}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--c-primary: hsl(185, 80%, 40%);--c-primary-bg: hsl(185, 100%, 95%);--c-basic-0: hsl(216, 20%, 100%);--c-basic-50: hsl(216, 20%, 98%);--c-basic-75: hsl(216, 20%, 96%);--c-basic-100: hsl(216, 20%, 94%);--c-basic-150: hsl(216, 20%, 90%);--c-basic-200: hsl(216, 20%, 87%);--c-basic-250: hsl(216, 20%, 84%);--c-basic-300: hsl(216, 20%, 81%);--c-basic-400: hsl(216, 20%, 64%);--c-basic-500: hsl(216, 20%, 46%);--c-basic-600: hsl(216, 20%, 32%);--c-basic-700: hsl(216, 20%, 25%);--c-basic-800: hsl(216, 20%, 15%);--c-basic-900: hsl(216, 20%, 10%);--c-bg-body: var(--c-basic-200);--c-topbar-bg: var(--c-basic-0);--c-sidebar-bg: var(--c-basic-0);--c-dragbar-bg: var(--c-basic-100);--c-dragbar-bg-hover: var(--c-basic-200);--c-dragbar-icon: var(--c-basic-400)}[data-theme=dark]{--c-primary: hsl(185, 80%, 70%);--c-primary-bg: hsl(185, 80%, 17%);--c-basic-0: hsl(216, 30%, 5%);--c-basic-50: hsl(216, 30%, 10%);--c-basic-75: hsl(216, 30%, 14%);--c-basic-100: hsl(216, 30%, 18%);--c-basic-150: hsl(216, 30%, 22%);--c-basic-200: hsl(216, 30%, 25%);--c-basic-250: hsl(216, 30%, 30%);--c-basic-300: hsl(216, 30%, 33%);--c-basic-400: hsl(216, 30%, 46%);--c-basic-500: hsl(216, 30%, 64%);--c-basic-600: hsl(216, 30%, 83%);--c-basic-700: hsl(216, 30%, 90%);--c-basic-800: hsl(216, 30%, 96%);--c-basic-900: hsl(216, 30%, 98%);--c-bg-body: var(--c-basic-150);--c-topbar-bg: var(--c-basic-0);--c-sidebar-bg: var(--c-basic-0);--c-dragbar-bg: var(--c-basic-250);--c-dragbar-bg-hover: var(--c-basic-150);--c-dragbar-icon: var(--c-basic-500)}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";text-shadow:1px 1px 1px rgba(0,0,0,.004);-webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;color:var(--c-basic-600);line-height:1.2}p{margin:.5rem 0;font-size:.875rem;color:var(--c-basic-600);line-height:1.5}li{font-size:.875rem;color:var(--c-basic-600);line-height:1.5}a,a:visited{font-size:.875rem;color:var(--c-primary);line-height:1.5;text-decoration:underline;text-decoration-skip-ink:auto}nav ol,nav ul{margin:0;padding:0;list-style:none}nav li{display:block;margin:0;padding:0}nav a{display:block;margin:0;padding:0;text-decoration:none}button{cursor:pointer;background-color:transparent;border:none}