gardenjs 1.7.0 → 1.7.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/dist/assets/{frame-BOcgZVOc.js → frame-DZrm9TF0.js} +4 -4
- package/dist/assets/index-D3v3wg7J.js +46 -0
- package/dist/assets/index-qFmggI7l.css +19 -0
- package/dist/assets/{props-COK33XqS.js → props-BQOViwFg.js} +1 -1
- package/dist/frame.html +2 -2
- package/dist/index.html +3 -3
- package/package.json +1 -1
- package/src/client/components/stage/Stage.svelte +1 -1
- package/src/client/components/stage/panel/ParamsPane.svelte +72 -5
- package/src/client/components/stage/panel/controls/BooleanControl.svelte +49 -28
- package/src/client/components/stage/panel/controls/JsonControl.svelte +76 -10
- package/src/client/components/stage/panel/controls/NumberControl.svelte +55 -11
- package/src/client/components/stage/panel/controls/SelectControl.svelte +61 -42
- package/src/client/components/stage/panel/controls/button.scss +0 -1
- package/src/client/components/stage/panel/controls/button_unset.scss +2 -3
- package/src/client/components/stage/panel/controls/input.scss +0 -1
- package/src/client/logic/localStore.js +1 -1
- package/dist/assets/index-BDdBNVTh.css +0 -19
- package/dist/assets/index-DFG9gkdS.js +0 -46
|
@@ -2,22 +2,66 @@
|
|
|
2
2
|
let {
|
|
3
3
|
value,
|
|
4
4
|
onChange,
|
|
5
|
-
}: { value: number; onChange: (value: number) => void } =
|
|
5
|
+
}: { value: number | null; onChange: (value: number | null) => void } =
|
|
6
|
+
$props()
|
|
7
|
+
|
|
8
|
+
let isUnset = $derived(value === undefined || value === null)
|
|
6
9
|
</script>
|
|
7
10
|
|
|
8
|
-
<
|
|
9
|
-
class="
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
<div class="row">
|
|
12
|
+
<div class="container">
|
|
13
|
+
<input
|
|
14
|
+
class="input"
|
|
15
|
+
type="number"
|
|
16
|
+
value={value ?? ''}
|
|
17
|
+
oninput={(e) => {
|
|
18
|
+
const newValue = (e.currentTarget as HTMLInputElement).valueAsNumber
|
|
19
|
+
if (Number.isFinite(newValue)) {
|
|
20
|
+
onChange(newValue)
|
|
21
|
+
} else {
|
|
22
|
+
onChange(null)
|
|
23
|
+
}
|
|
24
|
+
}}
|
|
25
|
+
/>
|
|
26
|
+
</div>
|
|
27
|
+
<div class="unset-area">
|
|
28
|
+
{#if isUnset}
|
|
29
|
+
<span class="unset-info">is not set</span>
|
|
30
|
+
{:else}
|
|
31
|
+
<button class="btn_unset" onclick={() => onChange(null)}>
|
|
32
|
+
<svg
|
|
33
|
+
class="close"
|
|
34
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
35
|
+
width="12"
|
|
36
|
+
height="12"
|
|
37
|
+
viewBox="0 0 24 24"
|
|
38
|
+
fill="none"
|
|
39
|
+
stroke="currentColor"
|
|
40
|
+
stroke-width="2"
|
|
41
|
+
stroke-linecap="round"
|
|
42
|
+
stroke-linejoin="round"
|
|
43
|
+
>
|
|
44
|
+
<path d="M18 6L6 18M6 6l12 12" />
|
|
45
|
+
</svg>
|
|
46
|
+
unset
|
|
47
|
+
</button>
|
|
48
|
+
{/if}
|
|
49
|
+
</div>
|
|
50
|
+
</div>
|
|
17
51
|
|
|
18
|
-
<style>
|
|
52
|
+
<style lang="scss">
|
|
53
|
+
@use './button_unset.scss';
|
|
19
54
|
@import './input.scss';
|
|
20
55
|
|
|
56
|
+
.row {
|
|
57
|
+
display: flex;
|
|
58
|
+
gap: 0.5rem;
|
|
59
|
+
align-items: center;
|
|
60
|
+
}
|
|
61
|
+
.container {
|
|
62
|
+
flex: 1;
|
|
63
|
+
display: block;
|
|
64
|
+
}
|
|
21
65
|
.input {
|
|
22
66
|
padding-right: 0;
|
|
23
67
|
-moz-appearance: auto;
|
|
@@ -5,47 +5,49 @@
|
|
|
5
5
|
</script>
|
|
6
6
|
|
|
7
7
|
{#if control === 'radio'}
|
|
8
|
-
<div class="radio-
|
|
9
|
-
|
|
10
|
-
{
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
<
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
<svg
|
|
33
|
-
class="close"
|
|
34
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
35
|
-
width="12"
|
|
36
|
-
height="12"
|
|
37
|
-
viewBox="0 0 24 24"
|
|
38
|
-
fill="none"
|
|
39
|
-
stroke="currentColor"
|
|
40
|
-
stroke-width="2"
|
|
41
|
-
stroke-linecap="round"
|
|
42
|
-
stroke-linejoin="round"
|
|
8
|
+
<div class="radio-row">
|
|
9
|
+
<div class="radio-group">
|
|
10
|
+
{#each options as option, index (option.value ?? option ?? index)}
|
|
11
|
+
{@const optionValue = option.value ?? option}
|
|
12
|
+
{@const optionLabel = option.label ?? option}
|
|
13
|
+
<label class="radio-option">
|
|
14
|
+
<input
|
|
15
|
+
type="radio"
|
|
16
|
+
name="radio-{Math.random()}"
|
|
17
|
+
value={optionValue}
|
|
18
|
+
checked={value === optionValue}
|
|
19
|
+
onchange={(e) => onChange(e.currentTarget.value)}
|
|
20
|
+
/>
|
|
21
|
+
<span class="radio-label">{optionLabel}</span>
|
|
22
|
+
</label>
|
|
23
|
+
{/each}
|
|
24
|
+
</div>
|
|
25
|
+
<div class="unset-area">
|
|
26
|
+
{#if isUnset}
|
|
27
|
+
<div class="unset-info radio-unset">is not set</div>
|
|
28
|
+
{:else}
|
|
29
|
+
<button
|
|
30
|
+
class="btn_unset radio-btn-unset"
|
|
31
|
+
onclick={() => onChange(undefined)}
|
|
43
32
|
>
|
|
44
|
-
<
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
33
|
+
<svg
|
|
34
|
+
class="close"
|
|
35
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
36
|
+
width="12"
|
|
37
|
+
height="12"
|
|
38
|
+
viewBox="0 0 24 24"
|
|
39
|
+
fill="none"
|
|
40
|
+
stroke="currentColor"
|
|
41
|
+
stroke-width="2"
|
|
42
|
+
stroke-linecap="round"
|
|
43
|
+
stroke-linejoin="round"
|
|
44
|
+
>
|
|
45
|
+
<path d="M18 6L6 18M6 6l12 12" />
|
|
46
|
+
</svg>
|
|
47
|
+
unset
|
|
48
|
+
</button>
|
|
49
|
+
{/if}
|
|
50
|
+
</div>
|
|
49
51
|
</div>
|
|
50
52
|
{:else}
|
|
51
53
|
<div class="row">
|
|
@@ -154,7 +156,19 @@
|
|
|
154
156
|
pointer-events: none;
|
|
155
157
|
}
|
|
156
158
|
|
|
157
|
-
/* Radio variant
|
|
159
|
+
/* Radio variant: same row layout as select – radio group fills width, unset right, top-aligned */
|
|
160
|
+
.radio-row {
|
|
161
|
+
display: flex;
|
|
162
|
+
align-items: flex-start;
|
|
163
|
+
gap: 0.5rem;
|
|
164
|
+
width: 100%;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.radio-row .radio-group {
|
|
168
|
+
flex: 1;
|
|
169
|
+
min-width: 0;
|
|
170
|
+
}
|
|
171
|
+
|
|
158
172
|
.radio-group {
|
|
159
173
|
display: flex;
|
|
160
174
|
flex-direction: column;
|
|
@@ -222,9 +236,14 @@
|
|
|
222
236
|
}
|
|
223
237
|
}
|
|
224
238
|
|
|
239
|
+
.radio-row .unset-area {
|
|
240
|
+
flex-shrink: 0;
|
|
241
|
+
margin-top: 0;
|
|
242
|
+
}
|
|
243
|
+
|
|
225
244
|
.radio-unset,
|
|
226
245
|
.radio-btn-unset {
|
|
227
|
-
margin: 0
|
|
246
|
+
margin: 0;
|
|
228
247
|
}
|
|
229
248
|
|
|
230
249
|
.radio-unset {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
display: flex;
|
|
3
3
|
justify-content: flex-end;
|
|
4
4
|
align-self: start;
|
|
5
|
-
margin: 0.
|
|
5
|
+
margin: 0.068rem 0 0;
|
|
6
6
|
}
|
|
7
7
|
.unset-info {
|
|
8
8
|
margin: 0 0 0 0.5rem;
|
|
@@ -21,13 +21,12 @@
|
|
|
21
21
|
width: 4.25rem;
|
|
22
22
|
height: 1.25rem;
|
|
23
23
|
background-color: var(--c-basic-100);
|
|
24
|
-
border-radius: 0.375rem;
|
|
25
24
|
font-size: 0.75rem;
|
|
26
25
|
color: var(--c-basic-800);
|
|
27
26
|
}
|
|
28
27
|
.btn_unset:hover,
|
|
29
28
|
.btn_unset:focus-visible {
|
|
30
|
-
background-color: var(--c-
|
|
29
|
+
background-color: var(--c-basic-150);
|
|
31
30
|
color: var(--c-primary);
|
|
32
31
|
}
|
|
33
32
|
.btn_unset .close {
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
.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%)}/*!
|
|
2
|
-
Theme: GitHub
|
|
3
|
-
Description: Light theme as seen on github.com
|
|
4
|
-
Author: github.com
|
|
5
|
-
Maintainer: @Hirse
|
|
6
|
-
Updated: 2021-05-15
|
|
7
|
-
|
|
8
|
-
Outdated base version: https://github.com/primer/github-syntax-light
|
|
9
|
-
Current colors taken from GitHub's CSS
|
|
10
|
-
*/.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}/*!
|
|
11
|
-
Theme: GitHub Dark
|
|
12
|
-
Description: Dark theme as seen on github.com
|
|
13
|
-
Author: github.com
|
|
14
|
-
Maintainer: @Hirse
|
|
15
|
-
Updated: 2021-05-15
|
|
16
|
-
|
|
17
|
-
Outdated base version: https://github.com/primer/github-syntax-dark
|
|
18
|
-
Current colors taken from GitHub's CSS
|
|
19
|
-
*/[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}
|